#body{font-family:'Titillium Web',sans-serif;font-weight:400;font-size:16px;font-display:swap;}
#body #scrolltop{display:none;position:fixed;right:35px;bottom:30px;width:50px;height:55px;background-color:#3041fd;background-image:url(//tramino.s3.amazonaws.com/s/ski-ok/766237/collapse-arrow.png);background-size:30px;background-repeat:no-repeat;background-position:center 11px;cursor:pointer;z-index:25}
#body #scrolltop:hover{background-color:#3041fd}
#body .bold{font-weight:700}
#body .maxwidth{width:900px;margin:0 auto}
#body .action_button{color:#fff;background-color:#ff7e00}
#body .button{font-size:18px;font-weight:600;color:#fff;display:inline-block;padding:5px 20px}
#body .button.background-blue:hover{background-color:#3041fd!important}
#body .background-blue{color:#fff;background-color:#025572}
#body .color-blue{color:#025572}
#body .background-pink{color:#fff;background-color:#c22277}
#body .color-pink{color:#c22277}
#body .background-purple{color:#fff;background-color:#983688}
#body .color-purple{color:#983688}
#body .background-orange{color:#fff;background-color:#fe8f0b}
#body .color-orange{color:#fe8f0b}
#body .background-black{color:#fff;background-color:#7d7d7d}
#body .color-black{color:#7d7d7d}
#body .background-red{color:#fff;background-color:#ad1423}
#body .color-red{color:#ad1423}
#body .background-green{color:#fff;background-color:#75b829}
#body .color-green{color:#75b829}
#body .mask-background-blue{background-image:url(https://tramino.s3.amazonaws.com/s/ski-ok/955009/bg-blau.jpg);background-repeat:no-repeat;background-size:cover!important}
#body .mask-background-red{background-image:url(https://tramino.s3.amazonaws.com/s/ski-ok/955011/bg-red.jpg);background-repeat:no-repeat;background-size:cover!important}
#body .mask-background-green{background-image:url(https://tramino.s3.amazonaws.com/s/ski-ok/955010/bg-green.jpg);background-repeat:no-repeat;background-size:cover!important}
#body .headline_large,#body h1{font-weight:700;font-size:35px;line-height:1.1}
#body .headline_medium,#body h2{font-weight:700;font-size:24px;line-height:1.3}
#body .textstyle{font-size:14px;line-height:1.25}
#body .textstyle2{font-size:16px;line-height:1.3}
#body .image_copyright{position:absolute;bottom:10px;right:10px;color:#fff;font-size:14px;line-height:1;text-shadow:1px 1px 3px #000;text-shadow:1px 1px 3px rgba(0,0,0,.6)}
#body .unveilimg,#body .unveilimg_slider{background:url(//tramino.s3.amazonaws.com/s/ski-ok/682451/default.gif) center center no-repeat}
#body .T3667 .carousel_inner{overflow-x:visible!important}
#body ul.slick-dots{bottom:20px!important}
#body .slick-dots li button::before{font-size:45px!important;color:#999!important;opacity:1!important}
#body .slick-dots li.slick-active button::before{color:#3041fd!important}
#body .tile .arr{position:absolute;bottom:23px;right:10px;width:30px;height:40px;z-index:1;background-repeat:no-repeat;background-image:url(https://tramino.s3.amazonaws.com/s/ski-ok/741549/rarr-white-png.png);background-image:url(https://tramino.s3.amazonaws.com/s/ski-ok/741550/rarr-white.svg)}
#body .tile .tileinner{position:absolute;bottom:20px;left:20px;right:20px;z-index:1}
#body .tile .tileinner .flag{display:inline-block;padding:3px 10px;margin-bottom:10px;background-color:#fff;color:#111;text-transform:uppercase;font-weight:700;font-family:'Open Sans',sans-serif;letter-spacing:1px;font-size:13px}
#body .tile .tileinner .name{width:80%;color:#fff;font-size:20px;font-weight:600;line-height:1.3;letter-spacing:.5px}
#body .tile:after{position:absolute;width:100%;height:100%;top:0;left:0;content:'\A';transition:all 1s;-webkit-transition:all 1s;opacity:1;background:rgba(0,0,0,.3)}
#body .tile.hover:hover .name{text-shadow:1.5px .5px 2px #3f3f3f}
#body .tile:hover:after{opacity:0}
#body .tile.nohover:after{opacity:0!important}
#body .tile.special .name{text-align:center!important;width:100%!important}
#body .tile .mask{background-repeat:no-repeat;background-position:center;background-size:90px;width:100%;height:100%}
#body .mask.pistenplan{background-size:80px;background-image:url(https://tramino.s3.amazonaws.com/s/ski-ok/744217/pistenplan.svg)}
#body .mask.anreisebahn{background-size:60px;background-image:url(https://tramino.s3.amazonaws.com/s/ski-ok/742071/anreise.svg)}
#body .mask.anreiseauto{background-size:60px;background-image:url(https://tramino.s3.amazonaws.com/s/ski-ok/743797/auto.svg)}
#body .mask.anreiseflugzeug{background-size:60px;background-image:url(https://tramino.s3.amazonaws.com/s/ski-ok/742068/flugzeug.svg)}
#body .mask.veranstaltungen{background-size:60px;background-image:url(https://tramino.s3.amazonaws.com/s/ski-ok/750576/event.svg)}
#body .mask.clubkarte{background-size:80px;background-image:url(https://tramino.s3.amazonaws.com/s/ski-ok/742047/clubcard.svg);}
#body .mask.skitickets{background-size:60px;background-image:url(https://tramino.s3.amazonaws.com/s/ski-ok/742045/skiticket.svg)}
#body .mask.fairepreise{background-size:60px;background-image:url(https://tramino.s3.amazonaws.com/s/ski-ok/750579/fairepreise.svg)}
#body .mask.elternkarte{background-size:60px;background-image:url(https://tramino.s3.amazonaws.com/s/ski-ok/750581/eltern.svg)}
.skioksyling .item{position:relative;float:left;margin:0 20px 0 0;height:35px}
.skioksyling .item.button{padding:0!important;height:35px!important}
.skioksyling .item.personen{margin-right:45px!important}
.skioksyling .item.button .button-search{height:100%}
.skioksyling .item:last-child{margin:0}
.skioksyling .item .calender{background-image:url(https://tramino.s3.amazonaws.com/s/ski-ok/741385/calender.svg);background-size:15px 15px;background-position:top 8px right 5px;background-repeat:no-repeat;border:1px solid transparent;font-weight:700;padding:10px 50px 10px 15px;font-size:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.skioksyling .item select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0;font-size:12px;font-weight:700;border:1px solid transparent;padding:10px 50px 10px 15px;box-shadow:none;background-color:#fff;background-image:url(https://tramino.s3.amazonaws.com/s/ski-ok/741464/pfeil.svg);background-size:11px 6px;background-position:top 15px right 10px;background-repeat:no-repeat;display:block;cursor:pointer}
.skioksyling .item.fakeselect .value{font-size:13px;font-weight:700;border:1px solid transparent;padding:7px 50px 7px 15px;box-shadow:none;background-color:#fff;background-image:url(https://tramino.s3.amazonaws.com/s/ski-ok/741464/pfeil.svg);background-size:11px 6px;background-position:top 15px right 10px;background-repeat:no-repeat;display:block;cursor:pointer}
.skioksyling .item input[type=submit]{border:1px solid transparent;font-weight:700;font-size:13px;padding:7px 15px 8px 15px;cursor:pointer}
.skioksyling .options{position:absolute;top:37px;left:0;z-index:10;background-color:#eee;display:none;box-shadow:0 2px 5px rgba(0,0,0,.7)}
.skioksyling .item.personen .options select{margin:0 5px 10px 5px;width:180px!important}
.skioksyling .item.open .options{display:block}
.skioksyling .item.personen select.kinder_alter{display:none}
.skioksyling .item.personen select.kinder_alter.show{display:block}
.skioksyling .datepicker .ui-datepicker{color:#fff;background-color:#fff;width:200px}
.skioksyling .datepicker .ui-datepicker.ui-widget-content{border-width:0}
.skioksyling .datepicker .ui-datepicker.ui-widget-content a{color:#000!important}
.skioksyling .datepicker .ui-datepicker .ui-widget-header{color:#777;font-weight:400;font-size:10px;text-transform:uppercase;border-bottom:1px solid #555}
.skioksyling .datepicker .ui-datepicker .ui-widget-header .ui-state-hover{background-color:#444!important}
.skioksyling .datepicker .ui-datepicker table{color:#000}
.skioksyling .datepicker .ui-datepicker table th{color:#777;font-weight:400;text-transform:uppercase;font-size:10px;width:20px}
.skioksyling .datepicker .ui-datepicker table td{border-width:0}
.skioksyling .datepicker .ui-datepicker .ui-state-default{background-color:transparent;color:#fff}
.skioksyling .datepicker .ui-datepicker td span{width:auto}
.skioksyling .datepicker .ui-datepicker td a{width:auto}
.skioksyling .datepicker .ui-datepicker td.ui-datepicker-week-end span{background-color:transparent;color:#000}
.skioksyling .datepicker .ui-datepicker td.ui-datepicker-week-end a{background-color:transparent;color:#000}
.skioksyling .datepicker .ui-datepicker .ui-datepicker-other-month{background-color:transparent}
.skioksyling .datepicker .ui-datepicker td.ui-datepicker-unselectable span{background-color:transparent;color:#555}
.skioksyling .datepicker .ui-datepicker td.advent a{color:#fff!important;background:#fe8f0b;margin-bottom:2px}
.skioksyling .datepicker .ui-datepicker td.traum a{color:#fff!important;background:#025572;margin-bottom:2px}
.skioksyling .datepicker .ui-datepicker td.sonnenski a{color:#fff!important;background:#75b829;margin-bottom:2px}
.skioksyling .datepicker .ui-datepicker td.shts a{color:#fff!important;background:#983688;margin-bottom:2px}
.skioksyling .datepicker .ui-datepicker td.shts.double a{color:#fff!important;background: rgb(152,54,136);
background: linear-gradient(315deg, rgba(152,54,136,1) 52%, rgba(117,184,41,1) 52%);margin-bottom:2px}
.skioksyling .datepicker .ui-datepicker td a.ui-state-active{background-color:#d30a75!important;color:#fff!important;border-radius:0;padding:0}
.skioksyling .datepicker .ui-datepicker td a:hover{background-color:#a51e66!important;color:#fff!important}
.skioksyling .datepicker-info{padding:7px 10px 10px 10px;border-top:1px solid #555;background-color:#fff;width:200px}
.skioksyling .datepicker-info div{color:#999;font-size:10px!important;text-transform:uppercase}
.skioksyling .datepicker-info .prozent{float:right;text-align:right;font-size:10px!important}
.skioksyling .datepicker-info .prozent strong{font-size:20px;line-height:17px;font-weight:400}
.skioksyling .datepicker-info .square{display:inline-block;width:10px;height:10px;margin-right:10px}
#cookie_overlay{position:fixed;top:0;right:0;left:0;z-index:9999;background-color:rgba(0,0,0,.8);color:#fff;font-size:14px;line-height:1.2;display:none}
#cookie_overlay .inner{max-width:700px;margin:15px auto;padding:0 30px}
#cookie_overlay .inner .text p{margin:0}
#cookie_overlay .inner .text span{color:rgba(255,255,255,.5)}
#cookie_overlay .inner .text a{color:rgba(255,255,255,.5);text-decoration:underline}
#cookie_overlay .inner .button{float:right;margin:0 0 0 15px}
#cookie_overlay .inner .button a{background-color:#fff;padding:4px 12px;display:inline-block;color:#000;text-decoration:none;font-size:15px}
.lazyload{opacity:0}
.lazyloading{opacity:1;transition:.6s opacity;min-height:60px;background-color:#ddd;animation-name:laoding;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:1.5s}
.lazyloaded{opacity:1;transition:10ms opacity}
.ratio-container{position:relative}
.ratio-container:after{content:'';display:block;height:0;width:100%}
@keyframes laoding{
	0%{background-color:#ddd}
	20%{background-color:#ccc}
	40%{background-color:#bbb}
	60%{background-color:#aaa}
	80%{background-color:#bbb}
	100%{background-color:#ccc}
}#serachoverlay{display:none;position:relative}#serachoverlay .background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;background-color:rgba(0,0,0,.7)}#serachoverlay .search{position:fixed;top:50%;left:50%;z-index:5001;transform:translate(-50%,-50%);background-color:#fff;padding:15px 30px}#serachoverlay .search h2{margin:0 0 20px 0;font-size:30px}#serachoverlay .search .progress{width:300px;height:15px;border-radius:5px;background:#d30a75;margin:0 0 20px 0;background:-moz-linear-gradient(-45deg,rgba(211,10,117,1) 0,rgba(165,30,102,1) 25%,rgba(211,10,117,1) 50%,rgba(165,30,102,1) 75%,rgba(211,10,117,1) 100%);background:-webkit-linear-gradient(-45deg,rgba(211,10,117,1) 0,rgba(165,30,102,1) 25%,rgba(211,10,117,1) 50%,rgba(165,30,102,1) 75%,rgba(211,10,117,1) 100%);background:linear-gradient(135deg,rgba(211,10,117,1) 0,rgba(165,30,102,1) 25%,rgba(211,10,117,1) 50%,rgba(165,30,102,1) 75%,rgba(211,10,117,1) 100%);-webkit-animation:AnimationName 10s ease infinite;-moz-animation:AnimationName 10s ease infinite;animation:AnimationName 10s ease infinite}@-webkit-keyframes AnimationName{0%{width:0%}25%{width:20%}50%{width:50%}75%{width:60%}100%{width:100%}}@-moz-keyframes AnimationName{0%{width:0%}25%{width:20%}50%{width:50%}75%{width:60%}100%{width:100%}}@keyframes AnimationName{0%{width:0%}25%{width:20%}50%{width:50%}75%{width:60%}100%{width:100%}}@media all and (min-width:1000px) and (max-width:1250px){#body .maxwidth{width:795px}#body h1{font-size:30px}#body h2{font-size:22px}}@media all and (min-width:768px) and (max-width:999px){#body .maxwidth{width:738px}#body h1{font-size:28px}#body h2{font-size:20px}#body .grid .tile .tileinner .flag{font-size:15px}#body .grid .tile .tileinner .name{font-size:18px}}@media all and (min-width:568px) and (max-width:767px){#body .maxwidth{width:auto;margin:0 15px}#body h1{font-size:25px}#body h2{font-size:18px}#body .grid .tile .tileinner .flag{font-size:14px}#body .grid .tile .tileinner .name{font-size:16px}#body .grid .tile .arr{bottom:20px}}@media all and (max-width:567px){#body .maxwidth{width:auto;margin:0 7px}#body h1{font-size:22px}#body h2{font-size:16px}#body .grid .tile .tileinner .flag{font-size:12px}#body .grid .tile .tileinner .name{font-size:14px}#body .grid .tile .arr{height:30px}#body .tile.skitickets{background-size:50px}}