body{margin:0;padding:0;background:#f9f9f9;top:0!important}*{outline:none}::selection{color:#fff;background:#e0dd00}::-moz-selection{color:#fff;background:#e0dd00}*:focus{outline:#e0dd00 dashed 1px}body.pink ::selection{color:#2c2a38;background:#b971ac}body.pink ::-moz-selection{color:#2c2a38;background:#b971ac}body.pink *:focus{outline:#b971ac dashed 1px}body.hh ::selection{color:#191919;background:#1bb6e3}body.hh ::-moz-selection{color:#191919;background:#1bb6e3}body.hh *:focus{outline:#1bb6e3 dashed 1px}a img{border:0 solid}a.art_anchor{width:0;height:0;overflow:hidden;position:absolute;top:0;left:0;z-index:0;font-size:0}.offscreen{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}p{width:100%;float:left;margin:0;padding:0}.as_map_c{width:100%;position:relative;z-index:30}.as_map{width:100%;height:0;overflow:hidden;background-color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:1em;font-weight:bold;color:#000;text-transform:uppercase}.as_map a{color:#000;text-decoration:none}.as_map *:focus{outline:1px dashed #000}.as_map.opened{height:auto}.as_map ul{list-style:none;margin:0 auto;display:table}.as_map ul li{float:left;margin:30px}.content p{float:none}body .ui-widget{font-size:.688em}.sc_only{width:0;height:0;overflow:hidden}body>.skiptranslate,.goog-te-gadget>span{display:none!important}.goog-te-gadget{font-size:0!important}.goog-te-gadget .goog-te-combo{width:100%;margin:0!important;font:400 .875rem/110% 'Fjalla One',Arial,Helvetica,sans-serif;letter-spacing:.03em;min-width:150px}.h_google_tr{width:100%;font: initial;min-width:150px}.page_c{width:100%;min-width:850px;overflow:hidden;position:relative;z-index:1}@media only screen and (max-width:1000px){.page_c{min-width:320px}body .ui-widget{font-size:.875em}}@media only screen and (max-width:650px){body .ui-widget{font-size:1em}}.head_c{width:100%;position:relative;z-index:4}.headtop_c{float:left;position:fixed;width:100%;background:rgba(37,39,40,.9);z-index:20}.headtop{max-width:1100px;margin:0 auto;width:100%;position:relative}.logo{float:right;height:70px}.logo #logo{width:225px;height:190px;position:absolute;right:0;top:0;transition:all 1s ease;z-index:2}.logo #logo_klein{opacity:0;transition:all 1s ease;padding:3px 0;width:225px;background:#252728;-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;animation-delay:1.5s;z-index:1}.logo #logo_content{padding:3px 0;width:225px;background:#252728;z-index:1}body.pink .logo #logo,body.pink .logo #logo_klein,body.pink .logo #logo_content{background:#2c2a38}body.pink .logo #logo_content{width:144px;height:auto;padding:18px}body.pink .logo #logo_klein{width:144px;height:auto;padding:18px}.logo.hidden #logo{top:-500px}.logo svg#logo .cls-1{fill:#27292a}.logo svg#logo .cls-2{fill:#fff}.logo svg#logo .cls-3{fill:#dfdc00}.logo svg#logo_klein .cls-1{fill:#27292a}.logo svg#logo_klein .cls-2{fill:#fff}.logo svg#logo_klein .cls-3{fill:#dfdc00}.logo svg#logo_content .cls-1{fill:#27292a}.logo svg#logo_content .cls-2{fill:#fff}.logo svg#logo_content .cls-3{fill:#dfdc00}body.hh .logo svg#logo .cls-3,body.hh .logo svg#logo .cls-4{fill:#1bb6e3}body.hh .logo svg#logo_klein .cls-3,body.hh .logo svg#logo_klein .cls-5{fill:#1bb6e3}body.hh .logo svg#logo_content .cls-3,body.hh .logo svg#logo_content .cls-5{fill:#1bb6e3}body.pink .logo svg#logo .cls-3,body.hh .logo svg#logo .cls-4{fill:#b971ac}body.pink .logo svg#logo_klein .cls-3,body.pink .logo svg#logo_klein .cls-5{fill:#b971ac}body.pink .logo svg#logo_content .cls-3,body.pink .logo svg#logo_content .cls-5{fill:#b971ac}.logo.hidden #logo_klein{opacity:1}.menu_btn{height:39px;float:left;padding:0 12px 0 12px;display:none;font:400 1em/110% 'Fjalla One',Tahoma,sans-serif;color:#191919;text-transform:uppercase;line-height:40px;cursor:pointer;background:#e0dd00;margin-top:19px}.menu_btn.closed,body.hh .menu_btn.closed{background:#252728;color:#fff}body.hh .menu_btn{background:#1bb6e3}body.pink .menu_btn.closed{background:#2c2a38;color:#fff}body.pink .menu_btn{background:#b971ac}@media (max-width:1030px){.menu_btn{display:block}}.menu_btn span{float:left;letter-spacing:1px}.menu_btn .mmbico{width:32px;height:25px;float:right;margin:6px 0 0 10px;position:relative;z-index:1}.menu_btn .mmbico>*{width:28px;height:4px;float:left;opacity:1;transition-duration:500ms;backface-visibility:hidden;background-color:#fff}.menu_btn .one{margin:0 0 0 3px;transform:rotate(45deg) translate(7px,10px);-webkit-transform:rotate(45deg) translate(7px,10px);background:#191919}.menu_btn .two{opacity:0}.menu_btn .three{margin:0 0 0 3px;transform:rotate(-45deg) translate(-5px,1px);-webkit-transform:rotate(-45deg) translate(-5px,1px);background:#191919}.menu_btn.closed .mmbico>*{height:3px;margin:0}.menu_btn.closed .mmbico>div{margin:4px 0 0 0;transform:rotate(0deg) translate(0,0);-webkit-transform:rotate(0deg) translate(0,0);opacity:1;background:#fff}body.cnt_on .menu_btn{background-color:#fff;color:#000}body.cnt_on .menu_btn .mmbico>*{background-color:#000}.menu_layer{width:470px;float:left;position:absolute;top:77px;left:0;z-index:1;height:100vh;background:rgba(37,39,40,.9);pointer-events:auto;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:all .3s ease 0s;opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}.menu_layer.closed{pointer-events:none;opacity:0;transform:translateY(10px);-webkit-transform:translateY(10px);backface-visibility:hidden;-webkit-backface-visibility:hidden}.menusl{width:100%;float:left;position:relative;z-index:1;overflow:hidden}.menusl .menuslbox{width:100%;position:absolute;top:0;left:-100%;z-index:2}.menusl .menuslbox.current{left:0%}.menusl .menuslbox ul{width:100%;float:left;padding:10px 0 25px 70px;list-style:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font:400 1.125em/110% 'Fjalla One',Tahoma,sans-serif}.menusl .menuslbox ul li{width:100%;float:left;padding:0 25px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;text-align:left;min-height:44px}.menusl .menuslbox ul li a{width:100%;float:left;padding:10px 30px 10px 25px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;text-transform:uppercase;color:#fff;text-decoration:none;line-height:30px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.menusl .menuslbox ul li a:before{content:'\f101';font-family:FontAwesome;font-size:1em;font-weight:normal;left:0;position:absolute;margin-left:-15px}.menusl .menuslbox ul li.current_link a,.menusl .menuslbox ul li.current_path a,.menusl .menuslbox ul li:hover a{color:#e0dd00}body.hh .menusl .menuslbox ul li.current_link a,body.hh .menusl .menuslbox ul li.current_path a,body.hh .menusl .menuslbox ul li:hover a{color:#1bb6e3}body.pink .menusl .menuslbox ul li.current_link a,body.pink .menusl .menuslbox ul li.current_path a,body.pink .menusl .menuslbox ul li:hover a{color:#b971ac}.menusl .menuslbox ul.submenu{padding:15px 0 25px 70px}.menusl .menuslbox ul.submenu li.back_link{padding-left:0}.menusl .menuslbox ul.submenu li a{padding:0 25px;background-image:none;border-bottom:0 solid;box-sizing:border-box;color:#fff;line-height:38px;width:100%;font-size:1em}.menusl .menuslbox ul.submenu li a:before{content:'\f105';font-family:FontAwesome;font-size:110%;color:#fff;font-size:.9em}.menusl .menuslbox ul.submenu li.back_link a{margin:0 0 15px 0;padding:5px 0;color:#e0dd00;width:64%;box-sizing:border-box}body.hh .menusl .menuslbox ul.submenu li.back_link a{color:#1bb6e3}body.pink .menusl .menuslbox ul.submenu li.back_link a{color:#b971ac}.menusl .menuslbox ul.submenu li.mm_parent a:before{content:'\f101';padding-right:15px}.menusl .menuslbox ul.submenu li.back_link a::before{display:none}.menusl .menuslbox ul.submenu li.current_link a{color:#e0dd00}.menusl .menuslbox ul.submenu li.current_link a::before{color:#e0dd00}body.hh .menusl .menuslbox ul.submenu li.current_link a::before{color:#1bb6e3}body.pink .menusl .menuslbox ul.submenu li.current_link a::before{color:#b971ac}.toplinks{float:left;padding:20px 0}.toplinks .link{float:left;margin-left:8px}.toplinks .link .season{float:left;border:2px solid #ccc;background:#ccc;width:37px;height:33px;text-align:center;transition:all 1s ease}.toplinks .link .season.active,.toplinks .link .season:hover{border:2px solid #e5e200;background:#252728}.toplinks .link .season.winter.active,.toplinks .link .season.winter:hover{border:2px solid #30bbdb;background:#252728}.toplinks .link .season #wanderschuh{width:24px;height:auto;margin-top:7px;transition:all 1s ease}.toplinks .link .season #gondel{width:28px;height:auto;margin-top:4px}.toplinks .link .toplinks svg#wanderschuh{width:70px;height:auto}.toplinks svg#wanderschuh .cls-1{fill:#e0dd00}.toplinks svg#wanderschuh .cls-2{fill:#e0dd00}.toplinks svg#gondel .cls-1{fill:#262a2e}.toplinks svg#gondel .cls-2{fill:#262a2e}.toplinks .season:hover svg#gondel .cls-1{fill:#30bbdb}.toplinks .season:hover svg#gondel .cls-2{fill:#30bbdb}body.hh .toplinks svg#wanderschuh .cls-1{fill:#262a2e}body.hh .toplinks svg#wanderschuh .cls-2{fill:#262a2e}body.hh .season:hover svg#wanderschuh .cls-1{fill:#e0dd00}body.hh .season:hover svg#wanderschuh .cls-2{fill:#e0dd00}body.hh .toplinks svg#gondel .cls-1{fill:#1bb5e2}body.hh .toplinks svg#gondel .cls-2{fill:#1bb5e2}body.pink .toplinks svg#wanderschuh .cls-1{fill:#2c2a38}body.pink .toplinks svg#wanderschuh .cls-2{fill:#2c2a38}body.pink .season:hover svg#wanderschuh .cls-1{fill:#b971ac}body.pink .season:hover svg#wanderschuh .cls-2{fill:#b971ac}body.pink .toplinks svg#gondel .cls-1{fill:#1bb5e2}body.pink .toplinks svg#gondel .cls-2{fill:#1bb5e2}.toplinks .link.booking{float:left;background:#e0dd00;padding:10px 20px;text-transform:uppercase;font:400 1em/110% 'Fjalla One',Tahoma,sans-serif;position:relative;overflow:hidden}body.hh .toplinks .link.booking{background:#1bb6e3}body.pink .toplinks .link.booking{background:#b971ac}.toplinks .link.booking:before{background:#191919;width:100%;height:100%;position:absolute;left:0;padding:10px 20px;box-sizing:border-box;top:-200%;content:'anfrage';transition:all .3s ease;color:#e0dd00}body.hh .toplinks .link.booking:before{color:#1bb6e3}body.pink .toplinks .link.booking:before{color:#b971ac}.toplinks a .link.booking{color:#191919;text-decoration:none}body.hh .toplinks a .link.booking,body.pink .toplinks a .link.booking{color:#fff}.toplinks .link.booking:hover:before{top:0}.toplinks .link.lang{position:relative}.toplinks .link.lang .langbutton{background:#27292a;color:#ccc;padding:5px 8px;font-size:1.250em;border:2px solid #27292a;float:left;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease}.lang .lang_i{display:none;position:absolute;right:0;top:35px;color:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:2px solid #e5e200}body.hh .lang .lang_i{border-color:#1bb5e2}body.pink .lang .lang_i{border-color:#b971ac}.lang .lang_i a{color:#ccc}.toplinks .link.lang.opened .langbutton,.toplinks .link.lang .langbutton:hover{border:2px solid #e5e200;color:#e5e200}body.hh .toplinks .link.lang.opened .langbutton,body.hh .toplinks .link.lang .langbutton:hover{border:2px solid #1bb5e2;color:#1bb5e2}body.pink .toplinks .link.lang.opened .langbutton,body.pink .toplinks .link.lang .langbutton:hover{border:2px solid #b971ac;color:#b971ac}.lang.opened .lang_i{display:block}.menu{float:left;z-index:100;position:relative}.menu ul{float:left;list-style:none;margin:0;padding:18px 0 0 0}.menu ul li{margin:0 15px;float:left;position:relative;padding:10px 0;-webkit-transition:color .3s;-moz-transition:color .3s;transition:color .3s}.menu a{position:relative;display:inline-block;outline:none;color:#fff;text-decoration:none;text-transform:uppercase;font:400 1.188em/110% 'Fjalla One',Tahoma,sans-serif}body.pink .menu a{font:400 1.117rem/123% 'Fjalla One',Tahoma,sans-serif}.menu ul li::before,.menu ul li::after{position:absolute;left:0;width:100%;height:2px;background:#e0dd00;content:'';opacity:0;-webkit-transition:opacity .3s , -webkit-transform .3s;-moz-transition:opacity .3s , -moz-transform .3s;transition:opacity .3s , transform .3s;-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px)}body.hh .menu ul li::before,body.hh .menu ul li::after{background:#1bb6e3}body.pink .menu ul li::before,body.pink .menu ul li::after{background:#b971ac}.menu ul li::before{top:0;-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px)}.menu ul li::after{bottom:0;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);transform:translateY(10px)}.menu ul li:hover{color:#fff}.menu ul li:hover::before,.menu ul li:hover::after{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}.menu ul li.current_link a,.menu ul li.current_path a{color:#e0dd00}body.hh .menu ul li.current_link a,body.hh .menu ul li.current_path a{color:#1bb6e3}body.pink .menu ul li.current_link a,body.pink .menu ul li.current_path a{color:#b971ac}.menu ul li .mdown{position:absolute;max-height:0;overflow:hidden;top:41px;transition:all .75s ease-in-out;width:233px;left:0;padding-top:18px;opacity:.2}.menu ul li:hover .mdown,.menu ul li.show .mdown{max-height:500px;opacity:1}.menu ul li .mdown ul{background:#dddb00;width:100%;padding-bottom:10px}body.hh .menu ul li .mdown ul{background:#1bb6e3}body.pink .menu ul li .mdown ul{background:#b971ac}.menu ul li .mdown a{color:#1a1a19;text-transform:none;font-size:1em;position:relative;float:left;width:100%}body.hh .menu ul li .mdown a,body.pink .menu ul li .mdown a{color:#fff}.menu ul li .mdown ul li{padding-left:27px;box-sizing:border-box;width:100%;margin:0;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease}.menu ul li .mdown ul li:hover,.menu ul li .mdown ul li a.current_link{background:#fff}body.hh .menu ul li .mdown ul li:hover,body.hh .menu ul li .mdown ul li.current_link{background:rgba(37,39,40,.5)}body.pink .menu ul li .mdown ul li:hover,body.pink .menu ul li .mdown ul li.current_link{background:rgba(37,39,40,.9)}.menu ul li .mdown ul li::before{content:'\f105';font-family:FontAwesome;font-size:1em;font-weight:normal;left:10px;position:absolute;margin-left:0;top:9px;color:#1c1c1a}.menu ul li .mdown ul li::before,.menu ul li .mdown ul li::after{-webkit-transition:inherit;-moz-transition:inherit;transition:inherit;-webkit-transform:inherit;-moz-transform:inherit;transform:inherit;opacity:1;background:none}.menu ul li .mdown ul li.current_link::before{content:'\f101'}.menu ul li .mdown ul li a::before,.menu ul li .mdown ul li a::after{display:none}@media (max-width:1100px){.menu ul li{margin:0 9px}.logo #logo,.logo #logo_klein{width:200px}.logo #logo_klein{padding:7px 0}.logo #logo{height:170px}.menu ul{padding-left:10px}.menu ul li .mdown ul{padding-left:0}}@media (max-width:1030px){.menu{display:none}}.head_image{position:relative;overflow:hidden;background:#fff}.head_image #headImageImg{width:100%;height:100vh;z-index:1;position:relative;-webkit-transition:all 1.5s ease;-moz-transition:all 1.5s ease;transition:all 1.5s ease;-webkit-animation-delay:2s;-moz-animation-delay:2s;animation-delay:2s}@-webkit-keyframes zoomImg {
  from {
       -webkit-transform:scale(1);
    -moz-transform:scale(1);
    transform:scale(1);
  }

  to {
      -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    transform:scale(1.05);
  }
}.zoomImg{-webkit-animation-name:zoomImg;-moz-animation-name:zoomImg;animation-name:zoomImg;-webkit-animation-duration:5s;-moz-animation-duration:5s;animation-duration:5s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.head_image .header_overlay{position:relative;z-index:2}.head_image .header_overlay img{width:70%;height:auto;position:absolute;left:0;bottom:0}.head_image .claim{width:100%;text-align:center;position:absolute;bottom:10px;z-index:3;overflow:visible}@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
}@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
}.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.head_image .claim h1.header{font:400 5.813em/110% 'Fjalla One',Tahoma,sans-serif;color:#fff;text-shadow:2px 2px 10px rgba(0,0,0,.25);float:none;margin:0 auto;max-width:1100px;text-transform:uppercase;padding:0 0 27px 0}.head_image .claim h1.header:after{height:0;width:0;display:none}.head_image .claim .c_seasonbadge{position:relative;float:none;margin:0 auto;max-width:1000px}.head_image .claim .c_seasonbadge .seasonbadge{position:absolute;left:0;top:-107px;width:116px;height:109px;background:url(https://www.jugendgaestehaus-stadler.at/img/icons/xwinter-badge-bcg.png.pagespeed.ic.op6I1EoJOT.png) no-repeat top 0 left 0;background-size:232px auto;cursor:pointer}.head_image .claim .c_seasonbadge .seasonbadge:hover{background-position:right 0 top 0}.seasonbadge img{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);filter:grayscale(100%);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease}.seasonbadge img:hover{-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);filter:grayscale(0%)}.head_image .claim hr{border:none;border-top:3px solid #e0dd00;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s;margin:0 auto;max-width:300px}body.hh .head_image .claim hr{border-color:#30bbdb}body.pink .head_image .claim hr{border-color:#b971ac}.head_image .claim h2.header{font:400 1.750em/110% 'Righteous',"Trebuchet MS",Arial,Helvetica,sans-serif;color:#fff;float:none;margin:0 auto;max-width:1100px;text-transform:uppercase;padding:27px 0 0 0;-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;animation-delay:1.5s;text-shadow:2px 2px 10px rgba(0,0,0,.25)}.head_image .claim .arrow{color:#fff;float:none;margin:0 auto;max-width:1100px;padding:20vh 0 0 0;-webkit-animation-delay:1.75s;-moz-animation-delay:1.75s;animation-delay:1.75s;text-shadow:2px 2px 10px rgba(0,0,0,.25);font-size:5.625em}.head_image .claim .arrow a{color:#fff}.head_image .header_badge{position:absolute;width:219px;height:219px;left: calc((100% / 2) - 550px);bottom:100%;background-color:#27292a;z-index:4;border-radius:115%;color:#fff}.head_image .header_badge .header_badge_top a{text-decoration:underline;color:#dfdc00;font:700 1.125rem/150% 'PT Sans',"Trebuchet MS",Arial,Helvetica,sans-serif}.head_image .header_badge .header_badge_top a:hover{text-decoration:none;color:#dfdc00}.head_image .header_badge:hover{background-color:#27292a}.head_image .header_badge:after{content:" ";width:60px;height:57px;background:url(https://www.jugendgaestehaus-stadler.at/img/header_packages_star_gelb.svg) no-repeat center;background-size:60px auto;position:absolute;top:0;right:1px}.head_image .header_badge .header_badge_top{width:100%;padding:65px 20px 40px 20px;box-sizing:border-box;font:400 .938em/150% 'PT Sans',"Trebuchet MS",Arial,Helvetica,sans-serif;color:#fff;text-align:center}.head_image .header_badge .header_badge_top strong{font:400 1.125rem/110% 'Righteous',"Trebuchet MS",Arial,Helvetica,sans-serif;text-transform:uppercase}.head_image .header_badge .header_badge_top a.link{color:#dfdc00}.head_image .header_package_container{position:absolute;width:225px;right: calc((100% / 2) - 550px);bottom:-6px;background-color:#e0dd00;z-index:4}body.pink .head_image .header_package_container{background-color:#b971ac}.head_image .header_package_container:after{content:" ";width:60px;height:57px;background:url(https://www.jugendgaestehaus-stadler.at/img/xheader_packages_star.png.pagespeed.ic.C3wSZTWjHH.png) no-repeat center;background-size:60px auto;position:absolute;top:-25px;right:-10px}.head_image .header_package_container .header_package_top{width:100%;padding:20px;box-sizing:border-box;font:400 1em/150% 'PT Sans',"Trebuchet MS",Arial,Helvetica,sans-serif;color:#26262a;text-align:left}body.pink .head_image .header_package_container .header_package_top{padding:25px 20px 20px;font:400 .9375rem/170% 'PT Sans',"Trebuchet MS",Arial,Helvetica,sans-serif;letter-spacing:.03em;color:#fff}.head_image .header_package_container .header_package_bottom{width:100%;padding:15px 20px;box-sizing:border-box;background-color:#27292a;text-align:left}body.pink .head_image .header_package_container .header_package_bottom{padding:8px 20px 9px;background-color:#2c2a38}.head_image .header_package_container .header_package_bottom a{font:600 1.125em/110% 'Fjalla One',Tahoma,sans-serif;color:#fff;text-decoration:none;text-transform:uppercase;transition:color ease .3s;-webkit-transition:color ease .3s}body.pink .head_image .header_package_container .header_package_bottom a{font:400 .9375rem/170% 'Fjalla One',Tahoma,sans-serif;letter-spacing:.03em}.head_image .header_package_container .header_package_bottom a:hover,.head_image .header_package_container .header_package_bottom a:focus{color:#e0dd00}.head_image .header_package_container .header_package_bottom a .fa{margin-left:45px;font-size:1.2em}body.pink .head_image .header_badge{background-color:#2c2a38}body.pink .head_image .header_badge:hover{background-color:#2c2a38}body.pink .head_image .header_package_container .header_package_bottom a:hover,body.pink .head_image .header_package_container .header_package_bottom a:focus{color:#b971ac}.menu_slide_layer{width:75%;float:left;position:absolute;left:-75%;z-index:1;background-color:#fff}.menu_slide_layer.closed{display:none}.menu_slide_layer .menusl{width:100%;float:left;position:relative;z-index:1;overflow:hidden}.menu_slide_layer .menusl .menuslbox{width:100%;position:absolute;top:0;left:-100%;z-index:2}.menu_slide_layer .menusl .menuslbox.current{left:0%}.main_c{width:100%;overflow:hidden;position:relative;z-index:1;margin-top:-10px}.main{width:100%;min-height:500px;overflow:hidden;position:relative;z-index:2;background:#f9f9f9}.footer_c{width:100%;background:#fff;float:left;position:relative;z-index:3}.footer{width:100%;max-width:1100px;background:#fff;margin:0 auto;position:relative}.btt{position:fixed;right:5px;bottom:5px;width:33px;height:33px;line-height:33px;font-size:30px;text-align:center;background:rgba(37,39,40,.75);z-index:20;display:none;opacity:0;transition:all 1.5s ease}.btt.visible{opacity:1}.btt a{color:#e0dd00}body.hh .btt a{color:#30bbdb}body.pink .btt a{color:#b971ac}.footer img.anreise{position:absolute;z-index:1;right:0;top:0}.footer:after{content:url(https://www.jugendgaestehaus-stadler.at/img/icons/xanreise_right.png.pagespeed.ic.TFOjnkaBUi.png);position:absolute;right:-450px;top:0}.footer .box{float:left;padding:20px 6% 100px 6%;width:36%;box-sizing:border-box;position:relative;z-index:2;font:700 1em/180% 'PT Sans',"Trebuchet MS",Arial,Helvetica,sans-serif;color:#27292a}.footer .box a{color:#27292a}.footer .box a:hover{text-decoration:none}.footer .box h3{font:400 1em/110% 'Righteous',"Trebuchet MS",Arial,Helvetica,sans-serif;color:#27292a;text-transform:uppercase;width:100%;margin:0 0 24px 0;padding:57px 0 7px 0;border-bottom:2px solid #dddb00;position:relative}body.hh .footer .box h3{border-color:#30bbdb}body.pink .footer .box{font:400 1rem/170% 'PT Sans',"Trebuchet MS",Arial,Helvetica,sans-serif;color:#000}body.pink .footer .box a{color:#000}body.pink .footer .box h3{font:400 1rem/125% 'Righteous',"Trebuchet MS",Arial,Helvetica,sans-serif;letter-spacing:0;color:#000;border-color:#b971ac}.footer .box h3.urlaubsplaner:after{content:'';background: url(../img/icons/urlaubsplaner.svg) no-repeat center top / 57px auto;width:57px;height:32px;position:absolute;bottom:6px;right:15%}.footer .box #afForm .d_input{float:right;width:46%;position:relative;border:1px solid #373736;box-sizing:border-box;padding:7px 5px;background:#fff;margin-bottom:17px}.footer .box #afForm .d_input.first{float:left}.footer .box #afForm .d_input input{float:left;width:100%;background:none;position:relative;border:none;box-sizing:border-box;z-index:5;cursor:pointer}.footer .box #afForm .d_input span.fa{position:absolute;right:10px;top:4px;font-size:1.250em;z-index:1}.footer .box a.button{float:left;padding:10px;background:#e0dd00;color:#191919;font:400 1.125em/110% 'Fjalla One',Tahoma,sans-serif;text-transform:uppercase;text-decoration:none;transition:all .75s ease}body.hh .footer .box a.button{background:#30bbdb;color:#fff}body.pink .footer .box a.button{background:#b971ac;color:#fff;font:400 1.0625rem/123% 'Fjalla One',Tahoma,sans-serif;padding:7px 20px}.footer .box a.button:hover{color:#e0dd00;background:#191919}body.hh .footer .box a.button:hover{color:#30bbdb;background:#fff}body.pink .footer .box a.button:hover{color:#fff;background:#2c2a38}.nav_links .toplinks{display:none}.footer .logos{float:left;width:100%;text-align:center}.footer .logos img{padding:15px}.footer .impressum{float:left;width:100%;text-align:right;box-sizing:border-box;padding:0 6% 10px 6%;font:400 .9em/180% 'PT Sans',"Trebuchet MS",Arial,Helvetica,sans-serif;color:#bcbcbc}.footer .impressum a{color:#bcbcbc;margin-right:15px}.footer .impressum a:hover{text-decoration:none}.footer .impressum #algo{width:12px}@media (max-width:1120px){.head_image .header_package_container{right:0;bottom:-6px}.head_image .header_badge{width:200px;height:200px;left: calc((100% / 2) - 500px);bottom:120%}.head_image .header_badge .header_badge_top strong{font:400 1rem/110% 'Righteous',"Trebuchet MS",Arial,Helvetica,sans-serif}.head_image .header_badge:after{background-size:50px auto}}@media (max-width:1010px){.head_image{height:744px;width:100%}.head_image #headImageImg{height:auto;width:2000px;position:absolute;left:-495px}.head_image .claim .c_seasonbadge .seasonbadge{}.head_image .header_package_container{width:195px}.head_image .header_package_container:after{width:45px;height:43px;background-size:45px auto;top:-20px;right:-7px}.head_image .header_package_container .header_package_top{padding:15px;font-size:.9em}.head_image .header_package_container .header_package_bottom{padding:13px 15px}.head_image .header_package_container .header_package_bottom a{font-size:.9em}.head_image .header_package_container .header_package_bottom a .fa{margin-left:35px}.head_image .header_badge{display:none}}@media (max-width:960px){.footer .box{width:100%;padding:20px 6% 0 6%}.footer .box form,.footer .box .box_inner{max-width:253px}.headtop_c{position:absolute}.logo #logo{display:none}.logo #logo_klein{opacity:1}.footer .box h3{max-width:253px}.btt{display:block}.footer .impressum{padding-bottom:65px}}@media (max-width:890px){.head_image{height:744px;width:100%}.head_image #headImageImg{height:744px;width:auto;position:absolute;left:0}.head_image .header_badge{display:none}}@media (max-width:755px){.head_image .claim .c_seasonbadge .seasonbadge img{width:130px;height:auto}.head_image .claim .c_seasonbadge .seasonbadge{top:-40px}}@media (max-width:640px){.toplinks{display:none}.nav_links .toplinks{display:block}.menu_layer{top:66px;width:320px}.menusl .menuslbox ul.submenu{padding:15px 0 25px 30px}.menusl .menuslbox ul{padding:10px 0 25px 30px}.logo #logo_klein{padding:0}.logo{height:auto}body.pink .headtop{display:flex;align-items:center;justify-content:space-between}body.pink .logo #logo_klein,body.pink .logo #logo_content{width:130px;padding:8px 18px}body.pink .logo,body.pink .logo a{display:flex;align-items:center;justify-content:center}}@media (max-width:575px){.footer img.anreise{display:none}}@media (max-width:530px){.head_image{height:auto}.head_image #headImageImg{position:relative;left:0;height:auto;width:100%}.head_image .claim{position:relative;background:#e0dd00;padding-top:20px}body.hh .head_image .claim{background:#1bb6e3}body.pink .head_image .claim{background:#b971ac}.head_image .claim h1.header{font-size:2.438em;padding:0}.head_image .claim .c_seasonbadge{display:none}.head_image .claim hr{display:none}.head_image .claim .arrow{font-size:2.500em;padding:20px 0 0 0}.head_image .claim h2.header{padding:8px 0 0 0;font-size:1.563em}.logo #logo_content{width:200px}.head_image .header_package_container{display:none}}