html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}body {line-height:1;}ol, ul {list-style:none;}blockquote, q {quotes:none;}blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}table {border-collapse:collapse;border-spacing:0;}:root {--hmv-white:#FFFFFF;--hmv-main:#44B297;--hmv-contrast:#F7E972;--hmv-dark:#3C2205;--hmv-text:#000000;--padding:16px;--fontsize:18px;--borderradius:5px;}body{font-family:"Lato", sans-serif;font-weight:300;font-style:normal;font-size:var(--fontsize);line-height:1.5;color:var(--hmv-text);}.mobile{display:none;@media (max-width:768px){display:block;}}.desktop{display:block;@media (max-width:768px){display:none !important;}}a:link{color:var(--hmv-text); text-decoration:underline; text-underline-offset:5px;}a:hover{color:var(--hmv-main);}a:visited{color:var(--hmv-text); text-decoration:underline;text-underline-offset:5px;}a{transition:all 300ms;}p{letter-spacing:.005em;}strong{font-weight:700;}sup{font-size:60%; font-weight:400; top:-.7em;}img{display:block;max-width:100%;height:auto;}.accent{font-family:"Meow Script", cursive;font-weight:400;font-style:normal;}a.mapLink{display:block;background:url('../images/icon-maps.svg') no-repeat left center;padding-left:25px;color:var(--hmv-main);margin:2rem 0;&:hover{color:var(--hmv-dark);}}@keyframes fadeIn {0% {opacity:0;}100% {opacity:1;}}.wrapper{position:relative;width:100%;max-width:1200px;margin:0 auto; }.box{box-shadow:0 0 100px rgba(0,0,0,.1);background:var(--hmv-white);border-radius:var(--borderradius);}main{animation:fadeIn 800ms;padding-top:175px;@media (max-width:768px){padding-top:calc(12vw + 2rem + 74px);}}.content{padding:0 clamp(1rem, 6vw, 4.375rem);}a.bookNow{display:flex;align-items:center;width:max-content;background:var(--hmv-main);color:var(--hmv-white);font-weight:700;letter-spacing:.025em;line-height:1;text-decoration:none;padding:12px clamp(1rem, 5vw, 28px);border-radius:50px;cursor:pointer;box-shadow:0 0 10px rgba(0,0,0,.2);svg{height:20px;margin-right:10px;*{transition:all 200ms ease;}}&:hover{background-color:var(--hmv-contrast);color:var(--hmv-dark);svg{*{fill:var(--hmv-dark);}}}}.bookNow:hover{background:var(--hmv-dark);text-decoration:none;}header{position:fixed;top:0;width:100%;z-index:500;.box{border-radius:0;box-shadow:0 20px 30px -10px rgba(0,0,0,.1);background-color:var(--hmv-white);}.content{display:flex;align-items:center;justify-content:space-between;position:relative;padding-top:1.5rem;padding-bottom:1.5rem;transition:all 200ms ease;>a{svg{height:120px;width:auto;transition:all 200ms ease;}}>div{width:min-content;display:flex;justify-content:flex-end;flex-wrap:wrap;nav{transition:margin 200ms ease;display:block;flex-basis:100%;margin-top:2rem;ul{width:max-content;display:flex;gap:30px;li{a{font-weight:400;text-decoration:none;&:hover{color:var(--hmv-main);}}}}}.lang{font-size:14px;font-weight:400;padding:16px 6px;margin-right:1rem;}}}&.mini{.content{padding-top:.6rem;padding-bottom:.6rem;>a{svg{height:70px;width:auto;}}nav{margin-top:.5rem;}.bookNow{padding:8px 30px;}.lang{padding:8px 18px;}}}@media (max-width:768px){.content{position:relative;padding-top:1rem;padding-bottom:1rem;>a{svg{height:15vw;}}>div{display:none;}}.mobile{.bookNow{width:100vw;border-radius:0;justify-content:center;padding:1.25rem 0;}}&.mini{.content{>a{svg{height:12vw;}}.mobile{.bookNow{padding:8px 0;}}}}.navTrigger{display:block;width:44px;height:44px;background:url('../images/icon-nav.svg') no-repeat center center;background-size:44px;text-indent:-200vw;border:none;}}}body.openNav{height:100vh;height:100dvh;overflow:hidden;header .content{position:relative; > div{display:block;position:absolute;top:0;left:0;width:100vw;height:100vh;padding:20px 0 0 0;background:var(--hmv-white);.navTrigger{margin:.85rem 1.5rem 0 auto;background-image:url('../images/icon-nav-close.svg');}nav{margin:0;ul{width:100%;flex-direction:column;align-items:center;gap:0;li{text-align:center;width:65%;a{display:block;padding:1rem;font-size:24px;font-weight:300;}&:last-child{border-top:1px solid rgba(0,0,0,.1);margin-top:1rem;padding-top:1rem;}}}}}}} .zimmer nav ul li.m1 a,.lage-anreise nav ul li.m2 a,.kontakt nav ul li.m3 a{color:var(--hmv-main);text-decoration:underline;text-underline-offset:5px;}.rooms nav ul li.m1 a,.location-arrival nav ul li.m2 a,.contact nav ul li.m3 a{color:var(--hmv-main);text-decoration:underline;text-underline-offset:5px;}.hero{position:relative;text-align:center;min-height:200px;background-color:var(--hmv-dark);img{z-index:1;}.headline{position:absolute;width:100%;bottom:15%;left:50%;transform:translate(-50%,0);z-index:2;h1{font-size:clamp(3rem, 9vw, 90px);line-height:1;color:var(--hmv-white);text-shadow:0 0 50px rgba(0,0,0,.75);span{display:inline-block;margin-left:-.12em;}}svg{width:25%;}}@media (max-width:768px){min-height:25vw;}}.home .hero{.headline{bottom:10%;h1{font-size:clamp(1.6rem, 10vw, 130px);}@media (max-width:768px){max-width:80%;svg{display:none;}}}}.welcome{.content{text-align:center;padding-top:2.5rem;padding-bottom:2.5rem;h2{em{font-size:1.65em;margin:0 3px;}span{text-decoration:underline;text-underline-offset:5px;text-decoration-style:dotted;}}}@media (max-width:768px){.content{background-color:var(--hmv-contrast);h2{line-height:1;span{text-decoration-color:inherit;}}}}}.icons{.content{background:var(--hmv-main);display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;padding-top:3rem;padding-bottom:3rem;>div{animation:fadeIn 300ms;animation-fill-mode:both;text-align:center;padding:1rem .5rem;min-width:130px;>div{background-color:rgba(0,0,0,.2);width:clamp(100px, 15vw, 150px);height:clamp(100px, 15vw, 150px);margin:0 auto;border-radius:var(--borderradius);display:flex;justify-content:center;align-items:center;svg{height:50%;max-height:50px;max-width:65px;width:auto;}}h3{font-size:12px;text-transform:uppercase;letter-spacing:.025em;color:var(--hmv-white);margin-top:12px;font-weight:400;}}>div:nth-child(1){animation-delay:100ms;}>div:nth-child(2){animation-delay:300ms;}>div:nth-child(3){animation-delay:500ms;}>div:nth-child(4){animation-delay:700ms;}>div:nth-child(5){animation-delay:900ms;}>div:nth-child(6){animation-delay:1100ms;}}@media (max-width:768px){.content{padding:3rem 0;justify-content:center;}}}.family{background-color:var(--hmv-contrast);padding:8rem 0;.content{max-width:900px;margin:0 auto;display:flex;align-items:center;gap:5rem;div{width:45%;&.wider{width:55%;}h2{color:var(--hmv-white);font-size:clamp(2rem, 20vw, 130px);line-height:1;text-shadow:0 0 20px rgba(0,0,0,.25);transform:translateX(-.1em);margin-bottom:1rem;}p{.accent{display:block;font-size:2rem;margin-top:1.75rem;line-height:1;}}img{position:relative;display:block;border-radius:var(--borderradius);box-shadow:0 0 30px rgba(0,0,0,.15);&::after{display:table;content:"asdf";position:absolute;top:10px;left:210px;width:100%;height:100%;background:rgba(0,0,0,1);}}h3{font-size:12px;margin:.5rem 0 0 2rem;}}}@media (max-width:768px){padding:4rem 0;.content{display:block;text-align:center;div{width:80%;margin:0 auto;&.wider{width:100%;h3{margin:0.5rem 0 0 0;}}}img{margin:2rem auto 0 auto;}}}}@media (max-width:768px){.text + .gallery{padding-top:0;}}.gallery{padding:4rem 0;.content {display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:auto auto;gap:1rem;picture:nth-child(3) {grid-column:2;grid-row:1 / span 2;}img {width:100%;height:100%;display:block;object-fit:cover;border-radius:var(--borderradius);}}&+.gallery{padding-top:0;}&:has(+ .gallery){padding-bottom:1rem;}&.alt{.content{grid-template-columns:2fr 3.5fr ;picture:nth-child(1) {grid-column:1;grid-row:1;}picture:nth-child(2) {grid-column:2;grid-row:1;}}}@media (max-width:600px) {.content, &.alt .content{grid-template-columns:1fr;picture{grid-column:auto !important;grid-row:auto !important;}}}}.book{padding:4rem 0 2rem 0;.content{text-align:center;h2{font-size:clamp(1.5rem, 10vw, 28px);font-weight:700;}p{max-width:540px;margin:1rem auto;font-size:22px;}.bookNow{margin:3rem auto;}}}.our-rooms{background-color:var(--hmv-dark);padding:6rem 0 6rem 0;@media (max-width:768px){padding:4rem 0 2rem 0;}.content{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2rem;color:var(--hmv-white);font-size:16px;div{position:relative;h3{font-size:40px;transform:rotate(-5deg);}span.accent{position:absolute;left:min(72%, 250px);top:7%;display:flex;align-items:center;justify-content:center;font-size:3rem;background-color:var(--hmv-main);border-radius:50%;width:62px;height:62px;}img{border:1px solid var(--hmv-white);border-radius:var(--borderradius);margin:1rem 0 2rem 0;}p{color:var(--hmv-contrast);}ul{margin:3rem 0 0 0;list-style:none;padding-left:0;li{position:relative;padding-left:1.5rem;margin-bottom:1rem;&::before {content:"";position:absolute;left:0;top:0.35em;height:11px;width:11px;background:url("../images/icon-check.svg") no-repeat center center;background-size:contain;}}}@media (max-width:768px){margin-bottom:2rem;}}}}.image{padding:4rem 0;img{border-radius:var(--borderradius);}@media (max-width:768px){padding:0;margin:0;width:100%;.content{padding:0;img{border-radius:0;}}}}.reasons{padding:4rem 0;.content{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:4rem 2rem;div{background-color:var(--hmv-contrast);padding:0 2rem 2rem 2rem;border-radius:var(--borderradius);h4{font-size:3.75rem;line-height:1;transform:translate(0, -2.25rem) rotate(-5deg);width:max-content;margin:0 auto;}p{margin-bottom:1rem;}}}}.bookBanner{padding:4rem 0;.content{position:relative;img{border-radius:var(--borderradius);}.bookNow{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}}@media (max-width: 768px){margin:0;padding:0 0 2rem 0;}}.catchphrase{.content{text-align:center;div{background-color:var(--hmv-contrast);border-radius:var(--borderradius);padding:2rem 2rem;h3{font-size:14px;letter-spacing:.5em;text-transform:uppercase;margin-bottom:1rem;}h4{font-size:clamp(2.4rem, 6vw, 48px);line-height:1;}}}@media (max-width:768px){.content{padding-bottom:2rem;}}}.text{display:grid;grid-template-columns:4fr 3fr;padding:4rem 0;.content{h2{font-size:1.75rem;font-weight:700;margin-bottom:4rem;}h3{font-size:1.25rem;font-weight:700;margin-bottom:1rem;}p{margin-bottom:1rem;}p+h3, a+h3, ul+h3{margin-top:2rem;}hr{margin:3rem 0;border:none;border-top:1px solid rgba(0,0,0,.1);}>svg{margin-bottom:1rem;}em{color:var(--hmv-main);font-weight:700;}strong{font-weight:400;}}@media (max-width:768px){grid-template-columns:1fr;padding:4rem 0 4rm 0;font-size:16px;.content{h2{margin-bottom:2rem;}}}}.kontakt .text, .contact .text{grid-template-columns:2fr 3fr;img{box-shadow:0 0 40px rgba(0,0,0,.1);border-radius:var(--borderradius);border:1px solid var(--hmv-white);}@media (max-width:768px){grid-template-columns:1fr;img{margin:2rem auto 0 auto;}}}footer{margin-top:30px;margin-bottom:60px;font-size:16px;@media (max-width:1200px){margin-top:0;}.wrapper{background:none;}.content{&.box{display:flex;color:var(--hmv-white);background:url('../images/footer-illustration.png') no-repeat right bottom;background-color:var(--hmv-dark);background-size:600px auto;padding-top:4rem;padding-bottom:4rem;h5{font-size:2.7rem;margin-bottom:2rem;line-height:1;em{color:var(--hmv-contrast);span{display:inline-block;margin-left:-.12em;}}}a{color:var(--hmv-white);white-space:nowrap;&:hover{color:var(--hmv-contrast);}}svg{width:200px;margin-right:min(150px, 10vw);margin-left:auto;*{fill:var(--hmv-contrast);}}@media (max-width:768px){border-radius:0;flex-direction:column;text-align:center;gap:2rem;line-height:2;svg{margin:0 auto;}}}}.legal{font-size:14px;padding-top:1rem;p{display:flex;gap:.25rem;a:last-child{margin-left:auto;opacity:.35;text-decoration:none;}}@media (max-width:768px){p{text-align:center;flex-wrap:wrap;justify-content:center;gap:1rem;a:last-child{flex-basis:100%;}}}}}