/* Der dunkle Look. Seit 28.09.2026 mit den Werten aus tokens.css (Guideline), vorher Bronze-Fassung des ChatGPT-Entwurfs. Aufbau unveraendert. */
:root{--ink:var(--text);--forest:var(--tiefe-flaeche);--moss:var(--moos);--sage:var(--tiefe-flaeche);--cream:var(--tiefe);--sand:var(--tiefe-flaeche);--water:var(--tiefe-flaeche);--terra:var(--erde);--white:var(--text);--line:var(--rand);--gold:var(--lehm)}
html{background:var(--tiefe);color-scheme:dark}body{background:var(--tiefe);color:var(--text-ruhig);font-weight:300}h1,h2,h3,.lead,.quote-block{color:var(--text)}p{line-height:1.75}strong{font-weight:400}::selection{background:var(--gold-tief);color:var(--text)}
.topbar{color:var(--text);background:linear-gradient(180deg,rgb(var(--scrim) / 83%),transparent);padding-block:21px}.topbar.scrolled,.topbar.inner{background:rgb(var(--scrim) / 88%);color:var(--text);border-color:var(--rand);backdrop-filter:blur(20px)}.brand{font-size:1.45rem;font-weight:400;letter-spacing:.19em}.nav{font-size:.9rem;font-weight:300}.nav-cta,.button{font-size:.85rem;font-weight:400;letter-spacing:.16em;border-color:var(--rand-stark);color:var(--text);min-height:49px;padding:.75rem 1.65rem;background:transparent}/* Knopf "Glas mit Gold" (Christina 28.09.2026, aus der Probe): Gold Tief durchscheinend, Foto scheint leicht durch, feine Kante in Lehm. Ersetzt die gefuellte Gold-Pille der Guideline (dort nachziehen). */
.button.dark,.button.light,.nav-cta{background:rgb(92 73 41 / 55%);border-color:rgb(200 186 166 / 35%);color:var(--text);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.button:hover,.button.dark:hover,.button.light:hover,.nav-cta:hover{background:rgb(92 73 41 / 78%);color:var(--text);border-color:rgb(200 186 166 / 46%)}.button.ghost:hover{background:transparent;border-color:var(--akzent)}.button.ghost{background:transparent;color:var(--lehm);border-color:var(--rand-stark)}.text-link{color:var(--lehm);font-size:.88rem;letter-spacing:.08em;border-color:var(--rand-stark)}.kicker,.eyebrow,.coming{font-size:.82rem;letter-spacing:.15em;color:var(--erde)!important}.display{font-size:clamp(2.9rem,5.6vw,5.8rem);line-height:1.05;font-weight:400}.hero h1{font-size:clamp(4.5rem,10vw,8.8rem);line-height:.9}.hero h1 span{color:var(--erde);font-size:clamp(1.45rem,2.9vw,2.55rem)}
.hero,.page-hero,.sensorial,.invitation{background:var(--tiefe);color:var(--text)}.hero-media img,.page-hero>img,.sensorial>img,.invitation>img{filter:saturate(.72) brightness(.78);object-fit:cover}.hero-media:after{background:linear-gradient(0deg,var(--tiefe) 0%,rgb(var(--scrim) / 28%) 27%,transparent 62%),linear-gradient(90deg,rgb(var(--scrim) / 42%),transparent 72%)}.page-hero:after{background:linear-gradient(0deg,var(--tiefe) 0%,rgb(var(--scrim) / 24%) 37%,rgb(var(--scrim) / 8%) 100%)}.hero-copy{padding-bottom:12vh}.hero .hero-copy{padding-top:170px}.hero .eyebrow{color:var(--erde)!important}.page-hero .intro{color:var(--text-ruhig)}.scroll-cue{color:var(--erde);font-size:.75rem;bottom:60px}
.section{position:relative;isolation:isolate;padding-block:clamp(85px,10vw,145px);background:var(--tiefe)}.sand-section,.dark-section,.water-section{background:var(--tiefe);color:var(--text-ruhig)}.breath{position:relative;isolation:isolate;background:var(--tiefe);min-height:72vh}.breath:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--tiefe),rgb(var(--scrim) / 84%) 40%,var(--tiefe)),url('assets/FE4111AD-D683-4E36-8901-A2A793BC9AB0.jpeg') center 70%/cover}.breath p:last-child{color:var(--text-leise)}.breath .display{font-size:clamp(2.6rem,5vw,4.9rem)}.breath .display em{color:var(--erde)}.sensorial{min-height:88vh}.sensorial:after{background:linear-gradient(180deg,var(--tiefe),rgb(var(--scrim) / 16%) 28%,rgb(var(--scrim) / 26%) 65%,var(--tiefe))}.sensorial-content{padding:4rem 1.5rem}.sensorial .display{font-size:clamp(3rem,6vw,6rem)}
/* Portraits become full-width scenes rather than isolated rounded pictures. */
.section:has(>.split>.visual),.section:has(>.container.split>.visual){padding:0;min-height:800px;display:grid;align-items:center;overflow:hidden}.section>.split:has(>.visual){width:100%;max-width:none;min-height:800px;display:grid;grid-template-columns:1fr 1fr;gap:0;position:relative;align-items:center;padding-inline:max(30px,calc((100vw - 1180px)/2))}.section>.split>.visual{position:absolute;left:0;top:0;bottom:0;width:69%;z-index:-1;opacity:1;transform:none;mask-image:linear-gradient(90deg,#000 42%,transparent 97%);-webkit-mask-image:linear-gradient(90deg,#000 42%,transparent 97%)}.section>.split>.visual img{width:100%;height:100%;aspect-ratio:auto;border-radius:0;object-fit:cover;object-position:center 37%;filter:saturate(.7) brightness(.66)}.section>.split>.copy{grid-column:2;padding:95px 0 95px 35px;position:relative;z-index:2}.section>.split.reverse>.visual{right:0;left:auto;mask-image:linear-gradient(270deg,#000 42%,transparent 97%);-webkit-mask-image:linear-gradient(270deg,#000 42%,transparent 97%)}.section>.split.reverse>.copy{grid-column:1;padding:95px 35px 95px 0}.section:has(>.split>.visual):before,.section:has(>.container.split>.visual):before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,var(--tiefe) 0%,transparent 15%,transparent 82%,var(--tiefe) 100%);z-index:1}.copy p{color:var(--text-ruhig)}.copy .lead{color:var(--text);font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.23}.visual.rounded img{border-radius:0}
.pillars{background:transparent;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:4rem}.pillar{background:transparent!important;color:var(--text)!important;padding:2.3rem;min-height:240px;border-right:1px solid var(--line)}.pillar:last-child{border-right:0}.pillar .number{color:var(--erde)}.pillar p{color:var(--text-leise)!important}.pillar h3{margin-top:1rem}.movement{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;min-height:800px;background:var(--tiefe);overflow:hidden}.movement .image{position:absolute;inset:0;width:73%;z-index:-1;mask-image:linear-gradient(90deg,#000 35%,transparent 96%);-webkit-mask-image:linear-gradient(90deg,#000 35%,transparent 96%)}.movement img{filter:saturate(.72) brightness(.62)}.movement:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,var(--tiefe),transparent 20%,transparent 80%,var(--tiefe))}.movement .copy{grid-column:2;background:transparent;padding:100px 8vw 100px 0;z-index:1}.movement .display{font-size:clamp(3rem,4.8vw,5rem)}
/* Experience windows: continuous photographs with text, no white card bodies. */
.cards{gap:22px}.card{position:relative;isolation:isolate;min-height:650px;background:var(--tiefe-flaeche);overflow:hidden;border:1px solid var(--rand);border-radius:var(--radius-karte)}.card:hover{transform:none}.card-media{position:absolute;inset:0;height:100%;z-index:-1}.card-media img{height:100%;filter:saturate(.7) brightness(.72);object-fit:cover}.card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(var(--scrim) / 6%),rgb(var(--scrim) / 8%) 24%,rgb(var(--scrim) / 86%) 68%,var(--tiefe-flaeche) 100%)}.card-body{justify-content:flex-end;padding:2rem;min-height:650px}.card-body .meta{color:var(--erde);font-size:.8rem}.card h3{font-size:2.8rem}.card p{color:var(--text-ruhig)}.card .text-link{margin-top:1.3rem}.status{background:rgb(var(--scrim) / 78%);color:var(--lehm);border:1px solid var(--rand-stark);font-size:.75rem;z-index:2}.experiences-head p{color:var(--text-leise)}.episode{border-color:var(--line)}.podcast-list{border-color:var(--line)}.episode .num{color:var(--erde)}.episode p{color:var(--text-leise)}.play{border-color:var(--rand-stark);color:var(--lehm)}.invitation:after{background:linear-gradient(180deg,var(--tiefe),rgb(var(--scrim) / 36%) 30%,rgb(var(--scrim) / 50%) 65%,var(--tiefe))}.invitation{min-height:95vh}.invitation-inner{max-width:850px}.footer{background:var(--tiefe);color:var(--text-leise);border-top:1px solid var(--line)}.footer h2{color:var(--text)}.footer-bottom{border-color:var(--line);color:var(--text-leise)}.footer a:hover{color:var(--lehm)}.footer-bottom a{display:inline-block}
.article{padding-inline:22px}.article p{color:var(--text-ruhig)}.article .lead{color:var(--text)}.fact{border-color:var(--rand-stark);color:var(--lehm);background:transparent;font-size:.84rem}.steps{background:transparent;gap:0;border-bottom:1px solid var(--line)}.step{background:transparent;border-top:1px solid var(--line)}.step:before{color:var(--erde)}.legal-note,.caption{color:var(--text-leise)!important;font-size:.875rem}.retreat-grid{gap:0;background:var(--tiefe)}.retreat-grid img{filter:saturate(.75) brightness(.76);mask-image:linear-gradient(180deg,transparent,#000 14%,#000 85%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 85%,transparent)}.placeholder-form input,.placeholder-form textarea{background:transparent;border:0;border-bottom:1px solid var(--rand-stark);border-radius:0;color:var(--text)}.placeholder-form input:focus-visible,.placeholder-form textarea:focus-visible{outline:0;border-bottom-color:var(--fokus)}.placeholder-form input::placeholder,.placeholder-form textarea::placeholder{color:var(--text-leise)}.price{color:var(--text)}.faq{color:var(--text-ruhig)}.skip{background:var(--tiefe-flaeche);color:var(--text)}:focus-visible{outline:2px solid var(--fokus);outline-offset:3px}
@media(min-width:921px){.page-hero .hero-copy{padding-bottom:10vh}.page-hero h1{font-size:clamp(4.2rem,8vw,8rem);line-height:.96}.water-section:has(.podcast-list){background:linear-gradient(180deg,var(--tiefe),rgb(var(--scrim) / 89%),var(--tiefe)),url('assets/040DD320-59FD-4218-8CA7-2C65B920F624.jpeg') center/cover}}
@media(max-width:920px){.nav{background:rgb(var(--scrim) / 98%);color:var(--text);font-size:2rem}.section:has(>.container.split>.visual){min-height:0}.section>.split:has(>.visual){display:flex;flex-direction:column;min-height:0;padding:0}.section>.split>.visual,.section>.split.reverse>.visual{position:relative;inset:auto;width:100%;height:70vh;min-height:440px;order:0!important;z-index:-1;mask-image:linear-gradient(180deg,transparent,#000 12%,#000 65%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 65%,transparent)}.section>.split>.visual img{object-position:center 32%;filter:saturate(.73) brightness(.77)}.section>.split>.copy,.section>.split.reverse>.copy{padding:0 28px 80px;width:min(100%,720px);margin-top:-95px;order:1;z-index:2}.section:has(>.container.split>.visual):before{display:none}.movement{display:flex;flex-direction:column;min-height:0}.movement .image{position:relative;width:100%;height:70vh;min-height:400px;mask-image:linear-gradient(180deg,transparent,#000 15%,#000 62%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 15%,#000 62%,transparent)}.movement .copy{padding:0 28px 85px;margin-top:-70px}.movement:after{display:none}.pillars{grid-template-columns:1fr}.pillar{border-right:0;border-bottom:1px solid var(--line);padding:2rem 0;min-height:0}.pillar:last-child{border-bottom:0}.cards{gap:35px}.card,.card-body{min-height:690px}.card-media{height:100%}.sensorial{min-height:70vh}.water-section .split:not(:has(.visual)){gap:50px}.footer-grid{gap:2rem}}
@media(max-width:600px){.topbar{padding:14px 20px}.hero{min-height:94svh}.hero-copy{padding-bottom:13vh}.hero h1{font-size:4.2rem}.hero-media img{object-position:43% center}.hero-media:after{background:linear-gradient(0deg,var(--tiefe),rgb(var(--scrim) / 20%) 45%,rgb(var(--scrim) / 14%))}.hero .hero-copy .eyebrow{font-size:.78rem}.hero h1 span{font-size:1.65rem;margin-top:1.3rem}.scroll-cue{display:none}.section{padding-block:75px}.display{font-size:3rem;line-height:1.08}.breath{min-height:65vh;padding-block:50px}.breath .display{font-size:2.7rem}.page-hero h1{font-size:3.9rem;line-height:1}.page-hero .intro{font-size:1.5rem;line-height:1.3}.page-hero .hero-copy{padding-bottom:8vh}.card,.card-body{min-height:640px}.card-body{padding:1.7rem}.status{font-size:.75rem}.sensorial-content{padding:2rem 20px}.sensorial .display{font-size:3.4rem}.invitation .display{font-size:3rem}.invitation-inner{padding:2rem 24px}.section>.split>.visual,.section>.split.reverse>.visual{height:64vh}.fact-row{gap:.6rem}.fact{padding:.6rem .8rem;font-size:.8rem}.footer h2{font-size:2.6rem}.step h3{font-size:1.8rem}}

/* Christina-Seite Fassung 02 (28.09.2026): lange Einstiegszeile als Ueberschrift, Namenszeile, Vormerken, zwei Karten. */
.statement-hero h1{font-size:clamp(2.4rem,4.6vw,4.6rem);line-height:1.08;letter-spacing:-.02em;max-width:980px}
.name-row{font-family:var(--serif);font-size:clamp(1.5rem,2.6vw,2.3rem);line-height:1.5;color:var(--text);max-width:980px;margin:0 auto 2rem}
.note-box{margin-top:3rem;padding-top:2.2rem;border-top:1px solid var(--line)}
/* Seit 12.10.2026 zwei Felder (Vorname, E-Mail) plus Knopf in einer Zeile, am Handy untereinander. */
.placeholder-form.single{grid-template-columns:1fr 1fr auto;align-items:stretch;max-width:640px;gap:.9rem}.placeholder-form.single input{min-width:0}.placeholder-form.single button{white-space:nowrap}
.cards.two{grid-template-columns:repeat(2,1fr);max-width:980px;margin-inline:auto}
.next-intro{margin:0 auto 3.5rem}
.quote-block.closing{font-size:clamp(2rem,3.6vw,3.4rem);margin-top:5rem}
@media(max-width:920px){.cards.two{grid-template-columns:1fr}}
@media(max-width:600px){.statement-hero h1{font-size:2.3rem;line-height:1.1}.placeholder-form.single{grid-template-columns:1fr;max-width:none}.placeholder-form.single button{justify-self:stretch}}
.card[hidden]{display:none}
/* Handy-Menue (28.09.2026): Der Unschaerfe-Filter der Kopfzeile machte sie zum Bezugsrahmen des Menues, deshalb ragte es halb ins Bild. Auf dem Handy ohne Filter, geschlossen unsichtbar. */
@media(max-width:920px){.topbar,.topbar.scrolled,.topbar.inner{backdrop-filter:none;-webkit-backdrop-filter:none}.topbar.scrolled,.topbar.inner{background:rgb(var(--scrim) / 97%)}.nav{visibility:hidden;transition:transform .45s,visibility 0s .45s}.menu-open .nav{visibility:visible;transition:transform .45s,visibility 0s}}
/* Das Zeichen (28.09.2026, Christina): nur oben links neben der Wortmarke, nicht im Bild und nicht in der Fusszeile, dort zu dominant. Kleine Fassung mit dickeren Linien, Guideline-Mindestgroesse 100 px gilt hier bewusst nicht. */
.brand{display:inline-flex;align-items:center;gap:.7em}
img.zeichen-kopf{width:34px;height:auto;display:block;opacity:.95}/* Original-Zeichen (Christina 28.09.: die vereinfachte Fassung passt nicht) */
.footer h2{letter-spacing:var(--ls-marke);font-weight:400}
/* Retreats am Handy (28.09.2026): der Text-plus-Formular-Block blieb zweispaltig und ragte 20 px ueber den Rand. Splits ohne Foto werden am Handy einspaltig. */
@media(max-width:920px){.section>.container.split:not(:has(>.visual)){display:grid;grid-template-columns:1fr;gap:40px;padding:0}.section>.container.split:not(:has(>.visual))>.copy{padding:0;margin-top:0;width:100%;order:0}}
/* Rechtsseiten (28.09.2026) */
.legal-page{padding-top:clamp(140px,18vw,200px)}.legal-page h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.6rem,5vw,4.4rem);line-height:1;margin:0 0 2rem}.legal-page h2{font-family:var(--serif);font-weight:400;font-size:1.7rem;margin:2.4rem 0 .8rem}.legal-page p,.legal-page li{font-size:1rem;line-height:1.7;color:var(--text-ruhig)}.legal-page ul{padding-left:1.2rem;margin:0 0 1.4rem}
/* Vormerken (28.09.2026): Antwort unter dem Formular */
.vormerken-hinweis{grid-column:1/-1;margin:.4rem 0 0;font-size:.95rem;color:var(--text)}.vormerken-note{font-size:.8rem;color:var(--text-leise);margin:.8rem 0 0}.hell .vormerken-hinweis{color:var(--text-hell)}.hell .vormerken-note{color:var(--text-hell-leise)}

/* Stimmen (08.10.2026): Referenz mit Freigabe, Zitat in Cormorant kursiv, darunter nur Vorname und Alter */
.voice{margin:0;padding:0;border:0}.voice p{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(1.45rem,2.5vw,2.1rem);line-height:1.38;color:var(--text);margin:0 0 1.6rem}.voice footer{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-leise)}
.legal-page table{width:100%;border-collapse:collapse;font-size:.92rem;margin:0 0 1.6rem}.legal-page th,.legal-page td{text-align:left;vertical-align:top;padding:.7rem .6rem;border-top:1px solid var(--line);color:var(--text-ruhig)}.legal-page th{color:var(--text);font-weight:400}.legal-page a{color:var(--lehm);border-bottom:1px solid var(--rand-stark)}@media(max-width:600px){.legal-page table,.legal-page thead,.legal-page tbody,.legal-page tr,.legal-page td,.legal-page th{display:block}.legal-page thead{display:none}.legal-page td{border-top:0;padding:.25rem 0}.legal-page tr{border-top:1px solid var(--line);padding:.7rem 0}}

/* Texte fuer den Mann (09.10.2026): Knopf mit Unterzeile (Zeit, Geld, Termin), drei Karten auf der Startseite, Senses-21-Seite (Subline im Hero, Hoerbeispiel, Vorher-nachher, FAQ). Nur Ergaenzungen, nichts geloescht. */
.cta-block{display:inline-grid;gap:.75rem;justify-items:start;margin-top:1.6rem}.cta-block.mitte,.center .cta-block{justify-items:center;text-align:center}.unterzeile{margin:0;font-size:.8rem;letter-spacing:.06em;line-height:1.5;color:var(--text-leise);max-width:440px}.hero-actions .cta-block,.page-hero .cta-block{margin-top:0}.page-hero .cta-block{margin-top:.4rem}.card .cta-block{margin-top:auto;padding-top:1.3rem}.cta-block .text-link{margin-top:0}.placeholder-form .cta-block{margin-top:.2rem}
.cards.three{grid-template-columns:repeat(3,1fr)}@media(max-width:920px){.cards.three{grid-template-columns:1fr}}
.page-hero h1 span{display:block;font-family:var(--serif);font-style:italic;font-weight:400;color:var(--erde);font-size:clamp(1.35rem,2.6vw,2.2rem);line-height:1.2;letter-spacing:.01em;margin-top:1.2rem}@media(max-width:600px){.page-hero h1 span{font-size:1.45rem;margin-top:1rem}}
.audio-platz{margin:2rem 0 1.2rem;padding:1.6rem 1.4rem;border:1px solid var(--rand);border-radius:var(--radius-karte);background:var(--tiefe-flaeche)}.audio-platz p{margin:0;color:var(--text-leise)}.audio-platz audio{width:100%;display:block}
.drei-zeilen{margin:2rem 0;border-top:1px solid var(--line)}.drei-zeilen p{margin:0;padding:1.1rem 0;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:clamp(1.3rem,2vw,1.7rem);line-height:1.3;color:var(--text)}
.faq{margin-top:1rem}.faq summary{color:var(--text);list-style:none;padding-right:2.2rem;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:0;top:0;color:var(--erde);font-family:var(--sans);font-weight:300;transition:transform .3s}.faq details[open] summary:after{transform:rotate(45deg)}.faq p{color:var(--text-ruhig);margin:.9rem 0 0}
.schlusszeile{margin:2.5rem auto 0;color:var(--text-leise);max-width:620px}
/* Retreats am Handy (09.10.2026): .copy behielt aus der Desktop-Regel grid-column:2, dadurch entstand eine zweite, schmale Spalte und Text und Formular standen versetzt untereinander. Jetzt eine volle Spalte. */
@media(max-width:920px){.section>.container.split:not(:has(>.visual))>.copy,.section>.container.split:not(:has(>.visual))>form{grid-column:auto;width:100%}}

/* Oktober-Medien (09.10.2026): Video hinter dem Bild (Start Hero, Wasser, Bewegung; Christina Sinnesaufstellung; Senses 21 Hero). Liegt ueber dem Bild, unter dem Schleier (:after) und dem Text. Unsichtbar, bis es laeuft (Klasse laeuft aus script.js), bis dahin traegt das Bild. Quelle setzt script.js nur ab 600 px und ohne "weniger Bewegung". */
.video-hinter{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.72) brightness(.78);opacity:0;transition:opacity 1.4s;pointer-events:none}.video-hinter.laeuft{opacity:1}.hero-media .video-hinter{object-position:54% 42%}.movement .video-hinter{filter:saturate(.72) brightness(.62);object-position:center 63%}
/* Christina, Sinnesaufstellung (09.10.2026): aus der Textspalte eine Bildflaeche wie .sensorial. Text links in der Spalte, Schleier von links unter dem Text, Christina rechts im Bild frei. Formular bleibt bedienbar. */
.sensorial.aufstellung{min-height:0;place-items:stretch;text-align:left}.aufstellung>img,.aufstellung>.video-hinter{object-position:72% center}.aufstellung:after{background:linear-gradient(90deg,rgb(var(--scrim) / 86%) 0%,rgb(var(--scrim) / 74%) 48%,rgb(var(--scrim) / 22%) 100%),linear-gradient(180deg,var(--tiefe),transparent 14%,transparent 86%,var(--tiefe))}.aufstellung .sensorial-content{width:var(--page);max-width:none;margin-inline:auto;padding:clamp(85px,10vw,145px) 0;text-align:left}.aufstellung .article{margin:0;padding-inline:0;max-width:620px}.aufstellung .article p{color:var(--text)}.aufstellung .note-box{border-top-color:var(--rand-stark)}
@media(max-width:920px){.aufstellung:after{background:linear-gradient(180deg,var(--tiefe),rgb(var(--scrim) / 72%) 12%,rgb(var(--scrim) / 72%) 88%,var(--tiefe))}.aufstellung>img{object-position:78% center}}
@media(max-width:600px){.sensorial.aufstellung{min-height:0}.aufstellung .sensorial-content{padding:75px 0}}

/* Sprachschalter DE | EN (09.10.2026). Sitzt in der Kopfzeile neben dem Menue, am Handy neben dem Menue-Knopf (bleibt auch bei geschlossenem Menue sichtbar). Aktive Sprache hell mit feiner Linie, die andere ist der Link. Nur Werte aus tokens.css. */
.topbar .nav{margin-left:auto}
.topbar .lang{position:relative;z-index:3;display:flex;align-items:center;gap:.35rem;margin-left:1.9rem;font-family:var(--sans);font-size:.78rem;font-weight:400;letter-spacing:.18em;color:var(--lehm)}
.topbar .lang a,.topbar .lang [aria-current]{display:inline-flex;align-items:center;min-height:44px;padding:0 .35rem}
.topbar .lang a{color:var(--lehm);transition:color .25s}
.topbar .lang a:hover,.topbar .lang a:focus-visible{color:var(--text)}
.topbar .lang [aria-current]{color:var(--text);box-shadow:inset 0 -1px 0 var(--lehm)}
.topbar .lang .trenner{color:var(--erde)}
@media(max-width:920px){.topbar .nav{margin-left:0}.topbar .lang{margin-left:auto;margin-right:.2rem}}
/* Dankeseite nach dem Vormerken (12.10.2026): oben Christina lachend im Wald, kein Radius auf dem Raumbild, weicher Auslauf nach unten wie bei den anderen Bildfenstern, darunter der kurze Text. */
.danke .danke-bild{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center 42%;margin:0 0 2.6rem;filter:saturate(.82) brightness(.9);mask-image:linear-gradient(180deg,#000 70%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent)}
.danke.legal-page{padding-top:clamp(110px,14vw,150px)}
@media(max-width:600px){.danke .danke-bild{aspect-ratio:4/3;margin-bottom:2rem}}