/* =====================================================================
   NAH · Design-System
   Farben: verbindliche NAH-Palette (royal emotions, 24.09.2026)
   Schrift: Exo (Open Font License, kostenlos)
   Aufbau: 1 Tokens · 2 Basis · 3 Komponenten · 4 Sektionen · 5 Hilfen
   ===================================================================== */

/* ---------- 1 · DESIGN TOKENS ---------- */
:root{
  /* Markenfarben (unverändert) */
  --nacht:#2c2c2e;      /* Schiefergrau: Nachtflächen, sparsam            */
  --indigo:#4b4a6b;     /* Heidelbeer-Indigo: Schrift, Überschriften      */
  --lila:#6b6b94;       /* Lila-Grau: Nervensystem, Nebentext             */
  --flieder:#9c9bc0;    /* Flieder: Linien, Flächen auf Dunkel            */
  --petrol:#3b6072;     /* Atem-Petrol: Atmung, Links, Fokus              */
  --gold:#dbb377;       /* Sandgold: Haltung, Logo, Akzente, nie Lesetext */
  --creme:#f7f2ea;      /* Creme: Grundfläche                             */

  /* abgeleitete Töne (nur Mischungen der Markenfarben) */
  --papier:#f7f2ea;
  --karte:#f7f2ea;
  --creme-tief:#f7f2ea;
  --linie:rgba(75,74,107,.14);
  --linie-hell:rgba(247,242,234,.14);
  --schatten:0 1px 2px rgba(44,44,46,.04),0 12px 32px -12px rgba(75,74,107,.18);

  /* Säulen: Nervensystem · Atmung · Haltung */
  --n:var(--lila);
  --a:var(--petrol);
  --h:var(--gold);

  /* Typografie */
  --font:'Exo Soft','Exo',system-ui,-apple-system,'Segoe UI',sans-serif;
  --fs-h1:clamp(2.35rem,1.4rem + 4.2vw,4.5rem);
  --fs-h2:clamp(1.85rem,1.35rem + 2.2vw,3rem);
  --fs-h3:clamp(1.15rem,1.05rem + .4vw,1.35rem);
  --fs-lead:clamp(1.1rem,1.02rem + .4vw,1.3rem);
  --fs-body:1.0625rem;
  --fs-small:.9rem;
  --fs-label:.78rem;

  /* Abstände (8er-Raster) */
  --s1:.25rem; --s2:.5rem; --s3:.75rem; --s4:1rem; --s5:1.5rem;
  --s6:2rem; --s7:3rem; --s8:4rem; --s9:6rem; --s10:8rem;
  --sektion:clamp(4.5rem,3rem + 6vw,8.5rem);
  --rand:clamp(1rem,.5rem + 2.5vw,2.5rem);
  --breite:1200px;
  --text-breite:40rem;

  /* Formen und Bewegung */
  --r-s:10px; --r:16px; --r-l:28px; --r-pill:999px;
  --ease:cubic-bezier(.22,.61,.36,1);
  --dauer:.5s;
}

/* ---------- 2 · BASIS ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5rem}
body{margin:0;font-family:var(--font);font-size:var(--fs-body);line-height:1.75;color:var(--indigo);
  background:var(--papier);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
h1,h2,h3,h4{margin:0;font-weight:500;line-height:1.15;letter-spacing:-.012em;color:var(--indigo);text-wrap:balance}
h2{font-size:var(--fs-h2)}
h3{font-size:var(--fs-h3);font-weight:600;letter-spacing:0;line-height:1.3}
p{margin:0 0 var(--s4);text-wrap:pretty}
p:last-child{margin-bottom:0}
ul,ol{margin:0;padding:0}
img,svg{display:block;max-width:100%}
a{color:var(--petrol);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover{color:var(--indigo)}
strong{font-weight:600}
::selection{background:var(--gold);color:var(--nacht)}
:focus-visible{outline:3px solid var(--petrol);outline-offset:3px;border-radius:4px}
.dunkel :focus-visible{outline-color:var(--gold)}

.skip{position:absolute;left:var(--s4);top:-4rem;z-index:200;background:var(--nacht);color:var(--creme);
  padding:var(--s3) var(--s5);border-radius:var(--r-pill);text-decoration:none;font-weight:600;transition:top .2s}
.skip:focus{top:var(--s4)}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.wrap{width:100%;max-width:var(--breite);margin-inline:auto;padding-inline:var(--rand)}
.sektion{padding-block:var(--sektion);position:relative}
.sektion--creme{background:var(--creme)}
.sektion--tief{background:var(--creme-tief)}
.dunkel{background:var(--nacht);color:var(--creme)}
.dunkel h1,.dunkel h2,.dunkel h3{color:var(--creme)}
.dunkel a{color:var(--creme)}

/* ---------- 3 · KOMPONENTEN ---------- */

/* Label (kleine Überzeile) */
.label{display:inline-flex;align-items:center;gap:.75em;font-size:var(--fs-label);font-weight:600;
  letter-spacing:.2em;text-transform:uppercase;color:var(--lila);margin:0 0 var(--s5)}
.label::before{content:"";width:2.25rem;height:1px;background:var(--gold)}
.dunkel .label{color:var(--flieder)}

/* Sektionskopf */
.kopf{max-width:46rem;margin-bottom:var(--s8)}
.kopf--mitte{margin-inline:auto;text-align:center}
.kopf--mitte .label{justify-content:center}
.kopf p.lead{margin-top:var(--s5)}
.lead{font-size:var(--fs-lead);line-height:1.65;color:var(--indigo)}
.dunkel .lead{color:rgba(247,242,234,.82)}
.leise{color:var(--lila)}
.dunkel .leise{color:var(--flieder)}
.klein{font-size:var(--fs-small);line-height:1.6}

/* Buttons */
.btn{--bg:var(--indigo);--fg:var(--creme);display:inline-flex;align-items:center;justify-content:center;gap:.6em;
  min-height:52px;padding:.85rem 1.6rem;border-radius:var(--r-pill);border:1.5px solid var(--bg);background:var(--bg);color:var(--fg);
  font:600 1rem/1.2 var(--font);letter-spacing:.02em;text-decoration:none;cursor:pointer;
  transition:background var(--dauer) var(--ease),color var(--dauer) var(--ease),border-color var(--dauer) var(--ease),transform .2s var(--ease)}
.btn:hover{--bg:var(--nacht);color:var(--fg)}
.btn:active{transform:translateY(1px)}
.btn svg{width:1.1em;height:1.1em;flex:none;transition:transform .3s var(--ease)}
.btn:hover svg{transform:translateX(3px)}
.btn--gold{--bg:var(--gold);--fg:var(--nacht)}
.btn--gold:hover{--bg:#dbb377;color:var(--nacht)}
.btn--linie{background:transparent;color:var(--indigo);border-color:rgba(75,74,107,.35)}
.btn--linie:hover{background:transparent;color:var(--indigo);border-color:var(--indigo)}
.dunkel .btn--linie{color:var(--creme);border-color:rgba(247,242,234,.35)}
.dunkel .btn--linie:hover{color:var(--creme);border-color:var(--gold)}
.btn-reihe{display:flex;flex-wrap:wrap;gap:var(--s3)}

/* Textlink mit Pfeil */
.pfeil{display:inline-flex;align-items:center;gap:.45em;font-weight:600;font-size:.95rem;color:var(--petrol);text-decoration:none;
  border-bottom:1px solid currentColor;padding-bottom:2px}
.pfeil::after{content:"→";transition:transform .3s var(--ease)}
.pfeil:hover::after{transform:translateX(4px)}

/* NAH-Punkte: zeigen, welche Säulen beteiligt sind (immer mit Buchstabe, nie nur Farbe) */
.saeulen{display:inline-flex;gap:.35rem;list-style:none}
.saeulen li{width:1.55rem;height:1.55rem;border-radius:50%;display:grid;place-items:center;font-size:.68rem;font-weight:700;
  border:1.5px solid var(--linie);color:rgba(75,74,107,.35)}
.saeulen .an[data-s="n"]{background:var(--n);border-color:var(--n);color:#f7f2ea}
.saeulen .an[data-s="a"]{background:var(--a);border-color:var(--a);color:#f7f2ea}
.saeulen .an[data-s="h"]{background:var(--h);border-color:var(--h);color:var(--nacht)}

/* Karten */
.karte{background:var(--karte);border:1px solid var(--linie);border-radius:var(--r);padding:var(--s6);
  box-shadow:0 1px 2px rgba(44,44,46,.03);transition:box-shadow var(--dauer) var(--ease),transform var(--dauer) var(--ease),border-color var(--dauer)}
.karte:hover{box-shadow:var(--schatten);transform:translateY(-3px);border-color:rgba(219,179,119,.55)}

/* Platzhalter: deutlich erkennbar, nicht zu übersehen */
.ph{background:rgba(219,179,119,.22);outline:1px dashed #dbb377;outline-offset:1px;border-radius:3px;padding:0 .2em;color:inherit;font-style:normal}
.dunkel .ph{background:rgba(219,179,119,.18);color:var(--creme)}

/* Bild-Platzhalter */
.bild{position:relative;overflow:hidden;border-radius:var(--r-l);background:var(--creme-tief);aspect-ratio:4/5;margin:0}
.bild__flaeche{position:absolute;inset:0}
.bild figcaption{position:absolute;left:var(--s4);right:var(--s4);bottom:var(--s4);background:rgba(247,242,234,.92);
  border:1px dashed #dbb377;border-radius:var(--r-s);padding:var(--s3) var(--s4);font-size:.8rem;line-height:1.45;color:var(--indigo)}
.bild figcaption b{display:block;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#3b6072;margin-bottom:2px}

/* Einblenden beim Scrollen */
.js .zeige{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.js .zeige.da{opacity:1;transform:none}
.js .zeige[data-v="1"]{transition-delay:.1s}
.js .zeige[data-v="2"]{transition-delay:.2s}
.js .zeige[data-v="3"]{transition-delay:.3s}

/* ---------- NAVIGATION ---------- */
.nav{position:fixed;inset:0 0 auto;z-index:100;color:var(--creme);transition:background .4s var(--ease),color .4s,box-shadow .4s,transform .4s var(--ease)}
.nav__in{display:flex;align-items:center;justify-content:space-between;gap:var(--s5);height:4.5rem}
.nav__logo{display:flex;align-items:center;color:inherit;text-decoration:none;flex:none}
.nav__logo svg{height:2.15rem;width:auto}
.nav__logo .lockup-text{fill:currentColor}
.nav__links{display:flex;align-items:center;gap:clamp(1rem,2vw,2.1rem);list-style:none}
.nav__links a:not(.btn){color:inherit;text-decoration:none;font-size:.95rem;font-weight:500;letter-spacing:.01em;position:relative;padding-block:.4rem}
.nav__links a:not(.btn)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.nav__links a:not(.btn):hover::after,.nav__links a[aria-current="true"]::after{transform:scaleX(1)}
.nav .btn{min-height:44px;padding:.6rem 1.25rem;font-size:.92rem}
.nav--fest{background:rgba(247,242,234,.94);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);
  color:var(--indigo);box-shadow:0 1px 0 var(--linie)}
.nav--fest .btn--gold{--bg:var(--indigo);--fg:var(--creme)}
.nav--fest .btn--gold:hover{--bg:var(--nacht);color:var(--creme)}
.nav__menue{display:none;align-items:center;gap:.6rem;min-height:44px;padding:0 .9rem;border-radius:var(--r-pill);
  border:1.5px solid currentColor;background:transparent;color:inherit;font:600 .92rem var(--font);cursor:pointer}
.nav__menue span{display:block;width:18px;height:1.5px;background:currentColor;position:relative;transition:transform .3s}
.nav__menue span::before,.nav__menue span::after{content:"";position:absolute;left:0;width:18px;height:1.5px;background:currentColor;transition:transform .3s}
.nav__menue span::before{top:-6px}.nav__menue span::after{top:6px}
.nav__menue[aria-expanded="true"] span{background:transparent}
.nav__menue[aria-expanded="true"] span::before{transform:translateY(6px) rotate(45deg)}
.nav__menue[aria-expanded="true"] span::after{transform:translateY(-6px) rotate(-45deg)}

@media (max-width:960px){
  .nav__menue{display:inline-flex}
  .nav__links{position:fixed;inset:4.5rem 0 0;flex-direction:column;align-items:stretch;gap:0;padding:var(--s5) var(--rand) var(--s7);
    background:var(--papier);color:var(--indigo);overflow-y:auto;
    opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s var(--ease),transform .3s var(--ease),visibility 0s .3s}
  .nav__links.offen{opacity:1;visibility:visible;transform:none;transition:opacity .3s var(--ease),transform .3s var(--ease)}
  .nav__links li{border-bottom:1px solid var(--linie)}
  .nav__links li:last-child{border:0;margin-top:var(--s6)}
  .nav__links a:not(.btn){display:flex;justify-content:space-between;align-items:center;padding:1.05rem 0;font-size:1.35rem;font-weight:500}
  .nav__links a:not(.btn)::after{position:static;content:"→";background:none;transform:none;color:var(--gold);height:auto}
  .nav__links .btn{width:100%;min-height:56px;font-size:1.05rem;--bg:var(--indigo);--fg:var(--creme)}
  body.menue-offen{overflow:hidden}
  body.menue-offen .nav{background:var(--papier);color:var(--indigo)}
}

/* Mobile: fester Wartelisten-Knopf unten */
.dock{position:fixed;left:var(--s3);right:var(--s3);bottom:max(var(--s3),env(safe-area-inset-bottom));z-index:90;display:none;
  transform:translateY(140%);transition:transform .45s var(--ease)}
.dock .btn{width:100%;min-height:56px;box-shadow:0 10px 30px -8px rgba(44,44,46,.45)}
.dock.sichtbar{transform:none}
@media (max-width:960px){.dock{display:block}}

/* ---------- 4 · SEKTIONEN ---------- */

/* HERO */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;
  padding:calc(4.5rem + var(--s6)) 0 var(--s8);
  background:
    radial-gradient(60% 55% at 12% 100%,rgba(59,96,114,.55),transparent 70%),
    radial-gradient(55% 45% at 92% 0%,rgba(107,107,148,.45),transparent 70%),
    linear-gradient(170deg,var(--nacht) 0%,#4b4a6b 55%,var(--indigo) 100%)}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(156,155,192,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(156,155,192,.07) 1px,transparent 1px);
  background-size:44px 44px;-webkit-mask-image:radial-gradient(70% 60% at 50% 38%,#000 20%,transparent 75%);mask-image:radial-gradient(70% 60% at 50% 38%,#000 20%,transparent 75%)}
.hero__ekg{position:relative;width:100%;height:clamp(150px,24vh,270px);margin-bottom:clamp(1.5rem,4vh,3rem)}
.hero__ekg svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ekg-grund{fill:none;stroke:var(--gold);stroke-width:.85;stroke-linecap:round;stroke-linejoin:round}
.ekg-puls{fill:none;stroke:#f7f2ea;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.ekg-puls--hof{stroke:#dbb377;stroke-width:5;opacity:0}
.ekg-stift{fill:#f7f2ea;opacity:0}
.ekg-nah{fill:var(--creme);opacity:0;transition:opacity 1.4s var(--ease)}
.ekg-nah.da{opacity:.92}
.hero__text{position:relative;text-align:center;max-width:54rem;margin-inline:auto}
.hero h1{font-size:var(--fs-h1);font-weight:400;line-height:1.08;letter-spacing:-.02em}
.hero h1 .ort{display:block;font-size:var(--fs-label);font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--flieder);margin-bottom:var(--s5);line-height:1.6}
.hero h1 em{font-style:normal;color:var(--gold)}
.hero__sub{max-width:38rem;margin:var(--s5) auto var(--s6);font-size:var(--fs-lead);line-height:1.65;color:rgba(247,242,234,.8)}
.hero .btn-reihe{justify-content:center}
.hero__status{display:inline-flex;align-items:center;gap:.6rem;margin-top:var(--s6);font-size:var(--fs-small);color:rgba(247,242,234,.72)}
.hero__status i{width:.5rem;height:.5rem;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 rgba(219,179,119,.6);animation:atmen 3.6s ease-in-out infinite}
@keyframes atmen{0%,100%{box-shadow:0 0 0 0 rgba(219,179,119,.55)}50%{box-shadow:0 0 0 8px rgba(219,179,119,0)}}
.hero__folge{position:absolute;left:50%;bottom:var(--s5);transform:translateX(-50%);color:rgba(247,242,234,.55);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:.5rem}
.hero__folge::after{content:"";width:1px;height:2.2rem;background:linear-gradient(var(--gold),transparent)}
.js .hero-auftritt{opacity:0;transform:translateY(14px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}
.js .hero-auftritt.da{opacity:1;transform:none}
@media (max-height:700px){.hero__folge{display:none}}

/* Drei Begriffe als Band */
.band{border-block:1px solid var(--linie);background:var(--papier)}
.band__in{display:grid;grid-template-columns:repeat(3,1fr)}
.band__item{display:flex;align-items:center;gap:var(--s4);padding:var(--s5) var(--s4);font-size:clamp(.95rem,.9rem + .3vw,1.1rem);font-weight:500}
.band__item + .band__item{border-left:1px solid var(--linie)}
.band__item b{font-weight:700;font-size:.72rem;width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;flex:none}
.band__item:nth-child(1) b{background:var(--n);color:#f7f2ea}
.band__item:nth-child(2) b{background:var(--a);color:#f7f2ea}
.band__item:nth-child(3) b{background:var(--h);color:var(--nacht)}
.band__item small{display:block;color:var(--lila);font-size:.85rem;font-weight:400;line-height:1.4}
@media (max-width:760px){
  .band__in{grid-template-columns:1fr}
  .band__item + .band__item{border-left:0;border-top:1px solid var(--linie)}
  .band__item{padding-inline:0}
}

/* SEKTION 1 · DAS SYSTEM */
.system{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.system__grafik{position:relative;aspect-ratio:1;max-width:520px;width:100%;margin-inline:auto}
.system__grafik svg{width:100%;height:100%;overflow:visible}
.sys-kante{fill:none;stroke:var(--linie);stroke-width:1.5;transition:stroke .5s,stroke-width .5s}
.sys-kante.aktiv{stroke:var(--gold);stroke-width:2.5}
.sys-fluss{fill:none;stroke:var(--gold);stroke-width:2.5;stroke-dasharray:4 14;stroke-linecap:round;opacity:0;transition:opacity .5s}
.sys-kante.aktiv + .sys-fluss{opacity:1;animation:fliessen 1.6s linear infinite}
@keyframes fliessen{to{stroke-dashoffset:-36}}
.sys-knoten circle.ring{fill:#f7f2ea;stroke-width:1.5;transition:r .5s var(--ease)}
.sys-knoten text{font:600 15px var(--font);letter-spacing:.02em;fill:var(--indigo);text-anchor:middle}
.sys-knoten text.buchst{font-size:34px;font-weight:500}
.sys-mitte{fill:var(--creme);stroke:var(--gold);stroke-width:1;stroke-dasharray:2 5}
.sys-mitte-text{font:500 13px var(--font);fill:var(--lila);text-anchor:middle;letter-spacing:.12em;text-transform:uppercase}
.system__wahl{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s6) 0 var(--s5)}
.chip{min-height:44px;padding:.5rem 1.05rem;border-radius:var(--r-pill);border:1.5px solid var(--linie);background:var(--karte);color:var(--indigo);
  font:500 .92rem var(--font);cursor:pointer;transition:all .3s var(--ease)}
.chip:hover{border-color:var(--gold)}
.chip[aria-pressed="true"]{background:var(--indigo);border-color:var(--indigo);color:var(--creme)}
.system__info{min-height:9.5rem;padding:var(--s5) var(--s6);border-left:2px solid var(--gold);background:var(--karte);border-radius:0 var(--r) var(--r) 0}
.system__info h3{margin-bottom:var(--s2)}
@media (max-width:900px){.system{grid-template-columns:1fr}.system__grafik{max-width:400px}}

/* SEKTION 2 · PHILOSOPHIE */
.philo{display:grid;grid-template-columns:5fr 7fr;gap:clamp(2rem,6vw,6rem)}
.philo__zitat{font-size:clamp(1.6rem,1.2rem + 1.8vw,2.6rem);line-height:1.25;font-weight:400;letter-spacing:-.01em;color:var(--indigo);margin:0}
.philo__zitat::before{content:"";display:block;width:3rem;height:2px;background:var(--gold);margin-bottom:var(--s5)}
.grundsaetze{display:grid;gap:0;margin-top:var(--s7);list-style:none;counter-reset:gs}
.grundsaetze li{display:grid;grid-template-columns:3.2rem 1fr;gap:var(--s4);padding:var(--s5) 0;border-top:1px solid var(--linie);counter-increment:gs}
.grundsaetze li::before{content:counter(gs,decimal-leading-zero);font-size:.85rem;font-weight:600;color:var(--gold);letter-spacing:.08em;padding-top:.2rem}
.grundsaetze h3{margin-bottom:.3rem}
.grundsaetze p{color:var(--indigo)}
@media (max-width:860px){.philo{grid-template-columns:1fr}}

/* SEKTIONEN 5–7 · DIE DREI SÄULEN */
.saeule{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem);align-items:center}
.saeule + .saeule{margin-top:var(--sektion)}
.saeule--dreh .saeule__bild{order:2}
.saeule__bild{position:relative;border-radius:var(--r-l);overflow:hidden;aspect-ratio:1;background:var(--creme)}
.saeule__bild svg.motiv{position:absolute;inset:0;width:100%;height:100%}
.saeule__nr{display:inline-flex;align-items:center;gap:.7rem;margin-bottom:var(--s4);font-size:var(--fs-label);letter-spacing:.2em;text-transform:uppercase;font-weight:600}
.saeule__nr b{width:2.3rem;height:2.3rem;border-radius:50%;display:grid;place-items:center;font-size:.85rem;letter-spacing:0}
.saeule--n .saeule__nr{color:var(--n)} .saeule--n .saeule__nr b{background:var(--n);color:#f7f2ea}
.saeule--a .saeule__nr{color:var(--a)} .saeule--a .saeule__nr b{background:var(--a);color:#f7f2ea}
.saeule--h .saeule__nr{color:#3b6072} .saeule--h .saeule__nr b{background:var(--h);color:var(--nacht)}
.saeule h2{margin-bottom:var(--s5)}
.aspekte{list-style:none;margin-top:var(--s6);display:grid;grid-template-columns:1fr 1fr;gap:var(--s2) var(--s5)}
.aspekte li{padding:.7rem 0;border-top:1px solid var(--linie);font-size:.97rem;line-height:1.5}
.aspekte li strong{display:block;font-weight:600}
.aspekte li span{color:var(--lila);font-size:.9rem}
@media (max-width:860px){.saeule{grid-template-columns:1fr}.saeule--dreh .saeule__bild{order:0}.saeule__bild{max-width:480px}}
@media (max-width:520px){.aspekte{grid-template-columns:1fr}}
/* Motive */
.nerv-linie{fill:none;stroke:var(--n);stroke-width:1.2;opacity:.35}
.nerv-punkt{fill:var(--n)}
.nerv-signal{fill:none;stroke:var(--gold);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:10 400;animation:signal 5s linear infinite}
@keyframes signal{from{stroke-dashoffset:410}to{stroke-dashoffset:0}}
.atem-kreis{transform-origin:200px 200px;animation:atemzug 10s ease-in-out infinite}
@keyframes atemzug{0%,100%{transform:scale(.72)}40%{transform:scale(1)}}
.atem-text{font:500 13px var(--font);letter-spacing:.24em;text-transform:uppercase;fill:var(--a);text-anchor:middle}
.atem-text tspan{animation:atemwort 10s ease-in-out infinite}
.halt-segment{transform-box:fill-box;transform-origin:center;animation:balance 9s ease-in-out infinite}
@keyframes balance{0%,100%{transform:rotate(calc(var(--k,1) * -2.2deg))}50%{transform:rotate(calc(var(--k,1) * 2.2deg))}}

/* SEKTION 3 · THERAPIE */
.legende{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3) var(--s5);font-size:var(--fs-small);color:var(--lila);margin-bottom:var(--s6)}
.legende span{display:inline-flex;align-items:center;gap:.45rem}
.leistungen{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,21rem),1fr));gap:var(--s4);list-style:none}
.leistung{display:flex;flex-direction:column;gap:var(--s3);height:100%}
.leistung__kopf{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s3)}
.leistung h3{font-size:1.2rem}
.leistung p{color:var(--indigo);font-size:.98rem;line-height:1.65;flex:1}
.leistung .pfeil{align-self:flex-start;margin-top:var(--s2)}
.leistung__fuer{font-size:.8rem;color:var(--lila);letter-spacing:.04em}

/* SEKTION 4 · FÜR WEN */
.gruppen{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4)}
.gruppe{padding:var(--s6);border-radius:var(--r);background:var(--papier);border:1px solid var(--linie)}
.gruppe h3{margin-bottom:var(--s4);display:flex;align-items:center;gap:.6rem}
.gruppe h3::before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:var(--gold);flex:none}
.gruppe ul{list-style:none}
.gruppe li{padding:.55rem 0;border-top:1px solid var(--linie);font-size:.97rem;line-height:1.5}
@media (max-width:900px){.gruppen{grid-template-columns:1fr}}

/* SEKTION 8 · ÜBER MICH */
.ich{display:grid;grid-template-columns:5fr 7fr;gap:clamp(2rem,6vw,6rem);align-items:start}
.ich__bild{position:sticky;top:6.5rem}
.ich__name{font-size:var(--fs-h2);margin-bottom:var(--s2)}
.ich__rolle{color:var(--lila);font-size:1.05rem;margin-bottom:var(--s6)}
.ich__block{padding-block:var(--s5);border-top:1px solid var(--linie)}
.ich__block h3{margin-bottom:var(--s3)}
.ich__unterschrift{margin-top:var(--s6);display:flex;align-items:center;gap:var(--s4)}
.ich__unterschrift svg{height:3rem;width:auto}
@media (max-width:860px){.ich{grid-template-columns:1fr}.ich__bild{position:static;max-width:420px}}

/* SEKTION 9 · DER NAH-ANSATZ (dunkel) */
.ansatz{background:
  radial-gradient(50% 60% at 100% 0%,rgba(59,96,114,.45),transparent 70%),
  radial-gradient(40% 50% at 0% 100%,rgba(107,107,148,.35),transparent 70%),var(--nacht)}
.ansatz__gross{font-size:clamp(2rem,1.2rem + 3.6vw,4rem);font-weight:400;line-height:1.1;letter-spacing:-.02em;max-width:18ch;margin-bottom:var(--s7)}
.ansatz__gross em{font-style:normal;color:var(--gold)}
.vergleich{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--s5);align-items:stretch}
.vergleich__seite{padding:var(--s6);border-radius:var(--r);border:1px solid var(--linie-hell)}
.vergleich__seite--nah{background:rgba(247,242,234,.05);border-color:rgba(219,179,119,.45)}
.vergleich__seite h3{font-size:var(--fs-label);letter-spacing:.2em;text-transform:uppercase;margin-bottom:var(--s4);color:var(--flieder)}
.vergleich__seite--nah h3{color:var(--gold)}
.vergleich__seite ul{list-style:none}
.vergleich__seite li{padding:.6rem 0;border-top:1px solid var(--linie-hell);color:rgba(247,242,234,.86);line-height:1.5}
.vergleich__pfeil{display:grid;place-items:center;color:var(--gold)}
.vergleich__pfeil svg{width:3rem;height:auto}
.ansatz__fuss{margin-top:var(--s6);color:rgba(247,242,234,.66);font-size:var(--fs-small);max-width:52rem}
@media (max-width:860px){.vergleich{grid-template-columns:1fr}.vergleich__pfeil svg{transform:rotate(90deg);width:2.4rem}}

/* SEKTION 10 · ABLAUF */
.ablauf{list-style:none;display:grid;grid-template-columns:repeat(7,1fr);gap:0;position:relative;counter-reset:schritt}
.ablauf::before{content:"";position:absolute;top:1.4rem;left:1.4rem;right:1.4rem;height:1px;background:linear-gradient(90deg,var(--gold),var(--flieder),var(--petrol))}
.ablauf li{position:relative;padding-right:var(--s4);counter-increment:schritt}
.ablauf li::before{content:counter(schritt);position:relative;z-index:1;display:grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:50%;
  background:var(--papier);border:1.5px solid var(--gold);font-weight:600;color:var(--indigo);margin-bottom:var(--s4)}
.sektion--creme .ablauf li::before{background:var(--creme)}
.ablauf h3{font-size:1.02rem;margin-bottom:.35rem}
.ablauf p{font-size:.9rem;line-height:1.55;color:var(--indigo)}
@media (max-width:1060px){
  .ablauf{grid-template-columns:1fr;gap:0}
  .ablauf::before{top:1.4rem;bottom:1.4rem;left:1.4rem;right:auto;width:1px;height:auto;background:linear-gradient(var(--gold),var(--flieder),var(--petrol))}
  .ablauf li{display:grid;grid-template-columns:2.8rem 1fr;gap:0 var(--s5);padding:0 0 var(--s5)}
  .ablauf li::before{grid-row:span 2;margin:0}
}

/* SEKTION 11 · VERTRAUEN */
.vertrauen{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:var(--s4)}
.fakt{padding:var(--s6);border-radius:var(--r);background:var(--karte);border:1px solid var(--linie)}
.fakt__label{font-size:var(--fs-label);letter-spacing:.18em;text-transform:uppercase;color:var(--lila);font-weight:600;margin-bottom:var(--s3)}
.fakt__wert{font-size:1.2rem;font-weight:500;line-height:1.35;margin-bottom:var(--s2)}
.fakt p{font-size:.93rem;color:var(--indigo);line-height:1.6}

/* SEKTION 12 · FAQ */
.faq{max-width:52rem;margin-inline:auto;border-top:1px solid var(--linie)}
.faq details{border-bottom:1px solid var(--linie)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--s5);
  padding:var(--s5) 0;font-size:clamp(1.05rem,1rem + .3vw,1.2rem);font-weight:500;color:var(--indigo)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:2.2rem;height:2.2rem;border-radius:50%;border:1.5px solid var(--linie);
  background:linear-gradient(var(--indigo),var(--indigo)) center/12px 1.5px no-repeat,linear-gradient(var(--indigo),var(--indigo)) center/1.5px 12px no-repeat;transition:transform .35s var(--ease),border-color .3s}
.faq details[open] summary::after{transform:rotate(45deg);border-color:var(--gold)}
.faq summary:hover::after{border-color:var(--gold)}
.faq__antwort{padding:0 3.5rem var(--s6) 0;color:var(--indigo)}
.faq__antwort ul{padding-left:1.2rem;margin-bottom:var(--s4)}
@media (max-width:600px){.faq__antwort{padding-right:0}}

/* SEKTION 13 · WARTELISTE UND KONTAKT */
.kontakt{display:grid;grid-template-columns:5fr 7fr;gap:clamp(2rem,6vw,6rem);align-items:start}
.kontakt__daten{list-style:none;margin-top:var(--s6)}
.kontakt__daten li{display:grid;grid-template-columns:7.5rem 1fr;gap:var(--s4);padding:var(--s4) 0;border-top:1px solid var(--linie-hell);line-height:1.55}
.kontakt__daten li span:first-child{font-size:var(--fs-label);letter-spacing:.16em;text-transform:uppercase;color:var(--flieder);padding-top:.2rem}
.formular{background:var(--papier);color:var(--indigo);border-radius:var(--r-l);padding:clamp(1.5rem,1rem + 3vw,3rem);box-shadow:0 30px 60px -30px rgba(0,0,0,.5)}
.formular h3{font-size:1.5rem;font-weight:500;margin-bottom:var(--s2)}
.formular .leise{margin-bottom:var(--s6)}
.feld{margin-bottom:var(--s5)}
.feld-reihe{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--s4)}
@media (max-width:560px){.feld-reihe{grid-template-columns:1fr}}
.feld label,.feld legend{display:block;font-size:.9rem;font-weight:600;margin-bottom:.45rem;color:var(--indigo)}
.feld .opt{font-weight:400;color:var(--lila)}
.feld input[type=text],.feld input[type=email],.feld input[type=tel],.feld select,.feld textarea{
  width:100%;min-height:52px;padding:.8rem 1rem;border-radius:var(--r-s);border:1.5px solid rgba(75,74,107,.28);background:var(--karte);
  font:400 1rem/1.5 var(--font);color:var(--indigo);transition:border-color .25s,box-shadow .25s;appearance:none}
.feld select{background-image:linear-gradient(45deg,transparent 50%,var(--indigo) 50%),linear-gradient(135deg,var(--indigo) 50%,transparent 50%);
  background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:2.6rem}
.feld textarea{min-height:7rem;resize:vertical}
.feld input:focus,.feld select:focus,.feld textarea:focus{outline:none;border-color:var(--petrol);box-shadow:0 0 0 3px rgba(59,96,114,.2)}
.feld [aria-invalid="true"]{border-color:#9b3b3b}
.feld__hilfe{font-size:.82rem;color:var(--lila);margin-top:.4rem;line-height:1.5}
.feld__fehler{font-size:.85rem;color:#9b3b3b;margin-top:.4rem;font-weight:600;display:none}
.feld__fehler.an{display:block}
.segment{display:flex;flex-wrap:wrap;gap:var(--s2);border:0;padding:0;margin:0}
.segment label{position:relative;margin:0;font-weight:500}
.segment input{position:absolute;opacity:0;inset:0}
.segment span{display:inline-flex;align-items:center;min-height:44px;padding:.5rem 1.1rem;border-radius:var(--r-pill);border:1.5px solid rgba(75,74,107,.28);background:var(--karte);cursor:pointer;transition:all .25s}
.segment input:checked + span{background:var(--indigo);color:var(--creme);border-color:var(--indigo)}
.segment input:focus-visible + span{outline:3px solid var(--petrol);outline-offset:2px}
.check{display:grid;grid-template-columns:1.4rem 1fr;gap:var(--s3);align-items:start;font-size:.88rem;line-height:1.55;font-weight:400!important}
.check input{width:1.3rem;height:1.3rem;margin:.15rem 0 0;accent-color:var(--indigo)}
.honig{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.formular .btn{width:100%;min-height:58px;font-size:1.05rem}
.formular__meldung{margin-top:var(--s4);padding:var(--s4) var(--s5);border-radius:var(--r-s);font-size:.95rem;display:none}
.formular__meldung.an{display:block}
.formular__meldung.ok{background:rgba(59,96,114,.1);border-left:3px solid var(--petrol)}
.formular__meldung.fehler{background:rgba(155,59,59,.08);border-left:3px solid #9b3b3b}
.danke{text-align:center;padding:var(--s6) 0}
.danke svg{width:5rem;margin:0 auto var(--s5)}

/* FOOTER */
.fuss{background:var(--nacht);color:rgba(247,242,234,.78);padding:var(--s9) 0 var(--s6);font-size:.95rem}
.fuss a{color:rgba(247,242,234,.86);text-decoration:none}
.fuss a:hover{color:var(--gold)}
.fuss__oben{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:var(--s7)}
.fuss__logo svg{height:3rem;width:auto;margin-bottom:var(--s5)}
.fuss__logo .lockup-text{fill:var(--creme)}
.fuss h2{font-size:var(--fs-label);letter-spacing:.2em;text-transform:uppercase;color:var(--flieder);font-weight:600;margin-bottom:var(--s4)}
.fuss ul{list-style:none}
.fuss li{padding:.3rem 0}
.fuss__unten{margin-top:var(--s8);padding-top:var(--s5);border-top:1px solid var(--linie-hell);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s4);font-size:.85rem;color:rgba(247,242,234,.6)}
.fuss__ekg{height:28px;width:100%;margin-top:var(--s7);opacity:.5}
@media (max-width:900px){.fuss__oben{grid-template-columns:1fr 1fr}.fuss__marke{grid-column:1/-1}}
@media (max-width:520px){.fuss__oben{grid-template-columns:1fr}.fuss{padding-bottom:calc(var(--s8) + 3rem)}}

/* RECHTSSEITEN */
.recht{padding:calc(4.5rem + var(--s8)) 0 var(--s9);background:var(--papier)}
.recht .wrap{max-width:52rem}
.recht h1{font-size:var(--fs-h2);margin-bottom:var(--s6)}
.recht h2{font-size:1.4rem;margin:var(--s7) 0 var(--s3)}
.recht h3{font-size:1.1rem;margin:var(--s5) 0 var(--s2)}
.recht ul{padding-left:1.2rem;margin-bottom:var(--s4)}
.recht .hinweis{padding:var(--s4) var(--s5);border-left:3px solid var(--gold);background:var(--creme);border-radius:0 var(--r-s) var(--r-s) 0;margin-bottom:var(--s6);font-size:.95rem}
.nav--recht{background:rgba(247,242,234,.94);color:var(--indigo);box-shadow:0 1px 0 var(--linie)}

/* ---------- 5 · BEWEGUNG REDUZIEREN ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .js .zeige,.js .hero-auftritt{opacity:1;transform:none}
  .atem-kreis{transform:scale(.9)}
}
@media print{.nav,.dock,.hero__ekg,.hero__folge{display:none}.hero{min-height:auto;background:var(--karte);color:#000}}

/* Nachträge: Hero-Auftritt ohne Warten (gut für Ladezeit-Messung), Atem-Wörter */
.auf{animation:auf 1.1s var(--ease) both}
.auf-2{animation-delay:.15s}.auf-3{animation-delay:.3s}.auf-4{animation-delay:.45s}
@keyframes auf{from{opacity:0;transform:translateY(12px)}}
.atem-ein{animation:atemEin 10s ease-in-out infinite}
.atem-aus{animation:atemAus 10s ease-in-out infinite}
@keyframes atemEin{0%,36%{opacity:1}44%,94%{opacity:0}100%{opacity:1}}
@keyframes atemAus{0%,36%{opacity:0}44%,94%{opacity:1}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.atem-aus{opacity:0}.auf{animation:none}}

/* ---------- BARRIEREFREIHEIT: Schriftgröße und dunkle Ansicht ---------- */
html[data-schrift="1"]{font-size:115%}
html[data-schrift="2"]{font-size:130%}
.hilfen{display:flex;gap:.4rem;align-items:center}
.hilfe{min-width:44px;min-height:44px;border-radius:50%;border:1.5px solid currentColor;background:transparent;color:inherit;
  display:inline-grid;place-items:center;cursor:pointer;font:600 .95rem var(--font);opacity:.85;transition:opacity .2s,border-color .2s,color .2s}
.hilfe:hover{opacity:1;border-color:var(--gold)}
.hilfe[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:var(--nacht);opacity:1}
.hilfe svg{width:18px;height:18px}
.hilfe sup{font-size:.65em}
.hilfen--recht{display:flex;gap:.5rem}
@media (max-width:960px){
  .nav__links li.hilfen{border:0;padding:var(--s5) 0 0;gap:var(--s3)}
  .nav__links li.hilfen .hilfe{min-width:52px;min-height:52px}
  .hilfen--recht .btn{display:none}
}
/* Dunkle Ansicht: gleiche Markenfarben, getauschte Rollen */
html[data-ansicht="nacht"]{color-scheme:dark;
  --papier:#232325;--creme:#2a2a2e;--creme-tief:#302f3a;--karte:#2f2e38;
  --indigo:#ece7f3;--lila:#bdbcdb;--petrol:#8fc0d4;
  --linie:rgba(247,242,234,.14)}
html[data-ansicht="nacht"] body{background:var(--papier)}
html[data-ansicht="nacht"] .btn{--bg:#ece7f3;--fg:#2c2c2e}
html[data-ansicht="nacht"] .btn:hover{--bg:var(--gold);color:#2c2c2e}
html[data-ansicht="nacht"] .btn--gold{--bg:var(--gold);--fg:#2c2c2e}
html[data-ansicht="nacht"] .nav--fest,html[data-ansicht="nacht"] .nav--recht{background:rgba(35,35,37,.94)}
html[data-ansicht="nacht"] .chip[aria-pressed="true"],html[data-ansicht="nacht"] .segment input:checked + span{background:var(--gold);border-color:var(--gold);color:#2c2c2e}
html[data-ansicht="nacht"] .saeule__bild,html[data-ansicht="nacht"] .bild{filter:brightness(.88)}
html[data-ansicht="nacht"] .sys-knoten text{fill:#ece7f3}
html[data-ansicht="nacht"] .sys-knoten circle.ring,html[data-ansicht="nacht"] .sys-mitte{fill:var(--karte)}
html[data-ansicht="nacht"] .saeule--h .saeule__nr{color:var(--gold)}
html[data-ansicht="nacht"] .bild figcaption{background:rgba(35,35,37,.92);color:var(--indigo)}
html[data-ansicht="nacht"] .bild figcaption b{color:var(--gold)}
html[data-ansicht="nacht"] .ph{outline-color:var(--gold)}
html[data-ansicht="nacht"] .feld__fehler{color:#f0a7a7}
html[data-ansicht="nacht"] .faq summary::after{background:linear-gradient(#ece7f3,#ece7f3) center/12px 1.5px no-repeat,linear-gradient(#ece7f3,#ece7f3) center/1.5px 12px no-repeat}
html[data-ansicht="nacht"] .fuss,html[data-ansicht="nacht"] .ansatz{background-color:#1c1c1e}

/* Korrekturen nach Sichtprüfung */
.formular h3{color:var(--indigo)}
.formular a{color:var(--petrol)}
fieldset.feld{border:0;padding:0;margin:0 0 var(--s5);min-width:0}
.leistung p.leistung__fuer{flex:0 0 auto;margin:0}
.vertrauen{grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr))}
.nav__logo svg{height:2.15rem;width:calc(2.15rem * 5.806)}
.fuss__logo svg{height:3rem;width:calc(3rem * 5.806);max-width:100%}
@media (max-width:380px){.nav__logo svg{height:1.8rem;width:calc(1.8rem * 5.806)}}
.kontakt > *,.philo > *,.ich > *,.system > *,.saeule > *{min-width:0}
@media (max-width:860px){.kontakt{grid-template-columns:1fr}}
@media (max-width:600px){
  .hero{justify-content:flex-start;padding-top:calc(4.5rem + .75rem);padding-bottom:var(--s7)}
  .hero__ekg{height:clamp(120px,17svh,150px);margin-bottom:var(--s4)}
  .hero h1 .ort{margin-bottom:var(--s3)}
  .hero__sub{margin:var(--s4) auto var(--s5);font-size:1.05rem}
}
.hero__status{display:block;max-width:40rem;margin-inline:auto}
.hero__status i{display:inline-block;vertical-align:middle;margin-right:.5rem}
.leistung__kopf{flex-wrap:wrap}
.leistung h3{min-width:0;hyphens:auto;-webkit-hyphens:auto}
@media (max-width:600px){h1,h2,h3{hyphens:auto;-webkit-hyphens:auto}}
@media (max-width:420px){.nav__logo svg{height:28px;width:163px}.nav__menue{padding:0 .7rem}}
.hero h1{font-size:min(var(--fs-h1),10.5vw)}
.kontakt__daten a{overflow-wrap:anywhere}
@media (max-width:520px){.kontakt__daten li{grid-template-columns:1fr;gap:.15rem}}
@media (max-width:420px){.nav__menue{font-size:15px;padding:0 12px;gap:8px;min-height:44px}}
/* Social-Media-Links: einfarbige Symbole, Gold beim Überfahren */
.social{list-style:none}
.social a{display:inline-flex;align-items:center;gap:.6rem;min-height:44px}
.social svg{width:20px;height:20px;flex:none;color:var(--gold)}
.fuss .social li{padding:0}
.social--zeile{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem}

/* ---------- ALLURA: Überschriften und besondere Stellen (Nicole, 28.09.2026) ----------
   Schreibschrift nur groß einsetzen, nie für Fließtext, Labels oder kleine Überschriften. */
:root{--schrift:'Turbinado','Allura','Segoe Script',cursive}
main .sektion h2:not(.sr),.hero h1 em,.philo__zitat,.ich__name{
  font-family:var(--schrift);font-weight:400;letter-spacing:0;hyphens:none;-webkit-hyphens:none}
main .sektion h2:not(.sr){font-size:calc(var(--fs-h2) * 1.45);line-height:1.08}
.hero h1 em{display:inline-block;font-size:1.35em;line-height:1;margin-top:.1em;padding-inline:.08em}
.ansatz__gross{font-size:calc(clamp(2rem,1.2rem + 3.6vw,4rem) * 1.3);line-height:1.05}
.ansatz__gross em{color:var(--gold)}
.philo__zitat{font-size:calc(clamp(1.6rem,1.2rem + 1.8vw,2.6rem) * 1.5);line-height:1.12}
.ich__name{font-size:calc(var(--fs-h2) * 1.6)!important}
.recht h1,.recht h2{font-family:var(--font)}

/* ---------- LANDINGPAGE (kurz) ---------- */
.lp .nav .hilfen{gap:.5rem}
.lp .nav .nav__cta{margin-left:.5rem}
@media (max-width:600px){.lp .nav .nav__cta{display:none}}
.drei{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4)}
.drei__karte{background:var(--karte);border:1px solid var(--linie);border-radius:var(--r-l);padding:var(--s7) var(--s6) var(--s6);position:relative;overflow:hidden}
.drei__karte::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--c)}
.drei--n{--c:var(--n)}.drei--a{--c:var(--a)}.drei--h{--c:var(--h)}
.drei__karte b{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:var(--c);color:#f7f2ea;font-weight:600;margin-bottom:var(--s5)}
.drei--h b{color:var(--nacht)}
.drei__karte h3{margin-bottom:var(--s3)}
.drei__karte p{font-size:.98rem;line-height:1.7}
@media (max-width:860px){.drei{grid-template-columns:1fr}}
.angebot{display:grid;grid-template-columns:5fr 7fr;gap:clamp(2rem,6vw,6rem);align-items:start}
.angebot > *{min-width:0}
.angebot__liste{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 var(--s6)}
.angebot__liste li{padding:var(--s4) 0;border-top:1px solid var(--linie);line-height:1.45}
.angebot__liste strong{display:flex;align-items:center;gap:.6rem;font-weight:600;font-size:1.05rem}
.angebot__liste strong::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--gold);flex:none}
.angebot__liste span{display:block;color:var(--lila);font-size:.92rem;margin-top:.2rem;padding-left:1.1rem}
@media (max-width:860px){.angebot{grid-template-columns:1fr}}
@media (max-width:520px){.angebot__liste{grid-template-columns:1fr}}
.ich--kurz{align-items:center}
.ich--kurz .bild{max-width:420px}
.fuss__oben--lp{grid-template-columns:2fr 1fr 1fr}
@media (max-width:760px){.fuss__oben--lp{grid-template-columns:1fr}}

/* ---------- COMING SOON ---------- */
.cs .hero h1 em{font-size:1.7em;margin-top:.15em}
.cs .hero__sub{max-width:34rem}
.cs__warte .kopf{margin-bottom:var(--s7)}
.cs__formular{max-width:46rem;margin-inline:auto;box-shadow:0 30px 60px -34px rgba(75,74,107,.45);border:1px solid var(--linie);background:var(--karte)}
.cs__folgen{text-align:center;margin-top:var(--s8)}
.cs__folgen .label{justify-content:center}
.social--mitte{justify-content:center}
.social--mitte a{color:var(--indigo);text-decoration:none;font-weight:500}
.social--mitte a:hover{color:var(--petrol)}
.feld-reihe--plz{grid-template-columns:8rem 1fr}
@media (max-width:560px){.feld-reihe--plz{grid-template-columns:7rem 1fr}}
.segment input[type=checkbox]:checked + span{background:var(--indigo);color:var(--creme);border-color:var(--indigo)}
html[data-ansicht="nacht"] .segment input[type=checkbox]:checked + span{background:var(--gold);border-color:var(--gold);color:#2c2c2e}

/* ---------- PRE-OPENING ---------- */
.pre__saeulen{position:relative;display:flex;justify-content:center;align-items:center;gap:1rem;margin:0 0 var(--s6);
  font-size:clamp(.72rem,.65rem + .35vw,.9rem);letter-spacing:.32em;text-transform:uppercase;font-weight:600;color:var(--flieder)}
.pre__saeulen i{width:5px;height:5px;border-radius:50%;background:var(--gold)}
@media (max-width:420px){.pre__saeulen{gap:.55rem;letter-spacing:.18em}}
.pre .hero h1{font-size:min(var(--fs-h1),12vw)}
.pre .hero h1 em{font-size:1.15em}

/* Countdown */
.countdown{background:var(--nacht);color:var(--creme);border-top:1px solid rgba(219,179,119,.25);border-bottom:1px solid rgba(219,179,119,.25)}
.countdown__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s4) var(--s6);padding-block:var(--s5)}
.countdown__demnaechst{margin:0;font-size:clamp(.95rem,.9rem + .4vw,1.2rem);letter-spacing:.3em;text-transform:uppercase;font-weight:600;color:var(--gold)}
.countdown__laeuft{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1.4rem;margin:0}
.countdown__wort{font-size:.95rem;color:var(--flieder)}
.countdown__zahl{display:inline-flex;align-items:baseline;gap:.4rem}
.countdown__zahl b{font-size:clamp(1.8rem,1.4rem + 1.5vw,2.6rem);font-weight:400;font-variant-numeric:tabular-nums;color:var(--creme);line-height:1}
.countdown__zahl small{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--flieder)}
.countdown__offen{margin:0;color:var(--gold);font-weight:600}
.countdown__ort{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.92rem;color:rgba(247,242,234,.78)}
.countdown__ort svg{width:18px;height:18px;color:var(--gold);flex:none}
@media (max-width:700px){.countdown__in{justify-content:center;text-align:center}.countdown__laeuft{justify-content:center}}

/* Warteliste */
.warte{display:grid;grid-template-columns:5fr 7fr;gap:clamp(2rem,6vw,5rem);align-items:start}
.warte > *{min-width:0}
.warte__text{position:sticky;top:6.5rem}
.warte h2 em,.pre h2 em{font-style:normal;color:var(--petrol)}
.warte__vorteile{list-style:none;margin:var(--s6) 0}
.warte__vorteile li{position:relative;padding:var(--s4) 0 var(--s4) 2rem;border-top:1px solid var(--linie);line-height:1.55}
.warte__vorteile li::before{content:"";position:absolute;left:0;top:1.35rem;width:.9rem;height:1px;background:var(--gold)}
.warte__vorteile b{font-weight:600}
.warte .formular{background:var(--karte);border:1px solid var(--linie);box-shadow:0 40px 80px -40px rgba(75,74,107,.4)}
@media (max-width:900px){.warte{grid-template-columns:1fr}.warte__text{position:static}}

/* Warum NAH */
.warum{text-align:center}
.warum .label{justify-content:center}
.warum__satz{max-width:22ch;margin:0 auto var(--s7)}
.warum__worte{font-size:clamp(1.5rem,1rem + 2.6vw,3.1rem);line-height:1.35;font-weight:300;color:rgba(75,74,107,.38);max-width:26ch;margin:0 auto var(--s7);letter-spacing:-.01em}
.warum__worte .w-n{color:var(--n);font-weight:500}
.warum__worte .w-a{color:var(--a);font-weight:500}
.warum__worte .w-h{color:#dbb377;font-weight:500}
html[data-ansicht="nacht"] .warum__worte{color:rgba(236,231,243,.35)}
html[data-ansicht="nacht"] .warum__worte .w-n{color:var(--flieder)}html[data-ansicht="nacht"] .warum__worte .w-a{color:#8fc0d4}html[data-ansicht="nacht"] .warum__worte .w-h{color:var(--gold)}
.warum__about{max-width:38rem;margin:0 auto;font-size:var(--fs-lead);line-height:1.65}

/* Themen und Einblicke */
.themen{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:var(--s8)}
.themen li{padding:.6rem 1.15rem;border-radius:var(--r-pill);border:1px solid var(--linie);background:var(--karte);font-weight:500;font-size:.98rem}
.themen .t-n{border-color:var(--n);color:var(--n)}.themen .t-a{border-color:var(--a);color:var(--a)}.themen .t-h{border-color:var(--gold);color:#3b6072}
html[data-ansicht="nacht"] .themen .t-h{color:var(--gold)}html[data-ansicht="nacht"] .themen .t-a{color:#8fc0d4}html[data-ansicht="nacht"] .themen .t-n{color:var(--flieder)}
.einblicke{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,minmax(180px,1fr));gap:var(--s4)}
.einblick{position:relative;margin:0;border-radius:var(--r-l);overflow:hidden;min-height:200px}
.einblick--gross{grid-row:span 2}
.einblick:nth-child(4){grid-column:2 / span 2}
.einblick__flaeche{position:absolute;inset:0}
.einblick__flaeche svg{width:100%;height:100%}
.e1{background:radial-gradient(60% 50% at 70% 25%,rgba(255,244,222,.9),transparent 70%),linear-gradient(160deg,#f7f2ea,#f7f2ea 60%,#f7f2ea)}
.e2{background:var(--nacht)}
.e3{background:radial-gradient(50% 50% at 30% 40%,rgba(247,242,234,.8),transparent 70%),linear-gradient(200deg,#f7f2ea,#f7f2ea)}
.e4{background:repeating-linear-gradient(90deg,rgba(75,74,107,.05) 0 2px,transparent 2px 7px),linear-gradient(160deg,#f7f2ea,#f7f2ea)}
.einblick figcaption{position:absolute;left:var(--s3);right:var(--s3);bottom:var(--s3);background:rgba(247,242,234,.92);border:1px dashed #dbb377;border-radius:var(--r-s);padding:.5rem .75rem;font-size:.78rem;line-height:1.4;color:#4b4a6b}
.einblick figcaption b{display:block;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:#3b6072}
.einblick figcaption.einblick__logo{background:none;border:0;color:var(--flieder);letter-spacing:.2em;text-transform:uppercase;font-size:.68rem}
@media (max-width:800px){.einblicke{grid-template-columns:1fr 1fr;grid-template-rows:none}.einblick--gross{grid-column:span 2;grid-row:auto;min-height:260px}.einblick:nth-child(4){grid-column:span 2}}

/* Opening */
.opening__in{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--s7) clamp(2rem,6vw,5rem);align-items:end}
.opening__in .btn-reihe{grid-column:1 / -1}
.opening h2{font-size:calc(var(--fs-h2) * 1.6)!important}
.opening__daten{margin:0;display:grid;gap:0}
.opening__daten div{display:grid;grid-template-columns:6.5rem 1fr;gap:var(--s4);padding:var(--s4) 0;border-top:1px solid var(--linie-hell)}
.opening__daten dt{font-size:var(--fs-label);letter-spacing:.18em;text-transform:uppercase;color:var(--flieder);padding-top:.2rem}
.opening__daten dd{margin:0;line-height:1.55}
@media (max-width:860px){.opening__in{grid-template-columns:1fr}}

/* Warteliste erneut */
.nochmal{background:var(--gold);color:var(--nacht)}
.nochmal__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s4);padding-block:var(--s6)}
.nochmal__satz{margin:0;font-family:var(--schrift);font-size:clamp(2.2rem,1.6rem + 2.4vw,3.4rem);line-height:1}
.nochmal .btn{--bg:var(--nacht);--fg:var(--creme)}
.nochmal .btn:hover{--bg:var(--indigo);color:var(--creme)}
@media (max-width:600px){.nochmal__in{justify-content:center;text-align:center}}

/* Instagram */
.insta__in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center}
.insta__in > *{min-width:0}
.insta .social a{color:var(--indigo);text-decoration:none}
.insta__raster{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;max-width:420px;margin-inline:auto;width:100%}
.insta__raster span{aspect-ratio:1;border-radius:10px;display:grid;place-items:center;font-size:clamp(1.6rem,1rem + 2vw,2.6rem);font-weight:500;color:var(--creme)}
.insta__raster .r1{background:var(--indigo)}.insta__raster .r2{background:var(--lila)}.insta__raster .r3{background:var(--gold)}
.insta__raster .r4{background:var(--petrol)}.insta__raster .r5{background:var(--flieder)}.insta__raster .r6{background:var(--nacht);color:var(--gold)}
@media (max-width:800px){.insta__in{grid-template-columns:1fr}}
/* Pre-Opening: lange Überschriften Exo, nur der hervorgehobene Teil in Allura */
.pre main .sektion h2.mit-akzent{font-family:var(--font);font-size:var(--fs-h2);font-weight:500;line-height:1.15;letter-spacing:-.012em}
.pre main .sektion h2.mit-akzent em{display:block;font-family:var(--schrift);font-weight:400;font-size:1.5em;line-height:1.05;margin-top:.1em;color:var(--petrol);letter-spacing:0}
html[data-ansicht="nacht"] .pre main .sektion h2.mit-akzent em{color:var(--gold)}
.pre .warum__satz.mit-akzent{max-width:26ch}
[hidden]{display:none!important}
.feld input[type=date]{width:100%;min-height:52px;padding:.8rem 1rem;border-radius:var(--r-s);border:1.5px solid rgba(75,74,107,.28);background:var(--karte);font:400 1rem/1.5 var(--font);color:var(--indigo)}
.feld input[type=date]:focus{outline:none;border-color:var(--petrol);box-shadow:0 0 0 3px rgba(59,96,114,.2)}
html[data-ansicht="nacht"] .feld input{background:var(--karte);color:var(--indigo);color-scheme:dark}
.einblick figcaption.einblick__logo{left:auto;right:var(--s3);background:rgba(44,44,46,.88);border-radius:var(--r-pill);padding:.35rem .8rem;color:var(--creme)}
.opening__in > *{min-width:0}
.opening h2{font-size:min(calc(var(--fs-h2) * 1.6),15vw)!important}
.pre main .sektion h2.mit-akzent em{font-size:min(1.5em,12vw)}
.opening__daten dd{overflow-wrap:anywhere}
@media (max-width:520px){.opening__daten div{grid-template-columns:1fr;gap:.15rem}}

/* =====================================================================
   HELLER STIL (Vorlage Nicole, 28.09.2026): Creme, Licht, Fotos, Flieder
   ===================================================================== */
.hell{background:var(--papier)}
.foto-hinweis{position:absolute;left:var(--s4);bottom:var(--s4);max-width:22rem;background:rgba(247,242,234,.9);border:1px dashed #dbb377;border-radius:var(--r-s);padding:.5rem .75rem;font-size:.76rem;line-height:1.4;color:#4b4a6b;z-index:2}
.foto-hinweis b{display:block;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:#3b6072}

/* Kopf hell */
.nav--hell{color:var(--indigo)}
.hell .nav--fest{background:rgba(247,242,234,.94)}
.nav--hell .nav__cta{--bg:var(--indigo);--fg:var(--creme);margin-left:.5rem}
.nav__bereiche{display:flex;gap:clamp(1rem,2.2vw,2.2rem)}
.nav__bereiche a{color:inherit;text-decoration:none;font-size:.95rem;font-weight:500;padding-block:.4rem;border-bottom:1.5px solid transparent}
.nav__bereiche a:hover,.nav__bereiche a[aria-current="true"]{border-color:var(--indigo)}
@media (max-width:1060px){.nav__bereiche{display:none}}
@media (max-width:600px){.hell .nav .nav__cta{display:none}}

/* Hero hell */
.h2o{position:relative;overflow:hidden;min-height:min(100svh,860px);display:flex;align-items:center;padding:calc(4.5rem + var(--s6)) 0 var(--s8);
  background:linear-gradient(100deg,#f7f2ea 0%,#f7f2ea 40%,#f7f2ea 60%,#f7f2ea 100%)}
.h2o__foto{position:absolute;top:0;right:0;bottom:0;width:52%;
  background:radial-gradient(40% 45% at 62% 35%,rgba(255,250,240,.95),transparent 70%),radial-gradient(35% 55% at 55% 70%,rgba(156,155,192,.55),transparent 70%),radial-gradient(60% 60% at 90% 20%,rgba(214,221,208,.8),transparent 70%),linear-gradient(160deg,#f7f2ea,#f7f2ea);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%);mask-image:linear-gradient(90deg,transparent 0,#000 22%)}
.h2o__foto .foto-hinweis{left:auto;right:var(--s5);top:calc(4.5rem + var(--s5));bottom:auto}
.h2o__wellen{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.h2o__wellen path{fill:none;stroke:rgba(247,242,234,.75);stroke-width:1.4}
.h2o__wellen path.w3{stroke:rgba(59,96,114,.16);stroke-width:18;filter:blur(6px)}
.h2o__in{position:relative;z-index:1}
.h2o__text{max-width:36rem}
.h2o .hero__ekg{height:clamp(110px,15vh,150px);margin:0 0 var(--s3);width:100%}
.h2o .ekg-nah{fill:var(--indigo)}
.h2o .ekg-nah.da{opacity:1}
.h2o .ekg-puls{stroke:#f7f2ea}
.h2o .ekg-puls--hof{stroke:var(--gold)}
.h2o .ekg-stift{fill:#dbb377}
.h2o__claim{margin:0 0 var(--s5);font-size:clamp(1.05rem,1rem + .35vw,1.25rem);letter-spacing:.02em;color:var(--indigo)}
.h2o h1{font-size:min(var(--fs-h1),11vw);font-weight:400;line-height:1.05;letter-spacing:-.02em;color:var(--indigo)}
.h2o h1 em{display:inline-block;font-family:var(--schrift);font-style:normal;font-weight:400;font-size:1.3em;line-height:1;color:var(--indigo);margin-top:.05em;letter-spacing:0}
.h2o__sub{margin:var(--s5) 0 var(--s6);font-size:var(--fs-lead);line-height:1.6;color:var(--indigo);max-width:32rem}
.h2o__siegel{position:absolute;z-index:2;right:clamp(1rem,8vw,9rem);bottom:clamp(2rem,10vh,6rem);width:clamp(150px,14vw,200px);aspect-ratio:1;border-radius:50%;
  background:rgba(219,179,119,.85);color:var(--nacht);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center;
  font-size:clamp(.85rem,.8rem + .3vw,1.05rem);letter-spacing:.1em;text-transform:uppercase;line-height:1.3;box-shadow:0 20px 40px -20px rgba(75,74,107,.5)}
.h2o__siegel svg{width:2.2rem;height:2.2rem}
.h2o__siegel i{width:2rem;height:1px;background:currentColor;opacity:.6}
@media (max-width:900px){
  .h2o{flex-direction:column;align-items:stretch;padding-bottom:0;min-height:auto}
  .h2o__foto{position:relative;width:100%;height:340px;order:2;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 25%);mask-image:linear-gradient(180deg,transparent 0,#000 25%)}
  .h2o__foto .foto-hinweis{top:auto;bottom:var(--s4);right:auto;left:var(--s4);max-width:14rem}
  .h2o__siegel{bottom:40px;right:1rem;width:130px;font-size:.78rem}
  .h2o__wellen{height:70%}
}

/* Countdown hell */
.uhr{background:var(--papier);border-bottom:1px solid var(--linie)}
.uhr__in{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--s5) var(--s7);padding-block:var(--s6)}
.uhr__vorzeile{margin:0;font-family:var(--schrift);font-size:1.7rem;line-height:1;color:var(--lila)}
.uhr__zeile{margin:0;font-size:clamp(1.6rem,1.3rem + 1.2vw,2.3rem);color:var(--indigo)}
.uhr__kreise{display:flex;gap:clamp(.5rem,1.2vw,1.1rem);justify-content:center}
.kreis{width:clamp(66px,7vw,88px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(75,74,107,.22);display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--karte)}
.kreis b{font-size:clamp(1.2rem,1rem + .8vw,1.7rem);font-weight:400;font-variant-numeric:tabular-nums;line-height:1.1}
.kreis small{font-size:.66rem;color:var(--lila);margin-top:.15rem}
.uhr__hinweis{display:flex;align-items:center;gap:var(--s4);padding-left:var(--s6);border-left:1px solid var(--linie);max-width:19rem}
.uhr__hinweis svg{width:2.6rem;height:2.6rem;flex:none;color:var(--lila)}
.uhr__hinweis p{margin:0;font-size:.85rem;line-height:1.5}
.uhr .countdown__offen{grid-column:1 / -1;text-align:center;color:var(--indigo)}
@media (max-width:1000px){.uhr__in{grid-template-columns:1fr;text-align:center}.uhr__hinweis{border:0;padding:0;margin-inline:auto;text-align:left}}

/* Warteliste mit Foto */
.w2{position:relative;overflow:hidden;padding-block:var(--sektion);background:linear-gradient(110deg,#f7f2ea 0%,#f7f2ea 45%,#f7f2ea 100%)}
.w2__foto{position:absolute;top:0;right:0;bottom:0;width:30%;
  background:radial-gradient(40% 50% at 45% 45%,rgba(120,138,98,.45),transparent 70%),radial-gradient(60% 40% at 50% 90%,rgba(230,222,210,.95),transparent 70%),linear-gradient(180deg,#f7f2ea,#f7f2ea)}
.w2__foto .foto-hinweis{left:var(--s4);right:var(--s4);bottom:var(--s5)}
.w2__in{position:relative;z-index:1;display:grid;grid-template-columns:1fr minmax(0,30rem);gap:var(--s7);align-items:center;padding-right:30%}
.w2__in > *{min-width:0}
.w2 .label{color:var(--indigo)}
.w2 .label::before{display:none}
.w2__lead{font-size:1.1rem;line-height:1.6;margin:var(--s5) 0}
.haken{list-style:none;margin:0 0 var(--s5)}
.haken li{position:relative;padding:.45rem 0 .45rem 2rem}
.haken li::before{content:"";position:absolute;left:.1rem;top:.85rem;width:.9rem;height:.45rem;border-left:2px solid var(--indigo);border-bottom:2px solid var(--indigo);transform:rotate(-45deg)}
.w2__klein{font-size:.85rem;color:var(--lila);max-width:26rem}
.w2__karte{background:rgba(247,242,234,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(247,242,234,.8);box-shadow:0 30px 60px -30px rgba(75,74,107,.35)}
@media (max-width:1280px){.w2__in{padding-right:0;grid-template-columns:1fr minmax(0,30rem)}.w2__foto{display:none}}
@media (max-width:900px){.w2__in{grid-template-columns:1fr}}

/* Drei Säulen als Band */
.s3__band{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s5);max-width:980px;margin:0 auto}
.s3__welle{position:absolute;left:16%;top:18px;width:68%;height:70px;pointer-events:none}
.s3__welle path{fill:none;stroke:var(--flieder);stroke-width:1.5;opacity:.7}
.s3__saeule{position:relative;text-align:center}
.s3__icon{display:inline-grid;place-items:center;width:5.5rem;height:5.5rem;border-radius:50%;margin-bottom:var(--s4);background:var(--c);box-shadow:0 0 0 8px var(--papier)}
.s3__icon svg{width:2.9rem;height:2.9rem;fill:none;stroke:#f7f2ea;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.s3--n{--c:var(--flieder)}.s3--a{--c:#3b6072}.s3--h{--c:#f7f2ea}
.s3__saeule h3{font-size:1.35rem;font-weight:500;margin-bottom:.4rem}
.s3__saeule p{font-size:.95rem;line-height:1.55}
@media (max-width:760px){.s3__band{grid-template-columns:1fr;gap:var(--s7)}.s3__welle{display:none}}

/* Raum für Entwicklung */
.raum{display:grid;grid-template-columns:1fr 1fr;min-height:420px;background:linear-gradient(110deg,#f7f2ea,#f7f2ea)}
.raum__foto{position:relative;min-height:320px;background:radial-gradient(40% 40% at 70% 30%,rgba(255,250,238,.95),transparent 70%),radial-gradient(30% 30% at 25% 70%,rgba(120,138,98,.35),transparent 70%),linear-gradient(170deg,#f7f2ea,#f7f2ea)}
.raum__text{padding:clamp(2.5rem,6vw,5rem);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.raum__text p{max-width:30rem;margin:var(--s4) 0 var(--s5)}
.raum__text > *{max-width:100%}
@media (max-width:800px){.raum{grid-template-columns:1fr}}

/* Opening hell */
.hell .opening .lead,.hell .opening h2{color:var(--indigo)}
.hell .opening__daten div{border-top-color:var(--linie)}
.hell .opening__daten dt{color:var(--lila)}
.hell .opening .btn--gold{--bg:var(--indigo);--fg:var(--creme)}
.hell .opening .btn--linie{color:var(--indigo);border-color:rgba(75,74,107,.35)}

/* Dunkle Ansicht für den hellen Stil */
html[data-ansicht="nacht"] .h2o,html[data-ansicht="nacht"] .w2,html[data-ansicht="nacht"] .raum{background:#26262b}
html[data-ansicht="nacht"] .h2o h1,html[data-ansicht="nacht"] .h2o h1 em,html[data-ansicht="nacht"] .h2o__claim,html[data-ansicht="nacht"] .h2o__sub{color:#ece7f3}
html[data-ansicht="nacht"] .h2o .ekg-nah{fill:#ece7f3}
html[data-ansicht="nacht"] .h2o__foto,html[data-ansicht="nacht"] .w2__foto,html[data-ansicht="nacht"] .raum__foto{filter:brightness(.55)}
html[data-ansicht="nacht"] .w2__karte{background:rgba(47,46,56,.92);border-color:var(--linie)}
html[data-ansicht="nacht"] .haken li::before{border-color:var(--gold)}
html[data-ansicht="nacht"] .nav--hell{color:#ece7f3}
html[data-ansicht="nacht"] .hell .opening .btn--linie{color:#ece7f3}

/* Korrekturen heller Stil */
.h2o h1 em{font-size:1.12em}
.w2__foto{left:0;width:100%;
  background:radial-gradient(18% 40% at 88% 48%,rgba(120,138,98,.42),transparent 70%),radial-gradient(22% 30% at 88% 88%,rgba(236,228,214,.95),transparent 70%),linear-gradient(100deg,#f7f2ea 0%,#f7f2ea 45%,#f7f2ea 72%,#f7f2ea 100%)}
.w2__foto .foto-hinweis{left:auto;right:var(--s5);bottom:var(--s5);max-width:16rem}
.w2__in{grid-template-columns:minmax(0,1fr) minmax(0,30rem) minmax(0,.55fr);padding-right:0}
@media (max-width:1280px){.w2__in{grid-template-columns:minmax(0,1fr) minmax(0,30rem)}.w2__foto{display:block}.w2__foto .foto-hinweis{display:none}}
@media (max-width:900px){.w2__in{grid-template-columns:1fr}}
.w2 h2.mit-akzent{font-size:var(--fs-h2);font-weight:500;line-height:1.15}
.w2 h2.mit-akzent em{display:block;font-family:var(--schrift);font-style:normal;font-weight:400;font-size:min(1.5em,12vw);line-height:1.05;color:var(--petrol);margin-top:.05em}
html[data-ansicht="nacht"] .w2 h2.mit-akzent em{color:var(--gold)}

.feld label.check{display:grid}
.raum h2.mit-akzent{font-size:var(--fs-h2);font-weight:500;line-height:1.15}
.raum h2.mit-akzent em{display:block;font-family:var(--schrift);font-style:normal;font-weight:400;font-size:min(1.5em,12vw);line-height:1.05;color:var(--petrol);margin-top:.05em}
html[data-ansicht="nacht"] .raum h2.mit-akzent em{color:var(--gold)}
.s3__icon svg{width:3.2rem;height:3.2rem;stroke-width:1.6}

/* Anonym bis zur Eröffnung: Logo ohne Namen, Idee-Bild statt Foto */
.nav__logo svg.anonym{height:2.6rem;width:calc(2.6rem * 2.58)}
.fuss__logo svg.anonym{height:3.4rem;width:calc(3.4rem * 2.58)}
@media (max-width:420px){.nav__logo svg.anonym{height:36px;width:93px}}
.lockup-text{fill:currentColor}
.fuss__logo .lockup-text{fill:var(--creme)}
.idee-bild{aspect-ratio:4/5;max-width:420px;border-radius:var(--r-l);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s5);
  background:radial-gradient(60% 50% at 50% 40%,rgba(255,250,240,.9),transparent 70%),linear-gradient(170deg,#f7f2ea,#f7f2ea)}
.idee-bild svg{width:62%;height:auto}
.idee-bild span{font-size:.75rem;letter-spacing:.28em;text-transform:uppercase;color:var(--lila);font-weight:600;text-align:center;padding-inline:var(--s4)}
.ich--kurz h2.mit-akzent{font-size:var(--fs-h2);font-weight:500;line-height:1.15;font-family:var(--font)}
.ich--kurz h2.mit-akzent em{display:block;font-family:var(--schrift);font-style:normal;font-weight:400;font-size:min(1.5em,12vw);line-height:1.05;color:var(--petrol)}
html[data-ansicht="nacht"] .ich--kurz h2.mit-akzent em{color:var(--gold)}

/* =====================================================================
   EDEL UND EXKLUSIV (Nicole, 28.09.2026)
   Gold als Haarlinie, klare Kanten, leichte Schrift, weniger Farbe, mehr Raum
   ===================================================================== */
.hell{--r-s:3px;--r:4px;--r-l:6px;--sektion:clamp(5.5rem,4rem + 7vw,10rem);--haar:rgba(219,179,119,.55)}

/* Typografie: leicht und weit */
.hell h1,.hell h2,.hell .uhr__zeile{font-weight:300!important;letter-spacing:-.015em}
.hell h3{font-weight:500;letter-spacing:.01em}
.hell .label{font-size:.72rem;letter-spacing:.32em;font-weight:500;color:var(--indigo)}
.hell .label::before{background:var(--gold);width:2.75rem}
.hell .lead{font-weight:300}
.hell h2.mit-akzent em,.hell .h2o h1 em{color:var(--indigo)!important}

/* Knöpfe: Versalien, weit gesperrt, klare Kante */
.hell .btn{border-radius:2px;text-transform:uppercase;letter-spacing:.2em;font-size:.76rem;font-weight:600;min-height:54px;padding:.95rem 2.1rem}
.hell .btn--linie{border-color:var(--haar);border-width:1px}
.hell .btn--linie:hover{border-color:var(--gold)}
.hell .nav .nav__cta{min-height:44px;padding:.65rem 1.4rem;font-size:.7rem}
.hell .nav__bereiche a{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:500}
.hell .nav__bereiche a[aria-current="true"],.hell .nav__bereiche a:hover{border-color:var(--gold)}
.hell .hilfe{border-width:1px;border-color:var(--haar)}

/* Hero: feiner goldener Innenrahmen, Siegel als Doppelring */
.hell .h2o::after{content:"";position:absolute;inset:clamp(10px,1.4vw,18px);border:1px solid rgba(219,179,119,.35);pointer-events:none;z-index:3}
.hell .h2o__claim{text-transform:uppercase;letter-spacing:.34em;font-size:.74rem;font-weight:500}
.hell .h2o__siegel{background:rgba(247,242,234,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--indigo);
  border:1px solid var(--gold);box-shadow:0 0 0 7px rgba(247,242,234,.35),0 0 0 8px rgba(219,179,119,.55);font-size:.74rem;letter-spacing:.26em}
.hell .h2o__siegel svg{color:var(--gold)}
.hell .h2o__siegel i{background:var(--gold);opacity:1}
.hell .h2o__wellen path.w3{stroke:rgba(219,179,119,.12)}

/* Countdown: Goldringe, leichte Ziffern */
.hell .kreis{border-color:var(--haar);background:transparent}
.hell .kreis b{font-weight:300;font-size:clamp(1.3rem,1rem + 1vw,1.9rem)}
.hell .kreis small{text-transform:uppercase;letter-spacing:.16em;font-size:.56rem}
.hell .uhr__hinweis svg{color:var(--gold)}
.hell .uhr__hinweis{border-left-color:var(--haar)}

/* Formular: Haarlinien statt Kästen */
.hell .w2__karte{border-radius:var(--r-l);border:1px solid var(--haar);box-shadow:0 40px 80px -50px rgba(44,44,46,.35);background:rgba(247,242,234,.78)}
.hell .feld input[type=text],.hell .feld input[type=email],.hell .feld input[type=tel],.hell .feld input[type=date],.hell .feld select,.hell .feld textarea{
  border-radius:0;border:0;border-bottom:1px solid rgba(75,74,107,.3);background:transparent;padding-inline:.1rem;min-height:46px}
.hell .feld input:focus,.hell .feld textarea:focus,.hell .feld select:focus{box-shadow:none;border-bottom:1.5px solid var(--gold)}
.hell .feld textarea{border:1px solid rgba(75,74,107,.22);padding:.7rem .8rem}
.hell .feld label,.hell .feld legend{font-weight:500;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}
.hell .feld .opt{text-transform:none;letter-spacing:0}
.hell .feld label.check{text-transform:none;letter-spacing:0;font-size:.85rem}
.hell .segment span{border-radius:2px;border:1px solid rgba(75,74,107,.22);background:transparent;min-height:42px;font-size:.9rem}
.hell .segment input:checked + span{background:var(--indigo);border-color:var(--indigo);color:var(--creme)}
.hell .haken li::before{border-color:var(--gold)}

/* Drei Säulen: goldene Linien-Symbole in Haarring */
.hell .s3__icon{background:transparent;border:1px solid var(--gold);box-shadow:0 0 0 8px var(--papier),0 0 0 9px rgba(219,179,119,.25);width:6rem;height:6rem}
.hell .s3__icon svg{stroke:var(--gold);stroke-width:1.2}
.hell .s3__welle path{stroke:var(--gold);opacity:.45;stroke-width:1}
.hell .s3__saeule h3{font-weight:300;font-size:1.5rem;letter-spacing:.02em}

/* Themen als ruhige Textzeile statt Pillen */
.hell .themen{gap:.2rem 0}
.hell .themen li{border:0;background:none;padding:.3rem 0;font-weight:300;font-size:clamp(1.05rem,1rem + .4vw,1.35rem);color:var(--indigo)}
.hell .themen li:not(:last-child)::after{content:"·";color:var(--gold);margin:0 .9rem}
.hell .themen .t-n,.hell .themen .t-a,.hell .themen .t-h{color:var(--indigo);font-weight:500}

/* Flächen: klare Kanten */
.hell .einblick,.hell .idee-bild,.hell .bild{border-radius:var(--r-l)}
.hell .idee-bild{border:1px solid var(--haar)}
.hell .raum__foto{border-right:1px solid var(--haar)}

/* Wiederholter Aufruf: Indigo statt Gold-Fläche */
.hell .nochmal{background:var(--indigo);color:var(--creme)}
.hell .nochmal__satz{color:var(--gold)}
.hell .nochmal .btn{--bg:transparent;--fg:var(--creme);border:1px solid var(--gold)}
.hell .nochmal .btn:hover{--bg:var(--gold);color:var(--nacht)}

/* Instagram: ruhige Kacheln in Indigo und Gold */
.hell .insta__raster span{border-radius:2px;font-weight:300}
.hell .insta__raster .r1,.hell .insta__raster .r3,.hell .insta__raster .r5{background:var(--creme-tief);color:var(--gold)}
.hell .insta__raster .r2,.hell .insta__raster .r4,.hell .insta__raster .r6{background:var(--indigo);color:var(--gold)}

/* Fragen und Karten */
.hell .faq summary{font-weight:300;font-size:clamp(1.05rem,1rem + .35vw,1.25rem)}
.hell .faq summary::after{border-color:var(--haar)}
.hell .opening__daten div{border-top-color:var(--haar)}
.hell .fuss{background:#232325}
.hell .feld .segment label{text-transform:none;letter-spacing:0;font-size:inherit;font-weight:500}
.hell .h2o::after{top:calc(4.5rem + 6px)}
.nav__logo svg.anonym{width:calc(2.6rem * 2.92)}
.fuss__logo svg.anonym{width:calc(3.4rem * 2.92)}
@media (max-width:420px){.nav__logo svg.anonym{height:36px;width:105px}}
.nav__logo svg.anonym{width:calc(2.6rem * 3.45)}
.fuss__logo svg.anonym{width:calc(3.4rem * 3.45)}
@media (max-width:420px){.nav__logo svg.anonym{height:34px;width:117px}}
/* Ohne Fotos: Raum mit Bildmarke, Logos oben und unten */
.raum__foto--marke{display:grid;place-items:center;background:radial-gradient(55% 55% at 50% 50%,rgba(255,250,240,.95),transparent 70%),linear-gradient(170deg,#f7f2ea,#f7f2ea)}
.raum__foto--marke svg{width:min(46%,260px);height:auto}
.nav__logo svg.marke{height:2.4rem;width:calc(2.4rem * 1.53)}
.fuss__logo svg.gestapelt{height:5.5rem;width:calc(5.5rem * 1.03)}
@media (max-width:420px){.nav__logo svg.marke{height:32px;width:49px}}

/* Social Media nur als Symbole */
.social--symbole{display:flex;flex-wrap:wrap;gap:.75rem;list-style:none}
.social--symbole a,.symbol-link{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1px solid var(--haar,rgba(219,179,119,.55));color:var(--gold);text-decoration:none;transition:background .3s,color .3s,border-color .3s}
.social--symbole a:hover,.symbol-link:hover{background:var(--indigo);border-color:var(--indigo);color:var(--gold)}
.social--symbole a svg,.symbol-link svg{width:22px;height:22px;color:inherit}
.social--symbole a span:not(.sr){position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.opening .btn-reihe{align-items:center}
/* Das Wort NAH immer in Exo */
.nah-wort{font-family:var(--font);font-style:normal;letter-spacing:.06em}
em .nah-wort,.opening h2 .nah-wort,.nochmal__satz .nah-wort,.ich__name .nah-wort{font-size:.66em;font-weight:400}
main .sektion h2:not(.mit-akzent) .nah-wort{font-size:.66em;font-weight:400}

/* =====================================================================
   NOCH EDLER (Nicole, 28.09.2026): Weglassen, Papierstruktur, Ornament
   ===================================================================== */
/* Feine Papierstruktur über der ganzen Seite */
.hell::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:95;opacity:.05;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='r'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .29 0 0 0 0 .29 0 0 0 0 .42 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23r)'/%3E%3C/svg%3E")}

/* Goldenes Ornament: Linie · Raute · Linie */
.ornament{display:flex;align-items:center;justify-content:center;gap:.9rem;margin:0 auto var(--s6);color:var(--gold)}
.ornament::before,.ornament::after{content:"";width:4.5rem;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.ornament::after{background:linear-gradient(90deg,var(--gold),transparent)}
.ornament i{width:6px;height:6px;transform:rotate(45deg);border:1px solid var(--gold)}

/* Das Wort NAH ohne Nachlauf-Abstand */
.nah-wort{margin-right:-.06em}

/* Raum für Entwicklung: mittiger Textblock */
.raum--mitte{display:block;min-height:0;background:var(--papier);border-block:1px solid rgba(219,179,119,.3)}
.raum--mitte .raum__text{max-width:44rem;margin:0 auto;align-items:center;text-align:center;padding-block:var(--sektion)}
.raum--mitte .raum__text .label{justify-content:center}
.raum--mitte .raum__text p{margin-inline:auto}

/* Idee hinter NAH: Zeichen frei im Raum */
.idee-bild--frei{background:none;border:0!important;aspect-ratio:auto;padding-block:var(--s6)}
.idee-bild--frei svg{width:78%;max-width:320px}

/* Instagram: mittig und ruhig */
.insta__in--mitte{display:block;max-width:40rem;margin-inline:auto;text-align:center}
.insta__in--mitte .label{justify-content:center}
.insta__in--mitte .social--symbole{justify-content:center;margin-top:var(--s6)}
.insta__in--mitte > div > div{margin-top:0!important}

/* Mehr Ruhe: schmalere Textspalten, sanftere Übergänge */
.hell .lead{max-width:36rem}
.hell .kopf--mitte .lead,.hell .warum__about{margin-inline:auto}
.hell .sektion--creme,.hell .sektion--tief{background:var(--papier)}
.hell .opening{background:linear-gradient(180deg,var(--papier),#f7f2ea)}
/* Barrierefreiheit: beschriftete Knöpfe, vierte Schriftstufe */
html[data-schrift="3"]{font-size:150%}
.hilfe--wort{width:auto;min-width:44px;padding:0 .85rem;border-radius:999px;display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;font-weight:600;letter-spacing:.04em}
.hilfe--wort svg{width:16px;height:16px}
.hell .hilfe--wort{border-color:rgba(75,74,107,.35);opacity:1}
@media (max-width:420px){.hilfe--wort{padding:0 .6rem;font-size:.78rem}.hilfen{gap:.3rem}}
.w2__mail{margin:0 0 var(--s4);font-size:.95rem}
.w2__mail a{font-weight:500}

/* Keks-Hinweis: edel, klein, unten links */
.kekse{position:fixed;left:clamp(12px,2vw,28px);bottom:calc(clamp(12px,2vw,28px) + env(safe-area-inset-bottom,0px));z-index:120;max-width:24rem;
  display:grid;grid-template-columns:2.4rem 1fr;gap:.9rem;align-items:start;padding:1.1rem 1.25rem 1rem;
  background:rgba(247,242,234,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--indigo);
  border:1px solid rgba(219,179,119,.6);border-radius:4px;box-shadow:0 24px 50px -28px rgba(44,44,46,.45);
  opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .5s var(--ease),transform .5s var(--ease)}
.kekse.da{opacity:1;transform:none;pointer-events:auto}
.kekse__symbol{width:2.4rem;height:2.4rem;color:var(--gold)}
.kekse p{margin:0}
.kekse__titel{font-family:var(--schrift);font-size:1.7rem;line-height:1.05;margin-bottom:.35rem!important}
.kekse__text{font-size:.86rem;line-height:1.55}
.kekse__aktion{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;margin-top:.8rem!important}
.kekse__ok{min-height:40px;padding:.5rem 1.1rem;border:1px solid var(--indigo);background:var(--indigo);color:var(--creme);border-radius:2px;
  font:600 .72rem/1 var(--font);letter-spacing:.18em;text-transform:uppercase;cursor:pointer}
.kekse__ok:hover{background:var(--nacht);border-color:var(--nacht)}
.kekse__aktion a{font-size:.82rem;color:var(--petrol)}
@media (max-width:960px){.kekse{left:12px;right:12px;max-width:none;bottom:calc(84px + env(safe-area-inset-bottom,0px))}}
html[data-ansicht="nacht"] .kekse{background:rgba(35,35,37,.96);color:#ece7f3}
html[data-ansicht="nacht"] .kekse__ok{background:var(--gold);border-color:var(--gold);color:#2c2c2e}
html[data-ansicht="nacht"] .kekse__aktion a{color:#8fc0d4}
@media print{.kekse{display:none}}

/* =====================================================================
   3D-EFFEKT (Nicole, 28.09.2026)
   ===================================================================== */
/* Plastische Tiefe überall, auch auf dem Handy: gestaffelte Schatten */
.d3{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;
  transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;
  transition:transform .6s var(--ease),box-shadow .6s var(--ease);
  box-shadow:0 1px 1px rgba(44,44,46,.04),0 2px 4px rgba(44,44,46,.04),0 8px 16px -4px rgba(75,74,107,.10),0 24px 40px -18px rgba(75,74,107,.22)}
.d3.d3--an{transition:transform .12s linear,box-shadow .4s var(--ease);
  box-shadow:0 2px 2px rgba(44,44,46,.05),0 6px 10px rgba(44,44,46,.05),0 18px 30px -8px rgba(75,74,107,.18),0 40px 70px -30px rgba(75,74,107,.35)}
/* Lichtschimmer, der der Maus folgt */
.d3::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .5s;
  background:radial-gradient(circle at var(--mx) var(--my),rgba(247,242,234,.55),rgba(247,242,234,0) 55%)}
.d3.d3--an::after{opacity:1}
/* Runde Elemente behalten ihre Form, Schatten ohne harte Kanten */
.kreis.d3,.s3__icon.d3,.h2o__siegel.d3,.social--symbole a.d3,.symbol-link.d3{border-radius:50%}
.h2o__siegel.d3{box-shadow:0 0 0 7px rgba(247,242,234,.35),0 0 0 8px rgba(219,179,119,.55),0 30px 50px -24px rgba(75,74,107,.45)}
.s3__icon.d3{box-shadow:0 0 0 8px var(--papier),0 0 0 9px rgba(219,179,119,.25),0 22px 34px -16px rgba(75,74,107,.35)}
.idee-bild--frei.d3{box-shadow:none}
.idee-bild--frei.d3 svg{filter:drop-shadow(0 18px 18px rgba(75,74,107,.18)) drop-shadow(0 3px 3px rgba(44,44,46,.08))}
.faq details.d3{box-shadow:none}
.faq details.d3.d3--an{box-shadow:0 18px 30px -22px rgba(75,74,107,.3)}
.opening__daten.d3{box-shadow:none;padding:0 .5rem}
.kekse.d3{box-shadow:0 24px 50px -28px rgba(44,44,46,.45)}
.kekse.d3:not(.da){transform:perspective(900px) translateY(12px)}
/* Logo und Überschrift oben mit Tiefe */
.h2o .hero__ekg svg{filter:drop-shadow(0 10px 12px rgba(75,74,107,.16)) drop-shadow(0 2px 2px rgba(44,44,46,.06))}
.h2o h1{text-shadow:0 1px 0 rgba(247,242,234,.6),0 12px 24px rgba(75,74,107,.12)}
.h2o .hero__ekg,.h2o h1,.h2o__siegel,.h2o__foto{transition:transform .8s var(--ease)}
.fuss__logo svg{filter:drop-shadow(0 8px 10px rgba(0,0,0,.35))}
/* Knöpfe: heben sich, drücken sich ein */
.d3-knopf{box-shadow:0 1px 0 rgba(247,242,234,.25) inset,0 2px 3px rgba(44,44,46,.12),0 10px 18px -8px rgba(75,74,107,.35);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .4s,color .4s,border-color .4s}
.d3-knopf:hover{transform:translateY(-2px);box-shadow:0 1px 0 rgba(247,242,234,.25) inset,0 4px 6px rgba(44,44,46,.12),0 18px 28px -10px rgba(75,74,107,.45)}
.d3-knopf:active{transform:translateY(1px);box-shadow:0 2px 4px rgba(44,44,46,.25) inset}
.btn--linie.d3-knopf,.hilfe.d3-knopf{box-shadow:0 2px 3px rgba(44,44,46,.06),0 10px 18px -12px rgba(75,74,107,.3)}
html[data-ansicht="nacht"] .d3::after{background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.12),rgba(255,255,255,0) 55%)}
html[data-ansicht="nacht"] .h2o h1{text-shadow:0 12px 24px rgba(0,0,0,.4)}
@media (prefers-reduced-motion:reduce){.d3,.d3-knopf{transform:none!important}.d3::after{display:none}}
.w2__karte,.s3__icon,.kreis,.idee-bild,.faq details,.opening__daten,.social--symbole a,.symbol-link{position:relative}

/* =====================================================================
   FOTOS, weich in die Seite auslaufend (Nicole, 28.09.2026)
   ===================================================================== */
.h2o__foto--bild{background:none}
.h2o__foto--bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.h2o__foto--bild{-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.55) 18%,#000 42%),linear-gradient(180deg,transparent 0,#000 12%,#000 82%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.55) 18%,#000 42%),linear-gradient(180deg,transparent 0,#000 12%,#000 82%,transparent 100%);
  -webkit-mask-composite:source-in;mask-composite:intersect}
.h2o__foto--bild::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,239,230,.35),rgba(245,239,230,0) 45%);pointer-events:none}
@media (max-width:900px){
  .h2o__foto--bild{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30%,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 30%,#000 80%,transparent 100%)}
  .h2o__foto--bild::after{display:none}
}
.w2__bild{position:absolute;right:0;top:0;height:100%;width:42%;object-fit:cover;object-position:55% 60%;opacity:.9;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 45%),linear-gradient(180deg,transparent 0,#000 18%,#000 80%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 45%),linear-gradient(180deg,transparent 0,#000 18%,#000 80%,transparent 100%);
  -webkit-mask-composite:source-in;mask-composite:intersect}
@media (max-width:1280px){.w2__bild{width:34%;opacity:.55}}
@media (max-width:900px){.w2__bild{display:none}}

/* Galerie */
.galerie{background:var(--papier)}
.galerie__raster{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2.5vw,2.25rem);align-items:start}
.galerie__bild{margin:0;position:relative;text-align:center}
.galerie__bild:nth-child(3n+2){margin-top:clamp(1.5rem,5vw,4.5rem)}
.galerie__bild img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block;
  -webkit-mask-image:radial-gradient(ellipse 72% 70% at 50% 48%,#000 58%,transparent 100%);mask-image:radial-gradient(ellipse 72% 70% at 50% 48%,#000 58%,transparent 100%)}
.galerie__bild figcaption{margin-top:-.4rem;font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--lila);font-weight:500}
.galerie__bild figcaption::before{content:"";display:block;width:1.8rem;height:1px;background:var(--gold);margin:0 auto .7rem}
@media (max-width:700px){.galerie__raster{grid-template-columns:1fr 1fr}.galerie__bild:nth-child(3n+2){margin-top:0}.galerie__bild:nth-child(2n){margin-top:2.5rem}}
html[data-ansicht="nacht"] .galerie__bild img,html[data-ansicht="nacht"] .h2o__foto--bild img,html[data-ansicht="nacht"] .w2__bild{filter:brightness(.8)}
.galerie__bild img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent 100%),linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent 100%),linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
.galerie__bild figcaption{margin-top:-1.2rem;position:relative}

/* Fotos über die Seite verteilt: links und rechts neben den Abschnitten, weich auslaufend */
.mit-flanken{position:relative;overflow:hidden}
.mit-flanken > .wrap,.mit-flanken > .raum__text{position:relative;z-index:1}
.flanke{position:absolute;z-index:0;width:clamp(210px,19vw,320px);height:auto;aspect-ratio:3/4;object-fit:cover;pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 82%,transparent 100%),linear-gradient(180deg,transparent 0,#000 16%,#000 84%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 82%,transparent 100%),linear-gradient(180deg,transparent 0,#000 16%,#000 84%,transparent 100%);
  -webkit-mask-composite:source-in;mask-composite:intersect}
.flanke--l{left:clamp(0px,2.5vw,48px);top:18%}
.flanke--r{right:clamp(0px,2.5vw,48px);bottom:14%}
.raum--mitte .flanke--l{top:12%}.raum--mitte .flanke--r{bottom:10%}
html[data-ansicht="nacht"] .flanke{filter:brightness(.8)}
@media (max-width:1280px){
  .flanke{position:relative;display:block;left:auto;right:auto;top:auto;bottom:auto;width:min(72%,340px);margin:var(--s7) auto 0}
  .flanke--r{display:none}
  .mit-flanken{padding-top:0}
  .raum--mitte .raum__text{padding-top:var(--s6)}
}

/* Handy-Menü (heller Kopf) */
.nav__knopf{display:none;width:44px;height:44px;border-radius:50%;border:1px solid rgba(75,74,107,.35);background:transparent;color:inherit;cursor:pointer;place-items:center;flex:none}
.nav__knopf span,.nav__knopf span::before,.nav__knopf span::after{display:block;width:18px;height:1.5px;background:currentColor;position:relative;transition:transform .3s,background .3s}
.nav__knopf span::before,.nav__knopf span::after{content:"";position:absolute;left:0}
.nav__knopf span::before{top:-6px}.nav__knopf span::after{top:6px}
.nav__knopf[aria-expanded="true"] span{background:transparent}
.nav__knopf[aria-expanded="true"] span::before{transform:translateY(6px) rotate(45deg)}
.nav__knopf[aria-expanded="true"] span::after{transform:translateY(-6px) rotate(-45deg)}
.nav__bereiche-cta{display:none}
@media (max-width:1060px){
  .nav__knopf{display:inline-grid;order:3;margin-left:.4rem}
  .nav--hell .nav__in{gap:.5rem}
  .nav--hell .hilfen{margin-left:auto}
  .nav__bereiche.offen{display:flex;position:fixed;left:0;right:0;top:4.5rem;bottom:0;flex-direction:column;gap:0;padding:var(--s5) var(--rand) var(--s7);
    background:var(--papier);overflow-y:auto;z-index:99}
  .nav__bereiche.offen a{font-size:1.15rem;letter-spacing:.14em;padding:1.1rem 0;border-bottom:1px solid var(--linie)}
  .nav__bereiche.offen .nav__bereiche-cta{display:block;margin-top:var(--s6);text-align:center;background:var(--indigo);color:var(--creme);border:0;border-radius:2px;padding:1.1rem;font-size:.85rem;letter-spacing:.2em}
  body.menue-offen{overflow:hidden}
  body.menue-offen .nav{background:var(--papier)}
}
html[data-ansicht="nacht"] .nav__bereiche.offen{background:#232325}
html[data-ansicht="nacht"] .nav__knopf{border-color:rgba(236,231,243,.35)}
@media (max-width:380px){.hilfe--wort{padding:0 .5rem;font-size:.74rem}.hilfe--wort svg{display:none}}

/* Nicoles Fotos (29.09.2026) */
.portraet{margin:0;max-width:420px;text-align:center}
.portraet img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;display:block;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%),linear-gradient(180deg,transparent 0,#000 10%,#000 86%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%),linear-gradient(180deg,transparent 0,#000 10%,#000 86%,transparent 100%);
  -webkit-mask-composite:source-in;mask-composite:intersect}
.portraet figcaption{margin-top:-.6rem;position:relative;font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--lila);font-weight:500}
.portraet figcaption::before{content:"";display:block;width:1.8rem;height:1px;background:var(--gold);margin:0 auto .7rem}
.insta__gruppe{margin:0 auto var(--s7);max-width:1100px;padding-inline:var(--rand)}
.insta__gruppe img{width:100%;height:auto;display:block;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%),linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%),linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%);
  -webkit-mask-composite:source-in;mask-composite:intersect}
html[data-ansicht="nacht"] .portraet img,html[data-ansicht="nacht"] .insta__gruppe img{filter:brightness(.85)}

/* =====================================================================
   EFFEKTE nach React Bits und Lenis (29.09.2026)
   ===================================================================== */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}

/* Silk: seidiger Hintergrund oben, liegt unter dem Foto */
.silk{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:0;transition:opacity 2.5s var(--ease);pointer-events:none;mix-blend-mode:multiply}
.silk--da{opacity:.85}
.h2o__foto{z-index:0}
html[data-ansicht="nacht"] .silk{mix-blend-mode:soft-light;opacity:.5}

/* Shiny Text: ein Goldglanz läuft langsam durch */
.shiny{position:relative;background-image:linear-gradient(115deg,transparent 42%,rgba(255,236,190,.95) 50%,transparent 58%);
  background-size:260% 100%;background-position:120% 0;background-repeat:no-repeat;animation:shiny 5.5s cubic-bezier(.4,0,.2,1) infinite}
em.shiny{-webkit-background-clip:text;background-clip:text;color:var(--indigo)}
em.shiny{background-image:linear-gradient(115deg,var(--indigo) 42%,#dbb377 50%,var(--indigo) 58%);-webkit-text-fill-color:transparent}
.btn.shiny{overflow:hidden}
.btn.shiny::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 42%,rgba(255,240,200,.28) 50%,transparent 58%);background-size:260% 100%;background-position:120% 0;animation:shiny 5.5s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none}
.btn.shiny{background-image:none}
.nochmal__satz.shiny{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(115deg,var(--gold) 42%,#f7f2ea 50%,var(--gold) 58%)}
@keyframes shiny{0%{background-position:120% 0}60%,100%{background-position:-140% 0}}
html[data-ansicht="nacht"] em.shiny{background-image:linear-gradient(115deg,#ece7f3 42%,var(--gold) 50%,#ece7f3 58%)}

/* Blur Text: Wörter kommen weich aus der Unschärfe */
.blur-text .bw{display:inline-block;opacity:0;filter:blur(10px);transform:translateY(.25em);transition:opacity .7s var(--ease),filter .7s var(--ease),transform .7s var(--ease)}
.blur-text em.bw{display:block}
.blur-text.da .bw{opacity:1;filter:blur(0);transform:none}
.js .zeige h2.blur-text{opacity:1;transform:none}

/* Count Up: Ziffern beim Hochzählen */
.kreis b.zaehlt{color:transparent;position:relative}
.kreis b.zaehlt::after{content:attr(data-anzeige);position:absolute;inset:0;color:var(--indigo);text-align:center}
html[data-ansicht="nacht"] .kreis b.zaehlt::after{color:#ece7f3}

/* Spotlight Card: Lichtkegel auf dem Formular statt Kippeffekt */
.w2__karte.spotlight{--sx:50%;--sy:0px;transform:none!important}
.w2__karte.spotlight::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .5s;
  background:radial-gradient(420px circle at var(--sx) var(--sy),rgba(219,179,119,.22),rgba(219,179,119,0) 60%)}
.w2__karte.spotlight--an::after{opacity:1}
.w2__karte.spotlight::before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;padding:1px;opacity:0;transition:opacity .5s;
  background:radial-gradient(360px circle at var(--sx) var(--sy),rgba(219,179,119,.9),transparent 70%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.w2__karte.spotlight--an::before{opacity:1}

@media (prefers-reduced-motion:reduce){
  .shiny,.btn.shiny::before{animation:none}
  .blur-text .bw{opacity:1;filter:none;transform:none;transition:none}
  .silk{display:none}
}

/* Cursor-Licht und Magnet-Knöpfe (29.09.2026) */
.cursor-licht{position:fixed;left:0;top:0;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;pointer-events:none;z-index:80;opacity:0;transition:opacity .8s;
  background:radial-gradient(circle,rgba(219,179,119,.20) 0%,rgba(219,179,119,.08) 30%,rgba(219,179,119,0) 62%);mix-blend-mode:multiply;will-change:transform}
.cursor-licht.da{opacity:1}
html[data-ansicht="nacht"] .cursor-licht{mix-blend-mode:screen;background:radial-gradient(circle,rgba(219,179,119,.16) 0%,rgba(219,179,119,.05) 30%,rgba(219,179,119,0) 62%)}
.magnet{--mx:0px;--my:0px;transform:translate3d(var(--mx),var(--my),0)!important;transition:transform .35s var(--ease),background .4s,color .4s,border-color .4s,box-shadow .35s var(--ease)}
.d3-knopf.magnet:hover{transform:translate3d(var(--mx),calc(var(--my) - 2px),0)!important}
.d3-knopf.magnet:active{transform:translate3d(var(--mx),calc(var(--my) + 1px),0)!important}
.hilfe.magnet{transition:transform .35s var(--ease),opacity .2s,border-color .2s,color .2s}

/* Córdoba-Bild bei „Über mich“ */
.cordoba{max-width:1100px;margin:var(--s8) auto 0;padding-inline:var(--rand);text-align:center}
.cordoba img{width:100%;height:auto;display:block;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%),linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%),linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%);
  -webkit-mask-composite:source-in;mask-composite:intersect}
.cordoba figcaption{margin-top:-.6rem;position:relative;max-width:36rem;margin-inline:auto;font-size:.95rem;line-height:1.6}
.cordoba figcaption b{display:block;font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--lila);font-weight:500;margin-bottom:.5rem}
.cordoba figcaption b::before{content:"";display:block;width:1.8rem;height:1px;background:var(--gold);margin:0 auto .7rem}
html[data-ansicht="nacht"] .cordoba img{filter:brightness(.85)}

/* EKG-Band: die Herzlinie schreibt N A H (Original vom 14.07.2026, in Gold auf Creme) */
.ekg-band{background:var(--papier);padding:clamp(.5rem,2vw,1.5rem) 0 0;position:relative;z-index:1}
.ekg-band svg{display:block;width:min(620px,92vw);height:auto;margin:0 auto;overflow:visible}
.ekg-band__linie{fill:none;stroke:var(--gold);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1400;stroke-dashoffset:1400;
  animation:ekg-schreiben 5.5s cubic-bezier(.65,0,.35,1) .6s infinite;filter:drop-shadow(0 0 6px rgba(219,179,119,.45))}
.ekg-band__punkt{fill:#f7f2ea;opacity:0;animation:ekg-punkt 5.5s cubic-bezier(.65,0,.35,1) .6s infinite;filter:drop-shadow(0 0 8px rgba(219,179,119,.9));
  offset-path:path("M0,72 H150 L166,72 L166,26 L196,72 L196,26 L196,72 L214,72 L232,72 L246,26 L260,72 L238,54 L254,54 L260,72 L286,72 L300,72 L300,26 L300,50 L332,50 L332,26 L332,72 L346,72 H620")}
@keyframes ekg-schreiben{0%{stroke-dashoffset:1400}55%{stroke-dashoffset:0}85%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes ekg-punkt{0%{offset-distance:0%;opacity:0}4%{opacity:1}55%{offset-distance:100%;opacity:1}62%{opacity:0}100%{offset-distance:100%;opacity:0}}
@media (prefers-reduced-motion:reduce){.ekg-band__linie{animation:none;stroke-dashoffset:0}.ekg-band__punkt{display:none}}
html[data-ansicht="nacht"] .ekg-band{background:var(--papier)}

/* Shiny-Text: kein Textschatten durch die transparente Füllung */
em.shiny,.nochmal__satz.shiny{text-shadow:none}
/* Shiny: Grundfarbe unter dem Glanz, sonst wird der Text unsichtbar, sobald der Glanz weitergezogen ist */
em.shiny{background-color:var(--indigo)}
html[data-ansicht="nacht"] em.shiny{background-color:#ece7f3}
.nochmal__satz.shiny{background-color:var(--gold)}

/* Bildtausch 29.09.: Tierkärtchen vorn, Seniorin bei der Vormerkung */
.h2o__foto--bild img{object-position:62% 55%}
.w2__bild{object-position:50% 22%;opacity:.95;width:46%}
@media (max-width:1280px){.w2__bild{opacity:.6}}

/* Silk ruhiger, Foto vorn kräftiger */
.silk{mix-blend-mode:normal}
.silk--da{opacity:.7}
html[data-ansicht="nacht"] .silk{mix-blend-mode:soft-light;opacity:.4}
.h2o__foto--bild img{object-position:38% 48%}
.h2o__foto--bild::after{background:linear-gradient(90deg,rgba(245,239,230,.25),rgba(245,239,230,0) 40%)}

/* 29.09.: NAH-Band langsamer, Siegel ohne Blatt */
.ekg-band__linie{animation-duration:11s}
.ekg-band__punkt{animation-duration:11s}
.h2o__siegel{gap:.6rem}
.h2o__siegel i{margin-top:.2rem}

/* Ornament: Logo-Zeichen statt Raute */
.ornament svg{width:2.6rem;height:auto;flex:none}
.ornament::before,.ornament::after{width:5rem}

/* Fußzeile: vier Spalten */
.fuss__oben--lp{grid-template-columns:1.6fr 1fr 1fr 1fr}
@media (max-width:900px){.fuss__oben--lp{grid-template-columns:1fr 1fr}.fuss__oben--lp .fuss__marke{grid-column:1/-1}}
@media (max-width:520px){.fuss__oben--lp{grid-template-columns:1fr}}

/* Über mich: voller Name und Trias (29.09.2026) */
.ich__name-voll{font-family:var(--font);font-weight:300;font-size:clamp(1.5rem,1.2rem + 1.2vw,2.1rem);letter-spacing:.06em;margin:var(--s4) 0 .2rem;color:var(--indigo)}
.ich--kurz .ich__rolle{margin-bottom:var(--s5)}
.trias{margin-top:var(--s7);padding:var(--s6) 0 0;border-top:1px solid rgba(219,179,119,.45)}
.trias__titel{font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;font-weight:500;color:var(--lila);margin:0 0 var(--s5)}
.trias__zeilen{display:grid;gap:.15rem}
.trias__zeile{display:grid;grid-template-columns:2.6rem 1.15fr 1fr 1.1fr;align-items:baseline;gap:var(--s3);padding:.7rem 0;border-bottom:1px solid var(--linie)}
.trias__zeile b{font-family:var(--font);font-weight:300;font-size:2rem;line-height:1;color:var(--gold)}
.trias__zeile span:nth-child(2){font-weight:500}
.trias__zeile span:nth-child(3){color:var(--lila)}
.trias__zeile span:nth-child(4){font-family:var(--schrift);font-size:1.35rem;line-height:1;color:var(--indigo)}
.trias__satz{margin-top:var(--s5);font-size:.98rem;line-height:1.65;max-width:34rem}
@media (max-width:560px){.trias__zeile{grid-template-columns:2.2rem 1fr 1fr;gap:.5rem}.trias__zeile span:nth-child(4){grid-column:2 / -1;font-size:1.2rem}}
html[data-ansicht="nacht"] .trias__zeile span:nth-child(4){color:#ece7f3}

/* Feinschliff: mehr Luft, feinere Linien, ruhigere Fußzeile, Formularkarte edler */
.hell .sektion{padding-block:clamp(6rem,4rem + 8vw,11rem)}
.hell .kopf{margin-bottom:clamp(3rem,2rem + 4vw,5rem)}
.hell .w2__karte{box-shadow:0 60px 120px -70px rgba(44,44,46,.5),0 1px 0 rgba(247,242,234,.7) inset}
.hell .formular h3{font-weight:300;font-size:1.7rem;letter-spacing:-.01em}
.hell .fuss{padding-top:clamp(4rem,3rem + 4vw,7rem)}
.hell .fuss h2{color:var(--gold);opacity:.85}
.hell .fuss a{color:rgba(247,242,234,.72)}
.hell .fuss a:hover{color:var(--gold)}
.hell .uhr__zeile{letter-spacing:-.01em}
.hell .h2o::after{border-color:rgba(219,179,119,.42)}
.hell .h2o__siegel{background:rgba(247,242,234,.62)}
.hell .faq summary{padding-block:1.6rem}
.hell .opening h2{font-weight:300!important}
.hell .nochmal__satz{font-size:clamp(2.4rem,1.6rem + 2.8vw,3.8rem)}
::selection{background:rgba(219,179,119,.45);color:var(--nacht)}

/* Cursor mit mehr Wirkung (29.09.2026): Goldring, Punkt, Lichtschweif, Klick-Welle. Nur feine Maus. */
/* 29.09.2026, Nicole: Der echte Mauszeiger bleibt immer sichtbar. Ring, Licht und Welle laufen nur als Begleitung mit. */
.cursor-punkt{display:none!important}
.cursor-ring,.cursor-punkt,.cursor-schweif,.cursor-welle{position:fixed;left:0;top:0;pointer-events:none;z-index:130;border-radius:50%;will-change:transform}
.cursor-ring{width:38px;height:38px;margin:-19px 0 0 -19px;border:1px solid var(--gold);opacity:0;transition:width .35s var(--ease),height .35s var(--ease),margin .35s var(--ease),border-color .3s,background .3s,opacity .4s;mix-blend-mode:multiply}
.cursor-ring.da{opacity:1}
.cursor-ring--aktiv{width:64px;height:64px;margin:-32px 0 0 -32px;background:rgba(219,179,119,.14);border-color:rgba(219,179,119,.9)}
.cursor-ring--bild{width:90px;height:90px;margin:-45px 0 0 -45px;border-color:rgba(219,179,119,.7);background:rgba(247,242,234,.18)}
.cursor-ring--text{width:6px;height:28px;margin:-14px 0 0 -3px;border-radius:3px;background:var(--gold);border-color:var(--gold)}
.cursor-ring--druck{transform-origin:center;width:26px;height:26px;margin:-13px 0 0 -13px;background:rgba(219,179,119,.35)}
.cursor-punkt{width:6px;height:6px;margin:-3px 0 0 -3px;background:var(--indigo);opacity:0;transition:opacity .3s}
.cursor-punkt.da{opacity:1}
.cursor-punkt.versteckt{opacity:0}
.cursor-schweif{width:10px;height:10px;margin:-5px 0 0 -5px;background:var(--gold);opacity:0;filter:blur(1px);transition:opacity .4s}
.cursor-welle{width:12px;height:12px;margin:-6px 0 0 -6px;border:1px solid var(--gold);opacity:.9;animation:welle .9s var(--ease) forwards}
@keyframes welle{to{width:120px;height:120px;margin:-60px 0 0 -60px;opacity:0}}
html[data-ansicht="nacht"] .cursor-ring{mix-blend-mode:normal}
html[data-ansicht="nacht"] .cursor-punkt{background:#ece7f3}
/* Bilder reagieren: leichtes Heranzoomen unter der Maus */
.flanke,.portraet img,.cordoba img,.h2o__foto--bild img{transition:transform 1.2s var(--ease),filter .8s}
.flanke:hover,.portraet:hover img,.cordoba:hover img{transform:scale(1.03)}

/* Ballon-Prüfung (29.09.2026): drei Ballons in NAH-Farben */
.ballons__titel{font-size:.9rem;font-weight:600;margin-bottom:.6rem}
.ballons__himmel{display:flex;justify-content:center;align-items:flex-end;gap:clamp(.5rem,3vw,1.5rem);height:120px;padding:.5rem;border-radius:var(--r-s);
  background:linear-gradient(180deg,rgba(156,155,192,.12),rgba(247,242,234,0));overflow:hidden}
.ballon{width:64px;height:88px;padding:0;border:0;background:none;cursor:pointer;position:relative;animation:schweben 3.2s ease-in-out infinite;animation-delay:var(--d,0s);transition:transform .2s}
.ballon svg{width:100%;height:100%;overflow:visible}
.ballon ellipse:first-child{stroke:none}
.ballon--indigo ellipse:first-child{fill:var(--indigo)}
.ballon--petrol ellipse:first-child{fill:var(--petrol)}
.ballon--gold ellipse:first-child{fill:var(--gold)}
.ballon__knoten{fill:rgba(44,44,46,.35)}
.ballon__schnur{fill:none;stroke:rgba(75,74,107,.45);stroke-width:1.2}
.ballon__glanz{fill:rgba(247,242,234,.35)}
.ballon:hover{transform:translateY(-4px) scale(1.04)}
.ballon:focus-visible{outline:3px solid var(--petrol);outline-offset:4px;border-radius:50%}
.ballon.geplatzt{animation:platzen .45s var(--ease) forwards;pointer-events:none}
@keyframes schweben{0%,100%{translate:0 0;rotate:-2deg}50%{translate:0 -8px;rotate:2deg}}
@keyframes platzen{0%{transform:scale(1);opacity:1}35%{transform:scale(1.25);opacity:1}100%{transform:scale(.2);opacity:0}}
.ballons__stand{font-size:.85rem;color:var(--lila);margin:.5rem 0 0;text-align:center}
.ballons.fertig .ballons__stand{color:var(--petrol);font-weight:600}
.ballons.fertig .ballons__himmel{background:linear-gradient(180deg,rgba(59,96,114,.08),transparent)}
@media (prefers-reduced-motion:reduce){.ballon{animation:none}.ballon.geplatzt{animation:none;opacity:.25;transform:scale(.7)}}
html[data-ansicht="nacht"] .ballon--indigo ellipse:first-child{fill:var(--flieder)}

/* =====================================================================
   SELBSTZAHLER-FASSUNG (29.09.2026): noch edler, dunkler Preisbereich, eigener Cursor
   ===================================================================== */
/* Grundton eine Spur wärmer und tiefer, Gold als tragendes Element */
.sz{--papier:#f7f2ea;--creme:#f7f2ea;--creme-tief:#f7f2ea}
.sz .hell .h2o::after,.sz.hell .h2o::after{border-color:rgba(219,179,119,.6)}
.sz .label{color:#3b6072}
.sz .label::before{background:var(--gold);width:3rem}
.sz .nav--hell{border-bottom:1px solid rgba(219,179,119,.35)}
.sz .nav__bereiche a{font-size:.7rem;letter-spacing:.22em}
.sz .nav--hell .nav__cta{--bg:var(--nacht)}
.sz .h2o h1{font-weight:200;letter-spacing:-.025em}
.sz .h2o__siegel{background:rgba(44,44,46,.82);color:var(--gold);border-color:var(--gold);box-shadow:0 0 0 7px rgba(250,246,239,.35),0 0 0 8px rgba(219,179,119,.7),0 40px 60px -30px rgba(44,44,46,.6)}
.sz .h2o__siegel i{background:var(--gold)}
.sz .kreis{border-color:rgba(219,179,119,.7)}
.sz .ornament::before,.sz .ornament::after{width:7rem}

/* Stufen */
.selbst{background:var(--papier)}
.stufen{list-style:none;display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:clamp(1rem,2vw,2rem);align-items:stretch;counter-reset:none}
.stufe{position:relative;padding:clamp(1.5rem,2.5vw,2.5rem);border:1px solid rgba(219,179,119,.45);border-radius:4px;background:rgba(247,242,234,.55);display:flex;flex-direction:column;gap:var(--s3)}
.stufe--haupt{background:rgba(247,242,234,.85);border-color:var(--gold);box-shadow:0 50px 90px -50px rgba(75,74,107,.4)}
.stufe--haupt::before{content:"";position:absolute;inset:6px;border:1px solid rgba(219,179,119,.35);pointer-events:none;border-radius:2px}
.stufe__kopf{display:grid;grid-template-columns:auto 1fr;gap:.2rem .9rem;align-items:baseline;margin-bottom:.3rem}
.stufe__nr{grid-row:span 2;font-weight:200;font-size:2.8rem;line-height:1;color:var(--gold)}
.stufe h3{font-weight:400;font-size:1.35rem;letter-spacing:.01em}
.stufe__meta{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:#3b6072;font-weight:600}
.stufe__satz{font-family:var(--schrift);font-size:1.5rem;line-height:1.15;color:var(--indigo);margin:0 0 .4rem}
.stufe p:not(.stufe__satz):not(.stufe__meta){font-size:.95rem;line-height:1.65}
.stufe__liste{list-style:none;display:grid;gap:.55rem;font-size:.93rem;line-height:1.55}
.stufe__liste li{padding-left:1.3rem;position:relative}
.stufe__liste li::before{content:"";position:absolute;left:0;top:.65rem;width:.7rem;height:1px;background:var(--gold)}
.stufe .btn{margin-top:auto;align-self:flex-start}
.preise{display:grid;gap:0;margin:.3rem 0}
.preise div{display:flex;justify-content:space-between;align-items:baseline;padding:.6rem 0;border-top:1px solid rgba(219,179,119,.35)}
.preise dt{font-size:.92rem}
.preise dd{margin:0;font-weight:300;font-size:1.5rem;letter-spacing:-.01em}
@media (max-width:960px){.stufen{grid-template-columns:1fr}}

/* Bundles: dunkler Bereich, Gold auf Nacht */
.bundles{margin-top:var(--sektion);padding-block:var(--sektion);background:
  radial-gradient(60% 50% at 10% 0%,rgba(107,107,148,.35),transparent 70%),
  radial-gradient(50% 60% at 100% 100%,rgba(59,96,114,.35),transparent 70%),#232325;color:var(--creme)}
.bundles .label{color:var(--gold)}
.bundles h2,.bundles h2.mit-akzent em{color:var(--creme)!important}
.bundles h2.mit-akzent em{color:var(--gold)!important}
.bundles__raster{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(1.2rem,3vw,3rem);align-items:stretch;max-width:1000px;margin:0 auto}
.bundle{position:relative;padding:clamp(1.8rem,3vw,3rem);border:1px solid rgba(219,179,119,.45);border-radius:4px;background:rgba(247,242,234,.03);display:flex;flex-direction:column;gap:var(--s3)}
.bundle--gross{border-color:var(--gold);background:linear-gradient(160deg,rgba(219,179,119,.10),rgba(219,179,119,.02));box-shadow:0 60px 120px -60px rgba(0,0,0,.8)}
.bundle--gross::before{content:"";position:absolute;inset:7px;border:1px solid rgba(219,179,119,.35);pointer-events:none}
.bundle__marke{position:absolute;top:-.7rem;right:1.5rem;background:var(--gold);color:var(--nacht);font-size:.66rem;letter-spacing:.28em;text-transform:uppercase;font-weight:700;padding:.35rem .9rem}
.bundle__name{font-family:var(--schrift);font-size:clamp(2.4rem,1.8rem + 2vw,3.4rem);line-height:1;color:var(--gold);margin:0}
.bundle__dauer{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--flieder);margin:0}
.bundle__preis{margin:.6rem 0 .2rem;display:flex;align-items:baseline;gap:1rem}
.bundle__preis b{font-weight:200;font-size:clamp(2.6rem,2rem + 2vw,3.6rem);letter-spacing:-.02em;color:var(--creme)}
.bundle__preis span{font-size:.85rem;color:var(--flieder);text-decoration:line-through;text-decoration-color:rgba(156,155,192,.6)}
.bundle__satz{font-size:1.05rem;line-height:1.55;color:rgba(247,242,234,.88)}
.bundle ul{list-style:none;display:grid;gap:.55rem;font-size:.93rem;line-height:1.55;color:rgba(247,242,234,.82)}
.bundle ul li{padding-left:1.3rem;position:relative}
.bundle ul li::before{content:"";position:absolute;left:0;top:.65rem;width:.7rem;height:1px;background:var(--gold)}
.bundle__hinweis{font-size:.82rem;color:var(--flieder);border-top:1px solid rgba(219,179,119,.3);padding-top:.9rem;margin-top:.4rem}
.bundle .btn{margin-top:auto;align-self:flex-start}
.bundle .btn--gold{--bg:var(--gold);--fg:var(--nacht)}
.bedingungen{max-width:1000px;margin:var(--s8) auto 0;padding-top:var(--s6);border-top:1px solid rgba(219,179,119,.3)}
.bedingungen__titel{font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);font-weight:600;margin:0 0 var(--s4)}
.bedingungen ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:.6rem 2rem;font-size:.88rem;line-height:1.55;color:rgba(247,242,234,.8)}
.bedingungen b{color:var(--creme);font-weight:600}
.steuer{margin-top:var(--s5);font-size:.82rem;line-height:1.6;color:var(--flieder)}
@media (max-width:860px){.bundles__raster{grid-template-columns:1fr}}

/* Kurs */
.kurs{margin-top:var(--sektion);display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(1.5rem,4vw,4rem);align-items:center;padding:clamp(1.5rem,3vw,3rem);border:1px solid rgba(219,179,119,.45);border-radius:4px;background:rgba(247,242,234,.5)}
.kurs h3{font-weight:400;font-size:1.5rem;margin:.3rem 0 .6rem}
.kurs p{font-size:.95rem;line-height:1.65}
.kurs__preis{text-align:center;display:grid;gap:.4rem;justify-items:center}
.kurs__preis b{font-weight:200;font-size:3rem;line-height:1;color:var(--indigo)}
.kurs__preis span{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:#3b6072}
.kurs__preis .btn{margin-top:.6rem}
@media (max-width:760px){.kurs{grid-template-columns:1fr}}

/* Nachtansicht */
html[data-ansicht="nacht"] .sz{--papier:#232325}
html[data-ansicht="nacht"] .stufe,html[data-ansicht="nacht"] .kurs{background:rgba(47,46,56,.7)}
html[data-ansicht="nacht"] .stufe--haupt{background:rgba(47,46,56,.95)}
html[data-ansicht="nacht"] .sz .label,html[data-ansicht="nacht"] .stufe__meta,html[data-ansicht="nacht"] .kurs__preis span{color:var(--gold)}
html[data-ansicht="nacht"] .kurs__preis b{color:#ece7f3}

/* Eigener Cursor der Selbstzahler-Fassung: goldene Raute mit Lichtkegel, Ring wird zu Kreuzlinien über Knöpfen */
.sz .cursor-ring{width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:0;transform-origin:center;border:1px solid var(--gold);rotate:45deg;background:none}
.sz .cursor-ring--aktiv{width:54px;height:54px;margin:-27px 0 0 -27px;rotate:0deg;border-radius:50%;background:none;border-color:rgba(219,179,119,.85)}
.sz .cursor-ring--aktiv::before,.sz .cursor-ring--aktiv::after{content:"";position:absolute;background:var(--gold);opacity:.7}
.sz .cursor-ring--aktiv::before{left:50%;top:-8px;bottom:-8px;width:1px}
.sz .cursor-ring--aktiv::after{top:50%;left:-8px;right:-8px;height:1px}
.sz .cursor-ring--bild{width:110px;height:110px;margin:-55px 0 0 -55px;rotate:0deg;border-radius:50%;border-style:dashed;border-color:rgba(219,179,119,.7)}
.sz .cursor-ring--text{rotate:0deg;border-radius:2px;width:5px;height:26px;margin:-13px 0 0 -2px;background:var(--gold)}
.sz .cursor-punkt{background:var(--gold);width:5px;height:5px}
.sz .cursor-schweif{display:none}
.sz .cursor-licht{width:760px;height:760px;margin:-380px 0 0 -380px;background:radial-gradient(circle,rgba(219,179,119,.26) 0%,rgba(219,179,119,.10) 28%,rgba(219,179,119,0) 60%)}
.sz .bundles~* .cursor-licht{mix-blend-mode:screen}
.sz .cursor-welle{border-radius:0;rotate:45deg;border-color:var(--gold)}
@keyframes welle-sz{to{width:140px;height:140px;margin:-70px 0 0 -70px;opacity:0}}
.sz .cursor-welle{animation-name:welle-sz}

/* Ohne festes Datum: keine Zählkreise, nur „Herbst 2026“ */
body[data-eroeffnung=""] .uhr__kreise{display:none}
body[data-eroeffnung=""] .uhr__in{grid-template-columns:auto 1fr}
body[data-eroeffnung=""] .uhr__hinweis{max-width:28rem;justify-self:end}
@media (max-width:1000px){body[data-eroeffnung=""] .uhr__in{grid-template-columns:1fr}body[data-eroeffnung=""] .uhr__hinweis{justify-self:center}}

/* 29.09.2026: Senioren-Bilder auch auf Tablet und Handy sichtbar (Nicole: „die Senioren fehlen immer noch“) */
@media (max-width:1280px){
  .mit-flanken .flanke--r{display:block}
  .mit-flanken{display:flex;flex-direction:column}
  .mit-flanken .raum__text,.mit-flanken .warum__text,.mit-flanken>.wrap{order:1}
  .mit-flanken .flanke--l{order:2;margin:var(--s7) auto 0}
  .mit-flanken .flanke--r{order:3;margin:var(--s4) auto 0}
}
@media (max-width:900px){
  .w2__bild{display:block;position:relative;width:100%;height:clamp(200px,48vw,320px);object-position:50% 30%;opacity:1;
    -webkit-mask-image:linear-gradient(180deg,#000 0,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 78%,transparent 100%);-webkit-mask-composite:source-over;mask-composite:add}
  .w2__foto{position:relative;inset:auto;width:100%;height:auto;margin:0 0 var(--s5)}
  .w2__foto .foto-hinweis{display:none}
}

/* PayPal-Knöpfe an den Bundles (29.09.2026) */
.bundle__knoepfe{margin-top:auto;display:flex;flex-wrap:wrap;gap:.6rem}
.bundle .bundle__knoepfe .btn{margin-top:0}
.bundle .btn--paypal{--fg:var(--creme);border-color:rgba(219,179,119,.6)}
.bundle .btn--paypal::before{content:"";display:inline-block;width:.9em;height:.9em;margin-right:.5em;vertical-align:-.1em;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 3h7.5c3 0 4.8 1.6 4.4 4.5-.5 3.4-2.7 5-6 5H10l-1 6H5.5L7 3zm3.6 3-.6 3.8h2.2c1.5 0 2.4-.6 2.6-1.9.2-1.2-.5-1.9-2-1.9h-2.2z'/%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 24 24'%3E%3Cpath d='M7 3h7.5c3 0 4.8 1.6 4.4 4.5-.5 3.4-2.7 5-6 5H10l-1 6H5.5L7 3zm3.6 3-.6 3.8h2.2c1.5 0 2.4-.6 2.6-1.9.2-1.2-.5-1.9-2-1.9h-2.2z'/%3E%3C/svg%3E") center/contain no-repeat}

/* PayPal-Knopf im dunklen Bundle-Bereich: helle Schrift (29.09.2026) */
.bundles .btn--linie,.bundles .btn--paypal{color:var(--creme);border-color:rgba(219,179,119,.6)}
.bundles .btn--linie:hover,.bundles .btn--paypal:hover{color:var(--nacht);background:var(--gold);border-color:var(--gold)}

/* Preise auf Anfrage (29.09.2026) */
.preise dd{font-size:1.05rem;letter-spacing:.02em;color:var(--indigo)}
html[data-ansicht="nacht"] .preise dd{color:var(--flieder)}

/* =====================================================================
   NAH AM MENSCHEN (30.09.2026): Zahlen, Bildlauf (Fassung A), Filmstreifen (Fassung B), „Schon jetzt“
   ===================================================================== */
.h2o__claim strong{font-weight:600;color:var(--indigo);letter-spacing:.02em}
.h2o__jetzt{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.1rem;padding:.55rem 1rem .55rem .8rem;border:1px solid rgba(219,179,119,.7);border-radius:999px;font-size:.78rem;letter-spacing:.06em;color:var(--indigo);text-decoration:none;background:rgba(247,242,234,.55);transition:background .3s,border-color .3s}
.h2o__jetzt i{width:.55rem;height:.55rem;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 rgba(219,179,119,.6);animation:jetzt-puls 2.2s ease-out infinite}
.h2o__jetzt:hover{background:#f7f2ea;border-color:var(--gold)}
@keyframes jetzt-puls{0%{box-shadow:0 0 0 0 rgba(219,179,119,.65)}70%{box-shadow:0 0 0 9px rgba(219,179,119,0)}100%{box-shadow:0 0 0 0 rgba(219,179,119,0)}}
html[data-ansicht="nacht"] .h2o__jetzt{background:rgba(44,44,46,.6);color:var(--creme)}
.nahmensch .lead{max-width:44rem}
.zahlen{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2vw,2rem);margin:var(--s7) 0}
.zahlen li{display:grid;gap:.35rem;padding:1.2rem 1.4rem;border-left:1px solid rgba(219,179,119,.7)}
.zahlen b{font-weight:200;font-size:clamp(2.4rem,1.6rem + 2.4vw,3.6rem);line-height:1;letter-spacing:-.02em;color:var(--indigo);font-variant-numeric:tabular-nums}
.zahlen span{font-size:.95rem;line-height:1.35}
.zahlen small{display:block;font-size:.72rem;letter-spacing:.06em;color:var(--flieder);margin-top:.25rem}
html[data-ansicht="nacht"] .zahlen b{color:#ece7f3}
@media (max-width:900px){.zahlen{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.zahlen{grid-template-columns:1fr 1fr;gap:.6rem}.zahlen li{padding:.8rem .9rem}}

/* Fassung A · Bildlauf: endlos, langsam, hält an, wenn man die Maus drauflegt */
.lauf{position:relative;margin:var(--s7) calc(50% - 50vw);width:100vw;overflow:hidden;padding:.6rem 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.lauf__spur{display:flex;gap:clamp(.8rem,1.6vw,1.4rem);width:max-content;animation:lauf 58s linear infinite;will-change:transform}
.lauf:hover .lauf__spur,.lauf:focus-within .lauf__spur{animation-play-state:paused}
.lauf__bild{position:relative;flex:none;width:clamp(180px,22vw,300px);aspect-ratio:3/4;margin:0;border-radius:6px;overflow:hidden;box-shadow:0 30px 50px -30px rgba(44,44,46,.5);transform:rotate(var(--kipp,0deg));transition:transform .5s var(--ease)}
.lauf__bild:nth-child(odd){--kipp:-1.2deg;margin-top:1.6rem}.lauf__bild:nth-child(even){--kipp:1.1deg}
.lauf__bild:hover{transform:rotate(0) scale(1.03);z-index:2}
.lauf__bild img{width:100%;height:100%;object-fit:cover;display:block}
.lauf__bild figcaption{position:absolute;left:0;right:0;bottom:0;padding:1.6rem .9rem .7rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#f7f2ea;background:linear-gradient(180deg,transparent,rgba(44,44,46,.7))}
@keyframes lauf{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.lauf__spur{animation:none;overflow-x:auto;width:auto}.lauf{mask-image:none;-webkit-mask-image:none}.lauf__bild--kopie{display:none}}

/* Fassung B · Filmstreifen: ein Bild nach dem anderen, sanfte Bewegung im Bild, Punkte zum Springen */
.film{position:relative;margin:var(--s7) auto;max-width:960px;aspect-ratio:16/10;border-radius:8px;overflow:hidden;background:var(--nacht);box-shadow:0 60px 90px -50px rgba(44,44,46,.6)}
.film__bild{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1.4s var(--ease)}
.film__bild.da{opacity:1}
.film__bild img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block;transform:scale(1.04);transition:transform 7s linear}
.film__bild.da img{transform:scale(1.14)}
.film__bild figcaption{position:absolute;left:0;right:0;bottom:0;padding:3rem 2rem 1.4rem;color:var(--creme);font-family:var(--schrift);font-size:clamp(1.6rem,1.2rem + 1.4vw,2.6rem);line-height:1;background:linear-gradient(180deg,transparent,rgba(44,44,46,.75));opacity:0;transform:translateY(8px);transition:opacity .9s .4s,transform .9s .4s}
.film__bild.da figcaption{opacity:1;transform:none}
.film__punkte{position:absolute;left:0;right:0;bottom:.9rem;display:flex;justify-content:center;gap:.5rem;z-index:2}
.film__punkte button{width:2.2rem;height:3px;border:0;border-radius:2px;background:rgba(247,242,234,.45);cursor:pointer;padding:0;transition:background .3s}
.film__punkte button[aria-selected="true"]{background:var(--gold)}
.film__punkte button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media (max-width:640px){.film{aspect-ratio:4/5;margin-inline:calc(50% - 50vw);border-radius:0;max-width:none}.film__bild figcaption{padding:2rem 1.2rem 2.2rem;font-size:1.7rem}}
@media (prefers-reduced-motion:reduce){.film__bild img,.film__bild.da img{transform:none;transition:none}}

/* „Schon jetzt möglich“ */
.jetzt{margin-top:var(--s8);padding:clamp(1.6rem,3vw,3rem);border:1px solid rgba(219,179,119,.55);border-radius:6px;background:rgba(247,242,234,.6);position:relative}
.jetzt::before{content:"";position:absolute;inset:6px;border:1px solid rgba(219,179,119,.25);pointer-events:none;border-radius:3px}
.jetzt__kopf h3{font-weight:300;font-size:clamp(1.5rem,1.2rem + 1.2vw,2.2rem);margin:.3rem 0 1.2rem}
.jetzt__raster{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2.5vw,2.5rem)}
.jetzt__karte{display:grid;gap:.5rem;align-content:start}
.jetzt__karte h4{font-weight:500;font-size:1.1rem;margin:0}
.jetzt__karte p{font-size:.95rem;line-height:1.6;margin:0}
.jetzt__symbol{width:2.6rem;height:2.6rem;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(219,179,119,.7);color:var(--gold)}
.jetzt__symbol svg{width:1.4rem;height:1.4rem}
.jetzt__knoepfe{margin-top:1.6rem}
html[data-ansicht="nacht"] .jetzt{background:rgba(47,46,56,.7)}
@media (max-width:720px){.jetzt__raster{grid-template-columns:1fr}}
/* Warum ich (30.09.2026) */
.warumich{margin-top:var(--s8);display:grid;grid-template-columns:minmax(0,18rem) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);align-items:start}
.warumich__kopf h3{font-family:var(--schrift);font-weight:400;font-size:clamp(2rem,1.4rem + 2vw,3rem);line-height:1.05;margin:.4rem 0 0;color:var(--indigo)}
.warumich__liste{list-style:none;counter-reset:w;display:grid;gap:1.1rem;margin:0;padding:0}
.warumich__liste li{counter-increment:w;position:relative;padding:0 0 1.1rem 3rem;border-bottom:1px solid rgba(219,179,119,.35);font-size:.98rem;line-height:1.6}
.warumich__liste li::before{content:counter(w,decimal-leading-zero);position:absolute;left:0;top:.15rem;font-size:.8rem;letter-spacing:.1em;color:var(--gold);font-weight:600}
.warumich__liste b{display:block;font-weight:600;color:var(--indigo);margin-bottom:.2rem}
html[data-ansicht="nacht"] .warumich__liste b,html[data-ansicht="nacht"] .warumich__kopf h3{color:#ece7f3}
@media (max-width:820px){.warumich{grid-template-columns:1fr}}
/* Sprachumschalter (30.09.2026): DE · EN · ES · AR, in der Kopfzeile und im Fuß */
.sprachen{display:inline-flex;gap:.15rem;margin-left:.4rem;padding:.2rem;border:1px solid rgba(75,74,107,.25);border-radius:999px;background:rgba(247,242,234,.5)}
.sprachen button{border:0;background:transparent;font:inherit;font-size:.68rem;letter-spacing:.12em;font-weight:600;color:var(--indigo);padding:.4rem .55rem;border-radius:999px;cursor:pointer;transition:background .25s,color .25s}
.sprachen button[aria-pressed="true"]{background:var(--indigo);color:var(--creme)}
.sprachen button:hover{background:rgba(219,179,119,.35)}
.sprachen button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.sprachen--fuss{margin:0 0 0 auto;border-color:rgba(247,242,234,.3);background:transparent}
.sprachen--fuss button{color:var(--creme)}
.sprachen--fuss button[aria-pressed="true"]{background:var(--gold);color:var(--nacht)}
.fuss__unten{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.4rem}
html[data-ansicht="nacht"] .sprachen{background:rgba(44,44,46,.6);border-color:rgba(156,155,192,.35)}
html[data-ansicht="nacht"] .sprachen button{color:var(--creme)}
@media (max-width:900px){.hilfen .sprachen{display:none}.sprachen--fuss{margin-left:0}}
/* Fassung B „Ich“ (30.09.2026): Hero in Indigo mit Porträt, Zahlen und Fotos direkt nach dem Hero */
.sz-ich .h2o{background:linear-gradient(105deg,#2c2c2e 0%,#4b4a6b 45%,#4b4a6b 70%,#6b6b94 100%);color:var(--creme)}
.sz-ich .hell .h2o::after,.sz-ich .h2o::after{border-color:rgba(219,179,119,.45)}
.sz-ich .h2o__claim,.sz-ich .h2o__claim strong{color:var(--gold)}
.sz-ich .h2o h1{color:var(--creme)}
.sz-ich .h2o h1 em{color:var(--gold)}
.sz-ich .h2o__sub{color:rgba(247,242,234,.88)}
.sz-ich .h2o .btn{--bg:var(--gold);--fg:var(--nacht)}
.sz-ich .h2o .btn--linie{color:var(--creme);border-color:rgba(247,242,234,.5)}
.sz-ich .h2o .btn--linie:hover{border-color:var(--gold);color:var(--gold)}
.sz-ich .h2o__jetzt{background:rgba(247,242,234,.08);color:var(--creme);border-color:rgba(219,179,119,.6)}
.sz-ich .h2o__jetzt:hover{background:rgba(247,242,234,.14)}
.sz-ich .h2o .ekg-nah{fill:var(--creme)}
.sz-ich .h2o .ekg-puls{stroke:var(--creme)}
.sz-ich .h2o__foto--bild{width:46%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%);mask-image:linear-gradient(90deg,transparent 0,#000 30%)}
.sz-ich .h2o__foto--bild img{object-position:50% 20%;filter:saturate(.95)}
.sz-ich .h2o__siegel{background:rgba(44,44,46,.55);color:var(--gold);border-color:var(--gold)}
.sz-ich .h2o__wellen path{stroke:rgba(247,242,234,.18)}
.sz-ich .h2o__wellen path.w3{stroke:rgba(219,179,119,.18)}
.sz-ich .nahmensch{background:var(--papier)}
.sz-ich .zahlen li{border-left-color:var(--indigo);background:rgba(247,242,234,.55);border-radius:0 6px 6px 0}
.sz-ich .zahlen b{color:var(--petrol)}
.sz-ich .warumich__liste li::before{color:var(--petrol)}
.sz-ich .nav--hell{background:rgba(75,74,107,.92);border-bottom-color:rgba(219,179,119,.4)}
.sz-ich .nav--hell a,.sz-ich .nav--hell .hilfen button,.sz-ich .nav--hell .sprachen button{color:var(--creme)}
.sz-ich .nav--hell .sprachen button[aria-pressed="true"]{background:var(--gold);color:var(--nacht)}
.sz-ich .nav--hell .nav__cta{--bg:var(--gold);--fg:var(--nacht)}
.sz-ich .nav--hell .marke{color:var(--gold)}
html[data-ansicht="nacht"] .sz-ich .h2o{background:linear-gradient(105deg,#232325,#2f2e38 60%,#3a3950)}
@media (max-width:900px){.sz-ich .h2o__foto--bild{width:100%;height:360px;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30%);mask-image:linear-gradient(180deg,transparent 0,#000 30%)}}

/* Fassung B: Seiden-Leinwand im Indigo-Hero nur sanft, damit der Text lesbar bleibt */
.sz-ich .silk{mix-blend-mode:soft-light}
.sz-ich .silk--da{opacity:.35}

/* Rückmeldung nach dem Bestätigungslink (30.09.2026) */
.form__erfolg{margin:0 0 var(--s5);padding:1rem 1.2rem;border-left:3px solid var(--gold);background:rgba(247,242,234,.6);border-radius:0 6px 6px 0;font-size:1rem;line-height:1.5}
.form__erfolg--hinweis{border-left-color:var(--petrol)}
html[data-ansicht="nacht"] .form__erfolg{background:rgba(47,46,56,.7)}

/* Turbinado (30.09.2026): kräftiger als Allura, deshalb kleinere Akzentgrößen */
.pre main .sektion h2.mit-akzent em{font-size:1.18em;line-height:1.12;letter-spacing:.005em}
.h2o h1 em{font-size:.9em}
.warumich__kopf h3,.film__bild figcaption,.bundle__name,.stufe__satz{letter-spacing:.005em}

/* Cookie-Abfrage mit zwei Knoepfen (01.10.2026) */
.kekse__nur{min-height:40px;padding:.5rem 1.1rem;border:1px solid var(--indigo);background:transparent;color:var(--indigo);border-radius:2px;cursor:pointer;font:inherit;font-size:.86rem}
.kekse__nur:hover{background:rgba(75,74,107,.08)}
html[data-ansicht="nacht"] .kekse__nur{border-color:var(--creme);color:var(--creme)}

/* Flankenbilder auf dem Handy: Bild, Zeile, Haupttext, Bild, Zeile (Nicole, 01.10.2026: nie zwei Bilder hintereinander) */
.flanke__wort{display:none}
@media (max-width:800px){.lp .mit-flanken{display:flex;flex-direction:column;padding-bottom:var(--s7)}.lp .mit-flanken .flanke{position:relative;display:block;left:auto;right:auto;top:auto;bottom:auto;width:min(60%,280px);margin:var(--s6) auto 0;border-radius:10px}.lp .mit-flanken .flanke--l{order:1}.lp .mit-flanken .flanke__wort--l{order:2}.lp .mit-flanken > .wrap,.lp .mit-flanken > .raum__text{order:3}.lp .mit-flanken .flanke--r{order:4;display:block}.lp .mit-flanken .flanke__wort--r{order:5}.lp .flanke__wort{display:block;text-align:center;font-family:var(--schrift);font-size:1.35rem;line-height:1.2;color:var(--petrol);margin:.8rem auto 0;max-width:22rem;padding:0 1rem}}

/* Kompetenz als Fliesstext statt Zahlenkaestchen (Nicole, 01.10.2026) */
.kompetenz{max-width:40rem;margin:var(--s6) auto var(--s7);padding:var(--s5) var(--s6);border-left:3px solid var(--gold);background:rgba(247,242,234,.7);font-size:1.02rem;line-height:1.7;color:var(--indigo)}
html[data-ansicht="nacht"] .kompetenz{background:rgba(44,44,46,.5);color:#ece7f3}

/* Lungen-Zeichnung bei der Trias (Nicole, 01.10.2026) */
.trias__bild{float:right;width:clamp(90px,24%,170px);height:auto;margin:0 0 .4rem 1rem}
.trias__figur{margin:var(--s5) 0 0;text-align:center}
.trias__figur img{float:none;width:min(240px,62%);height:auto;margin:0 auto;display:block}
html[data-ansicht="nacht"] .trias__bild{filter:brightness(1.15)}
.trias__figur{display:flex;justify-content:center;align-items:flex-end;gap:clamp(1rem,4vw,3rem)}
.trias__figur img{height:clamp(140px,26vw,220px);width:auto;margin:0}
.trias__figur img+img{margin:0}
.sz .trias__bild{height:auto;max-height:200px;width:auto;max-width:34%}

/* Das behandle ich: vier Felder der Logopädie mit den goldenen Zeichen (Nicole, 01.10.2026). Auf dem Handy untereinander, jedes Bild hat seinen Text. */
.felder__liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.4rem,3vw,2.6rem);align-items:start}
.felder .fach{text-align:center}
.felder .fach img{height:clamp(120px,13vw,160px);width:auto;max-width:100%;margin:0 auto 1rem;display:block}
.felder .fach h3{font-size:1.05rem;margin:0 0 .45rem;letter-spacing:.01em}
.felder .fach p{font-size:.95rem;line-height:1.55;margin:0;opacity:.85}
html[data-ansicht="nacht"] .felder .fach img{filter:brightness(1.15)}
@media (max-width:900px){.felder__liste{grid-template-columns:1fr 1fr;gap:2rem 1.5rem}}
@media (max-width:540px){.felder__liste{grid-template-columns:1fr;gap:2.2rem}.felder .fach img{height:130px}}

/* Zeichen einheitlich: klein und im Kreis wie die ersten Symbole (Nicole, 02.10.2026). Gilt fuer drei Saeulen, "Das behandle ich" und die Trias. */
.s3__icon--bild,.zeichen{background:transparent!important;border:1px solid var(--gold);box-shadow:0 0 0 8px var(--papier),0 0 0 9px rgba(219,179,119,.25)}
.s3__icon--bild img,.zeichen img{width:3.6rem;height:3.6rem;max-width:none;max-height:none;object-fit:contain;display:block;margin:0;float:none}
.zeichen{display:inline-grid;place-items:center;width:6rem;height:6rem;border-radius:50%;margin:0 auto 1.1rem;position:relative}
.felder .fach .zeichen img{height:3.6rem;width:3.6rem;margin:0}
.trias__figur{align-items:center}
.trias__figur .zeichen{margin:0;flex:0 0 6rem;width:6rem;height:6rem}
.trias__figur .zeichen img{height:3.6rem;width:3.6rem}
.zeichen--rechts{float:right;width:5.5rem;height:5.5rem;margin:.2rem 0 .6rem 1rem}
.sz .zeichen .trias__bild{max-height:none;max-width:none;height:3.3rem;width:3.3rem}
html[data-ansicht="nacht"] .zeichen img,html[data-ansicht="nacht"] .s3__icon--bild img{filter:brightness(1.15)}
@media (max-width:540px){.zeichen{width:5.2rem;height:5.2rem}.zeichen img,.felder .fach .zeichen img{width:3.1rem;height:3.1rem}.zeichen--rechts{width:4.6rem;height:4.6rem}.sz .zeichen--rechts .trias__bild{width:2.8rem;height:2.8rem}}

/* Umbau Fassung B nach Audit (02.10.2026): Klarheit zuerst. Zwei Wege, Angebot, Ablauf, Qualifikationen, Schwebe-Knopf klein. */
.h2o h1 .h1-zeile2{display:block;font-size:.52em;font-weight:300;letter-spacing:.01em;margin-top:.35em;line-height:1.3}
.h2o__vertrauen{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;opacity:.8;margin:1.2rem 0 0}
.wege{padding-top:var(--s7);padding-bottom:var(--s7)}
.wege__raster{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.weg{display:block;padding:1.8rem 1.6rem;border:1px solid rgba(219,179,119,.45);border-radius:6px;text-decoration:none;color:inherit;background:var(--papier);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.weg:hover{transform:translateY(-3px);box-shadow:0 18px 34px -20px rgba(44,44,46,.4)}
.weg h2{font-size:1.35rem;margin:.4rem 0 .6rem}
.weg p{margin:0}
.weg .label{margin-bottom:.2rem}
.weg__pfeil{display:inline-block;margin-top:1rem;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--indigo);border-bottom:1px solid var(--gold);padding-bottom:.2rem}
.angebot__liste{list-style:none;margin:0 0 var(--s6);padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.angebot__karte{padding:1.4rem 1.3rem;border-radius:6px;background:rgba(247,242,234,.6);border:1px solid rgba(219,179,119,.35)}
.angebot__karte h3{font-size:1.05rem;margin:0 0 .5rem}
.angebot__karte p{font-size:.95rem;margin:0;opacity:.9}
.ablauf{list-style:none;margin:0 0 var(--s5);padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.ablauf li{font-size:.98rem;line-height:1.55;padding-left:1rem;border-left:2px solid var(--gold)}
.ablauf b{display:block;color:var(--indigo);margin-bottom:.25rem}
.angebot__hinweis{max-width:46rem;margin:0 auto var(--s5);text-align:center;font-size:.95rem;opacity:.85}
.angebot .btn-reihe{justify-content:center}
.erstgespraech{padding-top:var(--s7)}
.felder__zusatz{max-width:46rem;margin:var(--s6) auto 0;text-align:center;font-size:.98rem;opacity:.85}
.s3__hinweis{max-width:44rem;margin:var(--s6) auto 0;text-align:center;font-size:.95rem;opacity:.85}
.quali{margin:var(--s5) 0;border-top:1px solid rgba(219,179,119,.4);border-bottom:1px solid rgba(219,179,119,.4);padding:.6rem 0}
.quali summary{cursor:pointer;font-weight:600;padding:.6rem 0;list-style:none}
.quali summary::-webkit-details-marker{display:none}
.quali summary::before{content:"+";display:inline-block;width:1.4rem;color:var(--gold)}
.quali[open] summary::before{content:"\2013"}
.quali ul{margin:.4rem 0 .8rem 1.4rem;padding:0;font-size:.95rem;line-height:1.55}
.quali li{margin:0 0 .45rem}
.dock .btn{min-height:46px;font-size:.78rem;padding:.7rem 1rem}
@media (max-width:760px){.wege__raster,.angebot__liste,.ablauf{grid-template-columns:1fr}.angebot__liste{gap:.9rem}.weg{padding:1.4rem 1.2rem}}
@media (min-width:761px) and (max-width:1000px){.angebot__liste{grid-template-columns:1fr 1fr}}

/* Erster Bildschirm: beide Knoepfe gleich breit und gleich hoch, auf dem Handy volle Breite (Nicole, 02.10.2026: "die 2 Kaesten symmetrisch") */
.lp .h2o .btn-reihe{display:flex;flex-wrap:wrap;gap:.8rem;align-items:stretch}
.lp .h2o .btn-reihe .btn{flex:1 1 15rem;justify-content:center;text-align:center;min-height:3.6rem;margin:0}
@media (max-width:640px){.lp .h2o .btn-reihe .btn{flex-basis:100%}}

/* 05.10.2026: "Was Sie staerken koennen" nur noch NAH, drei Felder */
/* als Trias untereinander: Zeichen links, Text rechts */
.felder__liste.felder__liste--drei{grid-template-columns:1fr;max-width:44rem;margin-inline:auto;gap:2rem}
.felder__liste--drei .fach{display:grid;grid-template-columns:auto 1fr;column-gap:clamp(1.2rem,3vw,2rem);align-items:center;text-align:left}
.felder__liste--drei .fach .zeichen{grid-row:1 / span 2;margin:0}
.felder__liste--drei .fach h3{align-self:end;font-size:1.2rem;margin:0 0 .3rem}
.felder__liste--drei .fach p{align-self:start}

/* 05.10.2026 abends (Nicole) ------------------------------------------------------------- */
/* Fuß nicht in Schiefer, sondern im Indigo der Kopfleiste */
html:not([data-ansicht="nacht"]) .fuss{background:var(--indigo)}
/* Herzlinie unter dem Kopf: über die ganze Bildschirmbreite (Pfad links und rechts verlängert) */
.ekg-band{overflow:hidden}
.ekg-band__linie{stroke-dasharray:6000;stroke-dashoffset:6000}
.ekg-band__punkt{offset-path:path("M-2400,72 H150 L166,72 L166,26 L196,72 L196,26 L196,72 L214,72 L232,72 L246,26 L260,72 L238,54 L254,54 L260,72 L286,72 L300,72 L300,26 L300,50 L332,50 L332,26 L332,72 L346,72 H3020")}
@keyframes ekg-schreiben{0%{stroke-dashoffset:6000}55%{stroke-dashoffset:0}85%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
/* "Warum ich" symmetrisch: Überschrift mittig, Liste mittig darunter */
.lp .nahmensch .warumich{display:block;max-width:48rem;margin-inline:auto}
.lp .nahmensch .warumich__kopf{text-align:center;margin-bottom:var(--s6)}
.lp .nahmensch .warumich__kopf .label{justify-content:center}
/* Randbilder, sobald sie untereinander stehen: Bild, Satz, Haupttext, Bild, Satz. Nie zwei Bilder direkt hintereinander. */
@media (max-width:1280px){
  .lp .mit-flanken{display:flex;flex-direction:column;padding-bottom:var(--s7)}
  .lp .mit-flanken .flanke{position:relative;display:block;left:auto;right:auto;top:auto;bottom:auto;width:min(60%,300px);margin:var(--s6) auto 0;border-radius:10px}
  .lp .mit-flanken .flanke--l{order:1}.lp .mit-flanken .flanke__wort--l{order:2}
  .lp .mit-flanken > .wrap,.lp .mit-flanken > .raum__text{order:3}
  .lp .mit-flanken .flanke--r{order:4}.lp .mit-flanken .flanke__wort--r{order:5}
  .lp .mit-flanken .flanke__wort{display:block;text-align:center;font-family:var(--schrift);font-size:clamp(1.35rem,1rem + 1vw,1.8rem);line-height:1.2;color:var(--petrol);margin:.9rem auto 0;max-width:26rem;padding:0 1rem}
}

/* 06.10.2026: Gruppenbild aus dem Centro Gospa direkt unter dem Brondo-Absatz, in der Textspalte */
.cordoba.cordoba--innen{max-width:none;margin:var(--s6) 0 var(--s6);padding-inline:0}
.cordoba--innen img{border-radius:10px}
.cordoba--innen figcaption{margin-top:.9rem;max-width:none;text-align:left;font-size:.95rem}
.cordoba--innen figcaption b::before{margin:0 0 .7rem}

/* 06.10.2026 (Nicole): Bilderband kleiner und schneller */
.lp .lauf__bild{width:clamp(130px,14vw,210px)}
.lp .lauf__bild:nth-child(odd){margin-top:1rem}
.lp .lauf__spur{animation-duration:30s;gap:clamp(.6rem,1.2vw,1rem)}

/* 06.10.2026 (Nicole): Über mich ohne Porträt, Text mittig in einer Spalte */
.ich.ich--ohne-bild{grid-template-columns:1fr;max-width:48rem;margin-inline:auto}

/* 06.10.2026 (Nicole: "oben quer"): drei NAH-Felder nebeneinander, verbunden durch die goldene Herzlinie */
.felder__ekg{display:none}
@media (min-width:900px){
  .lp .felder__liste.felder__liste--drei{grid-template-columns:repeat(3,1fr);max-width:62rem;margin-inline:auto;gap:clamp(1.5rem,3vw,3rem);position:relative}
  .lp .felder__liste--drei .fach{display:block;text-align:center;position:relative;z-index:1}
  .lp .felder__liste--drei .fach .zeichen{margin:0 auto 1.1rem;background:var(--papier)!important}
  .lp .felder__liste--drei .fach h3{margin:0 0 .45rem}
  .lp .felder__liste--drei .felder__ekg{display:block;position:absolute;left:0;right:0;top:0;height:6rem;margin:0;padding:0;z-index:0;pointer-events:none}
  .felder__ekg svg{display:block;width:100%;height:100%;overflow:visible}
  .felder__ekg path{fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.85}
}

/* 06.10.2026 (Nicole): Satz "Abseits der Praxis" gehört zur Bilderreihe */
.lauf__text{max-width:40rem;margin:-.5rem auto var(--s7);text-align:center;font-size:1.05rem;line-height:1.7;color:var(--indigo)}
html[data-ansicht="nacht"] .lauf__text{color:var(--creme)}

/* 06.10.2026 (Nicole): Schrift in ihrer Farbe Schiefer #2c2c2e, Hintergrund Creme #f7f2ea (helle Ansicht).
   Indigo bleibt für Kopfleiste, Fuß und die Indigo-Flächen (Band "Von Anfang an dabei", Instagram-Kacheln, Kopfbereich). */
html:not([data-ansicht="nacht"]) body{--papier:#f7f2ea}
html:not([data-ansicht="nacht"]) main{--indigo:#2c2c2e;color:var(--indigo)}
html:not([data-ansicht="nacht"]) main .h2o,html:not([data-ansicht="nacht"]) main .nochmal,html:not([data-ansicht="nacht"]) main .insta__raster{--indigo:#4b4a6b}
/* 06.10.2026 (Nicole: "allgemein meine Farben"): Rechtsseiten ebenfalls in Schiefer */
html:not([data-ansicht="nacht"]) main.recht :is(p,li,address,dd,dt){color:var(--indigo)}
html:not([data-ansicht="nacht"]) .feld input[type=number]{background-color:var(--karte)}

/* 06.10.2026 (Nicole: "die ganze Seite so umstellen", A + B): Layout wie "Terminvereinbarung".
   A: Köpfe und Texte linksbündig. B: kleine Zeile ohne Strich davor, zweizeilige Überschrift mit Schreibschrift. */
.lp main .kopf--mitte,.lp main .kopf{margin-inline:0;text-align:left}
.lp main .kopf--mitte .label,.lp main .warum .label,.lp main .insta__in--mitte .label,.lp main .raum--mitte .label{justify-content:flex-start}
.lp main .label::before{display:none}
.lp main .warum{text-align:left}
.lp main .warum__satz,.lp main .pre .warum__satz{margin-left:0;margin-right:auto}
.lp main .warum__about{margin-left:0;text-align:left}
.lp main .felder__zusatz{margin-left:0;text-align:left}
.lp main .lauf__text{margin-left:0;text-align:left}
.lp .nahmensch .warumich{margin-inline:0}
.lp .nahmensch .warumich__kopf{text-align:left}
.lp .nahmensch .warumich__kopf .label{justify-content:flex-start}
.lp .ich.ich--ohne-bild{max-width:var(--breite);margin-inline:auto}
.lp .ich--ohne-bild > div{max-width:48rem}
.lp .raum--mitte .raum__text{max-width:var(--max,1200px);margin:0 auto;padding-inline:var(--rand);align-items:flex-start;text-align:left}
.lp .insta__in--mitte{margin-inline:auto;max-width:var(--max,1200px);text-align:left}
.lp .insta__in--mitte .social--symbole{justify-content:flex-start}
.lp .insta__in--mitte .ornament{margin-left:0}
.lp main .sektion h2.mit-akzent,.lp .raum h2.mit-akzent,.lp .w2 h2.mit-akzent{font-family:var(--font);font-size:var(--fs-h2);font-weight:300;line-height:1.15}
.lp main .sektion h2.mit-akzent em,.lp .raum h2.mit-akzent em{display:block;font-family:var(--schrift);font-style:normal;font-weight:400;font-size:min(1.5em,12vw);line-height:1.05;margin-top:.05em}

/* 06.10.2026: Abschnitt "Für wen" mit drei Einstiegen (Gutachten) */
.zielgruppen__liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.2rem,3vw,2.6rem)}
.zielgruppe{border-top:2px solid var(--gold);padding-top:1.3rem;display:flex;flex-direction:column}
.zielgruppe h3{font-size:1.3rem;font-weight:400;margin:0 0 .8rem}
.zielgruppe ul{margin:0 0 1.3rem;padding-left:1.1rem;line-height:1.7;flex:1}
.zielgruppe ul li::marker{color:var(--gold)}
.zielgruppe__link{align-self:flex-start;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--petrol);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:.35rem}
.zielgruppe__link:hover{color:var(--indigo)}
@media (max-width:900px){.zielgruppen__liste{grid-template-columns:1fr}}

/* 06.10.2026 (Nicole: "viel Totraum"): Abstände zwischen den Abschnitten etwa halbiert */
body.lp.hell{--sektion:clamp(2.75rem,2rem + 3vw,5rem)}
.lp .mit-flanken .flanke{margin-top:var(--s5)}
.lp main .ornament{margin-bottom:var(--s4)}
.lp .felder__zusatz{margin-top:var(--s5)}
.lp .kopf{margin-bottom:var(--s6)}
body.lp.hell .sektion{padding-block:var(--sektion)}
.lp main .kopf .lead,.lp main .kopf--nah .lead{margin-left:0}

/* 06.10.2026 (Prüfung Layout): Randbilder überdeckten am Rechner den linksbündigen Text.
   Neu auf allen Breiten: erst der Text, darunter beide Bilder nebeneinander, unter jedem Bild sein Satz. Alles an derselben linken Kante. */
.lp .mit-flanken{display:grid;grid-template-columns:repeat(2,minmax(0,280px));column-gap:clamp(1rem,3vw,2.5rem);justify-content:start;
  padding-inline:max(var(--rand),calc((100% - var(--breite)) / 2 + var(--rand)))}
.lp .mit-flanken > .wrap,.lp .mit-flanken > .raum__text{grid-column:1 / -1;grid-row:1;max-width:none;margin:0;padding-inline:0}
.lp .mit-flanken .flanke{position:static;display:block;left:auto;right:auto;top:auto;bottom:auto;width:100%;max-width:none;height:auto;aspect-ratio:3/4;margin:var(--s5) 0 0;border-radius:10px}
.lp .mit-flanken .flanke--l{grid-column:1;grid-row:2}
.lp .mit-flanken .flanke--r{grid-column:2;grid-row:2;display:block}
.lp .mit-flanken .flanke__wort{display:block;margin:.7rem 0 0;padding:0;max-width:none;text-align:left;font-family:var(--schrift);font-size:clamp(1.15rem,1rem + .5vw,1.45rem);line-height:1.25;color:var(--petrol)}
.lp .mit-flanken .flanke__wort--l{grid-column:1;grid-row:3}
.lp .mit-flanken .flanke__wort--r{grid-column:2;grid-row:3}
.lp .raum--mitte .raum__text{padding-block:0}

/* 06.10.2026 (Prüfung Leerraum): kein doppelter Abstand unter der Herzlinie; Terminvereinbarung: Text links bleibt beim Scrollen neben dem Formular stehen */
.lp #fuer-wen{padding-top:var(--s6)}
.lp .ekg-band{padding-bottom:0}
@media (min-width:900px){.lp .w2__in{align-items:start}.lp .w2__text{position:sticky;top:calc(5rem + var(--s5))}}
.lp .w2{overflow:clip}

/* 06.10.2026 (Nicole: "das meiste so wie Für wen"): Warum ich und Qualifikationen als Spalten mit goldener Linie, Titel und Kreis-Punkten */
.lp .warumich__liste{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.2rem,3vw,2.6rem) clamp(1.2rem,3vw,2.6rem)}
.lp .warumich__liste li{padding:1.3rem 0 0;border-bottom:0;border-top:2px solid var(--gold);font-size:1rem;line-height:1.7}
.lp .warumich__liste li::before{content:none}
.lp .warumich__liste b{font-size:1.3rem;font-weight:400;margin-bottom:.6rem;color:var(--indigo)}
@media (max-width:900px){.lp .warumich__liste{grid-template-columns:1fr}}
.lp .quali ul.quali__raster{list-style:none;margin:var(--s5) 0 var(--s4);padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.2rem,3vw,2.6rem)}
.lp .quali__gruppe{border-top:2px solid var(--gold);padding-top:1.1rem;margin:0}
.lp .quali__gruppe h3{font-size:1.15rem;font-weight:400;margin:0 0 .6rem}
.lp .quali__gruppe ul{margin:0;padding-left:1.1rem;font-size:.95rem;line-height:1.65}
.lp .quali__gruppe ul li{margin:0 0 .25rem}
.lp .quali__gruppe ul li::marker,.lp .zielgruppe ul li::marker{color:var(--gold);content:"\25E6  "}
@media (max-width:1000px){.lp .quali ul.quali__raster{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.lp .quali ul.quali__raster{grid-template-columns:1fr}}
.lp .nahmensch .warumich{max-width:none}
.lp .ich--ohne-bild .quali{width:calc(min(100vw,var(--breite)) - 2 * var(--rand));max-width:none}
/* Handy: ältere Einzelregeln für den Raum-Abschnitt übersteuern, damit beide Randbild-Abschnitte gleich aussehen */
body.lp.sz .mit-flanken{display:grid;padding-bottom:var(--sektion)}
body.lp.sz .mit-flanken .flanke{position:static;width:100%;margin:var(--s5) 0 0}
body.lp.sz .mit-flanken .flanke--l{grid-column:1;grid-row:2}
body.lp.sz .mit-flanken .flanke--r{grid-column:2;grid-row:2}
body.lp.sz .mit-flanken .flanke__wort{display:block;text-align:left;margin:.7rem 0 0;padding:0;max-width:none}
body.lp.sz .mit-flanken .flanke__wort--l{grid-column:1;grid-row:3}
body.lp.sz .mit-flanken .flanke__wort--r{grid-column:2;grid-row:3}
body.lp.sz .mit-flanken > .wrap,body.lp.sz .mit-flanken > .raum__text{grid-column:1 / -1;grid-row:1}
/* 06.10.2026 (Nicole: "rechts und links so leer"): am Rechner Text links, beide Bilder rechts daneben */
@media (min-width:1100px){
  body.lp.sz .mit-flanken{grid-template-columns:minmax(0,1fr) repeat(2,minmax(0,250px));column-gap:clamp(1.5rem,3vw,3rem);align-items:start}
  body.lp.sz .mit-flanken > .wrap,body.lp.sz .mit-flanken > .raum__text{grid-column:1;grid-row:1 / span 2;align-self:center}
  body.lp.sz .mit-flanken .flanke--l{grid-column:2;grid-row:1;margin-top:0}
  body.lp.sz .mit-flanken .flanke--r{grid-column:3;grid-row:1;margin-top:3rem}
  body.lp.sz .mit-flanken .flanke__wort--l{grid-column:2;grid-row:2}
  body.lp.sz .mit-flanken .flanke__wort--r{grid-column:3;grid-row:2;margin-top:.7rem}
}
/* 06.10.2026 (Nicole: "Text auf die ganze Seite"): Fließtexte nutzen die volle Inhaltsbreite */
.lp main .kopf,.lp main .kopf--nah{max-width:none}
.lp main .kopf .lead,.lp main .kopf--nah .lead,.lp main .warum__about,.lp main .felder__zusatz,.lp main .lauf__text,.lp .raum__text p,.lp .w2__lead,.lp .insta__in .lead{max-width:none}
.lp .ich--ohne-bild > div{max-width:none}
.lp #ueber-mich .ich p,.lp #ueber-mich .ich .lead{max-width:none}
.lp .faq{max-width:none;margin-inline:0}
/* 06.10.2026 (Nicole: "zwei Spalten"): lange Absätze über die volle Breite, aber in zwei Spalten, damit die Zeilen gut lesbar bleiben */
@media (min-width:900px){
  .lp .felder__zusatz,.lp .lauf__text,.lp #nah-am-menschen .kopf .lead,.lp .kopf--nah .lead,
  .lp #ueber-mich .ich p:has(+ .cordoba--innen),.lp .faq__antwort p{columns:2;column-gap:clamp(2rem,4vw,4rem)}
}
/* 06.10.2026 (Nicole: "verteile die 2 Bilder"): Bilder versetzt neben dem Text, jeder Satz direkt unter seinem Bild */
@media (min-width:1100px){
  body.lp.sz .mit-flanken{grid-template-rows:auto auto auto 1fr;align-items:start}
  body.lp.sz .mit-flanken > .wrap,body.lp.sz .mit-flanken > .raum__text{grid-row:1 / -1;align-self:start}
  body.lp.sz .mit-flanken .flanke--l{grid-column:2;grid-row:1;margin-top:0}
  body.lp.sz .mit-flanken .flanke__wort--l{grid-column:2;grid-row:2;margin-top:.7rem}
  body.lp.sz .mit-flanken .flanke--r{grid-column:3;grid-row:3;margin-top:var(--s5)}
  body.lp.sz .mit-flanken .flanke__wort--r{grid-column:3;grid-row:4;margin-top:.7rem}
}
.lp .raum__text .label{align-self:flex-start;margin-left:0;margin-right:auto;justify-content:flex-start;text-align:left}

/* 06.10.2026 (Nicole): Hörgerät-Bild neben "Vom ersten bis zum letzten Atemzug"; Raum-Abschnitt nur noch mit dem Babybild */
.zielgruppen__kopf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,230px);gap:clamp(1.5rem,4vw,4rem);align-items:end;margin-bottom:var(--s6)}
.lp .zielgruppen__kopf .kopf{margin-bottom:0}
.zielgruppen__bild{margin:0}
.zielgruppen__bild img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:10px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%),linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%),linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%);
  -webkit-mask-composite:source-in;mask-composite:intersect}
.zielgruppen__bild figcaption{margin-top:.7rem;font-family:var(--schrift);font-size:clamp(1.15rem,1rem + .5vw,1.45rem);line-height:1.25;color:var(--petrol)}
@media (max-width:700px){.zielgruppen__kopf{grid-template-columns:1fr}.zielgruppen__bild{max-width:60%}}
@media (min-width:1100px){
  body.lp.sz .mit-flanken.mit-flanken--eins{grid-template-columns:minmax(0,1fr) minmax(0,280px);grid-template-rows:auto 1fr}
  body.lp.sz .mit-flanken--eins .flanke--l{grid-column:2;grid-row:1}
  body.lp.sz .mit-flanken--eins .flanke__wort--l{grid-column:2;grid-row:2}
}

/* 06.10.2026 (Nicole): Kind und Hörgerät nebeneinander neben "Vom ersten bis zum letzten Atemzug"; Abschnitte mit nur einem Randbild */
.zielgruppen__kopf.zielgruppen__kopf--zwei{grid-template-columns:minmax(0,1fr) repeat(2,minmax(0,220px));align-items:start}
.zielgruppen__kopf--zwei .kopf{align-self:end}
.zielgruppen__kopf--zwei .zielgruppen__bild + .zielgruppen__bild{margin-top:3rem}
@media (max-width:900px){.zielgruppen__kopf.zielgruppen__kopf--zwei{grid-template-columns:1fr 1fr}.zielgruppen__kopf--zwei .kopf{grid-column:1 / -1}.zielgruppen__kopf--zwei .zielgruppen__bild{max-width:none}}
@media (min-width:1100px){
  body.lp.sz .mit-flanken.mit-flanken--eins{grid-template-columns:minmax(0,1fr) minmax(0,280px);grid-template-rows:auto 1fr}
  body.lp.sz .mit-flanken--eins .flanke{grid-column:2;grid-row:1;margin-top:0}
  body.lp.sz .mit-flanken--eins .flanke__wort{grid-column:2;grid-row:2}
}
@media (max-width:1099px){
  body.lp.sz .mit-flanken--eins .flanke{grid-column:1;grid-row:2}
  body.lp.sz .mit-flanken--eins .flanke__wort{grid-column:1;grid-row:3}
}
@media (min-width:900px){.lp .felder__liste.felder__liste--drei{max-width:none;margin-inline:0}}
/* 06.10.2026 (Nicole): alle Bilder transparenter, die Schrift darf in die Bilder hineinragen */
.lp .flanke,.lp .zielgruppen__bild img,.lp .lauf__bild img,.lp .cordoba img{opacity:.72}
.lp .flanke:hover,.lp .zielgruppen__bild img:hover,.lp .lauf__bild:hover img{opacity:.9}
@media (min-width:1100px){
  body.lp.sz .mit-flanken > .wrap,body.lp.sz .mit-flanken > .raum__text,.lp .zielgruppen__kopf .kopf{position:relative;z-index:2}
  body.lp.sz .mit-flanken .flanke,.lp .zielgruppen__bild{position:relative;z-index:1;margin-left:calc(-1 * clamp(4rem,8vw,9rem));width:calc(100% + clamp(4rem,8vw,9rem))}
  .lp .zielgruppen__bild img{width:100%}
  body.lp.sz .mit-flanken .flanke__wort,.lp .zielgruppen__bild figcaption{position:relative;z-index:3}
  .lp .zielgruppen__bild figcaption{margin-left:clamp(4rem,8vw,9rem)}
}
/* 06.10.2026 (Nicole: "eine Einheit, nicht hingeklatscht, eine Verbindung darstellen"):
   Bilder verschmelzen weich mit dem Creme-Grund (ovale Ausblendung, Multiplizieren), und eine goldene Herzlinie
   läuft von der Überschrift hinüber ins Bild. Satz unter dem Bild rückt in das Bild hinein. */
.lp .flanke,.lp .zielgruppen__bild img{opacity:.9;mix-blend-mode:multiply;
  -webkit-mask-image:radial-gradient(ellipse 62% 66% at 50% 46%,#000 52%,transparent 100%);mask-image:radial-gradient(ellipse 62% 66% at 50% 46%,#000 52%,transparent 100%);
  -webkit-mask-composite:source-over;mask-composite:add}
.lp .flanke:hover,.lp .zielgruppen__bild img:hover{opacity:1}
.lp .zielgruppen__kopf h2.mit-akzent::after,body.lp.sz .mit-flanken h2.mit-akzent::after{content:"";display:block;height:30px;margin-top:1.1rem;width:100%;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 30' preserveAspectRatio='none'%3E%3Cpath d='M0 15H500L510 15L517 3L526 27L533 9L538 15H600' fill='none' stroke='%23dbb377' stroke-width='1.6' vector-effect='non-scaling-stroke' stroke-linejoin='round'/%3E%3C/svg%3E") left center / 100% 100% no-repeat}
@media (min-width:1100px){
  .lp .zielgruppen__kopf h2.mit-akzent::after,body.lp.sz .mit-flanken h2.mit-akzent::after{width:calc(100% + clamp(6rem,10vw,11rem))}
  body.lp.sz .mit-flanken .flanke__wort,.lp .zielgruppen__bild figcaption{margin-top:-2.6rem}
}
html[data-ansicht="nacht"] .lp .flanke,html[data-ansicht="nacht"] .lp .zielgruppen__bild img{mix-blend-mode:normal}
/* 06.10.2026 (Nicole: "das Bild kleiner, damit es besser mit dem Text harmoniert"): Bilder kleiner, mittig neben dem Text,
   die goldene Linie reicht von der Überschrift bis ins Bild */
@media (min-width:1100px){
  body.lp.sz .mit-flanken.mit-flanken--eins{grid-template-columns:minmax(0,1fr) minmax(0,210px);grid-template-rows:auto auto;align-items:center}
  body.lp.sz .mit-flanken--eins > .wrap,body.lp.sz .mit-flanken--eins > .raum__text{grid-row:1 / span 2}
  body.lp.sz .mit-flanken--eins .flanke{align-self:end}
  body.lp.sz .mit-flanken--eins .flanke__wort{align-self:start}
  body.lp.sz .mit-flanken .flanke,.lp .zielgruppen__bild{margin-left:calc(-1 * clamp(3rem,5vw,5rem));width:calc(100% + clamp(3rem,5vw,5rem))}
  .lp .zielgruppen__bild figcaption{margin-left:clamp(3rem,5vw,5rem)}
  .zielgruppen__kopf{grid-template-columns:minmax(0,1fr) minmax(0,190px);align-items:center}
  .lp .zielgruppen__kopf h2.mit-akzent,body.lp.sz .mit-flanken h2.mit-akzent{max-width:none}
  .lp .zielgruppen__kopf h2.mit-akzent::after,body.lp.sz .mit-flanken h2.mit-akzent::after{width:calc(100% + clamp(3rem,5vw,5rem))}
}
.lp .raum__text h2.mit-akzent{align-self:stretch}
/* 06.10.2026 (Nicole: "weichere Kanten von allen Bildern, bis auf die Bilderreihe") */
.lp .flanke,.lp .zielgruppen__bild img,.lp .cordoba img{-webkit-mask-image:radial-gradient(ellipse 58% 60% at 50% 48%,#000 28%,rgba(0,0,0,.55) 62%,transparent 100%);mask-image:radial-gradient(ellipse 58% 60% at 50% 48%,#000 28%,rgba(0,0,0,.55) 62%,transparent 100%);-webkit-mask-composite:source-over;mask-composite:add;border-radius:0}
.lp .cordoba img{-webkit-mask-image:radial-gradient(ellipse 62% 64% at 50% 50%,#000 34%,rgba(0,0,0,.55) 66%,transparent 100%);mask-image:radial-gradient(ellipse 62% 64% at 50% 50%,#000 34%,rgba(0,0,0,.55) 66%,transparent 100%)}
/* 06.10.2026 (Nicole: "rundere Ecken"): Knöpfe, Formularfelder, Auswahlfelder und Karten mit weicheren Ecken */
.lp .btn,.lp .nav__cta,.lp .nav__bereiche-cta,.lp .dock .btn,.lp .kekse__ok,.lp .kekse__nur{border-radius:14px}
.lp .feld input,.lp .feld select,.lp .feld textarea,.lp .segment span,.lp .formular,.lp .w2__karte,.lp .faq details,.lp .kekse,.lp .opening__daten{border-radius:14px}
.lp .hilfe,.lp .sprachen{border-radius:999px}
/* 06.10.2026 (Nicole: "weichere Kanten, harmonischer in den Hintergrund"): Ausblendung endet sicher vor dem Bildrand, keine sichtbaren Kanten mehr */
.lp .flanke,.lp .zielgruppen__bild img,.lp .cordoba img{-webkit-mask-image:radial-gradient(closest-side,#000 38%,rgba(0,0,0,.6) 66%,transparent 97%);mask-image:radial-gradient(closest-side,#000 38%,rgba(0,0,0,.6) 66%,transparent 97%);-webkit-mask-composite:source-over;mask-composite:add;border-radius:0;opacity:.85}
.lp .w2__bild{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 45%),linear-gradient(180deg,transparent 0,#000 18%,#000 82%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 45%),linear-gradient(180deg,transparent 0,#000 18%,#000 82%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;opacity:.55;mix-blend-mode:multiply}
/* 06.10.2026: Profilbild neben "Ich bin Nicole" */
.lp .zielgruppen__kopf--nah{align-items:center}
.lp .zielgruppen__kopf--nah .kopf{margin-bottom:0}
@media (min-width:1100px){.lp .zielgruppen__kopf--nah .kopf .lead{columns:1}.zielgruppen__kopf.zielgruppen__kopf--nah{grid-template-columns:minmax(0,1fr) minmax(0,230px)}}
/* 06.10.2026 (Nicole: Kopfbild weicher in die Farbe hineinlaufen lassen) */
@media (min-width:861px){
  .lp .h2o__foto--bild{-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.2) 20%,rgba(0,0,0,.65) 40%,#000 62%),linear-gradient(180deg,transparent 0,#000 14%,#000 84%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.2) 20%,rgba(0,0,0,.65) 40%,#000 62%),linear-gradient(180deg,transparent 0,#000 14%,#000 84%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
  .lp .h2o__foto--bild::after{background:linear-gradient(90deg,rgba(75,74,107,.55),rgba(75,74,107,0) 50%)}
}
/* 06.10.2026 (Nicole): Bild hochsetzen, letzte Zeile des Bildsatzes auf Höhe der letzten Überschriftenzeile */
@media (min-width:1100px){
  .lp #felder .zielgruppen__kopf,.lp #fuer-wen .zielgruppen__kopf{align-items:end}
  .lp #felder .zielgruppen__bild,.lp #fuer-wen .zielgruppen__bild{align-self:end;margin-bottom:calc(30px + 1.1rem)}
}
/* 06.10.2026 (Nicole): bei "Ich bin Nicole" endet der Bildsatz auf Höhe von "nah dran."; der Absatz läuft darunter über die volle Breite */
@media (min-width:1100px){
  .lp .zielgruppen__kopf.zielgruppen__kopf--nah{grid-template-columns:minmax(0,1fr) minmax(0,230px);grid-template-rows:auto auto auto;align-items:start;row-gap:0}
  .lp .zielgruppen__kopf--nah > .kopf{display:contents}
  .lp .zielgruppen__kopf--nah > .kopf > .label{grid-column:1;grid-row:1}
  .lp .zielgruppen__kopf--nah > .kopf > h2{grid-column:1;grid-row:2}
  .lp .zielgruppen__kopf--nah > .kopf > .lead{grid-column:1 / -1;grid-row:3;columns:2}
  .lp .zielgruppen__kopf--nah > .zielgruppen__bild{grid-column:2;grid-row:1 / 3;align-self:end;margin-bottom:calc(30px + 1.1rem)}
}
@media (min-width:1100px){
  .lp .zielgruppen__kopf.zielgruppen__kopf--nah{grid-template-rows:1fr auto auto auto}
  .lp .zielgruppen__kopf--nah > .kopf > .label{grid-row:2}
  .lp .zielgruppen__kopf--nah > .kopf > h2{grid-row:3}
  .lp .zielgruppen__kopf--nah > .kopf > .lead{grid-row:4}
  .lp .zielgruppen__kopf--nah > .zielgruppen__bild{grid-row:1 / 4}
}

/* 06.10.2026: Raum-Abschnitt im Aufbau von "Ich bin Nicole"; "Abseits der Praxis" ein Satz je Spalte */
.lp .raum-neu{border-block:1px solid rgba(219,179,119,.3)}
.lp .raum-neu .kopf .btn{justify-self:start}
@media (min-width:1100px){
  .lp .zielgruppen__kopf.zielgruppen__kopf--nah{grid-template-rows:1fr auto auto auto auto}
  .lp .zielgruppen__kopf--nah > .kopf > p:not(.label){grid-column:1 / -1;grid-row:4}
  .lp .zielgruppen__kopf--nah > .kopf > .btn{grid-column:1;grid-row:5;margin-top:var(--s5)}
}
.lp .lauf__text.lauf__text--zwei{columns:auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,4rem)}
.lp .lauf__text--zwei p{margin:0}
@media (max-width:899px){.lp .lauf__text.lauf__text--zwei{grid-template-columns:1fr;gap:.6rem}}
/* 06.10.2026 (Nicole: "alles weiter hochsetzen"): weniger Abstand zwischen den Abschnitten; die Bilder ragen nach oben in den
   Abstand hinein und schieben die Überschrift nicht mehr nach unten */
body.lp.hell{--sektion:clamp(2.25rem,1.5rem + 2.5vw,4rem)}
@media (min-width:1100px){
  .lp .zielgruppen__kopf > .zielgruppen__bild{margin-top:calc(-1 * clamp(7rem,12vw,12rem))}
}
/* 06.10.2026 (Nicole: "die Linie raus"): bei "Worauf ich schaue" keine Linie unter der Überschrift, dort folgt direkt die Herzlinie der drei Felder */
.lp #felder .zielgruppen__kopf h2.mit-akzent::after{content:none}
@media (min-width:1100px){.lp #felder .zielgruppen__bild{margin-bottom:0}}
/* 06.10.2026 (Nicole: "Linie weg und alles hochsetzen"): keine Trennlinie über "Ein Raum für Entwicklung";
   Abschnitte mit Bild rücken nah an den vorigen Abschnitt, das Bild reicht bis knapp unter dessen letzte Zeile, ohne sie zu überdecken */
.lp .raum-neu{border-block:0}
@media (min-width:1100px){
  .lp main .sektion:has(> .wrap > .zielgruppen__kopf){padding-top:var(--s4)}
  .lp .zielgruppen__kopf > .zielgruppen__bild{margin-top:calc(-1 * (var(--s4) + var(--sektion) - 1.5rem))}
  .zielgruppen__kopf,.lp .zielgruppen__kopf.zielgruppen__kopf--nah{grid-template-columns:minmax(0,1fr) minmax(0,200px)}
}

/* 06.10.2026 (Nicole): Formular kompakter: drei Auswahlknöpfe in einer Reihe, Ballon-Frage in einer Zeile */
.lp .feld .segment:has(input[name="fuer"]){flex-wrap:nowrap;gap:.4rem}
.lp .feld .segment:has(input[name="fuer"]) span{padding:.45rem .7rem;font-size:.86rem;white-space:nowrap}
.lp .ballons__titel{font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:420px){.lp .feld .segment:has(input[name="fuer"]){flex-wrap:wrap}.lp .ballons__titel{white-space:normal}}
/* Bilder neben den Überschriften: nehmen keinen Platz nach oben ein, sondern ragen über die Überschrift hinaus */
@media (min-width:1100px){
  .lp .zielgruppen__kopf > .zielgruppen__bild{height:0;margin-top:0;display:flex;flex-direction:column;justify-content:flex-end;overflow:visible}
  .lp .zielgruppen__kopf.zielgruppen__kopf--nah{grid-template-rows:auto auto auto auto auto}
  .lp main .sektion:has(> .wrap > .zielgruppen__kopf){padding-top:var(--sektion)}
}
/* Bilder genau so hoch wie Überschrift (von der kleinen Zeile bis zur letzten Überschriftenzeile): überdecken nichts, schieben nichts */
@media (min-width:1100px){
  .lp .zielgruppen__kopf > .zielgruppen__bild{height:auto;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;margin-top:0}
  .lp .zielgruppen__kopf > .zielgruppen__bild img{flex:1 1 0;min-height:0;height:auto;aspect-ratio:auto;object-fit:cover;object-position:50% 35%}
  .lp .zielgruppen__kopf--nah > .zielgruppen__bild{grid-row:2 / 4}
}
@media (min-width:1100px){
  .lp #felder .zielgruppen__kopf > .zielgruppen__bild,.lp #fuer-wen .zielgruppen__kopf > .zielgruppen__bild{align-self:stretch}
}
/* 06.10.2026 (Nicole: Kopfleiste symmetrisch): alle Menüpunkte und der Knopf einzeilig, gleiche Abstände, mittig auf einer Linie */
.lp .nav__bereiche{align-items:center;gap:clamp(1rem,2vw,2.2rem)}
.lp .nav__bereiche a,.lp .nav__cta,.lp .hilfe{white-space:nowrap}
.lp .nav__bereiche a:not(.nav__bereiche-cta){display:inline-flex;align-items:center;line-height:1}
.lp .nav__in{align-items:center}
/* 06.10.2026 (Nicole: "von den Bildern zu viel weggemacht"): Bilder wieder im vollen Hochformat, sanftere Ausblendung;
   sie ragen nach oben über die Überschrift hinaus, der Abschnitt hält oben genug Abstand, damit nichts verdeckt wird */
.lp .zielgruppen__bild img{-webkit-mask-image:radial-gradient(closest-side,#000 58%,rgba(0,0,0,.75) 78%,transparent 100%);mask-image:radial-gradient(closest-side,#000 58%,rgba(0,0,0,.75) 78%,transparent 100%)}
@media (min-width:1100px){
  .lp .zielgruppen__kopf > .zielgruppen__bild,.lp #felder .zielgruppen__kopf > .zielgruppen__bild,.lp #fuer-wen .zielgruppen__kopf > .zielgruppen__bild{height:0;align-self:end;display:flex;flex-direction:column;justify-content:flex-end;overflow:visible;margin-top:0}
  .lp .zielgruppen__kopf > .zielgruppen__bild img{flex:none;width:100%;height:auto;aspect-ratio:3/4;object-position:50% 40%}
  .lp .zielgruppen__kopf--nah > .zielgruppen__bild{grid-row:2 / 4}
  .lp main .sektion:has(> .wrap > .zielgruppen__kopf){padding-top:calc(var(--sektion) + 4.5rem)}
}
/* NAH-TRENNER 06.10.2026 (Nicole: "alle EKG-Linien durch das NAH-Logo ersetzen, dünner und filigraner"):
   überall feine Linie, NAH-Bildmarke, feine Linie statt der Herzlinien */
html body.lp .zielgruppen__kopf h2.mit-akzent::after,html body.lp.sz .mit-flanken h2.mit-akzent::after{content:"";display:block;height:22px;margin-top:1rem;background:url("nah-bildmarke.svg") center / auto 18px no-repeat,linear-gradient(to right,transparent,rgba(219,179,119,.9)) left center / calc(50% - 20px) 1px no-repeat,linear-gradient(to right,rgba(219,179,119,.9),transparent) right center / calc(50% - 20px) 1px no-repeat}
html body.lp #felder .zielgruppen__kopf h2.mit-akzent::after{content:none}
.lp .ekg-band svg{display:none}
.lp .ekg-band::before{content:"";display:block;height:30px;width:min(620px,92vw);margin:0 auto;background:url("nah-bildmarke.svg") center / auto 24px no-repeat,linear-gradient(to right,transparent,rgba(219,179,119,.9)) left center / calc(50% - 26px) 1px no-repeat,linear-gradient(to right,rgba(219,179,119,.9),transparent) right center / calc(50% - 26px) 1px no-repeat}
.lp .felder__ekg svg{display:none}
.lp .felder__liste--drei .felder__ekg{background:url("nah-bildmarke.svg") center / auto 24px no-repeat,linear-gradient(to right,transparent,rgba(219,179,119,.9)) left center / calc(50% - 26px) 1px no-repeat,linear-gradient(to right,rgba(219,179,119,.9),transparent) right center / calc(50% - 26px) 1px no-repeat}
.lp .warumich__liste li{border:0;border-top:0;border-bottom:0;padding-bottom:0;background:url("nah-bildmarke.svg") center / auto 14px no-repeat,linear-gradient(to right,transparent,rgba(219,179,119,.9)) left center / calc(50% - 16px) 1px no-repeat,linear-gradient(to right,rgba(219,179,119,.9),transparent) right center / calc(50% - 16px) 1px no-repeat;background-position:center top,left 0 top 6px,right 0 top 6px;padding-top:1.7rem}
/* Formular kompakter (Nicole): kleinere Hinweise, Felder enger, Geburtsjahr wie die anderen Felder */
.lp #warteliste p.leise.klein{font-size:.74rem;line-height:1.45;margin:.2rem 0 .9rem}
.lp #warteliste .check span{font-size:.72rem;line-height:1.45}
.lp #warteliste .feld{margin-bottom:.9rem}
.lp #warteliste .feld > label{margin-bottom:.1rem}
.lp #warteliste .feld input[type=text],.lp #warteliste .feld input[type=email],.lp #warteliste .feld input[type=tel],.lp #warteliste .feld input[type=number],.lp #warteliste .feld textarea{padding:.35rem 0;min-height:0}
.lp #warteliste .feld input[type=number]{-moz-appearance:textfield;appearance:textfield;width:100%;border:0;border-bottom:1.5px solid rgba(75,74,107,.28);border-radius:0;background:transparent;box-shadow:none;font:400 1rem/1.5 var(--font);color:var(--indigo)}
.lp #warteliste .feld input[type=number]::-webkit-inner-spin-button,.lp #warteliste .feld input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.lp #warteliste .feld input[type=number]:focus{outline:none;border-bottom-color:var(--gold)}
/* Tage und Tageszeiten: kleiner, beide Reihen gleich breit, "Nachmittags" endet unter "Fr" */
.lp #warteliste .segment:has(input[name="tage[]"]),.lp #warteliste .segment:has(input[name="tageszeit[]"]){display:grid;gap:.35rem;width:min(100%,22rem)}
.lp #warteliste .segment:has(input[name="tage[]"]){grid-template-columns:repeat(5,1fr)}
.lp #warteliste .segment:has(input[name="tageszeit[]"]){grid-template-columns:1.25fr 1fr 1.35fr}
.lp #warteliste .segment:has(input[name="tage[]"]) span,.lp #warteliste .segment:has(input[name="tageszeit[]"]) span{width:100%;justify-content:center;padding:.3rem .4rem;font-size:.8rem;line-height:1.4}
/* Kopfleiste: "Größer" und "Nacht" untereinander, zusammen so hoch wie "Termin anfragen" */
@media (min-width:1100px){
  .lp .nav .hilfen{display:grid;grid-template-columns:auto auto auto;grid-template-rows:21px 21px;row-gap:2px;column-gap:clamp(.8rem,1.4vw,1.4rem);align-items:center}
  .lp .nav .hilfen > #schrift-groesser{grid-column:1;grid-row:1}
  .lp .nav .hilfen > #nachtmodus{grid-column:1;grid-row:2}
  .lp .nav .hilfen > .nav__cta{grid-column:2;grid-row:1 / 3}
  .lp .nav .hilfen > .sprachen{grid-column:3;grid-row:1 / 3}
  .lp .nav .hilfen > .hilfe--wort{height:21px;min-height:0;padding:0 .55rem;font-size:.72rem;line-height:1;justify-content:flex-start;gap:.3rem}
  .lp .nav .hilfen > .hilfe--wort svg{width:12px;height:12px}
}
/* FAQ-OHNE-LINIEN 06.10.2026 (Nicole): keine Linien bei den Fragen und Antworten; Bilder neben Überschriften mit mehr Luft nach oben */
.lp .faq details,.lp .faq details + details,.lp .faq summary,.lp .faq .faq__liste,.lp .faq .wrap > *{border-top:0;border-bottom:0}
.lp .faq details::before,.lp .faq details::after,.lp .faq .faq__liste::before{border:0}
@media (min-width:1100px){html body.lp main .sektion:has(> .wrap > .zielgruppen__kopf){padding-top:calc(var(--sektion) + 7rem)}}
/* FAQ-RAHMEN-WEG: auch die Linie über der ersten Frage; Trenner unter Überschriften gleich hoch wie die alte Linie (Bildsätze bleiben ausgerichtet) */
.lp .faq,.lp .faq.zeige{border:0}
html body.lp .zielgruppen__kopf h2.mit-akzent::after,html body.lp.sz .mit-flanken h2.mit-akzent::after{height:30px;margin-top:1.1rem}
/* FORMULAR-KLEINER 06.10.2026 (Nicole: "das ganze Formular kleiner"): weniger Innenabstand, kleinere Schriften, Knöpfe und Ballons */
.lp #warteliste .formular{padding:clamp(1.25rem,2.2vw,2rem)}
.lp #warteliste .formular h3{font-size:1.35rem;margin-bottom:.3rem}
.lp #warteliste p.leise.klein{font-size:.7rem;line-height:1.4;margin:0 0 .7rem}
.lp #warteliste legend,.lp #warteliste .feld > label{font-size:.68rem;margin-bottom:.15rem}
.lp #warteliste .feld{margin-bottom:.7rem}
.lp #warteliste .segment{margin-top:.25rem}
.lp #warteliste .segment span{font-size:.76rem;padding:.25rem .6rem;line-height:1.4}
.lp #warteliste .feld input[type=text],.lp #warteliste .feld input[type=email],.lp #warteliste .feld input[type=tel],.lp #warteliste .feld input[type=number],.lp #warteliste .feld select,.lp #warteliste .feld textarea{font-size:.88rem;padding:.25rem 0}
.lp #warteliste .feld textarea{min-height:3.2rem}
.lp #warteliste .ballons__titel{font-size:.72rem;margin-bottom:.3rem}
.lp #warteliste .ballons__himmel{height:78px;padding:.3rem}
.lp #warteliste .ballon svg{height:52px;width:auto}
.lp #warteliste .ballons__stand{font-size:.72rem;margin-top:.25rem}
.lp #warteliste .check span{font-size:.68rem}
.lp #warteliste .formular button[type=submit]{padding:.75rem 1.6rem;font-size:.74rem}
/* ZIELGRUPPEN-OHNE-STRICH 06.10.2026 (Nicole: "warum die Linie?"): kein goldener Strich über den drei Karten bei "Für wen" */
html body.lp .zielgruppen__liste > li.zielgruppe{border-top:0;padding-top:0}
/* TRIAS-OHNE-STRICH 06.10.2026 (Nicole: "die untere Linie raus"): kein Strich über "Drei Buchstaben, drei Bedeutungen" */
html body.lp .trias{border-top:0}
/* UHR-OHNE-STRICH 06.10.2026 (Nicole: "die Linie raus"): kein Strich zwischen "NAH eröffnet im Herbst 2026" und "Opening" */
html body.lp section.uhr{border-bottom:0}
/* LEBENSLAUF-TRIAS-OHNE-LINIEN 06.10.2026 (Nicole: "1–3 raus"): keine Linien im Lebenslauf-Kasten und unter N, A, H */
html body.lp details.quali{border-top:0;border-bottom:0}
html body.lp .quali__gruppe{border-top:0}
html body.lp .trias__zeile{border-bottom:0}
/* ZIELGRUPPE-KNOPF 06.10.2026 (Nicole: "so wie das"): Termin-Links bei "Für wen" als Knopf wie "NAH kennenlernen" */
.lp .zielgruppe__knopf{align-self:flex-start;margin-top:auto}
/* MEHR-TIEFE 06.10.2026 (Nicole: "ein bisschen mehr 3D für mehr Tiefe"): geschichtete Schatten, Lichtkante oben, leichtes Anheben beim Darüberfahren */
.lp .zielgruppe__knopf{white-space:nowrap;padding:.85rem 1.5rem}
html:not([data-ansicht="nacht"]) body.lp main .btn.btn--linie:not(.h2o .btn){background:linear-gradient(180deg,#fbf9f5,#f1ebe1);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(75,74,107,.06),0 1px 2px rgba(44,44,46,.06),0 6px 12px -6px rgba(75,74,107,.22),0 18px 30px -18px rgba(75,74,107,.35);
  transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
html:not([data-ansicht="nacht"]) body.lp main .btn.btn--linie:not(.h2o .btn):hover{transform:translateY(-2px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 2px 4px rgba(44,44,46,.06),0 12px 20px -8px rgba(75,74,107,.28),0 28px 44px -22px rgba(75,74,107,.42)}
html:not([data-ansicht="nacht"]) body.lp #warteliste .formular{box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 2px 4px rgba(44,44,46,.04),0 18px 36px -18px rgba(75,74,107,.28),0 60px 110px -60px rgba(44,44,46,.45)}
html:not([data-ansicht="nacht"]) body.lp .faq details{background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.18));border-radius:14px;padding-inline:1.1rem;margin-bottom:.7rem;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(44,44,46,.05),0 10px 22px -14px rgba(75,74,107,.3)}
html:not([data-ansicht="nacht"]) body.lp .quali__gruppe{background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.15));border-radius:14px;padding:1rem 1.1rem;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(44,44,46,.05),0 10px 22px -14px rgba(75,74,107,.28)}
html:not([data-ansicht="nacht"]) body.lp main h2{text-shadow:0 1px 0 rgba(255,255,255,.7),0 10px 26px rgba(75,74,107,.12)}
@media (prefers-reduced-motion:reduce){html body.lp main .btn.btn--linie:hover{transform:none}}
/* FUERWEN-BILD-FREI 06.10.2026: Hörgerät-Bild ragt nicht mehr unter das Band über "Für wen" */
@media (min-width:1100px){html body.lp #fuer-wen{padding-top:13.5rem}}
/* TASTEN-BLAULILA 06.10.2026 (Nicole: "für die Tasten das Blaulila nehmen, das Schwarz ist zu heftig"): dunkle Knöpfe in #4b4a6b statt #2c2c2e */
html:not([data-ansicht="nacht"]) body.lp #warteliste .segment input:checked + span{
  background:linear-gradient(180deg,#5d5c85,#4b4a6b);border-color:#4b4a6b;color:#f7f2ea;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(44,44,46,.25),0 2px 4px rgba(75,74,107,.18),0 12px 22px -10px rgba(75,74,107,.5)}
/* Termin-Knöpfe bei "Für wen" passen auch bei schmalen Rechnern in eine Zeile */
@media (max-width:1399px){.lp .zielgruppe__knopf{padding:.8rem 1rem;letter-spacing:.14em}}
/* KNOEPFE-GLEICH 06.10.2026 (Nicole: "alle bitte identisch vom Stil" wie "NAH kennenlernen"): ein Knopfstil für den ganzen Seiteninhalt, auch auf dunklem Grund */
html body.lp main .btn,html body.lp main .btn.btn--linie,html body.lp main .btn.shiny{
  display:inline-flex;align-items:center;justify-content:center;gap:.9rem;white-space:nowrap;
  padding:.95rem 2.1rem;border-radius:14px;border:1px solid rgba(219,179,119,.6);color:#2c2c2e;
  font-size:.76rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;
  background:linear-gradient(180deg,#fbf9f5,#f1ebe1);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(75,74,107,.06),0 1px 2px rgba(44,44,46,.06),0 6px 12px -6px rgba(75,74,107,.22),0 18px 30px -18px rgba(75,74,107,.35);
  transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
html body.lp main .btn:hover{transform:translateY(-2px);color:#2c2c2e;background:linear-gradient(180deg,#fdfbf8,#f3ede4);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 2px 4px rgba(44,44,46,.06),0 12px 20px -8px rgba(75,74,107,.28),0 28px 44px -22px rgba(75,74,107,.42)}
html body.lp main .btn svg{width:18px;height:18px;flex:none}
html body.lp main .btn.shiny::before,html body.lp main .btn.shiny::after{display:none}
html body.lp #warteliste button[type=submit].btn{width:100%;padding:.85rem 1.4rem}
@media (max-width:1399px){html body.lp main .zielgruppe__knopf{padding:.8rem 1rem;gap:.5rem;letter-spacing:.13em}}
@media (prefers-reduced-motion:reduce){html body.lp main .btn:hover{transform:none}}
/* KNOEPFE-SCHMAL 06.10.2026: einheitliche Knöpfe passen auch auf schmalen Rechnern und dem Handy in eine Zeile */
@media (max-width:1399px){html body.lp main .btn.btn--linie.zielgruppe__knopf{padding:.8rem 1rem;gap:.5rem;letter-spacing:.12em;font-size:.72rem}}
@media (max-width:600px){html body.lp main .btn,html body.lp main .btn.btn--linie,html body.lp main .btn.shiny{padding:.8rem 1.1rem;gap:.5rem;letter-spacing:.1em;font-size:.7rem;max-width:100%}}
/* HANDY-NACHT 06.10.2026: auf dem Handy war der Nacht-Knopf leer (Mond ausgeblendet, Wort ausgeblendet); jetzt zeigt er den Mond */
@media (max-width:420px){html body.lp .nav .hilfe--wort svg{display:block;width:16px;height:16px}}
/* HANDY-MENUE 06.10.2026 (Nicole: "auf dem Handy nicht gut gelöst"): Kopfleiste nur Logo und Menüknopf;
   Menü als blaulila Fläche mit heller Schrift, Knopf wie auf der Seite, Größer/Nacht/Sprachen unten im Menü */
@media (max-width:1060px){
  html body.lp .nav .hilfen{display:none}
  html body.lp.menue-offen .nav{background:#4b4a6b;color:#f7f2ea;border-bottom-color:rgba(219,179,119,.35)}
  html body.lp .nav__bereiche.offen{background:linear-gradient(180deg,#4b4a6b,#3f3e5c);padding:var(--s5) var(--rand) 9rem}
  html body.lp .nav__bereiche.offen a:not(.nav__bereiche-cta){color:#f7f2ea;border-bottom:0;font-weight:300;font-size:1.15rem;letter-spacing:.16em;padding:.95rem 0;display:flex;justify-content:space-between;align-items:center}
  html body.lp .nav__bereiche.offen a:not(.nav__bereiche-cta)::after{content:"→";position:static;background:none;transform:none;width:auto;height:auto;color:#dbb377;letter-spacing:0}
  html body.lp .nav__bereiche.offen .nav__bereiche-cta{display:flex;justify-content:center;align-items:center;gap:.7rem;margin-top:var(--s6);border-radius:14px;border:1px solid rgba(219,179,119,.6);
    background:linear-gradient(180deg,#fbf9f5,#f1ebe1);color:#2c2c2e;font-weight:600;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;padding:1.05rem;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 24px -12px rgba(0,0,0,.45)}
  html body.lp .nav__bereiche.offen .nav__bereiche-cta::after{content:"→"}
  html body.lp.menue-offen .nav .hilfen{display:flex;position:fixed;left:var(--rand);right:var(--rand);bottom:calc(1.4rem + env(safe-area-inset-bottom));z-index:100;
    justify-content:space-between;align-items:center;gap:.6rem;margin:0;padding-top:1.1rem;border-top:0}
  html body.lp.menue-offen .nav .hilfen > .nav__cta{display:none}
  html body.lp.menue-offen .nav .hilfe--wort{color:#f7f2ea;border-color:rgba(247,242,234,.35);height:40px;padding:0 .8rem;font-size:.78rem;gap:.35rem}
  html body.lp.menue-offen .nav .hilfe--wort .hilfe__wort{display:inline}
  html body.lp.menue-offen .nav .hilfe--wort svg{display:block;width:15px;height:15px}
  html body.lp.menue-offen .dock{display:none}
}
/* HANDY-MENUE-2: Menüpunkte über die ganze Breite, Text links, Pfeil rechts */
@media (max-width:1060px){html body.lp .nav__bereiche.offen{align-items:stretch}html body.lp .nav__bereiche.offen a{width:100%;box-sizing:border-box}}