@font-face{font-family: "Cormorant";src: url("../fonts/cormorant-400.woff2") format("woff2");font-weight: 400;font-display: swap}@font-face{font-family: "Cormorant";src: url("../fonts/cormorant-500.woff2") format("woff2");font-weight: 500;font-display: swap}@font-face{font-family: "Cormorant";src: url("../fonts/cormorant-600.woff2") format("woff2");font-weight: 600;font-display: swap}@font-face{font-family: "Cormorant";src: url("../fonts/cormorant-400i.woff2") format("woff2");font-weight: 400;font-style: italic;font-display: swap}@font-face{font-family: "Cormorant";src: url("../fonts/cormorant-500i.woff2") format("woff2");font-weight: 500;font-style: italic;font-display: swap}@font-face{font-family: "Manrope";src: url("../fonts/manrope-400.woff2") format("woff2");font-weight: 400;font-display: swap}@font-face{font-family: "Manrope";src: url("../fonts/manrope-500.woff2") format("woff2");font-weight: 500;font-display: swap}@font-face{font-family: "Manrope";src: url("../fonts/manrope-700.woff2") format("woff2");font-weight: 700;font-display: swap}:root{--nacht: #0e1a2b;--nacht-2: #15253b;--nacht-3: #1f324c;--weiss: #ffffff;--papier: #faf8f4;--sand: #efe7da;--sand-2: #e4d8c4;--messing: #b08d57;--messing-hell: #c9a66b;--messing-text: #7e6236;--messing-licht: #ecd5a6;--schrift-schatten: 0 1px 2px rgb(8 14 24 / 0.55),0 0 22px rgb(8 14 24 / 0.55);--text: #1b1f26;--stein: #5e5a53;--linie: #e2dace;--linie-dunkel: rgb(255 255 255 / 0.14);--serif: "Cormorant","Cormorant Garamond",Garamond,"Times New Roman",serif;--sans: "Manrope","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;--breite: 1320px;--balken-h: var(--kw-balken-h,58px);--kopf-h: 84px;--ease: cubic-bezier(.2,.7,.1,1);--ease-lang: cubic-bezier(.16,1,.3,1);color-scheme: light;font-variant-numeric: lining-nums}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-padding-top: calc(var(--balken-h) + var(--kopf-h) + 16px)}body{margin: 0;font-family: var(--sans);font-size: 1.0625rem;line-height: 1.75;color: var(--text);background: var(--papier);overflow-x: clip;-webkit-font-smoothing: antialiased}img{display: block;max-width: 100%;height: auto}[hidden]{display: none !important}address{font-style: normal}h1,h2,h3{font-family: var(--serif);font-weight: 500;line-height: 1.04;letter-spacing: -0.01em;margin: 0 0 0.45em;text-wrap: balance;color: var(--nacht)}h1{font-size: clamp(2.9rem,7vw,6.4rem)}h2{font-size: clamp(2.3rem,4.6vw,4.1rem)}h3{font-size: clamp(1.45rem,2vw,1.8rem);line-height: 1.15}h1 em,h2 em,h3 em{font-style: italic;color: var(--messing-text)}p{margin: 0 0 1.1em}a{color: var(--nacht);text-decoration-color: var(--messing);text-underline-offset: 0.22em}a:hover{color: var(--messing-text)}:focus-visible{outline: 2px solid var(--messing);outline-offset: 4px}.vh{position: absolute !important;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}.skip{position: absolute;left: 1rem;top: -4rem;z-index: 3000;background: var(--nacht);color: var(--weiss);padding: 0.7rem 1.1rem}.skip:focus{top: 4.5rem;color: var(--weiss)}.wrap{width: min(100% - 3rem,var(--breite));margin-inline: auto}.schmal{width: min(100% - 3rem,860px);margin-inline: auto}.mitte{text-align: center}.mitte .lead{margin-inline: auto}.ueber{display: inline-flex;align-items: center;gap: 0.9rem;font: 700 0.74rem/1.3 var(--sans);letter-spacing: 0.24em;text-transform: uppercase;color: var(--messing-text);margin: 0 0 1.4rem}.ueber::before{content: "";width: 2.6rem;height: 1px;background: currentColor}.mitte .ueber::after{content: "";width: 2.6rem;height: 1px;background: currentColor}.lead{font-size: clamp(1.1rem,1.45vw,1.3rem);line-height: 1.7;color: var(--stein);max-width: 40rem;font-weight: 400}.zitat-gross{font: italic 400 clamp(1.9rem,3.6vw,3.3rem)/1.22 var(--serif);color: var(--nacht);max-width: 22em;margin: 0 auto;text-wrap: balance}.btn{position: relative;display: inline-flex;align-items: center;justify-content: center;gap: 0.75rem;min-height: 3.4rem;padding: 0.9rem 1.9rem;font: 700 0.78rem/1.2 var(--sans);letter-spacing: 0.18em;text-transform: uppercase;text-decoration: none;border: 1px solid transparent;cursor: pointer;transition: background-color .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease)}.btn svg{width: 1.1rem;height: 1.1rem;flex: none;fill: none;stroke: currentColor;stroke-width: 1.6;stroke-linecap: round;stroke-linejoin: round;transition: transform .35s var(--ease)}.btn:hover svg{transform: translateX(4px)}.btn-messing{background: var(--messing);color: var(--nacht)}.btn-messing:hover{background: var(--messing-hell);color: var(--nacht)}.btn-nacht{background: var(--nacht);color: var(--weiss)}.btn-nacht:hover{background: var(--nacht-3);color: var(--weiss)}.btn-linie{border-color: var(--nacht);color: var(--nacht);background: transparent}.btn-linie:hover{background: var(--nacht);color: var(--weiss)}.btn-hell{border-color: rgb(255 255 255 / 0.55);color: var(--weiss);background: transparent}.btn-hell:hover{background: var(--weiss);color: var(--nacht)}.btn-reihe{display: flex;flex-wrap: wrap;gap: 0.9rem;margin-top: 2.2rem}.mitte .btn-reihe{justify-content: center}.textlink{display: inline-flex;align-items: center;gap: 0.6rem;font: 700 0.76rem/1.2 var(--sans);letter-spacing: 0.18em;text-transform: uppercase;text-decoration: none;color: var(--nacht);padding-bottom: 0.35rem;background: linear-gradient(var(--messing),var(--messing)) left bottom / 100% 1px no-repeat;transition: background-size .45s var(--ease)}.textlink::after{content: "→";font-size: 1rem;letter-spacing: 0;transition: transform .35s var(--ease)}.textlink:hover{color: var(--nacht);background-size: 40% 1px}.textlink:hover::after{transform: translateX(4px)}.kopf{position: sticky;top: var(--balken-h);z-index: 900;height: var(--kopf-h);background: rgb(250 248 244 / 0.96);border-bottom: 1px solid var(--linie);transition: background-color .45s var(--ease),border-color .45s var(--ease),transform .45s var(--ease)}.kopf .wrap{display: flex;align-items: center;gap: 2rem;height: 100%}.logo{display: inline-flex;align-items: center;gap: 0.85rem;text-decoration: none;color: var(--nacht);margin-right: auto}.logo svg{width: 2.4rem;height: 2.4rem;flex: none;color: var(--messing)}.logo-text{font: 500 1.55rem/1 var(--serif);letter-spacing: 0.01em}.logo-text small{display: block;font: 700 0.6rem/1 var(--sans);letter-spacing: 0.28em;text-transform: uppercase;color: var(--stein);margin-top: 0.4rem}.nav ul{list-style: none;display: flex;gap: 0.2rem;margin: 0;padding: 0}.nav li>a{position: relative;display: block;padding: 0.5rem 0.75rem;font: 500 0.92rem/1.2 var(--sans);color: var(--nacht);text-decoration: none;white-space: nowrap}.nav li>a::after{content: "";position: absolute;left: 0.75rem;right: 0.75rem;bottom: 0.15rem;height: 1px;background: var(--messing);transform: scaleX(0);transform-origin: right;transition: transform .45s var(--ease)}.nav li>a:hover::after,.nav li>a[aria-current="page"]::after{transform: scaleX(1);transform-origin: left}.nav .nav-po a{color: var(--messing-text)}.kopf .btn{min-height: 2.9rem;padding: 0.6rem 1.2rem;font-size: 0.72rem}.menu-btn{display: none;align-items: center;gap: 0.6rem;height: 2.9rem;padding: 0 0.2rem;border: 0;background: none;color: var(--nacht);font: 700 0.74rem/1 var(--sans);letter-spacing: 0.2em;text-transform: uppercase;cursor: pointer}.menu-btn span.striche{position: relative;width: 1.7rem;height: 10px}.menu-btn span.striche::before,.menu-btn span.striche::after{content: "";position: absolute;left: 0;right: 0;height: 1.5px;background: currentColor;transition: transform .4s var(--ease)}.menu-btn span.striche::before{top: 0}.menu-btn span.striche::after{bottom: 0}.menu-btn[aria-expanded="true"] span.striche::before{transform: translateY(4.25px) rotate(45deg)}.menu-btn[aria-expanded="true"] span.striche::after{transform: translateY(-4.25px) rotate(-45deg)}.kopf-ueber-hero .kopf{background: transparent;border-color: transparent}.kopf-ueber-hero .kopf .logo,.kopf-ueber-hero .kopf .nav li>a,.kopf-ueber-hero .kopf .menu-btn{color: var(--weiss)}.kopf-ueber-hero .kopf .logo-text small{color: rgb(255 255 255 / 0.75)}.kopf-ueber-hero .kopf .nav .nav-po a{color: var(--messing-hell)}.kopf-ueber-hero .kopf .btn-linie{border-color: rgb(255 255 255 / 0.55);color: var(--weiss)}.kopf-ueber-hero .kopf .btn-linie:hover{background: var(--weiss);color: var(--nacht)}.kopf-ueber-hero.gescrollt .kopf{background: rgb(250 248 244 / 0.97);border-color: var(--linie)}.kopf-ueber-hero.gescrollt .kopf .logo,.kopf-ueber-hero.gescrollt .kopf .nav li>a,.kopf-ueber-hero.gescrollt .kopf .menu-btn{color: var(--nacht)}.kopf-ueber-hero.gescrollt .kopf .logo-text small{color: var(--stein)}.kopf-ueber-hero.gescrollt .kopf .nav .nav-po a{color: var(--messing-text)}.kopf-ueber-hero.gescrollt .kopf .btn-linie{border-color: var(--nacht);color: var(--nacht)}.kopf-ueber-hero.gescrollt .kopf .btn-linie:hover{color: var(--weiss)}.kopf-ueber-hero main{margin-top: calc(-1 * var(--kopf-h))}.menu-offen .kopf{background: var(--nacht) !important;border-color: var(--linie-dunkel) !important}.menu-offen .kopf .logo,.menu-offen .kopf .menu-btn{color: var(--weiss) !important}.menu-offen .kopf .logo-text small{color: rgb(255 255 255 / 0.7) !important}.foto{position: relative;margin: 0;overflow: hidden;background: var(--sand)}.foto img{width: 100%;height: 100%;object-fit: cover}.ki-badge{position: absolute;left: 0.75rem;bottom: 0.75rem;z-index: 3;pointer-events: none;font: 600 0.64rem/1 var(--sans);letter-spacing: 0.08em;padding: 0.35rem 0.6rem;background: rgb(14 26 43 / 0.82);color: var(--weiss)}.foto-portrait{aspect-ratio: 4 / 5}.foto-quer{aspect-ratio: 16 / 9}.foto-quadrat{aspect-ratio: 1}.foto-hoch-3-2{aspect-ratio: 3 / 4}.hero>.foto,.weg .foto,.tagnacht-buehne .foto,.expose-kopf>.foto,.seitenkopf-bild .foto{aspect-ratio: auto}@media (min-width: 1081px){.klebend{position: sticky;top: calc(var(--balken-h) + var(--kopf-h) + 2rem)}}.rahmen{position: relative;overflow: hidden}.rahmen>.foto{position: absolute;inset: 0;aspect-ratio: auto}.enthuellen{position: relative}.js .enthuellen{overflow: hidden}.js .enthuellen::after{content: "";position: absolute;inset: 0;z-index: 2;background: var(--papier);transform-origin: top;transition: transform 1.25s var(--ease-lang);pointer-events: none}.js .dunkel .enthuellen::after,.js .enthuellen.auf-dunkel::after{background: var(--nacht)}.js .enthuellen img{transform: scale(1.18);transition: transform 1.8s var(--ease-lang)}.js .enthuellen.sichtbar::after{transform: scaleY(0)}.js .enthuellen.sichtbar img{transform: scale(1)}.js [data-parallax] img{height: 118%;margin-top: -9%}.js [data-split] .w{display: inline-block;overflow: hidden;vertical-align: top;padding-bottom: 0.08em;margin-bottom: -0.08em}.js [data-split] .w>span{display: inline-block;transform: translateY(105%);transition: transform 1.1s var(--ease-lang);transition-delay: calc(var(--i,0) * 55ms)}.js [data-split].sichtbar .w>span{transform: none}.js .auf{opacity: 0;transform: translateY(28px);transition: opacity 1s var(--ease-lang),transform 1s var(--ease-lang);transition-delay: var(--d,0s)}.js .auf.sichtbar{opacity: 1;transform: none}.hero{position: relative;min-height: calc(100svh - var(--balken-h));display: flex;align-items: flex-end;color: var(--weiss);background: var(--nacht);overflow: hidden;isolation: isolate}.hero>.foto{position: absolute;inset: 0;z-index: -2;background: var(--nacht)}.hero>.foto img{object-position: 50% 60%}.hero::before{content: "";position: absolute;inset: 0;z-index: -1;background: linear-gradient(180deg,rgb(14 26 43 / 0.6) 0%,rgb(14 26 43 / 0) 28%,rgb(14 26 43 / 0.15) 52%,rgb(14 26 43 / 0.88) 100%),linear-gradient(90deg,rgb(14 26 43 / 0.55) 0%,rgb(14 26 43 / 0.2) 45%,rgb(14 26 43 / 0) 70%);pointer-events: none}.hero .foto .ki-badge{left: auto;right: 1.5rem;bottom: 1.5rem}.hero-inhalt{padding-block: calc(var(--kopf-h) + 4rem) clamp(3rem,7vh,5.5rem)}.hero h1{color: var(--weiss);max-width: 12em;margin-bottom: 0.35em}.hero h1 em{color: var(--messing-hell)}.hero .ueber{color: var(--messing-hell)}.hero-unten{display: flex;flex-wrap: wrap;align-items: end;justify-content: space-between;gap: 2rem}.hero .lead{color: rgb(255 255 255 / 0.86);margin: 0;max-width: 34rem}.hero-wege{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 1px;background: rgb(255 255 255 / 0.18);border: 1px solid rgb(255 255 255 / 0.18);min-width: min(100%,560px)}.hero-weg{display: grid;gap: 0.2rem;padding: 1.3rem 1.5rem;background: rgb(14 26 43 / 0.62);color: var(--weiss);text-decoration: none;transition: background-color .45s var(--ease)}.hero-weg:hover{background: rgb(14 26 43 / 0.75);color: var(--weiss)}.hero-weg small{font: 700 0.68rem/1.2 var(--sans);letter-spacing: 0.22em;text-transform: uppercase;color: var(--messing-hell)}.hero-weg span{font: 500 1.6rem/1.15 var(--serif)}.hero-weg span::after{content: " →";font-family: var(--sans);font-size: 1rem}.scroll-hinweis{position: absolute;left: 50%;bottom: 1.4rem;width: 1px;height: 3.2rem;background: rgb(255 255 255 / 0.25);overflow: hidden}.scroll-hinweis::after{content: "";position: absolute;inset: 0;background: var(--messing-hell);transform: translateY(-100%)}.js .hero>.foto img{transform: scale(1.14)}.js .hero .intro{opacity: 0;transform: translateY(26px)}.js .hero .intro-linie{transform: scaleX(0);transform-origin: left}.js .hero.bereit>.foto img{transform: scale(1);transition: transform 2.6s var(--ease-lang)}.js .hero.bereit .intro{opacity: 1;transform: none;transition: opacity 1.2s var(--ease-lang),transform 1.2s var(--ease-lang);transition-delay: var(--d,.3s)}.hero-titel-linie{display: block;width: 6rem;height: 1px;background: var(--messing-hell);margin-bottom: 1.6rem}.js .hero.bereit .intro-linie{transform: none;transition: transform 1.4s var(--ease-lang) .2s}.abschnitt{padding-block: clamp(5rem,11vw,9.5rem);position: relative}.abschnitt,.laufband{content-visibility: auto;contain-intrinsic-size: auto 900px}.abschnitt.eng{padding-block: clamp(3.5rem,7vw,6rem)}.sand{background: var(--sand)}.weiss-bg{background: var(--weiss)}.dunkel{background: var(--nacht);color: rgb(255 255 255 / 0.82)}.dunkel h1,.dunkel h2,.dunkel h3{color: var(--weiss)}.dunkel h1 em,.dunkel h2 em,.dunkel h3 em{color: var(--messing-hell)}.dunkel .ueber{color: var(--messing-hell)}.dunkel .lead{color: rgb(255 255 255 / 0.74)}.dunkel a:not(.btn){color: var(--weiss)}.dunkel .textlink{color: var(--weiss)}.dunkel .zitat-gross{color: var(--weiss)}.kopfzeile{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: end;gap: 1.5rem 3rem;margin-bottom: clamp(2.5rem,5vw,4rem)}.kopfzeile h2{margin: 0;max-width: 14em}.kopfzeile .lead{margin: 1.2rem 0 0}.zwei{display: grid;grid-template-columns: 1fr 1fr;gap: clamp(2rem,6vw,6rem);align-items: center}.zwei-asym.links-schmal{grid-template-columns: 0.8fr 1.2fr;align-items: start}.zwei-asym{display: grid;grid-template-columns: 1.15fr 0.85fr;gap: clamp(2rem,6vw,6rem);align-items: center}.raster{display: grid;gap: clamp(1rem,2.2vw,1.8rem)}.r2{grid-template-columns: repeat(2,minmax(0,1fr))}.r3{grid-template-columns: repeat(3,minmax(0,1fr))}.r4{grid-template-columns: repeat(4,minmax(0,1fr))}.zahlen{display: grid;grid-template-columns: repeat(4,1fr);border-top: 1px solid var(--linie);margin-top: clamp(3rem,6vw,5rem)}.dunkel .zahlen{border-color: var(--linie-dunkel)}.zahl{padding: 1.8rem 1.5rem 0 0}.zahl + .zahl{padding-left: 1.5rem;border-left: 1px solid var(--linie)}.dunkel .zahl + .zahl{border-color: var(--linie-dunkel)}.zahl b{display: block;font: 500 clamp(2.8rem,5vw,4.4rem)/1 var(--serif);color: var(--nacht);font-variant-numeric: lining-nums}.dunkel .zahl b{color: var(--weiss)}.zahl span{display: block;margin-top: 0.7rem;font-size: 0.92rem;color: var(--stein)}.dunkel .zahl span{color: rgb(255 255 255 / 0.66)}.wege{display: grid;grid-template-columns: 1fr 1fr;gap: clamp(1rem,2vw,1.6rem)}.weg{position: relative;display: flex;min-height: clamp(460px,62vh,620px);color: var(--weiss);text-decoration: none;overflow: hidden;isolation: isolate}.weg .foto{position: absolute;inset: 0;z-index: -2}.weg .foto img{transition: transform 1.4s var(--ease-lang)}.weg:hover .foto img{transform: scale(1.05)}.weg::before{content: "";position: absolute;inset: 0;z-index: -1;background: linear-gradient(180deg,rgb(14 26 43 / 0.05) 0%,rgb(14 26 43 / 0.35) 35%,rgb(14 26 43 / 0.9) 100%)}.weg-text{align-self: flex-end;padding: clamp(1.6rem,3.5vw,3rem)}.weg-text h3{color: var(--weiss);font-size: clamp(2rem,3.4vw,3rem);margin-bottom: 0.3em}.weg-text p{color: rgb(255 255 255 / 0.82);max-width: 28rem;margin-bottom: 1.4rem}.weg-text .textlink{color: var(--weiss)}.weg .foto .ki-badge{left: auto;right: 0.75rem;top: 0.75rem;bottom: auto}.weg .ueber,.hero .ueber,.expose-kopf .objekt-ort,.tagnacht-zeit,.weg-text .textlink{color: var(--messing-licht)}.weg .ueber,.hero .ueber,.expose-kopf .objekt-ort,.tagnacht-zeit,.weg-text,.hero h1,.hero .lead,.expose-kopf h1,.expose-kopf .krumen,.expose-eckdaten,.tagnacht-text h2,.tagnacht-fakten{text-shadow: var(--schrift-schatten)}.weg .ueber::before,.hero .ueber::before{box-shadow: 0 0 8px rgb(8 14 24 / 0.6)}.weg-text .textlink{color: var(--weiss)}.rahmen.personen img{object-position: 50% 22%}.objekt{position: relative;display: block;color: var(--text);text-decoration: none}.objekt .foto{aspect-ratio: 4 / 3}.objekt .foto img{transition: transform 1.4s var(--ease-lang)}.objekt:hover .foto img{transform: scale(1.05)}.objekt-status{position: absolute;top: 1rem;left: 1rem;z-index: 3;font: 700 0.66rem/1 var(--sans);letter-spacing: 0.2em;text-transform: uppercase;padding: 0.55rem 0.8rem;background: var(--papier);color: var(--nacht)}.objekt-status.exklusiv{background: var(--nacht);color: var(--messing-hell)}.objekt-status.reserviert{background: var(--sand-2)}.objekt-info{padding-top: 1.3rem}.objekt-ort{font: 700 0.7rem/1.2 var(--sans);letter-spacing: 0.22em;text-transform: uppercase;color: var(--messing-text);margin: 0 0 0.6rem}.objekt h3{margin: 0 0 0.8rem;font-size: clamp(1.6rem,2.3vw,2.1rem);transition: color .35s var(--ease)}.objekt:hover h3{color: var(--messing-text)}.objekt-daten{display: flex;flex-wrap: wrap;gap: 0.3rem 1.4rem;margin: 0;padding: 0.9rem 0 0;border-top: 1px solid var(--linie);list-style: none;font-size: 0.9rem;color: var(--stein)}.objekt-daten li b{color: var(--nacht);font-weight: 700}.objekt-preis{margin: 0.9rem 0 0;font: 500 1.5rem/1.2 var(--serif);color: var(--nacht)}.dunkel .objekt{color: rgb(255 255 255 / 0.82)}.dunkel .objekt h3,.dunkel .objekt-preis,.dunkel .objekt-daten li b{color: var(--weiss)}.dunkel .objekt-daten{border-color: var(--linie-dunkel);color: rgb(255 255 255 / 0.66)}.dunkel .objekt-ort{color: var(--messing-hell)}.quer-scroll{position: relative}.quer-buehne{overflow: hidden}.quer-spur{display: flex;gap: clamp(1.2rem,2.4vw,2rem);padding-inline: max(1.5rem,calc((100vw - var(--breite)) / 2))}.quer-spur .objekt{flex: 0 0 clamp(300px,34vw,520px)}.quer-spur .quer-ende{flex: 0 0 clamp(260px,26vw,380px);display: grid;align-content: center;gap: 1rem;padding: 2rem;border: 1px solid var(--linie-dunkel)}.quer-ende p{font: italic 400 1.9rem/1.2 var(--serif);color: var(--weiss);margin: 0}.quer-fortschritt{height: 1px;background: var(--linie-dunkel);margin-top: 2.5rem}.quer-fortschritt span{display: block;height: 100%;background: var(--messing-hell);transform-origin: left;transform: scaleX(0)}.quer-aktiv .quer-buehne{position: sticky;top: calc(var(--balken-h) + var(--kopf-h));height: calc(100vh - var(--balken-h) - var(--kopf-h));display: flex;flex-direction: column;justify-content: center}.quer-aktiv .quer-spur{will-change: transform}.quer-scroll:not(.quer-aktiv) .quer-spur{scroll-padding-inline: max(1.5rem,calc((100vw - var(--breite)) / 2));overflow-x: auto;scroll-snap-type: x mandatory;scrollbar-width: thin;padding-bottom: 1rem}.quer-scroll:not(.quer-aktiv) .quer-spur>*{scroll-snap-align: start}.tagnacht{position: relative;height: 260vh;background: var(--nacht)}.tagnacht-buehne{position: sticky;top: calc(var(--balken-h) + var(--kopf-h));height: calc(100vh - var(--balken-h) - var(--kopf-h));overflow: hidden;color: var(--weiss)}.tagnacht-buehne .foto{position: absolute;inset: 0}.tagnacht-buehne .foto img{object-position: 50% 55%}.tagnacht-nacht{position: absolute;inset: 0;z-index: 1;opacity: 0;will-change: opacity}.tagnacht-buehne::after{content: "";position: absolute;inset: 0;z-index: 2;background: linear-gradient(180deg,rgb(14 26 43 / 0.45) 0%,transparent 30%,transparent 45%,rgb(14 26 43 / 0.9) 100%),linear-gradient(90deg,rgb(14 26 43 / 0.5) 0%,rgb(14 26 43 / 0) 60%);pointer-events: none}.tagnacht-text{position: absolute;z-index: 4;left: 0;right: 0;bottom: clamp(2.5rem,8vh,5rem)}.tagnacht-text h2{color: var(--weiss);max-width: 13em;margin: 0}.tagnacht-text h2 em{color: var(--messing-hell)}.tagnacht-zeit{display: flex;align-items: center;gap: 1rem;margin-bottom: 1.4rem;font: 700 0.72rem/1 var(--sans);letter-spacing: 0.24em;text-transform: uppercase;color: rgb(255 255 255 / 0.85)}.tagnacht-skala{position: relative;width: 9rem;height: 1px;background: rgb(255 255 255 / 0.35)}.tagnacht-skala span{position: absolute;inset: 0;background: var(--messing-hell);transform-origin: left;transform: scaleX(0)}.tagnacht-fakten{display: flex;flex-wrap: wrap;gap: 0.6rem 2.2rem;margin: 1.6rem 0 0;padding: 0;list-style: none;font-size: 0.95rem;color: rgb(255 255 255 / 0.85)}.tagnacht-fakten b{font: 500 1.6rem/1 var(--serif);color: var(--weiss);margin-right: 0.35rem}.tagnacht .ki-badge{left: auto;right: 1.25rem;top: 1.25rem;bottom: auto}.tagnacht-ohne{position: relative}html:not(.js) .tagnacht,.tagnacht.statisch{height: auto}html:not(.js) .tagnacht-buehne,.tagnacht.statisch .tagnacht-buehne{position: relative;top: 0;height: auto;display: grid}html:not(.js) .tagnacht-buehne .foto,.tagnacht.statisch .tagnacht-buehne .foto{position: relative;aspect-ratio: 16 / 9}html:not(.js) .tagnacht-nacht,.tagnacht.statisch .tagnacht-nacht{position: relative;inset: auto;opacity: 1}html:not(.js) .tagnacht-text,.tagnacht.statisch .tagnacht-text{position: relative;bottom: auto;padding-block: 2.5rem 3.5rem}html:not(.js) .tagnacht-buehne::after,.tagnacht.statisch .tagnacht-buehne::after{display: none}.laufband{overflow: hidden;border-block: 1px solid var(--linie);padding-block: 1.4rem;background: var(--papier)}.laufband-spur{display: flex;width: max-content;gap: 3.5rem;font: italic 400 clamp(1.6rem,2.6vw,2.4rem)/1 var(--serif);color: var(--nacht)}.laufband-spur span{display: inline-flex;align-items: center;gap: 3.5rem;white-space: nowrap}.laufband-spur span::after{content: "✦";font-style: normal;font-size: 0.6em;color: var(--messing)}@media (prefers-reduced-motion: no-preference){.js .laufband.laeuft .laufband-spur{animation: laufen 48s linear infinite}@keyframes laufen{to{transform: translateX(-50%)}}}.leistungen{list-style: none;margin: 0;padding: 0;border-top: 1px solid var(--linie);counter-reset: l}.leistungen li{counter-increment: l;display: grid;grid-template-columns: 4.5rem minmax(0,1fr) minmax(0,1.3fr);gap: 1.5rem;align-items: baseline;padding: 1.8rem 0;border-bottom: 1px solid var(--linie)}.leistungen li::before{content: counter(l,decimal-leading-zero);font: 500 1.1rem/1 var(--serif);color: var(--messing-text)}.leistungen h3{margin: 0;font-size: clamp(1.5rem,2.2vw,2rem)}.leistungen p{margin: 0;color: var(--stein)}.dunkel .leistungen,.dunkel .leistungen li{border-color: var(--linie-dunkel)}.dunkel .leistungen li::before{color: var(--messing-hell)}.dunkel .leistungen p{color: rgb(255 255 255 / 0.7)}.prozess{position: relative;display: grid;gap: clamp(2.5rem,6vw,4.5rem);padding-left: clamp(3.5rem,8vw,6rem)}.prozess-linie{position: absolute;left: clamp(1rem,2.8vw,2rem);top: 0.6rem;bottom: 0.6rem;width: 2px;overflow: visible}.prozess-linie line{stroke: var(--linie);stroke-width: 2}.prozess-linie line.zug{stroke: var(--messing)}.dunkel .prozess-linie line{stroke: var(--linie-dunkel)}.dunkel .prozess-linie line.zug{stroke: var(--messing-hell)}.schritt-p{position: relative;display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1.25fr);gap: 1rem clamp(1.5rem,4vw,4rem)}.schritt-p::before{content: "";position: absolute;left: calc(-1 * clamp(3.5rem,8vw,6rem) + clamp(1rem,2.8vw,2rem) - 7px);top: 0.55rem;width: 16px;height: 16px;border-radius: 50%;background: var(--papier);border: 2px solid var(--messing)}.dunkel .schritt-p::before{background: var(--nacht);border-color: var(--messing-hell)}.schritt-p .nr{display: block;font: 700 0.7rem/1 var(--sans);letter-spacing: 0.24em;text-transform: uppercase;color: var(--messing-text);margin-bottom: 0.8rem}.dunkel .schritt-p .nr{color: var(--messing-hell)}.schritt-p h3{margin: 0}.schritt-p p{margin: 0;color: var(--stein)}.dunkel .schritt-p p{color: rgb(255 255 255 / 0.72)}.schritt-p .dauer{display: block;margin-top: 0.8rem;font-size: 0.86rem;font-weight: 700;color: var(--nacht)}.dunkel .schritt-p .dauer{color: var(--weiss)}.team{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: clamp(1.2rem,2.5vw,2.2rem)}.person .foto{aspect-ratio: 4 / 5}.person .foto img{filter: saturate(0.92);transition: transform 1.4s var(--ease-lang),filter .6s}.person:hover .foto img{transform: scale(1.04);filter: none}.person h3{margin: 1.3rem 0 0.3rem}.person .rolle{font: 700 0.7rem/1.4 var(--sans);letter-spacing: 0.2em;text-transform: uppercase;color: var(--messing-text);margin: 0 0 0.9rem}.person p{color: var(--stein);font-size: 0.97rem}.person .fach{display: flex;flex-wrap: wrap;gap: 0.4rem;margin: 1rem 0 0;padding: 0;list-style: none}.person .fach li{font-size: 0.78rem;font-weight: 700;padding: 0.35rem 0.7rem;border: 1px solid var(--linie);color: var(--nacht)}.person-ohne{display: flex;gap: 1.2rem;align-items: flex-start;padding: 1.6rem;border: 1px solid var(--linie);background: var(--weiss)}.monogramm{flex: none;width: 4.2rem;height: 4.2rem;display: grid;place-items: center;border-radius: 50%;background: var(--sand);font: italic 500 1.9rem/1 var(--serif);color: var(--messing-text)}.person-ohne h3{margin: 0 0 0.2rem;font-size: 1.5rem}.person-ohne p{margin: 0;color: var(--stein);font-size: 0.95rem}.po{position: relative;overflow: hidden}.po-raster{display: grid;grid-template-columns: 0.9fr 1.1fr;gap: clamp(2rem,6vw,6rem);align-items: center}.po-bilder{position: relative;display: grid;grid-template-columns: 1fr 0.7fr;gap: 1rem;align-items: end}.po-bilder>:last-child{margin-bottom: -3rem}.siegel{display: inline-grid;place-items: center;width: 7.5rem;height: 7.5rem;border: 1px solid var(--messing-hell);border-radius: 50%;color: var(--messing-hell);text-align: center;font: 700 0.6rem/1.5 var(--sans);letter-spacing: 0.22em;text-transform: uppercase;margin-bottom: 2rem}.siegel b{display: block;font: italic 500 1.5rem/1 var(--serif);letter-spacing: 0;text-transform: none}.haken{list-style: none;margin: 0 0 1.5rem;padding: 0;display: grid;gap: 0.85rem}.haken li{position: relative;padding-left: 2.1rem}.haken li::before{content: "";position: absolute;left: 0;top: 0.78em;width: 1.2rem;height: 1px;background: var(--messing)}.dunkel .haken li::before{background: var(--messing-hell)}.stimmen{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: clamp(1.2rem,2.4vw,2rem)}.stimme{margin: 0;display: flex;flex-direction: column;gap: 1.2rem;padding: 2.2rem 2rem;background: var(--weiss);border: 1px solid var(--linie)}.stimme blockquote{margin: 0;font: italic 400 1.5rem/1.35 var(--serif);color: var(--nacht)}.stimme blockquote p{margin: 0}.stimme figcaption{margin-top: auto;font-size: 0.88rem;color: var(--stein)}.beispiel-hinweis{align-self: flex-start;font: 700 0.62rem/1 var(--sans);letter-spacing: 0.2em;text-transform: uppercase;padding: 0.45rem 0.7rem;background: var(--sand);color: var(--messing-text)}.partner{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 1px;background: var(--linie);border: 1px solid var(--linie)}.partner-karte{display: flex;flex-direction: column;gap: 0.6rem;padding: 2rem 1.8rem;background: var(--papier);color: var(--text);text-decoration: none;transition: background-color .45s var(--ease)}a.partner-karte:hover{background: var(--weiss);color: var(--text)}.partner-karte .art{font: 700 0.66rem/1.3 var(--sans);letter-spacing: 0.22em;text-transform: uppercase;color: var(--messing-text)}.partner-karte h3{margin: 0;font-size: 1.75rem}.partner-karte p{margin: 0;color: var(--stein);font-size: 0.95rem}.partner-karte .live{margin-top: auto;padding-top: 0.8rem;font: 700 0.72rem/1.2 var(--sans);letter-spacing: 0.16em;text-transform: uppercase;color: var(--nacht)}.partner-karte .live::before{content: "";display: inline-block;width: 0.5rem;height: 0.5rem;border-radius: 50%;background: #2f8f5b;margin-right: 0.55rem;vertical-align: 0.05em}.partner-icon{width: 2.6rem;height: 2.6rem;color: var(--messing);margin-bottom: 0.4rem}.partner-icon svg{width: 100%;height: 100%;fill: none;stroke: currentColor;stroke-width: 1.3;stroke-linecap: round;stroke-linejoin: round}.faq{border-top: 1px solid var(--linie)}.faq details{border-bottom: 1px solid var(--linie)}.faq summary{cursor: pointer;list-style: none;padding: 1.6rem 3.5rem 1.6rem 0;font: 500 clamp(1.3rem,1.9vw,1.65rem)/1.3 var(--serif);color: var(--nacht);position: relative}.faq summary::-webkit-details-marker{display: none}.faq summary::before,.faq summary::after{content: "";position: absolute;right: 0.6rem;top: 50%;width: 1.1rem;height: 1px;background: var(--messing);transition: transform .45s var(--ease)}.faq summary::after{transform: rotate(90deg)}.faq details[open] summary::after{transform: rotate(0)}.faq details>div{padding: 0 0 1.6rem;color: var(--stein);max-width: 46rem}.faq details>div p:last-child{margin: 0}.seitenkopf{padding-block: clamp(4rem,9vw,7.5rem) clamp(3rem,6vw,5rem)}.seitenkopf h1{max-width: 13em}.seitenkopf .lead{margin-bottom: 0}.seitenkopf-bild{position: relative;height: clamp(360px,72vh,760px);overflow: hidden}.seitenkopf-bild .foto{position: absolute;inset: 0}.krumen{font-size: 0.8rem;margin-bottom: 2.2rem}.krumen ol{list-style: none;display: flex;flex-wrap: wrap;gap: 0.5rem;margin: 0;padding: 0;color: var(--stein);letter-spacing: 0.06em}.krumen li + li::before{content: "/";margin-right: 0.5rem;color: var(--messing)}.krumen a{color: var(--stein);text-decoration: none}.krumen a:hover{color: var(--nacht)}.krumen [aria-current]{color: var(--nacht)}.dunkel .krumen ol,.dunkel .krumen a{color: rgb(255 255 255 / 0.65)}.dunkel .krumen [aria-current]{color: var(--weiss)}.filter{display: flex;flex-wrap: wrap;gap: 0.5rem;margin-bottom: 3rem}.filter button{font: 700 0.72rem/1 var(--sans);letter-spacing: 0.18em;text-transform: uppercase;padding: 0.95rem 1.3rem;border: 1px solid var(--linie);background: transparent;color: var(--nacht);cursor: pointer;transition: background-color .35s var(--ease),color .35s var(--ease),border-color .35s}.filter button:hover{border-color: var(--nacht)}.filter button[aria-pressed="true"]{background: var(--nacht);border-color: var(--nacht);color: var(--weiss)}.filter-anzahl{margin: -1.8rem 0 2.2rem;color: var(--stein);font-size: 0.92rem}.objekte{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: clamp(2.5rem,5vw,4.5rem) clamp(1.5rem,3vw,2.5rem)}.objekte .objekt:nth-child(even){margin-top: clamp(0rem,7vw,6rem)}.objekte .objekt.weg-gefiltert{display: none}.objekte.gefiltert .objekt:nth-child(even){margin-top: 0}.expose-kopf{position: relative;height: calc(100svh - var(--balken-h) - var(--kopf-h));min-height: 520px;display: flex;align-items: flex-end;color: var(--weiss);overflow: hidden;isolation: isolate}.expose-kopf>.foto{position: absolute;inset: 0;z-index: -2}.expose-kopf::before{content: "";position: absolute;inset: 0;z-index: -1;background: linear-gradient(180deg,transparent 35%,rgb(14 26 43 / 0.55) 60%,rgb(14 26 43 / 0.9) 100%);pointer-events: none}.expose-kopf .foto .ki-badge{left: auto;right: 1.25rem;top: 1.25rem;bottom: auto}.expose-kopf .wrap{padding-bottom: clamp(2rem,6vh,4rem)}.expose-kopf h1{color: var(--weiss);margin-bottom: 0.2em;font-size: clamp(2.8rem,6.4vw,5.8rem)}.expose-kopf .objekt-ort{color: var(--messing-hell)}.expose-kopf .krumen ol,.expose-kopf .krumen a{color: rgb(255 255 255 / 0.75)}.expose-kopf .krumen [aria-current]{color: var(--weiss)}.expose-eckdaten{display: grid;grid-template-columns: repeat(5,minmax(0,1fr));gap: 0;margin: 2rem 0 0;padding: 0;border-top: 1px solid rgb(255 255 255 / 0.25)}.expose-eckdaten div{padding: 1.2rem 1.2rem 0 0}.expose-eckdaten div + div{padding-left: 1.2rem;border-left: 1px solid rgb(255 255 255 / 0.25)}.expose-eckdaten dt{font: 700 0.64rem/1.3 var(--sans);letter-spacing: 0.22em;text-transform: uppercase;color: rgb(255 255 255 / 0.7)}.expose-eckdaten dd{margin: 0.5rem 0 0;font: 500 clamp(1.4rem,2.2vw,2rem)/1.1 var(--serif);color: var(--weiss)}.expose-raster{display: grid;grid-template-columns: minmax(0,1fr) 360px;gap: clamp(2rem,5vw,5rem);align-items: start}.expose-seite{position: sticky;top: calc(var(--balken-h) + var(--kopf-h) + 1.5rem);display: grid;gap: 1.2rem}.kontaktkarte{background: var(--weiss);border: 1px solid var(--linie);padding: 1.8rem}.kontaktkarte .preis-label{font: 700 0.66rem/1.3 var(--sans);letter-spacing: 0.22em;text-transform: uppercase;color: var(--stein);margin: 0}.kontaktkarte .preis{font: 500 2.3rem/1.1 var(--serif);color: var(--nacht);margin: 0.3rem 0 0.2rem}.kontaktkarte .provision{font-size: 0.84rem;color: var(--stein);margin: 0 0 1.4rem}.kontaktkarte .btn{width: 100%}.kontaktkarte .btn + .btn{margin-top: 0.6rem}.ansprech{display: flex;gap: 1rem;align-items: center;padding-top: 1.4rem;margin-top: 1.4rem;border-top: 1px solid var(--linie)}.ansprech .foto{width: 4.6rem;flex: none;border-radius: 50%;aspect-ratio: 1}.ansprech .foto .ki-badge{font-size: 0;padding: 0.2rem 0.3rem;left: 50%;translate: -50% 0;bottom: 0.2rem}.ansprech .foto .ki-badge::before{content: "KI";font-size: 0.5rem}.ansprech p{margin: 0;font-size: 0.92rem;line-height: 1.5}.ansprech b{font: 500 1.3rem/1.2 var(--serif)}.galerie{display: grid;grid-template-columns: repeat(6,minmax(0,1fr));gap: 0.8rem}.galerie button{position: relative;padding: 0;border: 0;background: none;cursor: zoom-in;display: block;overflow: hidden}.galerie button .foto{height: 100%}.galerie button img{transition: transform 1.2s var(--ease-lang)}.galerie button:hover img{transform: scale(1.04)}.galerie .g-gross{grid-column: span 4;grid-row: span 2}.galerie .g-klein{grid-column: span 2}.galerie .g-halb{grid-column: span 3}.galerie .g-hoch{grid-column: span 2;grid-row: span 2}.galerie .g-voll{grid-column: span 6}.galerie .g-voll .foto{aspect-ratio: 21 / 9}.galerie .g-gross .foto,.galerie .g-hoch .foto{aspect-ratio: auto}.galerie .g-klein .foto,.galerie .g-halb .foto{aspect-ratio: 16 / 10}.expose-text h2{font-size: clamp(2rem,3.4vw,3rem)}.ausstattung{columns: 2;column-gap: 2.5rem;list-style: none;margin: 0;padding: 0}.ausstattung li{break-inside: avoid;padding: 0.7rem 0;border-bottom: 1px solid var(--linie);font-size: 0.97rem}.daten-tabelle{width: 100%;border-collapse: collapse;font-size: 0.97rem}.daten-tabelle th,.daten-tabelle td{text-align: left;padding: 0.8rem 0;border-bottom: 1px solid var(--linie);vertical-align: top}.daten-tabelle th{font-weight: 500;color: var(--stein);width: 45%}.daten-tabelle td{font-weight: 700;color: var(--nacht)}.energie{margin-top: 1.4rem}.energie-skala{position: relative;display: grid;grid-template-columns: repeat(9,1fr);height: 14px;margin: 2.6rem 0 0.6rem}.energie-skala span{display: block}.energie-skala span:nth-child(1){background: #2c8a4b}.energie-skala span:nth-child(2){background: #4a9e47}.energie-skala span:nth-child(3){background: #7cb342}.energie-skala span:nth-child(4){background: #b5c934}.energie-skala span:nth-child(5){background: #e8d12f}.energie-skala span:nth-child(6){background: #f2b52a}.energie-skala span:nth-child(7){background: #ec8a2a}.energie-skala span:nth-child(8){background: #e05a28}.energie-skala span:nth-child(9){background: #c8312a}.energie-zeiger{position: absolute;bottom: calc(100% + 4px);left: var(--pos,10%);transform: translateX(-50%);font: 700 0.78rem/1 var(--sans);white-space: nowrap;color: var(--nacht)}.energie-zeiger::after{content: "";position: absolute;left: 50%;top: calc(100% + 2px);border: 6px solid transparent;border-top-color: var(--nacht);transform: translateX(-50%)}.energie-klassen{display: grid;grid-template-columns: repeat(9,1fr);font-size: 0.72rem;color: var(--stein);text-align: center}.grundriss{display: grid;grid-template-columns: minmax(0,1.4fr) minmax(0,1fr);gap: 2rem;align-items: center}.grundriss svg{width: 100%;height: auto;display: block}.grundriss .raum rect{fill: var(--weiss);stroke: var(--nacht);stroke-width: 2;transition: fill .35s var(--ease)}.grundriss .raum text{font: 500 15px var(--sans);fill: var(--nacht);pointer-events: none}.grundriss .raum text.m2{font-size: 12px;fill: var(--stein)}.grundriss .raum{cursor: pointer;outline: none}.grundriss .raum:hover rect,.grundriss .raum:focus-visible rect,.grundriss .raum.aktiv rect{fill: var(--sand)}.grundriss .raum:focus-visible rect{stroke: var(--messing);stroke-width: 3}.grundriss .terrasse rect{fill: #f3efe8;stroke-dasharray: 6 5}.grundriss .pool rect{fill: #cfe0e6}.raum-info{border-left: 1px solid var(--messing);padding-left: 1.6rem;min-height: 9rem}.raum-info h3{margin: 0 0 0.3rem}.raum-info .m2{font: 500 2.6rem/1 var(--serif);color: var(--messing-text);margin: 0 0 0.8rem}.raum-info p{color: var(--stein);margin: 0}.js .grundriss-zeichnen .raum rect{stroke-dasharray: var(--u,1200);stroke-dashoffset: var(--u,1200);transition: stroke-dashoffset 2s var(--ease-lang),fill .35s var(--ease)}.js .grundriss-zeichnen.sichtbar .raum rect{stroke-dashoffset: 0}.js .grundriss-zeichnen .terrasse rect{stroke-dasharray: 6 5;stroke-dashoffset: 0}.formular{background: var(--weiss);border: 1px solid var(--linie);padding: clamp(1.6rem,4vw,3rem)}.dunkel .formular{background: var(--nacht-2);border-color: var(--linie-dunkel)}.feld{display: grid;gap: 0.4rem;margin-bottom: 1.2rem}.feld label,.feld .label{font: 700 0.7rem/1.3 var(--sans);letter-spacing: 0.18em;text-transform: uppercase;color: var(--stein)}.dunkel .feld label,.dunkel .feld .label{color: rgb(255 255 255 / 0.7)}.feld input,.feld select,.feld textarea{font: inherit;color: var(--text);width: 100%;min-height: 3.3rem;padding: 0.75rem 0;border: 0;border-bottom: 1px solid #a49c90;border-radius: 0;background: transparent;transition: border-color .3s}.dunkel .feld input,.dunkel .feld select,.dunkel .feld textarea{color: var(--weiss);border-color: rgb(255 255 255 / 0.4)}.dunkel .feld select option{color: var(--text)}.feld textarea{min-height: 7rem;resize: vertical}.feld input:focus,.feld select:focus,.feld textarea:focus{outline: none;border-bottom: 2px solid var(--messing)}.feld small{color: var(--stein);font-size: 0.84rem}.feldreihe{display: grid;grid-template-columns: 1fr 1fr;gap: 0 1.6rem}.check{display: flex;gap: 0.75rem;align-items: flex-start;font-size: 0.92rem;margin: 0.6rem 0 1.4rem;color: var(--stein)}.dunkel .check{color: rgb(255 255 255 / 0.75)}.check input{width: 1.15rem;height: 1.15rem;margin: 0.25rem 0 0;accent-color: var(--messing);flex: none}.demo-hinweis{font-size: 0.86rem;background: var(--sand);padding: 0.75rem 1rem;margin: 0 0 1.8rem;color: var(--nacht)}.dunkel .demo-hinweis{background: rgb(255 255 255 / 0.07);color: rgb(255 255 255 / 0.85)}.wizard-kopf{display: none;margin-bottom: 2.2rem}.js .wizard.aktiv .wizard-kopf{display: block}.wiz-schritte{list-style: none;display: grid;grid-template-columns: repeat(var(--n,4),1fr);gap: 0.4rem;margin: 0;padding: 0;counter-reset: w}.wiz-schritte li{counter-increment: w;font: 700 0.64rem/1.3 var(--sans);letter-spacing: 0.16em;text-transform: uppercase;color: var(--stein);padding-top: 0.75rem;border-top: 2px solid var(--linie)}.wiz-schritte li::before{content: "0" counter(w) " ";color: var(--messing-text)}.wiz-schritte li.aktiv,.wiz-schritte li.fertig{border-top-color: var(--messing);color: var(--nacht)}.schritt{border: 0;padding: 0;margin: 0 0 2.2rem;min-width: 0}.js .wizard.aktiv .schritt{margin: 0}.schritt legend{font: 500 clamp(1.7rem,2.8vw,2.4rem)/1.15 var(--serif);color: var(--nacht);margin-bottom: 0.5rem;padding: 0}.dunkel .schritt legend{color: var(--weiss)}.schritt .hilfe{color: var(--stein);margin: 0 0 1.6rem}.wahl{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.7rem}.wahl.vier{grid-template-columns: repeat(4,minmax(0,1fr))}.wahl.drei{grid-template-columns: repeat(3,minmax(0,1fr))}.wahl label{position: relative;display: grid;gap: 0.25rem;padding: 1.15rem 1.2rem;border: 1px solid var(--linie);cursor: pointer;transition: border-color .3s,background-color .3s}.wahl label:hover{border-color: var(--messing)}.wahl input{position: absolute;opacity: 0;width: 1px;height: 1px}.wahl label:has(input:checked){border-color: var(--nacht);background: var(--nacht);color: var(--weiss)}.wahl label:has(input:checked) small{color: rgb(255 255 255 / 0.72)}.wahl label:has(input:focus-visible){outline: 2px solid var(--messing);outline-offset: 3px}.wahl label{min-width: 0}.wahl b{font: 500 1.3rem/1.15 var(--serif);hyphens: auto;overflow-wrap: break-word}.wahl small{color: var(--stein);font-size: 0.84rem}.wahl svg{width: 1.9rem;height: 1.9rem;fill: none;stroke: currentColor;stroke-width: 1.3;stroke-linecap: round;stroke-linejoin: round;margin-bottom: 0.3rem;color: var(--messing)}.regler{margin: 0.4rem 0 1.6rem}.regler .regler-kopf{display: flex;justify-content: space-between;align-items: baseline;gap: 1rem;margin-bottom: 0.6rem}.regler label{font: 700 0.7rem/1.3 var(--sans);letter-spacing: 0.18em;text-transform: uppercase;color: var(--stein)}.regler output{font: 500 1.8rem/1 var(--serif);color: var(--nacht);font-variant-numeric: lining-nums tabular-nums}.dunkel .regler label{color: rgb(255 255 255 / 0.7)}.dunkel .regler output{color: var(--weiss)}.regler input[type="range"]{width: 100%;accent-color: var(--messing);height: 1.8rem}.fehlertext{color: #a3322b;font-weight: 700;font-size: 0.92rem;margin: 1rem 0 0}.wiz-nav{display: flex;gap: 0.8rem;margin-top: 2.2rem;padding-top: 1.6rem;border-top: 1px solid var(--linie)}.wiz-nav .btn-weiter,.wiz-nav [type="submit"]{margin-left: auto}.zusammenfassung{background: var(--papier);padding: 1.3rem 1.5rem;margin-bottom: 1.6rem;border-left: 2px solid var(--messing)}.zusammenfassung dl{margin: 0;display: grid;grid-template-columns: auto 1fr;gap: 0.5rem 1.6rem;font-size: 0.95rem}.zusammenfassung dt{color: var(--stein)}.zusammenfassung dd{margin: 0;font-weight: 700}.wert-ergebnis{text-align: center;padding: 1.8rem 1rem 2.2rem;margin-bottom: 1.6rem;background: var(--nacht);color: var(--weiss)}.wert-ergebnis small{font: 700 0.66rem/1.3 var(--sans);letter-spacing: 0.22em;text-transform: uppercase;color: var(--messing-hell)}.wert-ergebnis .spanne{display: block;font: 500 clamp(2.2rem,5vw,3.6rem)/1.1 var(--serif);margin: 0.6rem 0 0.4rem;font-variant-numeric: lining-nums}.wert-ergebnis p{color: rgb(255 255 255 / 0.72);font-size: 0.9rem;margin: 0 auto;max-width: 30rem}.rechner{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: 0;border: 1px solid var(--linie);background: var(--weiss)}.rechner-eingabe{padding: clamp(1.6rem,4vw,3rem)}.rechner-ergebnis{padding: clamp(1.6rem,4vw,3rem);background: var(--nacht);color: rgb(255 255 255 / 0.82);display: flex;flex-direction: column}.rechner-ergebnis .gross{font: 500 clamp(2.6rem,5vw,4rem)/1 var(--serif);color: var(--weiss);margin: 0.6rem 0 0.3rem;font-variant-numeric: lining-nums tabular-nums}.rechner-ergebnis .klein-label{font: 700 0.66rem/1.3 var(--sans);letter-spacing: 0.22em;text-transform: uppercase;color: var(--messing-hell);margin: 0}.posten{width: 100%;border-collapse: collapse;margin-top: 1.5rem;font-variant-numeric: tabular-nums;font-size: 0.94rem}.posten th,.posten td{padding: 0.65rem 0;border-bottom: 1px solid var(--linie-dunkel);text-align: left;font-weight: 400}.posten td{text-align: right;white-space: nowrap;padding-left: 1rem;color: var(--weiss);font-weight: 700}.posten tfoot th,.posten tfoot td{border-bottom: 0;padding-top: 1rem;color: var(--weiss);font-weight: 700}.rechner-hinweis{margin-top: auto;padding-top: 1.4rem;font-size: 0.82rem;color: rgb(255 255 255 / 0.6)}.feld-zeile{display: grid;grid-template-columns: 1fr 1fr;gap: 0 1.6rem}.dunkel .wahl label{border-color: var(--linie-dunkel);color: var(--weiss)}.dunkel .wahl label:hover{border-color: var(--messing-hell)}.dunkel .wahl small,.dunkel .schritt .hilfe,.dunkel .feld small{color: rgb(255 255 255 / 0.65)}.dunkel .wahl label:has(input:checked){background: var(--messing);border-color: var(--messing);color: var(--nacht)}.dunkel .wahl label:has(input:checked) small{color: rgb(14 26 43 / 0.75)}.dunkel .wahl svg{color: var(--messing-hell)}.dunkel .wiz-schritte li{color: rgb(255 255 255 / 0.6);border-top-color: var(--linie-dunkel)}.dunkel .wiz-schritte li::before{color: var(--messing-hell)}.dunkel .wiz-schritte li.aktiv,.dunkel .wiz-schritte li.fertig{color: var(--weiss);border-top-color: var(--messing-hell)}.dunkel .wiz-nav{border-color: var(--linie-dunkel)}.dunkel .zusammenfassung{background: rgb(255 255 255 / 0.05)}.dunkel .zusammenfassung dt{color: rgb(255 255 255 / 0.6)}.dunkel .zusammenfassung dd{color: var(--weiss)}.dunkel .fehlertext{color: #ffb4a8}.dunkel .feld input::placeholder{color: rgb(255 255 255 / 0.45)}.lightbox{position: fixed;inset: 0;z-index: 4000;display: grid;grid-template-rows: 1fr auto;background: rgb(8 14 24 / 0.96);color: var(--weiss);opacity: 0;visibility: hidden;transition: opacity .45s var(--ease),visibility 0s .45s}.lightbox.offen{opacity: 1;visibility: visible;transition: opacity .45s var(--ease)}.lightbox figure{position: relative;margin: 0;display: grid;place-items: center;padding: 4.5rem 5rem 1rem;min-height: 0}.lightbox img{max-width: 100%;max-height: calc(100vh - 9rem);width: auto;height: auto;object-fit: contain}.lightbox .ki-badge{position: static;display: inline-block;margin-top: 0.8rem}.lightbox-leiste{display: flex;justify-content: space-between;align-items: center;gap: 1rem;padding: 1rem 1.5rem 1.5rem;font-size: 0.9rem;color: rgb(255 255 255 / 0.75)}.lightbox button{font: inherit;color: var(--weiss);background: none;border: 1px solid rgb(255 255 255 / 0.3);width: 3.2rem;height: 3.2rem;cursor: pointer;display: grid;place-items: center;transition: background-color .3s}.lightbox button:hover{background: rgb(255 255 255 / 0.1)}.lightbox .lb-zu{position: absolute;top: 1.2rem;right: 1.2rem}.lightbox .lb-vor,.lightbox .lb-zurueck{position: absolute;top: 50%;transform: translateY(-50%)}.lightbox .lb-zurueck{left: 1.2rem}.lightbox .lb-vor{right: 1.2rem}.lightbox svg{width: 1.2rem;height: 1.2rem;fill: none;stroke: currentColor;stroke-width: 1.6}.cursor{position: fixed;left: 0;top: 0;z-index: 5000;width: 5.6rem;height: 5.6rem;margin: -2.8rem 0 0 -2.8rem;border-radius: 50%;background: var(--messing);color: var(--nacht);display: grid;place-items: center;font: 700 0.62rem/1 var(--sans);letter-spacing: 0.2em;text-transform: uppercase;pointer-events: none;opacity: 0;transform: translate3d(-100px,-100px,0) scale(0.3);transition: opacity .35s var(--ease);will-change: transform}.cursor.an{opacity: 1}.fuss{background: var(--nacht);color: rgb(255 255 255 / 0.7);font-size: 0.95rem;padding-top: clamp(4rem,8vw,6.5rem)}.fuss-gross{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: end;gap: 2rem;padding-bottom: clamp(3rem,6vw,4.5rem);border-bottom: 1px solid var(--linie-dunkel)}.fuss-gross p{font: italic 400 clamp(2.2rem,4.6vw,4.2rem)/1.08 var(--serif);color: var(--weiss);margin: 0;max-width: 12em}.fuss-raster{display: grid;grid-template-columns: 1.4fr 1fr 1fr 1fr;gap: 2.5rem;padding-block: 3rem}.fuss h2{font: 700 0.68rem/1.3 var(--sans);letter-spacing: 0.22em;text-transform: uppercase;color: var(--messing-hell);margin: 0 0 1.1rem}.fuss ul{list-style: none;margin: 0;padding: 0;display: grid;gap: 0.55rem}.fuss a:not(.btn){color: rgb(255 255 255 / 0.85);text-decoration: none}.fuss a:not(.btn):hover{color: var(--messing-hell)}.fuss .logo{color: var(--weiss);margin-bottom: 1.2rem}.fuss .logo-text small{color: rgb(255 255 255 / 0.6)}.fuss-link{font: inherit;color: rgb(255 255 255 / 0.85);background: none;border: 0;padding: 0;cursor: pointer;text-align: left}.fuss-link:hover{color: var(--messing-hell)}.fuss-ki{margin: 0;padding: 1rem 1.3rem;background: rgb(255 255 255 / 0.05);color: rgb(255 255 255 / 0.8);font-size: 0.9rem}.fuss-ki a{text-decoration: underline}.fuss-unten{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 0.6rem 2rem;padding-block: 1.6rem 2.2rem;font-size: 0.84rem}.fuss-unten p{margin: 0}.fuss .fuss-unten a,.fuss .fuss-ki a{text-decoration: underline;text-underline-offset: 0.2em}.schnell{display: none}.demo-dialog{max-width: 32rem;width: calc(100% - 2rem);border: 0;border-top: 3px solid var(--messing);padding: 2.2rem;color: var(--text);background: var(--papier);box-shadow: 0 40px 100px rgb(0 0 0 / 0.35)}.demo-dialog::backdrop{background: rgb(14 26 43 / 0.7)}.demo-dialog h2{font-size: 2.1rem}.demo-dialog p{color: var(--stein)}@media (prefers-reduced-motion: no-preference){.js .scroll-hinweis::after{animation: hinweis 2.4s var(--ease) infinite}@keyframes hinweis{0%{transform: translateY(-100%)}60%,100%{transform: translateY(100%)}}.js .wizard.aktiv .schritt:not([hidden]){animation: schritt-rein .6s var(--ease-lang)}@keyframes schritt-rein{from{opacity: 0;transform: translateY(12px)}to{opacity: 1;transform: none}}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition-duration: 0.01ms !important;animation-duration: 0.01ms !important;animation-iteration-count: 1 !important}.js .auf,.js [data-split] .w>span,.js .enthuellen img,.js .hero .intro,.js .hero>.foto img{opacity: 1 !important;transform: none !important}.js .enthuellen::after{display: none}.js [data-parallax] img{height: 100%;margin-top: 0}.js .grundriss-zeichnen .raum rect{stroke-dasharray: none;stroke-dashoffset: 0}}@media (max-width: 1240px){.nav li>a{padding-inline: 0.55rem;font-size: 0.88rem}.kopf .btn-kopf{display: none}}@media (max-width: 1080px){:root{--kopf-h: 74px}.menu-btn{display: inline-flex}.nav{position: fixed;inset: calc(var(--balken-h) + var(--kopf-h)) 0 0 0;z-index: 899;background: var(--nacht);padding: 2.5rem 1.5rem;display: flex;flex-direction: column;justify-content: space-between;overflow: auto;opacity: 0;visibility: hidden;transition: opacity .45s var(--ease),visibility 0s .45s}.nav.offen{opacity: 1;visibility: visible;transition: opacity .45s var(--ease)}.nav ul{flex-direction: column;gap: 0}.nav li>a,.kopf-ueber-hero .kopf .nav li>a,.kopf-ueber-hero.gescrollt .kopf .nav li>a{color: var(--weiss);font: 500 clamp(2rem,7vw,2.8rem)/1.25 var(--serif);padding: 0.35rem 0}.nav .nav-po a,.kopf-ueber-hero .kopf .nav .nav-po a,.kopf-ueber-hero.gescrollt .kopf .nav .nav-po a{color: var(--messing-hell)}.nav li>a::after{display: none}.nav-extra{display: grid !important;gap: 0.6rem;margin-top: 2rem;color: rgb(255 255 255 / 0.7);font-size: 0.95rem}.js .nav li{opacity: 0;transform: translateY(16px);transition: opacity .6s var(--ease-lang),transform .6s var(--ease-lang);transition-delay: calc(var(--i,0) * 50ms + 80ms)}.js .nav.offen li{opacity: 1;transform: none}.zwei,.zwei-asym,.zwei-asym.links-schmal,.po-raster,.expose-raster,.grundriss,.rechner{grid-template-columns: minmax(0,1fr)}.expose-seite{position: static}.team,.stimmen,.partner,.r3{grid-template-columns: repeat(2,minmax(0,1fr))}.r4{grid-template-columns: repeat(2,minmax(0,1fr))}.zahlen{grid-template-columns: repeat(2,1fr)}.zahl:nth-child(3){padding-left: 0;border-left: 0}.leistungen li{grid-template-columns: 3rem 1fr}.leistungen li p{grid-column: 2}.schritt-p{grid-template-columns: 1fr}.fuss-raster{grid-template-columns: 1fr 1fr}.expose-eckdaten{grid-template-columns: repeat(3,minmax(0,1fr))}.expose-eckdaten div:nth-child(4){padding-left: 0;border-left: 0}.po-bilder>:last-child{margin-bottom: 0}}.nav-extra{display: none}@media (max-width: 760px){body{font-size: 1rem}.wrap,.schmal{width: min(100% - 2.2rem,var(--breite))}.wege,.team,.stimmen,.partner,.r2,.r3,.r4,.objekte,.feldreihe,.feld-zeile,.wahl.vier,.wahl.drei{grid-template-columns: minmax(0,1fr)}.person-ohne>div,.partner-karte{min-width: 0}.wahl{grid-template-columns: repeat(2,minmax(0,1fr))}.wahl label{padding: 1rem 0.9rem}.wahl b{font-size: 1.15rem}.objekte .objekt:nth-child(even){margin-top: 0}.hero-wege{grid-template-columns: 1fr 1fr;min-width: 100%}.hero-weg{padding: 1rem 1.1rem}.hero-weg span{font-size: 1.3rem}.hero .foto .ki-badge{top: calc(var(--kopf-h) + 0.6rem);bottom: auto;right: 0.75rem}.scroll-hinweis{display: none}.weg{min-height: 0;flex-direction: column;background: var(--nacht)}.weg .foto{position: relative;inset: auto;aspect-ratio: 16 / 10}.weg::before{display: none}.weg-text{align-self: stretch;padding: 1.4rem 1.2rem 1.8rem}.logo-text{font-size: 1.3rem}.logo-text small{display: none}.logo svg{width: 2.1rem;height: 2.1rem}.menu-btn .menu-wort{display: none}.galerie{grid-template-columns: 1fr 1fr}.galerie .g-gross{grid-column: span 2;grid-row: auto}.galerie .g-gross .foto{aspect-ratio: 16 / 10}.galerie .g-hoch{grid-column: span 1;grid-row: span 2}.galerie .g-klein,.galerie .g-halb{grid-column: span 1}.galerie .g-voll{grid-column: span 2}.galerie .g-voll .foto{aspect-ratio: 16 / 10}.ausstattung{columns: 1}.expose-eckdaten{grid-template-columns: 1fr 1fr}.expose-eckdaten div:nth-child(n){padding-left: 0;border-left: 0}.expose-eckdaten div:nth-child(even){padding-left: 1rem;border-left: 1px solid rgb(255 255 255 / 0.25)}.expose-eckdaten div:nth-child(5){display: none}.quer-spur .objekt{flex-basis: 82vw}.quer-spur .quer-ende{flex-basis: 70vw}.fuss-raster{grid-template-columns: 1fr}.btn-reihe .btn{flex: 1 1 100%}.po-bilder{grid-template-columns: 1fr}.po-bilder>:last-child{display: none}.schnell{display: grid;grid-template-columns: 1fr 1.4fr;gap: 1px;position: fixed;z-index: 950;inset: auto 0 0 0;background: var(--linie-dunkel);padding-bottom: env(safe-area-inset-bottom);box-shadow: 0 -10px 30px rgb(14 26 43 / 0.2)}.schnell .btn{min-height: 3.4rem;padding: 0.5rem;font-size: 0.7rem;letter-spacing: 0.14em}.schnell .btn-nacht{background: var(--nacht)}.fuss{padding-bottom: 4.5rem}.tagnacht{height: 200vh}}@media print{.kw-balken,.kopf,.fuss,.schnell,.cursor{display: none !important}.js .auf,.js [data-split] .w>span{opacity: 1 !important;transform: none !important}}.menu-offen .schnell{display: none}@media (max-width: 480px){h1,h2,h3,legend,.lead{hyphens: auto;-webkit-hyphens: auto;overflow-wrap: anywhere}}@media (max-width: 480px){.daten-tabelle{table-layout: fixed}.daten-tabelle th,.daten-tabelle td{overflow-wrap: anywhere;hyphens: auto}.daten-tabelle th{width: 48%;padding-right: 0.8rem}.wiz-schritte li:not(.aktiv){font-size: 0}.wiz-schritte li:not(.aktiv)::before{font-size: 0.64rem}.wiz-schritte li.aktiv{white-space: nowrap}}