@charset "UTF-8";:root{--primary: #c59a5d;--secondary: hsl(50, 15%, 60%);--dark: hsl(0, 0%, 0%);--mid: hsl(0, 0%, 50%);--light: #fff;--white: #fff;--black: #000}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%;scroll-behavior:smooth}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-family:montserrat,sans-serif;background:var(--black);color:var(--white)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:root{--font-inter: $MyFont}p{font-size:1.2rem}h1,h3{margin-top:0;line-height:1.1}h1{font-size:5.5rem;line-height:.92;text-align:center;font-family:lullabies-heavy,sans-serif;font-weight:600;font-style:normal;letter-spacing:5;padding-bottom:10px}@media (max-width: 599px){h1{font-size:3.5rem}}h2{font-size:3.5rem;line-height:.92;text-align:center;font-family:lullabies-heavy,sans-serif;font-weight:600;font-style:normal;letter-spacing:5;padding-bottom:10px;max-width:800px;line-height:1.2}@media (max-width: 599px){h2{font-size:2rem}}h3{font-size:1.4rem;text-transform:uppercase}h4{font-size:1.2rem;text-align:center}h6{font-size:1.2rem;text-align:center;font-family:montserrat,sans-serif;font-weight:700;font-style:normal;letter-spacing:5;padding-bottom:10px}@media (max-width: 599px){h6{font-size:1.5rem}}a,a:visited,a:active{text-decoration:none;color:var(--primary)}a:hover{color:var(--black)}sup,sub{position:relative;vertical-align:baseline;top:-.4em}.headline{margin-top:150px}.desktop-visible{display:block}@media (max-width: 599px){.desktop-visible{display:none}}.mobile-visible{display:none}@media (max-width: 599px){.mobile-visible{display:block}}button{all:unset;cursor:pointer}.btn{background-color:transparent;border:2px solid var(--primary);color:var(--primary);border-radius:10px;padding:10px;font-weight:700;margin-top:20px}.btn:hover{border:2px solid var(--white);color:var(--white);box-shadow:3px 3px 5px #7f7f7f;transition:all .8s}.btn-link{text-decoration:underline;color:var(--primary)}.btn-link:hover{color:var(--secondary)}.btn-popup-close{font-size:1.5rem;color:var(--white)}.btn-popup-close:hover{color:var(--mid)}.footer-popup{width:500px;max-width:80%;padding:10px 15px;max-height:80vh;overflow:scroll}.image-popup{width:90%;padding:10px 15px}.popup{position:fixed;top:50%;left:50%;z-index:10;background:var(--black);border:1px solid var(--mid);transform:translate(-50%,-50%) scale(0);transition:.2s ease-in-out}.popup.active{transform:translate(-50%,-50%) scale(1)}.popup-header{display:flex;justify-content:space-between;align-items:center}.popup-header .title{font-size:1.25rem;font-weight:700}#popup-overlay{position:fixed;opacity:0;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);pointer-events:none}#popup-overlay.active{opacity:1;pointer-events:all}.popup-body h4,h6{margin-top:2rem;text-align:left}.popup-body p{font-size:.9rem}.layout-container{padding:0 25px;max-width:1110px;margin:0 auto 46px}@media (min-width: 600px){.layout-container{padding:0}}.layout-hidden{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.base-section{margin-top:200px;margin-bottom:200px;display:flex;justify-content:center;align-items:center;flex-direction:column}.base-section p{width:80%;max-width:500px;text-align:center;padding:20px 0}#header{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:url(/assets/haus-am-see-titelbild-d3e42064.jpg) fixed center center no-repeat;background-size:cover}@media (max-width: 599px){#header{background:url(/assets/haus-am-see-titelbild-m-e443bd8a.jpg) center center no-repeat;background-size:cover}}#header img{width:500px;max-width:80%;margin-top:-5%}@media (max-width: 599px){#header img{margin-top:-20%}}#header div a{margin:10px}#header p{margin-top:15px;text-align:center}.intro-image{width:350px;height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:url(/assets/haus-am-see-1-481732bc.jpg) center center no-repeat;background-size:cover;border-radius:100%;margin-bottom:50px}@media (max-width: 599px){.intro-image{width:200px;height:200px}}.two-columns{display:flex;flex-direction:column}@media (min-width: 904px){.two-columns{flex-direction:row}}.two-columns div{display:flex;padding:100px 8%;flex-direction:column;align-items:center}@media (min-width: 904px){.two-columns div{width:50%}}.two-columns div h3{text-align:center;max-width:600px}.two-columns div p{text-align:center;margin-top:0;width:600px;max-width:95%}.two-columns img{width:300px;max-width:70%;margin-bottom:20px}.sticky-story{width:100%;height:100vh;position:sticky;top:0;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:3s background;-moz-transition:3s background;transition:3s background;filter:brightness(100%);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out}.stickytop{max-width:900px;height:70vh;margin-left:auto;margin-right:auto;z-index:100}@media (max-width: 599px){.stickytop{height:unset;padding-bottom:100px}}.scrollview{filter:brightness(25%)}#background-after-sticky{background:var(--black);width:100%}#hotel-rooms-background{background:url(/assets/haus-am-see-hotel-bett-ebd70445.jpg) center center no-repeat;background-size:cover;height:100vh;align-items:center;justify-content:center;display:flex;z-index:-2}@media (max-width: 599px){#hotel-rooms-background{display:none}}#hotel-rooms{display:flex;flex-direction:row;text-align:center;justify-content:center;gap:30px;align-items:center}@media (max-width: 1439px){#hotel-rooms{flex-direction:column}}.room{display:flex;align-items:center;flex-direction:column;width:250px}.room img{height:70px;margin-top:20px}.room h3{margin-bottom:5px;margin-top:10px}.room p{text-align:center;margin:0}.rows-to-columns{display:flex;flex-direction:row;text-align:center;justify-content:center;gap:30px}@media (max-width: 599px){.rows-to-columns{flex-direction:column}}.fruehstueck{margin:120px auto 40px;text-align:center;font-weight:700}.booking{margin-top:120px;margin-left:auto;margin-right:auto;text-align:center}.hotel-gallery{display:flex;flex-direction:row;width:100%;height:400px;justify-content:space-between;padding-top:10px}@media (max-width: 599px){.hotel-gallery{height:150px}}.gallery-image,.gallery-image-2,.gallery-image-3,.gallery-image-4{width:33%;transition:all 1s}@media (max-width: 599px){.gallery-image,.gallery-image-2,.gallery-image-3,.gallery-image-4{width:32%}}.gallery-image:hover,.gallery-image-2:hover,.gallery-image-3:hover,.gallery-image-4:hover{transform:scale(1.1);z-index:10;box-shadow:8px 8px 7px #00000080}.gallery-image:nth-child(1){background:url(/assets/haus-am-see-2-68795cac.jpg) center center no-repeat;background-size:cover}.gallery-image:nth-child(2){background:url(/assets/haus-am-see-hotel-badezimmer-da8ded98.jpg) center center no-repeat;background-size:cover}.gallery-image:nth-child(3){background:url(/assets/haus-am-see-hotel-klassik-doppelzimmer-24c570ae.jpg) center center no-repeat;background-size:cover}.gallery-image-2:nth-child(1){background:url(/assets/haus-am-see-hotel-klassik-doppelzimmer-2-cb43d959.jpg) center center no-repeat;background-size:cover}.gallery-image-2:nth-child(2){background:url(/assets/haus-am-see-hotel-klassik-doppelzimmer-3-cbe68aaa.jpg) center center no-repeat;background-size:cover}.gallery-image-2:nth-child(3){background:url(/assets/haus-am-see-hotel-komfort-doppelzimmer-199f3216.jpg) center center no-repeat;background-size:cover}.gallery-image-3:nth-child(1){background:url(/assets/haus-am-see-1-481732bc.jpg) center center no-repeat;background-size:cover}.gallery-image-3:nth-child(2){background:url(/assets/haus-am-see-restaurant-1-237b2613.jpg) center center no-repeat;background-size:cover}.gallery-image-3:nth-child(3){background:url(/assets/haus-am-see-restaurant-3-76469cf0.jpg) center center no-repeat;background-size:cover}.gallery-image-4:nth-child(1){background:url(/assets/haus-am-see-restaurant-1-237b2613.jpg) center center no-repeat;background-size:cover}.gallery-image-4:nth-child(2){background:url(/assets/haus-am-see-restaurant-2-415a03ec.jpg) center center no-repeat;background-size:cover}.gallery-image-4:nth-child(3){background:url(/assets/haus-am-see-restaurant-3-76469cf0.jpg) center center no-repeat;background-size:cover}.four-column{display:flex;flex-direction:row;gap:20px;margin-bottom:20px}@media (max-width: 599px){.four-column{flex-direction:column}}.two-column{display:flex;flex-direction:row;gap:20px}.card{background:var(--light);padding:15px;color:var(--black);box-shadow:5px 3px 3px #b2b2b2}.card:hover{cursor:pointer;color:var(--white);box-shadow:10px 5px 5px #989898;background:linear-gradient(45deg,var(--primary),var(--light))}#scroll-button{position:absolute;top:90vh;left:50%;z-index:2;display:inline-block;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);color:#fff;letter-spacing:.1em;text-decoration:none;transition:opacity .3s;padding-top:60px}#scroll-button:hover{opacity:.5}#scroll-button span{position:absolute;top:0;left:50%;width:30px;height:50px;margin-left:-15px;border:2px solid #fff;border-radius:50px;box-sizing:border-box}#scroll-button span:before{position:absolute;top:10px;left:50%;content:"";width:6px;height:6px;margin-left:-3px;background-color:#fff;border-radius:100%;-webkit-animation:sdb10 2s infinite;animation:sdb10 2s infinite;box-sizing:border-box}@-webkit-keyframes sdb10{0%{-webkit-transform:translate(0,0);opacity:0}40%{opacity:1}80%{-webkit-transform:translate(0,20px);opacity:0}to{opacity:0}}@keyframes sdb10{0%{transform:translate(0);opacity:0}40%{opacity:1}80%{transform:translateY(20px);opacity:0}to{opacity:0}}.video-wrapper{position:relative;width:calc(100% - 64px);aspect-ratio:16/9;overflow:hidden;margin:32px;border-radius:24px}.video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;transition:opacity .3s}.video-wrapper video{position:absolute;inset:0;width:100%;height:100%;z-index:2;background:transparent}#location{display:flex;flex-direction:row;justify-content:flex-start;gap:20px;padding:20px 5% 100px}@media (max-width: 599px){#location{flex-direction:column;padding:5%}}#location img{flex:2;object-fit:contain}@media (min-width: 600px){#location img{max-width:66%}}#location div{flex:1;min-width:300px}#location div a{margin-left:20px}#location-gallery div img{width:100%;margin-top:100px;margin-bottom:20px}#location-gallery h2,p{margin-top:0;margin-left:20px;padding:0;text-align:left;width:600px;max-width:80%}@media (min-width: 600px){#location-gallery h2,p{margin-left:0;width:85%;max-width:85%}}@media (min-width: 600px){.location-gallery-item:nth-child(1){padding-left:20%;padding-right:20%}}@media (min-width: 600px){.location-gallery-item:nth-child(2){padding-left:50%;padding-right:5%}}@media (min-width: 600px){.location-gallery-item:nth-child(3){padding-left:3%;padding-right:55%;margin-top:-300px}}@media (min-width: 600px){.location-gallery-item:nth-child(4){padding-left:20%;padding-right:20%}}@media (min-width: 600px){.location-gallery-item:nth-child(5){padding-left:50%;padding-right:5%}}@media (min-width: 600px){.location-gallery-item:nth-child(6){padding-left:3%;padding-right:55%;margin-top:-300px}}@media (min-width: 600px){.location-gallery-item:nth-child(7){padding-left:25%;padding-right:25%}}#kontakt{margin-top:50px;margin-bottom:100px;text-align:center}@media (max-width: 599px){#kontakt h4{font-size:4vw}}#kontakt img{height:160px;width:auto}#footer{padding:30px;text-align:center;width:100%}#footer p{font-size:1rem}#footer img{height:100px}@media (max-width: 599px){#footer img{height:60px}}#footer button{margin:0 10px}#foerderung{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:30px;margin-top:30px;margin-bottom:50px}@media (max-width: 599px){#foerderung{gap:10px}}.logo{position:fixed;top:0px;float:left;padding:8px;margin-top:8px;z-index:9}.logo img{height:75px}[data-magellan-expedition],[data-magellan-expedition-clone]{background-color:transparent}.site-wrap{height:100%;width:100%}.full-menu-content{margin-top:50px}#body-nav #menu-logo{height:75px;margin-top:100px;margin-right:200px;opacity:0;width:auto}.show-nav #body-nav #menu-logo{opacity:1}#body-nav{background:transparent;display:block;overflow-y:scroll;position:fixed;text-align:right;top:90000px;width:100%;z-index:10000;height:100%;-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translateZ(0);-webkit-transition:background 1s ease;-moz-transition:background 1s ease;transition:background 1s ease;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-box-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;z-index:50}.show-nav #body-nav{background-color:var(--black);z-index:8;top:0px}.hide-nav #body-nav{background:transparent;height:100%;width:100%;z-index:10}#body-nav .middle-column{opacity:0}.show-nav #body-nav .middle-column{opacity:1}#body-nav ul{list-style-type:none;margin-right:10px}#body-nav ul li a{border:none;color:var(--white);display:block;font-family:montserrat,sans-serif;font-size:2rem;font-weight:300;padding:10px;line-height:50px;opacity:0;text-decoration:none!important;-webkit-transition:all .2s cubic-bezier(.17,.67,.38,1.46);-moz-transition:all .2s cubic-bezier(.17,.67,.38,1.46);transition:all .2s cubic-bezier(.17,.67,.38,1.46);-webkit-transform:translateY(-200px);-moz-transform:translateY(-200px);-ms-transform:translateY(-200px);-o-transform:translateY(-200px);transform:translateY(-200px)}#body-nav ul li a:hover{color:var(--primary);font-weight:700}.show-nav #body-nav ul li a{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}#body-nav ul li:nth-child(1) a{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}#body-nav ul li:nth-child(2) a{-webkit-transition-delay:25ms;-moz-transition-delay:25ms;-o-transition-delay:25ms;transition-delay:25ms}#body-nav ul li:nth-child(3) a{-webkit-transition-delay:.05s;-moz-transition-delay:.05s;-o-transition-delay:.05s;transition-delay:.05s}#body-nav ul li:nth-child(4) a{-webkit-transition-delay:75ms;-moz-transition-delay:75ms;-o-transition-delay:75ms;transition-delay:75ms}#body-nav form{opacity:0}.show-nav #body-nav form{opacity:1}.toggle-nav{left:auto;position:fixed;right:30px;z-index:9999999999999}.toggle-nav .option{left:auto;right:125%}header{background-color:transparent;height:75px;position:fixed;top:0px;width:100%;z-index:15}.c-hamburger{display:block;background-color:transparent;mix-blend-mode:difference;position:fixed;right:0;overflow:hidden;margin:0;padding:0;width:96px;height:96px;font-size:0;text-indent:-9999px;appearance:none;box-shadow:none;border-radius:none;border:none;cursor:pointer;transition:background .3s;z-index:10000;top:-12px;right:-12px}.c-hamburger:focus{outline:none}.c-hamburger span{display:block;position:absolute;top:35px;left:30px;right:30px;height:2px;background:#fff}.c-hamburger span:before,.c-hamburger span:after{position:absolute;display:block;left:0;width:100%;height:2px;background-color:#fff;content:""}.c-hamburger span:before{top:-10px}.c-hamburger span:after{bottom:-10px}rotate to x .c-hamburger--htx{background-color:#97bed8;background-color:#0000}.c-hamburger--htx:hover,.c-hamburger--htx:focus{background-color:#0000}.c-hamburger--htx span{transition:background 0s .3s}.c-hamburger--htx span:before,.c-hamburger--htx span:after{transition-duration:.3s,.3s;transition-delay:.3s,0s}.c-hamburger--htx span:before{transition-property:top,transform}.c-hamburger--htx span:after{transition-property:bottom,transform}.c-hamburger--htx.is-active{background-color:#97bed8;background-color:#0000}.c-hamburger--htx.is-active span{background:none}.c-hamburger--htx.is-active span:before{top:0;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.c-hamburger--htx.is-active span:after{bottom:0;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.c-hamburger--htx.is-active span:before,.c-hamburger--htx.is-active span:after{transition-delay:0s,.3s}.buorg-pad{padding:9px;line-height:1.7em}.buorg-buttons{display:block;text-align:center}body#buorgig,#buorgul,#buorgpermanent{color:#fff;text-decoration:none;cursor:pointer;box-shadow:0 0 2px #0006;padding:1px 10px;border-radius:4px;font-weight:400;background:var(--primary);white-space:nowrap;margin:0 2px;display:inline-block}#buorgig{background-color:var(--primary)}@media only screen and (max-width: 700px){.buorg div{padding:5px 12px 5px 9px;line-height:1.3em}}@keyframes buorgfly{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.buorg-fadeout{transition:visibility 0s 8.5s,opacity 8s ease-out .5s}.buorg-icon{width:22px;height:16px;vertical-align:middle;position:relative;top:-.05em;display:inline-block;background:no-repeat 0px center}