@font-face{font-family: 'Barlow';src: url('/assets/fonts/barlow-400.woff2') format('woff2');font-weight: 400;font-display: swap}@font-face{font-family: 'Barlow';src: url('/assets/fonts/barlow-500.woff2') format('woff2');font-weight: 500;font-display: swap}@font-face{font-family: 'Barlow';src: url('/assets/fonts/barlow-600.woff2') format('woff2');font-weight: 600;font-display: swap}@font-face{font-family: 'Barlow Condensed';src: url('/assets/fonts/barlow-condensed-600.woff2') format('woff2');font-weight: 600;font-display: swap}@font-face{font-family: 'Barlow Condensed';src: url('/assets/fonts/barlow-condensed-800.woff2') format('woff2');font-weight: 800;font-display: swap}:root{--petrol: #1D3B2C;--petrol-2: #2B5140;--gelb: #DEDB00;--gelb-2: #EAE74A;--nebel: #E5ECE1;--karte: #FBFCF9;--tinte: #17221B;--schiefer: #4A5B4F;--linie: rgba(29,59,44,.18);--linie-hell: rgba(229,236,225,.22);--tuerkis: #3D6B54;--schatten: 0 1px 2px rgba(29,59,44,.10),0 18px 40px -18px rgba(29,59,44,.38);--schatten-hoch: 0 2px 4px rgba(29,59,44,.10),0 30px 60px -22px rgba(29,59,44,.45);--kurve: cubic-bezier(.22,1,.36,1);--rand: clamp(16px,4vw,56px);--breite: 1320px;--anzeige: 'Barlow Condensed','Arial Narrow',sans-serif;--text: 'Barlow',system-ui,sans-serif;color-scheme: light}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-padding-top: 96px}body{margin: 0;background: var(--nebel);color: var(--tinte);font: 400 1.0625rem/1.6 var(--text);overflow-x: hidden;-webkit-font-smoothing: antialiased}img,video,svg{display: block;max-width: 100%;height: auto}a{color: var(--petrol);text-decoration-thickness: 1px;text-underline-offset: .2em}a:hover{text-decoration-color: var(--gelb);text-decoration-thickness: 3px}::selection{background: var(--gelb);color: var(--petrol)}:focus-visible{outline: 3px solid var(--gelb);outline-offset: 3px;box-shadow: 0 0 0 6px var(--petrol);border-radius: 2px}h1,h2,h3{font-family: var(--anzeige);font-weight: 800;text-transform: uppercase;color: var(--petrol);line-height: .95;letter-spacing: .005em;margin: 0 0 .5em;text-wrap: balance}h2{font-size: clamp(2.2rem,5vw,4rem)}h3{font-size: 1.45rem;line-height: 1.05}p{margin: 0 0 1em}.lead{font-size: clamp(1.1rem,1.6vw,1.3rem);line-height: 1.5;max-width: 58ch}.klein{font-size: .9rem;color: var(--schiefer)}.wrap{width: 100%;max-width: calc(var(--breite) + 2 * var(--rand));margin-inline: auto;padding-inline: var(--rand)}.skip{position: absolute;left: -9999px;top: 8px;z-index: 100;background: var(--gelb);color: var(--petrol);padding: 10px 16px;font-weight: 600}.skip:focus{left: 8px}.link-knopf{background: none;border: 0;padding: 0;font: inherit;color: inherit;text-decoration: underline;text-underline-offset: .2em;cursor: pointer}.pfeil{display: inline-flex;align-items: center;gap: .45em;font-weight: 600;text-decoration: none;color: var(--petrol);margin-right: 1.2em}.pfeil::after{content: '';width: 1.1em;height: .7em;background: currentColor;-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 14'%3E%3Cpath d='M0 7h20M14 1l6 6-6 6' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 14'%3E%3Cpath d='M0 7h20M14 1l6 6-6 6' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat;transition: transform .4s var(--kurve)}.pfeil:hover::after{transform: translateX(4px)}.pfeil:hover{text-decoration: underline;text-decoration-color: var(--gelb);text-decoration-thickness: 3px}.marke,.marke-knopf{position: relative;display: inline-flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;color: var(--petrol);isolation: isolate;background: radial-gradient(circle,transparent 2.6px,var(--gelb) 3.1px) -5px -5px / 10px 10px;padding: 14px 20px;text-decoration: none}.marke::before,.marke-knopf::before{content: '';position: absolute;inset: 5px;background: var(--gelb);z-index: -1}.marke::after{content: '';position: absolute;inset: 9px;border: 1px solid rgba(29,59,44,.35);z-index: -1;pointer-events: none}.marke small{font: 600 .72rem/1.1 var(--anzeige);letter-spacing: .14em;text-transform: uppercase}.marke b{font: 800 2.1rem/1 var(--anzeige);text-transform: uppercase;letter-spacing: .01em;margin: 2px 0}.marke b.b-klein{font-size: 1.25rem;line-height: 1.05}.marke-petrol{background-image: radial-gradient(circle,transparent 2.6px,var(--petrol) 3.1px);color: var(--nebel)}.marke-petrol::before{background: var(--petrol)}.marke-petrol::after{border-color: rgba(229,236,225,.35)}.marke-leer{min-width: 120px}.marke-knopf{flex-direction: row;gap: .5em;padding: 15px 24px;font: 600 1.08rem/1 var(--anzeige);letter-spacing: .06em;text-transform: uppercase;cursor: pointer;border: 0;transition: transform .5s var(--kurve),filter .3s;filter: drop-shadow(0 6px 10px rgba(29,59,44,.18))}.marke-knopf span{position: relative}.marke-knopf:hover{transform: rotate(-2deg) translateY(-2px);filter: drop-shadow(0 12px 16px rgba(29,59,44,.28));text-decoration: none}.marke-knopf:active{transform: scale(.98)}.stempel{width: 120px;height: 120px;color: var(--petrol);font-family: var(--anzeige);font-weight: 600;opacity: .9}.stempel-klein{width: 92px;height: 92px}.kopf{position: fixed;top: 12px;left: 12px;right: 12px;z-index: 40;pointer-events: none}.kopf-in{pointer-events: auto;max-width: 1480px;margin: 0 auto;height: 68px;display: flex;align-items: center;gap: 22px;padding: 0 10px 0 18px;border-radius: 10px;background: rgba(251,252,249,.96);box-shadow: 0 1px 2px rgba(29,59,44,.08),0 14px 30px -20px rgba(29,59,44,.5);transition: background .4s var(--kurve),box-shadow .4s,transform .5s var(--kurve)}.logo{display: block;width: 112px;flex: none}.logo img{width: 112px;height: auto}.logo-hell{display: none !important}.kopf-nav{margin-left: auto}.kopf-nav ul{display: flex;gap: 4px;list-style: none;margin: 0;padding: 0}.kopf-nav a{display: block;padding: 10px 12px;font: 600 1.02rem/1 var(--anzeige);letter-spacing: .08em;text-transform: uppercase;color: var(--petrol);text-decoration: none;border-radius: 4px}.kopf-nav a:hover,.kopf-nav a[aria-current]{box-shadow: inset 0 -3px 0 var(--gelb)}.kopf-tel{display: flex;align-items: center;gap: 8px;color: var(--petrol);text-decoration: none;font-weight: 500;font-size: .98rem;white-space: nowrap}.kopf-buchen{padding: 13px 20px}.menue-knopf{display: flex;align-items: center;gap: 10px;background: none;border: 0;cursor: pointer;font: 600 1rem/1 var(--anzeige);letter-spacing: .1em;text-transform: uppercase;color: var(--petrol);padding: 12px 10px}.menue-linien{position: relative;width: 22px;height: 12px}.menue-linien i{position: absolute;left: 0;right: 0;height: 2px;background: currentColor;transition: transform .45s var(--kurve),top .45s var(--kurve)}.menue-linien i:first-child{top: 0}.menue-linien i:last-child{top: 10px}.menue-knopf[aria-expanded="true"] .menue-linien i:first-child{top: 5px;transform: rotate(45deg)}.menue-knopf[aria-expanded="true"] .menue-linien i:last-child{top: 5px;transform: rotate(-45deg)}.kopf-ueber-bild .kopf:not(.fest) .kopf-in{background: transparent;box-shadow: none}.kopf-ueber-bild .kopf:not(.fest) .logo-hell{display: block !important}.kopf-ueber-bild .kopf:not(.fest) .logo-dunkel{display: none}.kopf-ueber-bild .kopf:not(.fest) .kopf-nav a,.kopf-ueber-bild .kopf:not(.fest) .kopf-tel,.kopf-ueber-bild .kopf:not(.fest) .menue-knopf{color: var(--nebel);text-shadow: 0 1px 12px rgba(0,0,0,.35)}.menue-offen .kopf .kopf-in{background: transparent;box-shadow: none}.menue-offen .kopf .logo-hell{display: block !important}.menue-offen .kopf .logo-dunkel{display: none}.menue-offen .kopf .kopf-nav,.menue-offen .kopf .kopf-tel{visibility: hidden}.menue-offen .kopf .menue-knopf{color: var(--nebel)}.menue{position: fixed;inset: 0;z-index: 35;background: var(--petrol);color: var(--nebel);overflow: auto;padding: 110px var(--rand) 48px}.menue[hidden]{display: none}.menue-in{max-width: 1320px;margin: 0 auto;display: grid;grid-template-columns: repeat(3,1fr) 1.1fr;gap: 40px}.menue-titel{font: 600 .85rem/1 var(--anzeige);letter-spacing: .2em;text-transform: uppercase;color: var(--gelb);margin-bottom: 18px}.menue ul{list-style: none;margin: 0;padding: 0}.menue-gruppe a{display: block;padding: 6px 0;font: 800 clamp(1.6rem,2.4vw,2.2rem)/1.05 var(--anzeige);text-transform: uppercase;color: var(--nebel);text-decoration: none}.menue-gruppe a:hover,.menue-gruppe a[aria-current]{color: var(--gelb)}.menue-gruppe{opacity: 0;transform: translateY(28px);transition: opacity .6s var(--kurve) calc(var(--i) * 80ms + 60ms),transform .7s var(--kurve) calc(var(--i) * 80ms + 60ms)}.menue.auf .menue-gruppe{opacity: 1;transform: none}.menue-karte{background: var(--petrol-2);padding: 28px;border-radius: 6px;align-self: start}.menue-karte a{color: var(--nebel)}.menue-karte .klein{color: rgba(229,236,225,.75)}.krumen{padding: 100px var(--rand) 0;max-width: calc(var(--breite) + 2 * var(--rand));margin: 0 auto;font-size: .88rem;color: var(--schiefer)}.krumen ol{list-style: none;display: flex;flex-wrap: wrap;gap: 6px;margin: 0;padding: 0}.krumen li + li::before{content: '/';margin-right: 6px;color: var(--linie)}.krumen a{color: var(--schiefer)}.hinweisleiste{background: var(--gelb);color: var(--petrol);text-align: center;padding: 8px 16px;font-weight: 600;position: relative;z-index: 41}.hinweisleiste p{margin: 0}.hinweisleiste + .kopf{top: 52px}.held{position: relative;height: 100svh;min-height: 600px;max-height: 1100px;padding: 12px}.held-bild{position: absolute;inset: 12px;border-radius: 6px;overflow: hidden;background: var(--petrol)}.held-bild img,.held-video{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}.held-video{opacity: 0;transition: opacity 1.2s var(--kurve)}.held-video.laeuft{opacity: 1}.held-bild::after{content: '';position: absolute;inset: 0;background: linear-gradient(180deg,rgba(10,26,18,.42) 0%,rgba(10,26,18,0) 20%,rgba(10,26,18,0) 38%,rgba(10,26,18,.72) 100%),linear-gradient(90deg,rgba(10,26,18,.45) 0%,rgba(10,26,18,0) 60%);pointer-events: none}.h1-klein,.h1-gross{text-shadow: 0 2px 24px rgba(6,18,12,.45)}.held-text{position: absolute;left: calc(12px + var(--rand));bottom: 56px;right: 340px;color: var(--nebel);z-index: 2}.held h1{color: var(--nebel);margin: 0 0 16px}.h1-klein{display: block;font: 800 clamp(2.4rem,4.7vw,4.6rem)/.92 var(--anzeige);letter-spacing: .015em;margin-bottom: .14em;white-space: nowrap}.h1-sterne{font-size: .42em;font-weight: 600;letter-spacing: .12em;vertical-align: .95em;margin-left: .1em;white-space: nowrap}.h1-gross{display: block;font-size: clamp(4.6rem,15vw,13.5rem);line-height: .8;letter-spacing: -.01em}.held-unter{font-size: clamp(1.05rem,1.4vw,1.25rem);max-width: 40ch;text-shadow: 0 1px 14px rgba(0,0,0,.35);margin-bottom: 22px}.film-knopf{display: inline-flex;align-items: center;gap: 14px;background: rgba(251,252,249,.14);border: 1px solid rgba(251,252,249,.5);color: var(--nebel);padding: 8px 20px 8px 8px;border-radius: 999px;font: 600 1rem/1.15 var(--text);cursor: pointer;text-align: left;-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px);transition: background .3s,transform .5s var(--kurve)}.film-knopf small{display: block;font-weight: 400;font-size: .8rem;opacity: .85}.film-knopf:hover{background: rgba(251,252,249,.26);transform: translateY(-2px)}.film-play{width: 44px;height: 44px;border-radius: 50%;display: grid;place-items: center;background: var(--gelb);color: var(--petrol);flex: none;transition: transform .5s var(--kurve)}.film-knopf:hover .film-play{transform: scale(1.08)}.held-marke{position: absolute;right: calc(12px + var(--rand));bottom: 52px;z-index: 2;display: grid}.held-marke .stempel{position: absolute;left: -74px;top: -50px;color: var(--nebel);transform: rotate(-14deg);z-index: 2;pointer-events: none;animation: stempeln .9s var(--kurve) .5s both}.marke-gross{padding: 26px 30px;transform: rotate(3deg);transition: transform .6s var(--kurve)}.marke-gross b{font-size: 3.1rem}.marke-gross:hover{transform: rotate(0deg) scale(1.03);text-decoration: none}@keyframes stempeln{from{opacity: 0;transform: rotate(-14deg) scale(1.25)}to{opacity: .9;transform: rotate(-14deg) scale(1)}}.held-pause{position: absolute;right: 24px;top: 92px;z-index: 3;width: 40px;height: 40px;border-radius: 50%;border: 1px solid rgba(255,255,255,.5);background: rgba(29,59,44,.35);color: #fff;display: grid;place-items: center;cursor: pointer}.held-pause[hidden]{display: none}.rueckseite{padding: 96px var(--rand) 40px}.rs-karte,.zimmer-karte,.pc-karte{position: relative;max-width: 1180px;margin: 0 auto;background: var(--karte);border-radius: 6px;box-shadow: var(--schatten);display: grid;grid-template-columns: 1.25fr 1px .95fr;gap: 0 48px;padding: clamp(28px,4.5vw,64px)}.rs-karte::before,.zimmer-karte::before,.pc-karte::before{content: '';grid-column: 2;grid-row: 1;background: var(--linie);width: 1px}.rs-karte{transform: rotate(-.6deg)}.rs-nachricht,.zr-nachricht,.pc-nachricht{grid-column: 1;grid-row: 1}.rs-adresse,.zr-adresse,.pc-adresse{grid-column: 3;grid-row: 1}.rs-nachricht p{font-size: 1.12rem;max-width: 54ch}.rs-gruss{font-family: var(--anzeige);font-weight: 600;font-size: 1.3rem;letter-spacing: .04em;text-transform: uppercase;color: var(--petrol);margin-top: 1.4em}.rs-marken{display: flex;justify-content: flex-end;align-items: center;gap: 4px;margin-bottom: 26px}.rs-marken .stempel{margin-left: -36px;transform: rotate(-10deg)}.adresszeilen{list-style: none;margin: 0 0 18px;padding: 0}.adresszeilen li{border-bottom: 1px solid var(--linie);padding: 12px 0 8px;font-size: 1.05rem}.adresszeilen span{display: inline-block;min-width: 92px;font: 600 .76rem/1 var(--anzeige);letter-spacing: .16em;text-transform: uppercase;color: var(--schiefer)}.gegensaetze{background: var(--petrol);color: var(--nebel);padding: 112px var(--rand);margin-top: 72px}.gegensaetze h2,.gegensaetze h3{color: var(--nebel)}.gg-kopf{max-width: 1320px;margin: 0 auto 56px;display: flex;justify-content: space-between;align-items: end;gap: 32px;flex-wrap: wrap}.gg-kopf h2{max-width: 20ch;margin: 0}.gg-kopf p{max-width: 34ch;font-size: 1.12rem;margin: 0;color: rgba(229,236,225,.85)}.gg-paare{max-width: 1320px;margin: 0 auto;display: grid;grid-template-columns: repeat(3,1fr);gap: clamp(24px,3vw,48px)}.gg-paar:nth-child(2){margin-top: 56px}.gg-schalter{display: flex;align-items: baseline;flex-wrap: wrap;gap: 6px 10px;margin: 0 0 18px}.gg-schalter button{background: none;border: 0;padding: 0;cursor: pointer;font: 800 clamp(1.7rem,2.6vw,2.4rem)/1 var(--anzeige);text-transform: uppercase;color: rgba(229,236,225,.38);transition: color .35s}.gg-schalter button[aria-pressed="true"]{color: var(--nebel);box-shadow: inset 0 -4px 0 var(--gelb)}.gg-schalter button:hover{color: var(--nebel)}.gg-oder{font: 600 .9rem/1 var(--anzeige);letter-spacing: .2em;text-transform: uppercase;color: var(--gelb)}.gg-buehne{position: relative;perspective: 1200px}.gg-bild{margin: 0;background: var(--karte);padding: 10px;border-radius: 4px;box-shadow: 0 30px 50px -28px rgba(0,0,0,.6);aspect-ratio: 4 / 5;transform: rotate(var(--dreh,-1.2deg))}.gg-paar:nth-child(2) .gg-bild{--dreh: 1.4deg}.gg-bild img{width: 100%;height: 100%;object-fit: cover;border-radius: 2px}.gg-bild.kommt{animation: umblaettern .65s var(--kurve)}@keyframes umblaettern{from{opacity: 0;transform: rotate(var(--dreh,-1.2deg)) rotateY(-70deg) translateX(30px)}to{opacity: 1;transform: rotate(var(--dreh,-1.2deg))}}.gg-text{margin-top: 22px;color: rgba(229,236,225,.9);max-width: 40ch}.zimmerwand{padding: 112px 0 64px}.zw-kopf,.as-kopf,.tb-kopf{max-width: calc(var(--breite) + 2 * var(--rand));margin: 0 auto 40px;padding: 0 var(--rand);display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: 8px 48px;align-items: end}.zw-kopf h2,.as-kopf h2,.tb-kopf h2{grid-row: span 2;margin: 0}.zw-kopf p,.as-kopf p,.tb-kopf p{margin: 0;font-size: 1.1rem;max-width: 46ch}.zw-reihe,.as-reihe{display: flex;gap: 28px;overflow-x: auto;scroll-snap-type: x mandatory;padding: 28px var(--rand) 48px;scroll-padding-inline: var(--rand);scrollbar-width: thin;scrollbar-color: var(--petrol) transparent}.zw-reihe::after,.as-reihe::after{content: '';flex: 0 0 1px}.zw-raster,.as-raster{max-width: calc(var(--breite) + 2 * var(--rand));margin: 0 auto;padding: 24px var(--rand) 40px;display: grid;grid-template-columns: repeat(auto-fill,minmax(290px,1fr));gap: 40px 32px}.zk{flex: 0 0 340px;scroll-snap-align: start;position: relative;perspective: 1400px;transform: rotate(calc((var(--i) % 3 - 1) * 1.1deg));transition: transform .6s var(--kurve)}.zk:hover,.zk:focus-within{transform: rotate(0) translateY(-6px)}.zk-dreh{display: grid;transform-style: preserve-3d;transition: transform .8s var(--kurve)}.zk.gedreht .zk-dreh{transform: rotateY(180deg)}.zk-vorn,.zk-hinten{grid-area: 1 / 1;backface-visibility: hidden;-webkit-backface-visibility: hidden;background: var(--karte);border-radius: 6px;box-shadow: var(--schatten);padding: 10px 10px 64px}.zk-hinten{transform: rotateY(180deg);padding: 28px 24px 64px;display: flex;flex-direction: column;gap: 18px;background-image: repeating-linear-gradient(180deg,transparent 0 39px,var(--linie) 39px 40px);background-position: 0 22px}.zk-bild{aspect-ratio: 4 / 3;overflow: hidden;border-radius: 3px;background: var(--petrol)}.zk-bild img{width: 100%;height: 100%;object-fit: cover;transition: transform 1.2s var(--kurve)}.zk:hover .zk-bild img{transform: scale(1.04)}.zk-ohne{display: grid;place-items: center;background: var(--petrol)}.zk-ohne span{font: 800 2.4rem/0.95 var(--anzeige);text-transform: uppercase;color: var(--gelb);padding: 20px;text-align: center}.zk-name{margin: 18px 10px 6px;font-size: 1.7rem}.zk-name a{color: var(--petrol);text-decoration: none}.zk-name a::after{content: '';position: absolute;inset: 0}.zk-name small{display: block;font: 600 .78rem/1.3 var(--anzeige);letter-spacing: .14em;color: var(--schiefer);margin-top: 6px}.zk-kurz{margin: 0 10px;color: var(--schiefer);font-size: .98rem}.zk-fakten{margin: 0;display: grid;gap: 8px}.zk-fakten div{display: grid;grid-template-columns: 82px 1fr;gap: 10px;font-size: .96rem}.zk-fakten dt{font: 600 .74rem/1.6 var(--anzeige);letter-spacing: .14em;text-transform: uppercase;color: var(--schiefer)}.zk-fakten dd{margin: 0}.zk-hinten .marke{align-self: flex-end;transform: rotate(4deg)}.zk-mehr{position: relative;z-index: 2;font-weight: 600}.zk-drehen{position: absolute;z-index: 3;left: 18px;bottom: 16px;display: inline-flex;align-items: center;gap: 8px;background: var(--nebel);color: var(--petrol);border: 1px solid var(--linie);border-radius: 999px;padding: 7px 14px 7px 10px;font: 600 .9rem/1 var(--anzeige);letter-spacing: .1em;text-transform: uppercase;cursor: pointer;transition: background .3s}.zk-drehen:hover,.zk-drehen[aria-pressed="true"]{background: var(--gelb);border-color: var(--gelb)}.zk-drehen svg{transition: transform .6s var(--kurve)}.zk-drehen[aria-pressed="true"] svg{transform: rotate(180deg)}.zk-lp .zk-bild{background: var(--tuerkis)}.zw-raster .zk{flex: none}.preischeck{background: var(--petrol);padding: 96px var(--rand);position: relative}.preischeck h2{font-size: clamp(2rem,4vw,3.3rem)}.pc-karte{transform: rotate(.5deg)}.pc-form{margin: 24px 0 18px}.pc-felder{display: grid;grid-template-columns: 1fr 1fr;gap: 14px 18px;margin-bottom: 22px}.pc-felder label{display: grid;gap: 4px}.pc-felder label>span,.feld label{font: 600 .78rem/1.2 var(--anzeige);letter-spacing: .16em;text-transform: uppercase;color: var(--schiefer)}.pc-zimmer{grid-column: span 2}input,select,textarea{font: inherit;color: var(--tinte);background: transparent;border: 0;border-bottom: 1.5px solid var(--petrol);border-radius: 0;padding: 10px 2px 8px;width: 100%;min-height: 46px}select{appearance: none;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%230E3445' stroke-width='1.6'/%3E%3C/svg%3E") right 4px center/12px no-repeat;padding-right: 26px}textarea{border: 1.5px solid var(--linie);border-radius: 4px;padding: 12px;background: repeating-linear-gradient(180deg,transparent 0 31px,var(--linie) 31px 32px);line-height: 32px}input[type=date]::-webkit-calendar-picker-indicator{cursor: pointer;opacity: .75}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity: 1}input,select,textarea{accent-color: var(--petrol);caret-color: var(--petrol)}input:focus,select:focus,textarea:focus{outline: none;border-color: var(--gelb);box-shadow: 0 2px 0 var(--gelb)}.pc-adresse{display: flex;flex-direction: column}.pc-stempel{align-self: flex-end;transform: rotate(-8deg);margin-bottom: -10px}.pc-titel{font: 800 1.6rem/1 var(--anzeige);text-transform: uppercase;color: var(--petrol);border-bottom: 1px solid var(--linie);padding-bottom: 10px}.pc-widget{min-height: 440px;position: relative}.pc-platzhalter{border: 1px dashed var(--linie);border-radius: 6px;padding: 20px}.pc-platzhalter{color: var(--schiefer);font-size: .95rem}.pc-widget .viatoPrc{position: static !important}.tagesbogen{--t: .1;--nacht: 0;padding: 112px 0 96px;background: color-mix(in oklab,#DCE6D5,var(--petrol) calc(var(--nacht) * 100%));transition: background .6s var(--kurve),color .6s}.tagesbogen.ist-nacht{color: var(--nebel)}.tagesbogen.ist-nacht h2,.tagesbogen.ist-nacht h3{color: var(--nebel)}.tb-buehne{max-width: calc(var(--breite) + 2 * var(--rand));margin: 0 auto;padding: 0 var(--rand)}.tb-bogen{width: 100%;height: clamp(140px,22vw,280px);overflow: visible}.tb-bahn{stroke: currentColor;stroke-opacity: .3;stroke-width: 1.5;stroke-dasharray: 2 8;vector-effect: non-scaling-stroke}.tb-berg{fill: var(--petrol)}.ist-nacht .tb-berg{fill: #10281C}.tb-himmel{position: relative}.tb-sonne{position: absolute;left: 4%;top: 93%;width: clamp(34px,4vw,54px);aspect-ratio: 1;border-radius: 50%;background: var(--gelb);transform: translate(-50%,-50%);box-shadow: 0 0 0 10px rgba(222,219,0,.18),0 0 40px rgba(222,219,0,.55);transition: background .4s,box-shadow .4s;z-index: -0}.tb-himmel svg{position: relative;z-index: 1}.tb-himmel .tb-sonne{z-index: 0}.ist-nacht .tb-sonne{background: #F4F6E8;box-shadow: 0 0 0 10px rgba(244,246,232,.1),0 0 30px rgba(244,246,232,.35)}.tb-moment[hidden]{display: none}.tb-regler{display: flex;align-items: center;gap: 24px;margin: 24px 0 36px}.tb-uhrzeit{font: 800 2.4rem/1 var(--anzeige);min-width: 6.2ch;color: inherit}input[type=range]{-webkit-appearance: none;appearance: none;border: 0;padding: 0;min-height: 44px;background: transparent;flex: 1}input[type=range]::-webkit-slider-runnable-track{height: 4px;background: currentColor;opacity: .35;border-radius: 2px}input[type=range]::-moz-range-track{height: 4px;background: currentColor;opacity: .35;border-radius: 2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance: none;width: 34px;height: 34px;margin-top: -15px;border-radius: 50%;background: var(--gelb);border: 3px solid var(--petrol);cursor: grab}input[type=range]::-moz-range-thumb{width: 28px;height: 28px;border-radius: 50%;background: var(--gelb);border: 3px solid var(--petrol);cursor: grab}.tb-anzeige{min-height: 300px}.tb-moment{display: grid;grid-template-columns: minmax(0,.9fr) minmax(0,1fr);gap: 40px;align-items: center;animation: auftauchen .6s var(--kurve)}.tb-moment figure{margin: 0;background: var(--karte);padding: 10px;border-radius: 4px;box-shadow: var(--schatten);transform: rotate(-1.5deg);aspect-ratio: 3 / 2}.tb-moment figure img{width: 100%;height: 100%;object-fit: cover}.tb-moment h3{font-size: clamp(1.8rem,3vw,2.6rem)}.tb-zeit{font: 600 .9rem/1 var(--anzeige);letter-spacing: .2em;text-transform: uppercase;opacity: .75}@keyframes auftauchen{from{opacity: 0;transform: translateY(14px)}to{opacity: 1;transform: none}}.angebotsstapel{padding: 112px 0 64px}.ak{flex: 0 0 380px;scroll-snap-align: start;position: relative;display: block;background: var(--karte);border-radius: 6px;padding: 10px 10px 22px;box-shadow: var(--schatten);color: var(--tinte);text-decoration: none;transform: rotate(calc((var(--i) % 3 - 1) * -1deg));transition: transform .6s var(--kurve),box-shadow .6s}.ak:hover{transform: rotate(0) translateY(-6px);box-shadow: var(--schatten-hoch);text-decoration: none}.ak-bild{display: block;aspect-ratio: 3 / 2;overflow: hidden;border-radius: 3px}.ak-bild img{width: 100%;height: 100%;object-fit: cover;transition: transform 1.2s var(--kurve)}.ak:hover .ak-bild img{transform: scale(1.04)}.ak-text{display: block;padding: 18px 12px 0;padding-right: 120px}.ak-name{display: block;font: 800 1.7rem/1 var(--anzeige);text-transform: uppercase;color: var(--petrol);margin-bottom: 6px}.ak-motto{display: block;color: var(--schiefer);font-size: .98rem}.ak .marke{position: absolute;right: 16px;bottom: 18px;transform: rotate(5deg);padding: 10px 14px}.ak .marke b{font-size: 1.55rem}.as-raster .ak{flex: none}.mosaik{max-width: calc(var(--breite) + 2 * var(--rand));margin: 0 auto;padding: 64px var(--rand) 112px;display: grid;grid-template-columns: repeat(12,1fr);gap: 56px 40px}.mk{grid-column: span 6;display: grid;gap: 22px;align-content: start}.mk-fruehstueck{grid-column: 1 / span 7}.mk-spa{grid-column: 8 / span 5;margin-top: 120px}.mk-willingen{margin-top: 24px}.mk-willingen{grid-column: 1 / span 5}.mk-aktiv{grid-column: 6 / span 7;margin-top: 48px}.mosaik-zwei .mk{grid-column: span 6;margin: 0}.mk h2{font-size: clamp(1.9rem,3.2vw,2.8rem)}.mk-text p{max-width: 48ch}.mk-links .pfeil{margin-bottom: 6px}.clip,.karte-bild{margin: 0;background: var(--karte);padding: 10px;border-radius: 4px;box-shadow: var(--schatten);transform: rotate(var(--dreh,-1deg))}.clip video,.clip img{width: 100%;height: auto;aspect-ratio: 16 / 9;object-fit: cover;border-radius: 2px;background: var(--petrol)}.karte-bild img{width: 100%;height: 100%;object-fit: cover;border-radius: 2px}.mk-fruehstueck .clip{--dreh: -1.2deg}.mk-willingen .clip{--dreh: 1.4deg}.clip-zeile{display: grid;grid-template-columns: 1fr 1fr;gap: 32px;padding-block: 24px 56px}.clip-zeile .clip:nth-child(2){--dreh: 1.3deg}.clip-breit{max-width: 980px;margin-block: 24px 64px}.siegel{background: var(--karte);border-block: 1px solid var(--linie);padding: 40px var(--rand)}.siegel ul{list-style: none;margin: 0 auto;padding: 0;max-width: 1180px;display: grid;grid-template-columns: repeat(4,1fr);gap: 32px;align-items: center}.siegel li{display: flex;align-items: center;gap: 16px;font-size: .92rem;color: var(--schiefer)}.siegel img{width: auto;height: 64px;max-width: 120px;object-fit: contain;flex: none}.neues{max-width: calc(var(--breite) + 2 * var(--rand));margin: 0 auto;padding: 96px var(--rand) 24px}.neues ul{list-style: none;padding: 0;margin: 0;display: grid;grid-template-columns: 1.35fr 1fr 1fr;gap: 40px;align-items: start}.neues li{transform: rotate(var(--dreh,0deg))}.neues li:nth-child(2){margin-top: 64px}.neues li:nth-child(3){margin-top: 20px}.neues a{background: var(--karte);padding: 10px 10px 18px;border-radius: 4px;box-shadow: var(--schatten)}.neues a span{padding: 0 6px}.neues a{display: grid;gap: 14px;text-decoration: none;color: var(--petrol);font: 800 1.45rem/1.05 var(--anzeige);text-transform: uppercase}.neues img,.neu-ohne{aspect-ratio: 3 / 2;object-fit: cover;width: 100%;border-radius: 4px}.neu-ohne{display: grid;place-items: center;background: var(--petrol);color: var(--gelb);font: 800 clamp(2rem,4vw,3.4rem)/1 var(--anzeige);text-transform: uppercase}.fragen{padding-block: 80px 24px}.fragen-liste{max-width: 900px;border-top: 1px solid var(--linie)}.fragen details{border-bottom: 1px solid var(--linie)}.fragen summary{list-style: none;cursor: pointer;padding: 20px 48px 20px 0;position: relative;font: 600 1.15rem/1.35 var(--text);color: var(--petrol)}.fragen summary::-webkit-details-marker{display: none}.fragen summary::after{content: '';position: absolute;right: 8px;top: 50%;width: 18px;height: 18px;margin-top: -9px;background: linear-gradient(var(--petrol),var(--petrol)) center/18px 2px no-repeat,linear-gradient(var(--petrol),var(--petrol)) center/2px 18px no-repeat;transition: transform .45s var(--kurve)}.fragen details[open] summary::after{transform: rotate(45deg)}.fragen details p{max-width: 70ch;padding-bottom: 12px}.mehr-fragen{padding-bottom: 96px}.sk{max-width: calc(var(--breite) + 2 * var(--rand));margin: 0 auto;padding: 24px var(--rand) 72px;display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1.1fr);gap: 56px;align-items: center}.sk:not(:has(.sk-bild)){grid-template-columns: 1fr;padding-bottom: 32px}.sk h1{font-size: clamp(3rem,6.6vw,6rem);line-height: .88;margin-bottom: 24px}.sk-knoepfe{display: flex;flex-wrap: wrap;align-items: center;gap: 18px 8px;margin-top: 28px}.sk-bild{position: relative;margin: 0}.sk-rahmen{background: var(--karte);padding: 12px;border-radius: 4px;box-shadow: var(--schatten-hoch);transform: rotate(1.4deg);aspect-ratio: 4 / 3}.sk-rahmen img{width: 100%;height: 100%;object-fit: cover;border-radius: 2px}.sk-bild .stempel{position: absolute;left: -46px;bottom: -34px;transform: rotate(-12deg);color: var(--petrol);background: rgba(251,252,249,.0)}.abschnitte{max-width: calc(var(--breite) + 2 * var(--rand));margin: 0 auto;padding: 0 var(--rand) 40px}.abschnitt{display: grid;grid-template-columns: minmax(0,1fr);gap: 48px;padding: 56px 0;border-top: 1px solid var(--linie);align-items: center}.abschnitt.mit-bild{grid-template-columns: minmax(0,1fr) minmax(0,1fr)}.abschnitt.gespiegelt.mit-bild .ab-text{order: 2}.ab-text{max-width: 62ch}.ab-text h2{font-size: clamp(1.9rem,3.6vw,3rem)}.ab-bild{aspect-ratio: 3 / 2}.zimmer-karte{margin: 0 auto 72px;width: calc(100% - 2 * var(--rand))}.zr-nachricht p{max-width: 60ch;font-size: 1.08rem}.zr-adresse>.marke{float: right;transform: rotate(4deg);margin: 0 0 18px 18px}.zr-adresse .zk-fakten{clear: both;padding-top: 8px}.zr-adresse .zk-fakten div{border-bottom: 1px solid var(--linie);padding: 10px 0}.zr-preis{font-weight: 500;margin-top: 18px}.stimme{margin: 32px 0 0;padding: 24px 0 0;border-top: 1px solid var(--linie)}.stimme blockquote{margin: 0;font: 600 1.25rem/1.4 var(--text);color: var(--petrol)}.stimme figcaption{margin-top: 8px;color: var(--schiefer);font-size: .92rem}.lp-logo img{width: 220px;height: auto;margin-top: -32px}.fotonachweis{margin-top: -40px}.mcp-karte{max-width: 520px;padding: 0;background: none;box-shadow: none}.mcp-karte img{border-radius: 12px;box-shadow: var(--schatten-hoch)}.marke-lp .sk-rahmen{background: var(--tuerkis)}.ausstattung{padding-bottom: 56px}.haken-liste{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(auto-fill,minmax(260px,1fr));gap: 0 32px}.haken-liste li{position: relative;padding: 11px 0 11px 30px;border-bottom: 1px solid var(--linie)}.haken-liste li::before{content: '';position: absolute;left: 0;top: 17px;width: 16px;height: 10px;border-left: 2px solid var(--petrol);border-bottom: 2px solid var(--petrol);transform: rotate(-45deg)}.zr-nachricht .haken-liste{grid-template-columns: 1fr;margin-bottom: 18px}.galerie{display: grid;grid-template-columns: repeat(4,1fr);grid-auto-rows: clamp(150px,16vw,230px);grid-auto-flow: dense;gap: 14px;padding-block: 16px 56px}.galerie a{display: block;overflow: hidden;border-radius: 4px;grid-column: span 1;grid-row: span 1;background: var(--petrol)}.galerie a.g-0{grid-column: span 2;grid-row: span 2}.galerie a.g-3{grid-column: span 2}.galerie img{width: 100%;height: 100%;object-fit: cover;transition: transform 1s var(--kurve),opacity .4s}.galerie a:hover img{transform: scale(1.05)}.vergleich{padding-block: 40px 56px}.tabelle-rahmen{overflow-x: auto;background: var(--karte);border-radius: 6px;box-shadow: var(--schatten)}table{border-collapse: collapse;width: 100%;min-width: 760px;font-size: .96rem}th,td{text-align: left;padding: 14px 16px;border-bottom: 1px solid var(--linie);vertical-align: top}thead th{font: 600 .78rem/1.2 var(--anzeige);letter-spacing: .14em;text-transform: uppercase;color: var(--schiefer)}tbody th a{font: 800 1.15rem/1.1 var(--anzeige);text-transform: uppercase;text-decoration: none}.preisliste{padding-bottom: 40px}.pl-zeilen{list-style: none;margin: 0 0 18px;padding: 0;border-top: 1px solid var(--linie)}.pl-zeilen li{display: flex;justify-content: space-between;gap: 24px;padding: 20px 0;border-bottom: 1px solid var(--linie)}.pl-zeilen h3{margin: 0 0 6px;font-size: 1.4rem}.pl-zeilen h3 a{text-decoration: none}.pl-zeilen p{margin: 0;color: var(--schiefer);max-width: 62ch}.pl-preis{font: 800 1.6rem/1 var(--anzeige);color: var(--petrol);white-space: nowrap;margin: 0}.preis-raster,.pakete,.jahreszeiten{display: grid;grid-template-columns: 1fr 1fr;gap: 32px;padding-bottom: 72px}.kasten-karte{background: var(--karte);border-radius: 6px;box-shadow: var(--schatten);padding: clamp(24px,3vw,40px)}.kasten-karte h2{font-size: clamp(1.7rem,3vw,2.4rem)}.dl-zeilen{margin: 0}.dl-zeilen div{display: grid;grid-template-columns: minmax(110px,34%) 1fr;gap: 16px;padding: 12px 0;border-bottom: 1px solid var(--linie)}.dl-zeilen dt{font: 600 .82rem/1.5 var(--anzeige);letter-spacing: .12em;text-transform: uppercase;color: var(--schiefer)}.dl-zeilen dd{margin: 0}.jz .karte-bild{aspect-ratio: 3 / 2;margin: -8px 0 24px}.behandlungen{padding-block: 24px 40px}.anfrage-hinweis{padding-block: 40px 72px}.zw-andere{padding-top: 40px}.film-buehne{padding-bottom: 40px}.film-vorschau{position: relative;display: block;width: 100%;border: 0;padding: 12px;background: var(--karte);border-radius: 6px;box-shadow: var(--schatten-hoch);cursor: pointer}.film-vorschau img{width: 100%;border-radius: 3px}.film-play.gross{position: absolute;left: 50%;top: 50%;width: 88px;height: 88px;transform: translate(-50%,-50%);transition: transform .5s var(--kurve)}.film-vorschau:hover .film-play.gross{transform: translate(-50%,-50%) scale(1.08)}.film-titel{position: absolute;left: 32px;bottom: 30px;color: #fff;font: 800 clamp(1.5rem,3vw,2.4rem)/1 var(--anzeige);text-transform: uppercase;text-shadow: 0 2px 16px rgba(0,0,0,.5);text-align: left}.film-titel small{display: block;font: 500 .95rem/1.4 var(--text);text-transform: none}.bildgruppe h2{font-size: clamp(1.8rem,3vw,2.6rem);margin-top: 24px}.az-liste{margin: 0;display: grid;grid-template-columns: repeat(auto-fill,minmax(320px,1fr));gap: 0 40px}.az-liste div{border-bottom: 1px solid var(--linie);padding: 16px 0}.az-liste dt{font: 800 1.35rem/1 var(--anzeige);text-transform: uppercase;color: var(--petrol);display: flex;align-items: baseline;gap: 12px;margin-bottom: 6px}.az-buchstabe{display: inline-grid;place-items: center;width: 34px;height: 34px;background: var(--gelb);color: var(--petrol);font-size: 1.2rem;flex: none}.az-liste dd{margin: 0 0 0 46px}.az{padding-bottom: 72px}.neues-liste{display: grid;gap: 40px;padding-bottom: 80px}.neu-karte{display: grid;grid-template-columns: minmax(0,.8fr) minmax(0,1fr);gap: 40px;align-items: center}.neu-karte:not(:has(figure)){grid-template-columns: 1fr}.neu-karte .karte-bild{aspect-ratio: 3 / 2}.rechtstext{max-width: 820px;padding-bottom: 80px}.rechtstext h1{font-size: clamp(2.6rem,6vw,4.4rem)}.rechtstext h2{font-size: 1.5rem;margin-top: 1.6em}.seite-404{padding-block: 40px 96px}.buchen-seite{padding-bottom: 96px}.buchen-seite .marke-knopf{margin: 0 12px 12px 0}.wegweiser{padding-bottom: 72px}.ww-schilder{list-style: none;margin: 0;padding: 0;display: grid;gap: 14px;max-width: 760px}.ww-schilder li{display: flex;justify-content: space-between;gap: 18px;align-items: center;background: var(--petrol);color: var(--nebel);padding: 14px 44px 14px 22px;clip-path: polygon(0 0,calc(100% - 26px) 0,100% 50%,calc(100% - 26px) 100%,0 100%);transform: rotate(calc((var(--i) % 3 - 1) * .7deg))}.ww-schilder li.rechts{margin-left: 64px}.ww-schilder li.links{padding: 14px 22px 14px 44px;clip-path: polygon(26px 0,100% 0,100% 100%,26px 100%,0 50%);margin-right: 64px}.ww-schilder b{font: 800 1.35rem/1.05 var(--anzeige);text-transform: uppercase;letter-spacing: .02em}.ww-schilder span{font-size: .95rem;color: var(--gelb);text-align: right}.kartenstaender{padding-block: 24px 72px}.ks-filter{display: flex;gap: 10px;flex-wrap: wrap;margin: 20px 0 28px}.ks-filter button,.gg-schalter button{-webkit-tap-highlight-color: transparent}.ks-filter button{border: 1.5px solid var(--petrol);background: transparent;color: var(--petrol);padding: 10px 18px;border-radius: 999px;font: 600 1rem/1 var(--anzeige);letter-spacing: .1em;text-transform: uppercase;cursor: pointer}.ks-filter button[aria-pressed="true"]{background: var(--petrol);color: var(--nebel)}.ks-karten{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(auto-fill,minmax(220px,1fr));gap: 22px}.ks-karten li{transform: rotate(calc((var(--i) - 3) * .6deg));transition: transform .5s var(--kurve),opacity .4s}.ks-karten li[hidden]{display: none}.ks-karten a{position: relative;display: flex;flex-direction: column;justify-content: space-between;min-height: 150px;padding: 18px 52px 14px 18px;background: var(--karte);border-radius: 4px;box-shadow: var(--schatten);text-decoration: none;color: var(--petrol)}.ks-karten a::after{content: '';position: absolute;right: 12px;top: 12px;width: 28px;height: 34px;background: linear-gradient(var(--m,var(--gelb)),var(--m,var(--gelb))) center / 22px 28px no-repeat,radial-gradient(circle,transparent 1.6px,var(--m,var(--gelb)) 2px) -3px -3px / 6px 6px;transform: rotate(4deg)}.ks-karten li:nth-child(3n+2) a::after{--m: var(--petrol)}.ks-karten li:nth-child(5n+3) a::after{--m: var(--tuerkis)}.ks-karten li:hover{transform: rotate(0) translateY(-5px)}.ks-gruss{font: 600 .72rem/1 var(--anzeige);letter-spacing: .2em;text-transform: uppercase;color: var(--schiefer)}.ks-name{font: 800 1.45rem/1.02 var(--anzeige);text-transform: uppercase;margin: 10px 0}.ks-art{font-size: .85rem;color: var(--schiefer);align-self: flex-end}.formular fieldset{border: 0;padding: 0;margin: 0 0 28px}.formular legend{font: 800 1.6rem/1 var(--anzeige);text-transform: uppercase;color: var(--petrol);margin-bottom: 14px}.feld{margin-bottom: 18px;display: grid;gap: 4px}.reihe{display: grid;grid-template-columns: repeat(auto-fit,minmax(150px,1fr));gap: 0 20px}.hilfe{text-transform: none;letter-spacing: 0;font-family: var(--text);font-weight: 400;color: var(--schiefer)}.feld-falle{position: absolute;left: -9999px;height: 0;overflow: hidden}.feld.ungueltig input,.feld.ungueltig textarea{border-color: #B3261E}.form-status{min-height: 1.6em;font-weight: 600}.form-status.fehler{color: #B3261E}.formular-erfolg h2{font-size: 2rem}.formular-karte .zr-adresse{align-self: start}.fuss{background: var(--petrol);color: var(--nebel);padding: 96px var(--rand) 120px;margin-top: 40px}.fuss a{color: var(--nebel)}.fuss-karte{max-width: 1180px;margin: 0 auto 72px;display: grid;grid-template-columns: 1fr 1px 1fr;gap: 48px;border: 1px solid var(--linie-hell);border-radius: 6px;padding: clamp(28px,4vw,56px)}.fuss-karte::before{content: '';grid-column: 2;grid-row: 1;background: var(--linie-hell)}.fuss-nachricht{grid-column: 1;grid-row: 1}.fuss-nachricht img{width: 210px;height: auto;margin-bottom: 24px}.fuss-gruss{font: 800 clamp(2rem,4vw,3rem)/1 var(--anzeige);text-transform: uppercase;color: var(--gelb)}.fuss-adresse{grid-column: 3;grid-row: 1;font-style: normal}.fuss-adresse .zeile{display: block;border-bottom: 1px solid var(--linie-hell);padding: 11px 0 8px}.fuss-adresse .klein{color: rgba(229,236,225,.75)}.fuss-links{max-width: 1180px;margin: 0 auto;display: grid;grid-template-columns: repeat(4,1fr);gap: 32px}.fuss-titel{font: 600 .82rem/1 var(--anzeige);letter-spacing: .2em;text-transform: uppercase;color: var(--gelb)}.fuss-links ul{list-style: none;margin: 0;padding: 0}.fuss-links li{padding: 4px 0}.fuss-links a,.fuss-links .link-knopf{text-decoration: none;color: rgba(229,236,225,.88);font-size: .98rem}.fuss-links a:hover{color: var(--nebel);text-decoration: underline}.fuss-unten{max-width: 1180px;margin: 56px auto 0;color: rgba(229,236,225,.7);font-size: .9rem}.handyleiste{display: none}dialog{border: 0;padding: 0}.buchung{width: min(1180px,calc(100vw - 24px));height: calc(100svh - 24px);max-height: none;max-width: none;border-radius: 8px;background: var(--karte);box-shadow: var(--schatten-hoch);overflow: hidden}.buchung[open]{display: grid;grid-template-rows: auto 1fr;animation: zustellen .6s var(--kurve)}.buchung::backdrop{background: rgba(10,26,18,.72)}.buchung-kopf{display: flex;align-items: center;gap: 16px;background: var(--petrol);color: var(--nebel);padding: 10px 10px 10px 22px}.buchung-kopf p{margin: 0 auto 0 0;font: 800 1.35rem/1 var(--anzeige);text-transform: uppercase}.buchung-kopf p span{font: 400 .9rem/1 var(--text);text-transform: none;margin-left: 10px;opacity: .8}.buchung-extern{color: var(--nebel);font-size: .9rem}.buchung-zu{width: 44px;height: 44px;display: grid;place-items: center;background: var(--gelb);color: var(--petrol);border: 0;border-radius: 4px;cursor: pointer}.buchung-rahmen{position: relative}.buchung-rahmen iframe{position: absolute;inset: 0;width: 100%;height: 100%;border: 0}.buchung-laedt{position: absolute;inset: 0;display: grid;place-items: center;color: var(--schiefer);margin: 0}.film-dialog{width: min(1280px,calc(100vw - 24px));background: #000;border-radius: 8px;overflow: hidden}.film-dialog::backdrop{background: rgba(5,16,11,.9)}.film-dialog video{width: 100%;height: auto;max-height: calc(100svh - 80px);background: #000}.film-dialog .buchung-zu{position: absolute;right: 10px;top: 10px;z-index: 2}.lightbox{position: fixed;inset: 0;z-index: 60;background: rgba(5,16,11,.94);display: grid;place-items: center;padding: 56px 16px}.lightbox[hidden]{display: none}.lightbox img{max-height: calc(100svh - 140px);width: auto;border: 10px solid var(--karte);border-radius: 4px}.lb-text{position: absolute;bottom: 18px;left: 0;right: 0;text-align: center;color: var(--nebel);font-size: .92rem}.lightbox button{position: absolute;width: 52px;height: 52px;border-radius: 50%;border: 0;background: var(--gelb);color: var(--petrol);font-size: 1.6rem;cursor: pointer}.lb-zurueck{left: 16px;top: 50%}.lb-vor{right: 16px;top: 50%}.lb-zu{right: 16px;top: 16px}.keks{position: fixed;left: 16px;bottom: 16px;z-index: 50;max-width: 420px;background: var(--karte);border-radius: 6px;box-shadow: var(--schatten-hoch);padding: 22px 22px 18px;animation: zustellen .7s var(--kurve)}.keks p{font-size: .95rem;margin-bottom: 14px}.keks-titel{font: 800 1.35rem/1 var(--anzeige) !important;text-transform: uppercase;color: var(--petrol)}.keks-knoepfe{display: flex;gap: 10px;flex-wrap: wrap;align-items: center}.keks-knoepfe .einfach{background: none;border: 1.5px solid var(--petrol);color: var(--petrol);padding: 12px 16px;font: 600 1rem/1 var(--anzeige);letter-spacing: .06em;text-transform: uppercase;cursor: pointer;border-radius: 2px}@keyframes zustellen{from{opacity: 0;transform: translateY(26px) rotate(-1.5deg)}to{opacity: 1;transform: none}}.js .zustellen{opacity: 0;transform: translateY(26px) rotate(var(--zr,-1.6deg));transition: opacity .8s var(--kurve),transform .9s var(--kurve)}.js .zustellen.da{opacity: 1;transform: none}.js .zk.zustellen.da{transform: rotate(calc((var(--i) % 3 - 1) * 1.1deg))}.js .ak.zustellen.da{transform: rotate(calc((var(--i) % 3 - 1) * -1deg))}.js .zk.zustellen.da:hover,.js .ak.zustellen.da:hover{transform: rotate(0) translateY(-6px)}@media (max-width: 1180px){.kopf-tel span{display: none}.menue-in{grid-template-columns: 1fr 1fr}}@media (max-width: 980px){.kopf-nav{display: none}.kopf-tel{margin-left: auto}.gg-paare{grid-template-columns: 1fr;max-width: 520px}.gg-paar:nth-child(2){margin-top: 0}.mosaik{grid-template-columns: 1fr;gap: 64px}.mk,.mk-fruehstueck,.mk-spa,.mk-willingen,.mk-aktiv,.mosaik-zwei .mk{grid-column: 1;margin: 0}.sk{grid-template-columns: 1fr;gap: 40px}.sk-bild .stempel{left: auto;right: -6px;bottom: -40px}.abschnitt.mit-bild{grid-template-columns: 1fr}.abschnitt.gespiegelt.mit-bild .ab-text{order: 0}.tb-moment{grid-template-columns: 1fr;gap: 24px}.siegel ul{grid-template-columns: 1fr 1fr}.neues ul{grid-template-columns: 1fr}.neues li:nth-child(n){margin-top: 0}.fuss-links{grid-template-columns: 1fr 1fr}.zw-kopf,.as-kopf,.tb-kopf{grid-template-columns: 1fr}.zw-kopf h2,.as-kopf h2,.tb-kopf h2{grid-row: auto}}@media (max-width: 760px){body{font-size: 1.02rem}.kopf{top: 8px;left: 8px;right: 8px}.kopf-in{height: 60px;gap: 8px;padding: 0 4px 0 12px}.logo,.logo img{width: 92px}.kopf-buchen,.kopf-tel{display: none}.menue-knopf{margin-left: auto}.menue-in{grid-template-columns: 1fr;gap: 28px}.held{height: 100svh;min-height: 560px;padding: 8px}.held-bild{inset: 8px}.held-text{left: 24px;right: 24px;bottom: 96px}.h1-klein{font-size: clamp(1.4rem,8.2vw,2.6rem)}.h1-gross{font-size: clamp(4rem,22vw,6.5rem)}.held-unter{font-size: 1.02rem}.held-marke{display: none}.held-bild::after{background: linear-gradient(180deg,rgba(10,26,18,.45) 0%,rgba(10,26,18,0) 18%,rgba(10,26,18,0) 34%,rgba(10,26,18,.82) 100%)}.held-marke .stempel{width: 82px;height: 82px;left: -50px;top: -20px}.marke-gross{padding: 16px 18px}.marke-gross b{font-size: 1.9rem}.held-pause{top: auto;bottom: 100px;right: 22px}.rueckseite{padding: 56px 12px 24px}.rs-karte,.zimmer-karte,.pc-karte,.fuss-karte{grid-template-columns: 1fr;gap: 28px;padding: 28px 22px}.rs-karte::before,.zimmer-karte::before,.pc-karte::before,.fuss-karte::before{grid-column: 1;grid-row: 2;width: 100%;height: 1px}.rs-adresse,.zr-adresse,.pc-adresse,.fuss-adresse{grid-column: 1;grid-row: 3}.rs-karte,.pc-karte{transform: none}.zimmer-karte{width: calc(100% - 24px)}.gegensaetze,.preischeck{padding: 72px 16px}.zimmerwand,.angebotsstapel{padding-top: 72px}.zk{flex-basis: 84vw}.ak{flex-basis: 86vw}.zw-reihe,.as-reihe{gap: 18px;padding-inline: 16px;scroll-padding-inline: 16px}.pc-felder{grid-template-columns: 1fr 1fr}.tagesbogen{padding: 72px 0}.tb-regler{gap: 14px}.tb-uhrzeit{font-size: 1.9rem}.clip-zeile{grid-template-columns: 1fr}.clip-zeile .clip:nth-child(2){margin-top: 0}.preis-raster,.pakete,.jahreszeiten{grid-template-columns: 1fr}.galerie{grid-template-columns: 1fr 1fr;grid-auto-rows: 150px;gap: 10px}.galerie a,.galerie a.g-3{grid-column: span 1;grid-row: span 1}.galerie a.g-0{grid-column: span 2;grid-row: span 2}.pl-zeilen li{flex-direction: column;gap: 8px}.neu-karte{grid-template-columns: 1fr;gap: 20px}.ww-schilder li.rechts{margin-left: 18px}.ww-schilder li.links{margin-right: 18px}.ww-schilder li{flex-direction: column;align-items: flex-start;gap: 2px}.ww-schilder span{text-align: left}.dl-zeilen div{grid-template-columns: 1fr;gap: 2px}.az-liste dd{margin-left: 0}.fuss{padding: 72px 16px 120px}.fuss-links{grid-template-columns: 1fr 1fr;gap: 24px}.krumen{padding-top: 84px}.siegel li{flex-direction: column;align-items: flex-start}.handyleiste{display: grid;grid-template-columns: auto 1fr;gap: 8px;position: fixed;left: 8px;right: 8px;bottom: 8px;z-index: 30;padding: 6px;background: rgba(251,252,249,.97);border-radius: 10px;box-shadow: var(--schatten-hoch);transition: transform .5s var(--kurve)}.handyleiste.weg{transform: translateY(140%)}.handyleiste-tel{display: grid;place-items: center;padding: 0 18px;font: 600 1rem/1 var(--anzeige);letter-spacing: .08em;text-transform: uppercase;color: var(--petrol);text-decoration: none;border: 1.5px solid var(--linie);border-radius: 6px}.handyleiste .marke-knopf{justify-content: center;padding: 15px 12px}.handyleiste .marke-knopf:hover{transform: none}.keks{left: 8px;right: 8px;bottom: 84px;max-width: none}.buchung{width: 100vw;height: 100svh;border-radius: 0}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: .01ms !important;animation-iteration-count: 1 !important;transition-duration: .01ms !important;scroll-behavior: auto !important}.held-video{display: none}.js .zustellen{opacity: 1;transform: none}}@media print{.kopf,.handyleiste,.menue,.fuss-links,.held-video,.keks{display: none !important}}.eintrittskarte{padding: 40px var(--rand) 112px}.ek-karte{position: relative;max-width: 1320px;margin: 0 auto;display: grid;grid-template-columns: minmax(0,.9fr) minmax(0,1.25fr);background: var(--karte);border-radius: 6px;box-shadow: var(--schatten-hoch)}.ek-karte::before{content: '';position: absolute;top: 18px;bottom: 18px;left: calc(41.86% - 1px);border-left: 2px dashed var(--linie)}.ek-abriss{padding: clamp(28px,4vw,56px)}.ek-abriss h2{font-size: clamp(2.2rem,4.4vw,3.8rem)}.ek-abriss p{max-width: 46ch}.ek-bild{margin: -76px 0 28px;max-width: 360px;transform: rotate(-5deg)}.ek-bild img{border-radius: 14px;box-shadow: var(--schatten-hoch)}.ek-knoepfe{margin: 26px 0 16px}.ek-marken{padding: clamp(28px,4vw,56px);background: var(--petrol);border-radius: 0 6px 6px 0}.ek-marken-titel{color: var(--nebel);font-size: clamp(1.8rem,3vw,2.6rem)}.mc-marken{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 22px 18px}.mc-m{transform: rotate(calc((var(--i) % 4 - 1.5) * 1.6deg));transition: transform .5s var(--kurve)}.mc-m:hover{transform: rotate(0) scale(1.04)}.mc-m .marke{width: 100%;min-height: 138px;padding: 18px 14px}.mc-m .marke b{font-size: clamp(1.05rem,1.5vw,1.35rem);line-height: 1.05;margin: 6px 0;text-wrap: balance}.mc-m .marke{background-image: radial-gradient(circle,transparent 2.6px,var(--karte) 3.1px);color: var(--petrol)}.mc-m .marke::before{background: var(--karte)}.mc-m1 .marke{background-image: radial-gradient(circle,transparent 2.6px,var(--nebel) 3.1px);color: var(--petrol)}.mc-m1 .marke::before{background: var(--nebel)}.mc-m2 .marke{background-image: radial-gradient(circle,transparent 2.6px,var(--tuerkis) 3.1px);color: #fff}.mc-m2 .marke::before{background: var(--tuerkis)}.mc-m2 .marke::after{border-color: rgba(255,255,255,.45)}.ek-seite{padding-top: 72px}.ek-bus{margin: 34px 0 0;color: var(--nebel);font-size: 1.08rem}.ek-bus b{font-family: var(--anzeige);font-weight: 800;text-transform: uppercase;font-size: 1.35rem;color: var(--gelb);letter-spacing: .02em}.ek-bus a{color: var(--nebel)}.mc-liste{padding-block: 24px 40px}.mk-text .pfeil + .pfeil{margin-left: 0}@media (max-width: 980px){.ek-karte{grid-template-columns: 1fr}.ek-karte::before{display: none}.ek-marken{border-radius: 0 0 6px 6px}.mc-marken{grid-template-columns: repeat(2,minmax(0,1fr))}.mc-marken li:last-child:nth-child(odd){grid-column: 1 / -1}.ek-bild{margin-top: -56px;max-width: 280px}}.auszeichnung{padding: 24px var(--rand) 0}.aw-innen{max-width: 1180px;margin: 0 auto;background: var(--karte);border-radius: 6px;box-shadow: var(--schatten);padding: 40px clamp(24px,4vw,56px);display: grid;grid-template-columns: auto 1fr auto;gap: 40px;align-items: center}.aw-siegel{width: 112px;transform: rotate(-6deg)}.aw-siegel img{width: 112px;height: 112px;border-radius: 50%;box-shadow: 0 0 0 1px var(--linie),0 10px 24px -14px rgba(29,59,44,.5)}.aw-text h2{font-size: clamp(1.9rem,3.4vw,2.8rem);margin-bottom: .3em}.aw-text p{margin: 0 0 .8em;max-width: 54ch;color: var(--schiefer)}.aw-jahre{list-style: none;margin: 0;padding: 0;display: flex;gap: 20px}.aw-jahre a{width: 118px;aspect-ratio: 1;border-radius: 50%;border: 1.5px solid var(--petrol);box-shadow: inset 0 0 0 5px var(--karte),inset 0 0 0 6px rgba(29,59,44,.45);display: flex;flex-direction: column;align-items: center;justify-content: center;text-decoration: none;color: var(--petrol);text-align: center;line-height: 1;transition: transform .5s var(--kurve),background-color .3s}.aw-jahre li:nth-child(1) a{transform: rotate(-4deg)}.aw-jahre li:nth-child(3) a{transform: rotate(3deg)}.aw-jahre a:hover{transform: rotate(0) translateY(-3px);background: var(--nebel);box-shadow: inset 0 0 0 5px var(--nebel),inset 0 0 0 6px rgba(29,59,44,.45)}.aw-jahre small{font: 600 .72rem/1 var(--anzeige);letter-spacing: .14em;text-transform: uppercase;opacity: .85}.aw-jahre b{font: 800 2.35rem/1 var(--anzeige);margin: 4px 0 5px;letter-spacing: .01em}@media (max-width: 980px){.aw-innen{grid-template-columns: auto 1fr;gap: 24px 28px}.aw-jahre{grid-column: 1 / -1;justify-content: flex-start}}@media (max-width: 760px){.auszeichnung{padding: 8px 12px 0}.aw-innen{padding: 28px 18px}.aw-siegel,.aw-siegel img{width: 88px;height: 88px}.aw-innen{gap: 20px}.aw-jahre{gap: 10px;justify-content: space-between}.aw-jahre a{width: 96px}.aw-jahre b{font-size: 2rem}.aw-jahre small{font-size: .62rem;letter-spacing: .1em}}@media (max-width: 360px){.aw-jahre a{width: 90px}.aw-jahre b{font-size: 1.75rem}}.urkunden{padding-block: 72px 56px}.uk-kopf{max-width: 64ch;margin-bottom: 36px}.uk-reihe{list-style: none;margin: 0;padding: 0;max-width: 880px;display: grid;grid-template-columns: repeat(3,1fr);gap: clamp(20px,4vw,56px)}.uk-reihe a{display: block;text-decoration: none;color: var(--tinte)}.uk-reihe .karte-bild{transform: rotate(var(--dreh));transition: transform .6s var(--kurve),box-shadow .6s var(--kurve)}.uk-reihe a:hover .karte-bild,.uk-reihe a:focus-visible .karte-bild{transform: rotate(0) translateY(-4px);box-shadow: var(--schatten-hoch)}.uk-reihe img{width: 100%;aspect-ratio: 960 / 1360;object-fit: cover;border-radius: 2px}.uk-reihe figcaption{display: flex;justify-content: space-between;align-items: baseline;gap: 12px;padding: 12px 4px 2px;font-weight: 600;font-size: .95rem;color: var(--petrol)}.uk-reihe figcaption span{font-size: .78rem;letter-spacing: .08em;color: var(--schiefer)}@media (max-width: 760px){.urkunden{padding-block: 56px 40px}.uk-reihe{grid-template-columns: repeat(3,minmax(0,1fr));gap: 12px}.uk-reihe .karte-bild{padding: 5px}.uk-reihe figcaption{flex-direction: column;gap: 2px;font-size: .78rem;padding: 8px 2px 0}}@media (prefers-reduced-motion: reduce){.aw-jahre a,.uk-reihe .karte-bild{transition: none}}.tb-moment figure,.mce-bild{position: relative}.tb-nachweis{position: absolute;right: 14px;bottom: 14px;margin: 0;padding: 2px 8px;font-size: .7rem;line-height: 1.4;color: #fff;background: rgba(0,0,0,.55);border-radius: 3px}.mc-edersee{display: grid;grid-template-columns: minmax(0,.9fr) minmax(0,1fr);gap: 40px;align-items: center;padding: 56px 0}.mc-edersee figure{margin: 0}.mc-edersee h2{margin-top: 0}@media (max-width: 760px){.mc-edersee{grid-template-columns: 1fr;gap: 24px;padding: 40px 0}}