/* Anne Brenner Coaching · Stylesheet · Lisa-Welt */
:root{
  --tuerkis:#3FBFC2;
  --tuerkis-tief:#1D7477;
  --tuerkis-hauch:#E4F5F5;
  --sand:#E8DFD1;
  --sand-hell:#F4EFE7;
  --gelb:#F5E6A8;
  --grau:#9AA0A0;
  --gold:#B99B6B;
  --tinte:#2E3535;
  --tinte-weich:#5A6363;
  --papier:#FCFAF6;
  --pflaume:#5C3A5E;
  --altrosa:#B98A9A;
  --elfenbein:#F4F1EC;
  --f-wort:"Helvetica Neue LT Pro","HelveticaNeue-UltraLight","Inter","Helvetica Neue",Arial,sans-serif;
  --f-titel:"Playfair Display",Georgia,"Times New Roman",serif;
  --f-text:"Karla","Helvetica Neue",Arial,sans-serif;
  --f-hand:"Nothing You Could Do","Segoe Script","Bradley Hand",cursive;
  --f-akzent:"Amatic SC","Arial Narrow",sans-serif;
  --breit:1140px;
  --mass:36rem;
  --luft:clamp(4.5rem,11vw,9rem);
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--papier);color:var(--tinte);font-family:var(--f-text);font-size:1.1rem;line-height:1.72;font-weight:400}
img{max-width:100%;height:auto;display:block}
a{color:var(--tuerkis-tief);text-underline-offset:.2em;text-decoration-thickness:1px}
a:hover{color:var(--tinte)}
:focus-visible{outline:2px solid var(--tuerkis-tief);outline-offset:3px;border-radius:2px}
p{margin:0}
h1,h2,h3{font-family:var(--f-titel);font-weight:400;line-height:1.18;margin:0;text-wrap:balance;letter-spacing:-.005em}
h1{font-size:clamp(2.3rem,5.6vw,4.1rem)}
h2{font-size:clamp(1.8rem,3.6vw,2.7rem)}
h3{font-size:clamp(1.35rem,2.2vw,1.65rem)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:var(--breit);margin-inline:auto;padding-inline:clamp(1.1rem,4vw,2.5rem)}
.flow{display:flex;flex-direction:column;gap:1.25rem}
.mass{max-width:var(--mass)}
.leise{color:var(--tinte-weich)}
.klein{font-size:.92rem}
.hand{font-family:var(--f-hand);font-size:clamp(1.45rem,2.8vw,2rem);line-height:1.55;color:var(--tinte)}
.akzent{font-family:var(--f-akzent);font-size:clamp(1.9rem,4vw,2.6rem);font-weight:700;letter-spacing:.04em;color:var(--tuerkis-tief);line-height:1.15}
.kicker{font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tinte-weich);font-weight:500}
.loft{letter-spacing:.06em}

/* Kopf */
.kopf{padding-block:1.6rem}
.kopf .wrap{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.wm{display:inline-flex;flex-direction:column;text-decoration:none;color:var(--tinte);font-family:var(--f-wort);font-weight:200;line-height:1}
.wm:hover{color:var(--tinte)}
.wm-name{font-size:1.7rem;letter-spacing:.005em;white-space:nowrap}
.wm-sub{display:flex;justify-content:space-between;font-size:.66rem;font-weight:300;text-transform:uppercase;margin-top:.45em;color:var(--tinte-weich)}
.nav{display:flex;align-items:center;gap:clamp(1rem,2.2vw,2rem);list-style:none;margin:0;padding:0}
.nav a{color:var(--tinte);text-decoration:none;font-size:.98rem;padding-block:.3rem;border-bottom:1px solid transparent}
.nav a:hover,.nav a[aria-current="page"]{border-bottom-color:var(--tuerkis)}
.nav .nav-cta a{border:1px solid var(--tuerkis);border-radius:999px;padding:.45rem 1.05rem}
.nav .nav-cta a:hover,.nav .nav-cta a[aria-current="page"]{background:var(--tuerkis-hauch)}
.menu-knopf{display:none;background:none;border:0;font:inherit;color:var(--tinte);padding:.5rem;cursor:pointer;align-items:center;gap:.5rem}
.menu-knopf span.striche{display:inline-flex;flex-direction:column;gap:5px}
.menu-knopf span.striche i{display:block;width:22px;height:1px;background:var(--tinte)}
@media (max-width:860px){
  .menu-knopf{display:inline-flex}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:flex-start;gap:.4rem;background:var(--papier);padding:1rem clamp(1.1rem,4vw,2.5rem) 2rem;border-bottom:1px solid var(--sand);z-index:20}
  .kopf{position:relative}
  .kopf.offen .nav{display:flex}
  .nav a{font-size:1.1rem}
}

/* Punktreihe, Welle, Stern, Bogen */
.punkte{display:block;margin-block:0;color:var(--tuerkis)}
.punkte svg{display:block;height:14px;width:auto;max-width:100%}
.trenner{display:flex;justify-content:center;padding-block:clamp(2.5rem,6vw,4rem)}
.stern{display:inline-block;width:1.1em;height:1.1em;vertical-align:-.12em;color:var(--gold)}
.welle{display:block;width:min(260px,70%);height:auto;color:var(--tuerkis)}
.bogen{position:absolute;pointer-events:none;color:var(--gold)}

/* Knöpfe */
.aktion{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.55rem}
.aktion.mitte{align-items:center}
.btn{display:inline-block;background:var(--tuerkis);color:#0F3536;text-decoration:none;font-weight:600;font-size:1.02rem;padding:1rem 1.75rem;border-radius:999px;transition:background .25s ease,transform .25s ease}
.btn:hover{background:#56C8CB;color:#0F3536;transform:translateY(-1px)}
.aktion-notiz{font-size:.88rem;color:var(--tinte-weich);display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}
.link-folgt{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;background:var(--gelb);color:#5B4A12;padding:.18rem .55rem;border-radius:4px;font-weight:600}
.btn-zweit{display:inline-flex;align-items:center;gap:.4rem;font-size:.95rem;color:var(--tinte);text-decoration:none;border-bottom:1px solid var(--grau);padding-bottom:.1rem}
.btn-zweit:hover{border-bottom-color:var(--tuerkis-tief);color:var(--tuerkis-tief)}

/* Abschnitte */
.abschnitt{padding-block:var(--luft)}
.abschnitt.sand{background:var(--sand-hell)}
.abschnitt.eng{padding-block:clamp(3rem,7vw,5rem)}
.zwei{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,7vw,6rem);align-items:center}
.zwei.text-links{grid-template-columns:1.1fr .9fr}
.zwei.bild-links{grid-template-columns:.85fr 1.15fr}
@media (max-width:860px){.zwei,.zwei.text-links,.zwei.bild-links{grid-template-columns:1fr}.zwei .bild-zuerst{order:-1}}

/* Hero */
.hero{padding-block:clamp(2rem,6vw,5rem) var(--luft)}
.hero .zwei{align-items:end}
.hero-text{display:flex;flex-direction:column;gap:1.6rem;padding-bottom:clamp(0rem,3vw,2.5rem)}
.hero h1 em{font-style:italic}
.hero-sub{font-size:clamp(1.12rem,1.7vw,1.28rem);max-width:30rem;color:var(--tinte-weich)}
.foto{position:relative}
.foto img{width:100%;border-radius:3px;object-fit:cover}
.foto.hoch img{aspect-ratio:4/5}
.foto.quadrat img{aspect-ratio:1/1}
.foto figcaption{margin-top:1rem}
.foto .bogen{width:62%;top:-7%;right:-9%}
@media (max-width:860px){.foto .bogen{right:-3%;top:-5%}}

/* Große Aussage */
.aussage{font-family:var(--f-titel);font-size:clamp(1.7rem,3.8vw,2.9rem);line-height:1.3;max-width:52rem;text-wrap:balance}
.aussage em{font-style:italic;color:var(--tuerkis-tief)}

/* Bewegungsworte */
.bewegung{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(2rem,4vw,3.5rem);margin-top:clamp(2.5rem,6vw,4rem)}
.bewegung .wort{font-family:var(--f-titel);font-size:clamp(1.9rem,3.4vw,2.6rem);line-height:1.1;display:block;margin-bottom:.9rem;letter-spacing:-.01em}
.bewegung .w1{font-weight:800}
.bewegung .w2{font-weight:600}
.bewegung .w3{font-weight:400;font-style:italic;color:var(--tuerkis-tief)}
.bewegung .schritt{display:flex;flex-direction:column;gap:.8rem}
.bewegung .punkte svg{height:10px}
@media (max-width:760px){.bewegung{grid-template-columns:1fr}}

/* Pakete */
.pakete{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.2rem,2.5vw,2rem);margin-top:clamp(2.5rem,5vw,3.5rem);align-items:start}
@media (max-width:900px){.pakete{grid-template-columns:1fr}}
.paket{background:var(--papier);padding:clamp(1.6rem,3vw,2.3rem);border-radius:4px;display:flex;flex-direction:column;gap:1.05rem;border:1px solid var(--sand)}
.abschnitt:not(.sand) .paket{background:var(--sand-hell);border-color:transparent}
.paket.herz{background:var(--gelb)!important;border-color:transparent}
.paket .eckdaten{font-size:.92rem;color:var(--tinte-weich);display:flex;flex-direction:column;gap:.1rem}
.paket .preis{font-family:var(--f-titel);font-size:1.7rem;color:var(--tinte);font-variant-numeric:tabular-nums}
.paket .preis small{font-family:var(--f-text);font-size:.78rem;color:var(--tinte-weich);margin-left:.35rem}
.paket .versprechen{font-family:var(--f-titel);font-style:italic;font-size:1.18rem;line-height:1.45}
.paket .herz-label{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;display:flex;align-items:center;gap:.4rem;color:#6B5630;font-weight:600}
.paket .aktionen{display:flex;flex-direction:column;gap:.9rem;margin-top:.4rem}
.paket-lang{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,5vw,5rem);padding-block:clamp(2.5rem,5vw,3.5rem);border-top:1px dotted var(--grau)}
.paket-lang:first-child{border-top:0}
@media (max-width:860px){.paket-lang{grid-template-columns:1fr}}
.paket-lang .kopfzeile{display:flex;flex-direction:column;gap:.9rem}

/* Listen mit Stimme */
.liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.95rem}
.liste li{display:grid;grid-template-columns:1.2rem 1fr;gap:.75rem;align-items:baseline}
.liste li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--tuerkis);transform:translateY(-.1em)}

/* Stimmen */
.stimmen{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3rem);margin-top:2.5rem}
@media (max-width:760px){.stimmen{grid-template-columns:1fr}}
.stimme{border:1px dashed var(--grau);border-radius:4px;padding:clamp(1.5rem,3vw,2.2rem);display:flex;flex-direction:column;gap:1rem}
.stimme blockquote{margin:0;font-family:var(--f-titel);font-style:italic;font-size:1.2rem;line-height:1.5}
.platzhalter-label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#7A6320;background:var(--gelb);align-self:flex-start;padding:.18rem .55rem;border-radius:4px;font-weight:600}

/* Foto-Platzhalter */
.foto-platz{aspect-ratio:4/5;background:repeating-linear-gradient(135deg,var(--sand-hell),var(--sand-hell) 14px,var(--sand) 14px,var(--sand) 15px);border:1px dashed var(--grau);border-radius:3px;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;color:var(--tinte-weich);font-size:.95rem}
.foto-platz strong{display:block;color:var(--tinte);font-weight:600;margin-bottom:.4rem}

/* Weg / Geschichte */
.weg{display:flex;flex-direction:column;gap:clamp(3.5rem,8vw,6rem)}
.station{display:grid;grid-template-columns:11rem 1fr;gap:clamp(1.5rem,4vw,3.5rem)}
.station .marke{font-family:var(--f-titel);font-size:clamp(1.6rem,2.6vw,2.1rem);line-height:1.1;padding-top:.15rem}
.station .marke.s1{font-weight:800}.station .marke.s2{font-weight:700}.station .marke.s3{font-weight:500}.station .marke.s4{font-weight:400;font-style:italic;color:var(--tuerkis-tief)}
@media (max-width:760px){.station{grid-template-columns:1fr;gap:.8rem}}

/* Nebenzimmer: Individualistin */
.nebenzimmer{background:var(--elfenbein);color:var(--pflaume)}
.nebenzimmer .hand{color:var(--pflaume);font-size:clamp(1.6rem,3.3vw,2.4rem);max-width:44rem}
.nebenzimmer .kicker{color:var(--altrosa)}
.nebenzimmer .linie{width:64px;height:1px;background:var(--altrosa)}

/* Collage */
.collage{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:auto auto;gap:clamp(.8rem,2vw,1.4rem)}
.collage img{width:100%;height:100%;object-fit:cover;border-radius:3px}
.collage .c1{grid-row:1/3;aspect-ratio:3/4}
.collage .c2,.collage .c3{aspect-ratio:1/1}

/* Kontaktkarte */
.kontakt-liste{display:flex;flex-direction:column;gap:1.3rem}
.kontakt-liste .label{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--tinte-weich)}
.kontakt-liste .wert{font-size:1.15rem}

/* Fuß */
.fuss{background:var(--sand);padding-block:clamp(3.5rem,7vw,5rem) 2rem;margin-top:0}
.fuss-raster{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:2.5rem}
@media (max-width:760px){.fuss-raster{grid-template-columns:1fr}}
.fuss h2{font-family:var(--f-text);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--tinte-weich);margin-bottom:.9rem}
.fuss ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}
.fuss a{color:var(--tinte);text-decoration:none}
.fuss a:hover{text-decoration:underline}
.fuss address{font-style:normal;line-height:1.7}
.fuss-unten{margin-top:3rem;padding-top:1.5rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:.88rem;color:var(--tinte-weich)}
.fuss .hand{font-size:1.35rem}

/* Rechtsseiten */
.rechtstext{min-height:40vh}

/* Überarbeitung 1 */
h2.versal{text-transform:uppercase;letter-spacing:.08em;font-size:clamp(1.5rem,2.8vw,2.1rem)}
.motto{font-family:var(--f-akzent);font-weight:700;font-size:clamp(3rem,7vw,4.8rem);line-height:1;letter-spacing:.03em;color:var(--tuerkis-tief);margin-top:1rem}
.stimme figcaption{font-weight:500;color:var(--tinte)}

/* Überarbeitung 2: Kopfzeile in Versalien */
.wm-name{text-transform:uppercase;letter-spacing:.12em;font-size:1.45rem}
.nav a{text-transform:uppercase;letter-spacing:.14em;font-size:.8rem}
.menu-knopf{text-transform:uppercase;letter-spacing:.14em;font-size:.8rem}
@media (max-width:860px){.nav a{font-size:.95rem}}
.wm-name{margin-right:-.12em}

/* Überarbeitung 3: alle Überschriften in Versalien */
h1,h2,h3,.station .marke{text-transform:uppercase;letter-spacing:.06em;line-height:1.22}
h1{font-size:clamp(1.9rem,4.4vw,3.2rem)}
h2{font-size:clamp(1.45rem,2.8vw,2.1rem)}
h3{font-size:clamp(1.1rem,1.8vw,1.3rem);letter-spacing:.08em}
.station .marke{font-size:clamp(1.25rem,2vw,1.6rem)}
h2.versal{letter-spacing:.08em}

/* Überarbeitung 4: Überschriften nie kursiv */
h1,h2,h3,h1 em,h2 em,h3 em,.station .marke,.station .marke.s4{font-style:normal}
.hero h1 em,.hero h1 em *{font-style:normal}

/* Überarbeitung 5: Buttons in Cyan */
:root{--cyan:#80DEE0}
.btn{background:var(--cyan)}
.btn:hover{background:#6CD4D7}
.nav .nav-cta a{border-color:var(--cyan)}
.nav .nav-cta a:hover,.nav .nav-cta a[aria-current="page"]{background:var(--cyan)}
.flow > .wm{align-self:flex-start}
.fuss ul a{text-transform:uppercase;letter-spacing:.12em;font-size:.82rem}

/* Überarbeitung 6: Lebensraum-Pakete */
.paket,.paket.herz,.abschnitt:not(.sand) .paket{background:#FFFBAD!important;border-color:transparent}
.paket h3,.paket-lang[id^="lebensraum"] h3{color:#3FBFC2;font-style:normal;font-weight:600}
.paket-lang[id^="lebensraum"]{background:#FFFBAD;border-top:0;border-radius:4px;padding:clamp(1.8rem,4vw,3rem);margin-bottom:clamp(1.2rem,2.5vw,2rem)}
.paket h3,.paket-lang[id^="lebensraum"] h3{color:var(--tinte)}
.paket .versprechen,.paket-lang[id^="lebensraum"] .versprechen{color:var(--tuerkis-tief)!important;font-style:normal!important}
.paket,.paket.herz,.abschnitt:not(.sand) .paket,.paket-lang[id^="lebensraum"]{background:#FFFCDD!important}
.pakete{align-items:stretch}
.paket h3,.paket-lang[id^="lebensraum"] h3{font-weight:400}

/* Überarbeitung 7: Bewegungsworte wie Überschrift LØFT LEBENSRAUM */
.bewegung .wort,.bewegung .w1,.bewegung .w2,.bewegung .w3{font-family:var(--f-titel);font-size:clamp(1.45rem,2.8vw,2.1rem);font-weight:400;font-style:normal;text-transform:uppercase;letter-spacing:.06em;line-height:1.22;color:var(--tuerkis-tief)}
.aussage-hand{font-size:clamp(1.9rem,4.2vw,2.9rem);line-height:1.45;max-width:52rem;text-wrap:balance}
/* Bogen höher und leicht nach rechts gedreht */
.foto .bogen{top:-14%;right:-11%;transform:rotate(12deg);transform-origin:50% 60%}
@media (max-width:860px){.foto .bogen{top:-10%;right:-5%}}

/* Überarbeitung 8: hellerer Grauton für Text */
:root{--tinte:#4A5353}
.akzent.leere{color:#3FBFC2;-webkit-text-stroke:.9px #3FBFC2;paint-order:stroke fill;font-size:clamp(2.2rem,4.6vw,3rem)}
.akzent,.motto{color:#3FBFC2;-webkit-text-stroke:.9px #3FBFC2;paint-order:stroke fill}
.akzent{font-size:clamp(2.2rem,4.6vw,3rem)}
.motto{-webkit-text-stroke:1.2px #3FBFC2}

/* LØFT-Definition */
.definition .vers{font-size:1.18rem;line-height:1.75}
.definition .vers.stark{font-family:var(--f-titel);font-size:clamp(1.4rem,2.4vw,1.8rem);letter-spacing:.04em;color:var(--tuerkis-tief);margin-top:.6rem}
.definition .leere-hand{color:#3FBFC2;font-size:clamp(1.9rem,3.6vw,2.6rem)}
.oe-wrap{display:flex;justify-content:center;align-items:flex-start;align-self:start;position:sticky;top:3rem}
.oe{width:min(320px,70%);height:auto}
@media (max-width:860px){.oe-wrap{position:static}.oe{width:160px}}

/* Priorität hebt sich ab */
.paket.herz,.paket-lang#lebensraum-prioritaet{background:#E3F4F4!important}
.abschnitt .paket.herz{background:#E3F4F4!important}
/* Bogen weiter aus dem Bild heraus */
.foto .bogen{top:-24%;right:-26%;width:66%;transform:rotate(30deg);transform-origin:50% 60%}
@media (max-width:860px){.foto .bogen{top:-16%;right:-10%;width:55%}}
main{overflow-x:clip}

/* Fußzeile neu: Marke mittig, ohne Zitat */
.fuss{padding-block:clamp(4rem,9vw,6.5rem) 2rem;text-align:center}
.fuss-marke{display:flex;justify-content:center;margin-bottom:clamp(2rem,5vw,3rem)}
.fuss-marke .wm-name{font-size:clamp(1.6rem,3.2vw,2.1rem)}
.fuss-marke .wm-sub{font-size:.72rem}
.fuss-trenner{display:flex;justify-content:center;margin-bottom:clamp(2.5rem,6vw,4rem)}
.fuss-raster{grid-template-columns:1fr 1fr;max-width:640px;margin-inline:auto;gap:clamp(2.5rem,6vw,4rem)}
@media (max-width:560px){.fuss-raster{grid-template-columns:1fr}}
.fuss ul{align-items:center}
.fuss-unten{justify-content:center;text-align:center;flex-direction:column;align-items:center;gap:.4rem;border-top:0;margin-top:clamp(3rem,7vw,4.5rem)}
/* Fußzeile: nur Marke mittig, Rest linksbündig */
.fuss{text-align:left}
.fuss-marke{margin-bottom:clamp(3rem,7vw,4.5rem)}
.fuss-raster{max-width:none;margin-inline:0;grid-template-columns:1fr 1fr}
@media (max-width:560px){.fuss-raster{grid-template-columns:1fr}}
.fuss ul{align-items:flex-start}
.fuss-unten{flex-direction:row;justify-content:space-between;align-items:center;text-align:left}
@media (max-width:560px){.fuss-unten{flex-direction:column;align-items:flex-start}}
.fuss-marke{margin-bottom:clamp(6.5rem,11vw,8.5rem)}
/* Handschrift-Zitate mittig */
main .hand{text-align:center;margin-inline:auto;align-self:center}
blockquote.flow{align-items:center;text-align:center}
.nebenzimmer .flow{align-items:center;text-align:center}

/* Mobil: Menü nur drei Striche; Startseite Foto zuerst */
.menu-knopf{padding:.6rem 0 .6rem .6rem}
.menu-knopf span.striche{gap:7px}
.menu-knopf span.striche i{width:28px;height:1.5px;background:var(--tinte);border-radius:1px}
@media (max-width:860px){
  .hero-start{padding-top:0}
  .hero-start .foto{order:-1;margin-inline:calc(-1 * clamp(1.1rem,4vw,2.5rem))}
  .hero-start .foto img{border-radius:0;aspect-ratio:4/5}
  .hero-start .foto .bogen{display:none}
  .hero-start .zwei{gap:2rem}
  .hero-start .hero-text{padding-bottom:0}
}
@media (max-width:860px){.kopf .menu-knopf{order:3;margin-left:auto}}
/* Mobil: erste Ansicht = Logo, Foto, Überzeile, Satz */
@media (max-width:860px){
  .kopf{padding-block:1rem}
  .hero-start .foto img{aspect-ratio:1/1;object-position:50% 22%}
  .hero-start .zwei{gap:1.4rem}
  .hero-start .hero-text{gap:1rem}
  .hero-start .kicker{line-height:1.5}
  .hero-start h1{font-size:1.65rem;line-height:1.2}
}
@media (max-width:860px){
  .kopf{padding-block:.9rem .6rem}
  .hero-start .foto img{aspect-ratio:6/5;object-position:50% 30%}
  .hero-start .zwei{gap:1.1rem}
}
/* Mobil: Foto präsent, darunter nur Überzeile + „Ich sollte dankbar sein.“ im ersten Blick */
@media (max-width:860px){
  .hero-start .foto img{aspect-ratio:auto;height:calc(100svh - 232px);min-height:320px;max-height:600px;object-position:50% 28%}
  .hero-start .zwei{gap:.9rem}
  .hero-start .hero-text{gap:.55rem}
  .hero-start .hero-sub{margin-top:.6rem}
}
@media (max-width:860px){.hero-start .foto img{height:calc(100svh - 244px)}}
@media (max-width:860px){
  .hero-start .foto{margin-block:0}
  .hero-start h1 .h1-zwei{display:block;margin-top:1.6em}
}
@media (max-width:860px){.hero-start .foto img{height:calc(100svh - 218px)}}
/* Mobil: mehr Luft unter dem Logo, Foto unten kürzer, kein Extra-Abstand im Satz */
@media (max-width:860px){
  .hero-start .foto{margin-top:1.4rem}
  .hero-start .foto img{height:calc(100svh - 290px);min-height:280px}
  .hero-start h1 .h1-zwei{margin-top:0}
}
/* Mobil: Foto fest zugeschnitten ohne Hände, mehr Luft für die Sätze */
@media (max-width:860px){
  .hero-start .foto img{height:auto;min-height:0;max-height:none;aspect-ratio:9/7;object-position:50% 26%}
  .hero-start .zwei{gap:1.9rem}
  .hero-start .hero-text{gap:1.1rem}
}
@media (max-width:860px){
  .hero-start .foto{margin-top:2.2rem}
  .hero-start .foto img{aspect-ratio:8/7;object-position:50% 12%}
  .hero-start .hero-text{gap:1.8rem}
  .hero-start .hero-sub{margin-top:0}
}
@media (max-width:860px){
  .hero-start .foto{margin-top:3.7rem}
  .hero-start .hero-text{gap:3.6rem}
  .hero-start .hero-text .kicker + h1{margin-top:0}
}
@media (max-width:860px){.hero-start .foto{margin-top:3.95rem}.hero-start .hero-text{gap:3.85rem}}

/* Über mich: Einstieg mit Strandfoto als Hintergrund */
.uh-bild{position:relative;background:#EAF1F6 url(../img/anne-strand-jeans.jpg) left bottom/cover no-repeat;min-height:clamp(640px,94vh,920px);display:flex}
.uh-raster{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;width:100%;padding-block:clamp(3rem,7vw,5.5rem) clamp(4rem,10vh,7rem)}
.uh-oben{grid-column:1 / -1;display:flex;flex-direction:column;gap:1.4rem;max-width:36rem}
.uh-neben{grid-column:2;align-self:end;display:flex;flex-direction:column;gap:1.2rem;max-width:30rem;justify-self:end}
.uh-hi-mobil{display:none}
.uh .hero-sub{color:var(--tinte)}
@media (max-width:860px){
  .uh-bild{background-size:100% auto;background-position:left top;min-height:0;aspect-ratio:auto;display:block}
  .uh-raster{display:block;padding:0;position:relative;aspect-ratio:4/5;max-width:none}
  .uh-oben{position:absolute;top:1.6rem;left:clamp(1.1rem,4vw,2.5rem);right:clamp(1.1rem,4vw,2.5rem);gap:.8rem}
  .uh-oben h1{font-size:1.55rem}
  .uh-oben .hero-sub{font-size:1rem}
  .uh-hi-mobil{display:block;position:absolute;left:47%;top:58%;margin:0;font-family:var(--f-titel);text-transform:uppercase;letter-spacing:.08em;font-size:1.15rem;line-height:1.3;color:var(--tinte);width:46%}
  .uh-neben{position:static;max-width:none;padding:2rem clamp(1.1rem,4vw,2.5rem) 2.5rem;background:var(--sand-hell)}
  .uh-neben h2{display:none}
  .uh-bild{background-color:var(--sand-hell)}
}
/* Über mich Einstieg, Version 2 */
.uh-bild{background:#EAF1F6 url(../img/anne-strand-jeans-breit.jpg) left bottom/cover no-repeat;min-height:clamp(620px,calc(100vw * 0.5625),980px);display:flex}
.uh-raster{padding-block:clamp(3rem,6vw,5rem) clamp(3rem,8vh,6rem)}
.uh-oben{max-width:40rem}
.uh-oben h1{font-size:clamp(1.8rem,3.1vw,2.7rem)}
.uh-neben{grid-column:2;justify-self:start;padding-left:clamp(0rem,4vw,4rem)}
@media (max-width:860px){
  .uh-bild{background:none;min-height:0;display:block}
  .uh-raster{display:grid;grid-template-columns:1fr;grid-template-rows:125vw auto;padding:0;aspect-ratio:auto;position:static;background:var(--sand-hell) url(../img/anne-strand-jeans.jpg) left top/100% auto no-repeat}
  .uh-oben{grid-area:1/1;position:static;align-self:start;padding:1.6rem clamp(1.1rem,4vw,2.5rem) 0;gap:.7rem}
  .uh-oben h1{font-size:1.5rem}
  .uh-oben .hero-sub{font-size:1rem;line-height:1.5}
  .uh-hi-mobil{grid-area:1/1;position:static;align-self:start;justify-self:end;margin:76vw clamp(1.1rem,4vw,2.5rem) 0 0;width:44%;text-align:left}
  .uh-neben{grid-area:2/1;position:static;padding:2rem clamp(1.1rem,4vw,2.5rem) 2.5rem;background:var(--sand-hell)}
}
/* Über mich mobil, Version 3: alles im Bild */
@media (max-width:860px){
  .uh-raster{grid-template-rows:168.7vw;background:#E4EEF8 url(../img/anne-strand-jeans-hoch.jpg) left top/100% auto no-repeat}
  .uh-hi-mobil{display:none}
  .uh-neben{grid-area:1/1;align-self:start;justify-self:start;margin:80vw 0 0 43vw;width:54vw;padding:0;background:none;gap:.7rem}
  .uh-neben h2{display:block;font-size:1.05rem;letter-spacing:.07em;line-height:1.3}
  .uh-neben .uh-text{gap:.6rem}
  .uh-neben .uh-text p{font-size:.86rem;line-height:1.5}
  .uh-oben{padding-top:2rem}
}
/* Über mich mobil, Version 4: Textblock rechts bis zum Bildrand */
@media (max-width:860px){
  .uh-neben{align-self:end;justify-self:end;margin:0;width:55vw;padding:1.2rem clamp(1.1rem,4vw,2.5rem) 1.5rem 1.1rem;background:rgba(252,250,246,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);gap:.9rem}
  .uh-neben h2{font-size:1.5rem;letter-spacing:.06em;line-height:1.22}
  .uh-neben .uh-text{gap:.8rem}
  .uh-neben .uh-text p{font-size:1rem;line-height:1.5}
}
/* Über mich mobil, Version 5: ohne Fläche, letzte Zeilen eingerückt */
@media (max-width:860px){
  .uh-neben{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0 clamp(1.1rem,4vw,2.5rem) 1rem 0;width:55vw}
  .uh-neben .einzug{display:block;margin-left:17vw}
}
@media (max-width:860px){.uh-neben .einzug{margin-left:19vw}}
@media (max-width:860px){
  .uh-neben h2{font-size:1.12rem;letter-spacing:.05em;white-space:nowrap}
  .uh-neben .absatz-zwei{margin-left:9vw;hyphens:manual}
  .uh-neben .einzug{margin-left:10vw}
}
.schraege{display:none}
@media (max-width:860px){
  .uh-neben .einzug{display:inline;margin-left:0}
  .uh-neben .absatz-zwei{margin-left:7vw}
  .uh-neben .schraege{display:block;float:left;width:15vw;height:10.5em;shape-outside:polygon(0 0,0 0,100% 100%,0 100%);margin-right:.3rem}
}
@media (max-width:860px){.uh-neben h2{font-size:1.29rem}}
/* Über mich mobil, Version 6: „Hi, ich bin Anne“ unter dem Bild */
@media (max-width:860px){
  .uh-raster{grid-template-rows:125vw auto;background:var(--sand-hell) url(../img/anne-strand-jeans.jpg) left top/100% auto no-repeat}
  .uh-neben{grid-area:2/1;align-self:start;justify-self:stretch;width:auto;margin:0;padding:2.4rem clamp(1.1rem,4vw,2.5rem) 2.8rem;background:var(--sand-hell);gap:1.2rem}
  .uh-neben h2{font-size:clamp(1.45rem,2.8vw,2.1rem);letter-spacing:.08em;white-space:normal}
  .uh-neben .uh-text p{font-size:1.1rem;line-height:1.72}
  .uh-neben .absatz-zwei{margin-left:0;hyphens:auto}
  .uh-neben .schraege{display:none}
}
.station .marke.s1,.station .marke.s2,.station .marke.s3{font-family:var(--f-titel);font-weight:700;font-size:clamp(1.25rem,2vw,1.6rem);color:var(--tinte);font-style:normal}
/* Paketfarben als Verlauf: Vanille → Lindgrün → Helltürkis */
.abschnitt .pakete .paket:nth-child(1),.paket-lang#lebensraum-kompass{background:#FFFCDD!important}
.abschnitt .pakete .paket:nth-child(2),.paket-lang#lebensraum-horizont{background:#F1F8E8!important}
.abschnitt .pakete .paket.herz,.paket-lang#lebensraum-prioritaet{background:#E3F4F4!important}
/* Paketfarben Variante J: Sonnengelb · Beige · Türkisblau */
.abschnitt .pakete .paket:nth-child(1),.paket-lang#lebensraum-kompass{background:#FBF2CC!important}
.abschnitt .pakete .paket:nth-child(2),.paket-lang#lebensraum-horizont{background:#EFE7D9!important}
.abschnitt .pakete .paket.herz,.paket-lang#lebensraum-prioritaet{background:#DCEFF2!important}
.abschnitt .pakete .paket:nth-child(1),.paket-lang#lebensraum-kompass{background:#FFF9D4!important}
/* Einzelne Kundinnenstimme (Klarer Impuls) */
.stimme-gross{margin:0 auto;max-width:44rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.4rem}
.stimme-gross blockquote{margin:0;display:flex;flex-direction:column;gap:1rem;font-family:var(--f-titel);font-style:italic;font-size:clamp(1.15rem,2vw,1.4rem);line-height:1.6;color:var(--tinte)}
.stimme-gross figcaption{font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tinte-weich);font-weight:500}

/* Navigation mit Untermenü Angebot */
.nav-gruppe{position:relative}
.nav-auf{background:none;border:0;cursor:pointer;font:inherit;color:var(--tinte);text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;padding:.3rem 0;border-bottom:1px solid transparent;display:inline-flex;align-items:center;gap:.5em}
.nav-auf::after{content:"";width:.42em;height:.42em;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-.2em) rotate(45deg);transition:transform .2s}
.nav-gruppe.auf .nav-auf::after{transform:translateY(.1em) rotate(-135deg)}
.nav-auf:hover,.nav-gruppe.aktiv .nav-auf{border-bottom-color:var(--tuerkis)}
.nav-unter{display:none;list-style:none;margin:0;padding:.9rem 1.2rem;position:absolute;left:-1.2rem;top:calc(100% + .6rem);background:var(--papier);border:1px solid var(--sand);flex-direction:column;gap:.6rem;white-space:nowrap;z-index:30}
.nav-gruppe.auf .nav-unter{display:flex}
@media (max-width:860px){
  .nav-auf{font-size:.95rem}
  .nav-unter{position:static;border:0;padding:.5rem 0 .3rem 1.1rem;gap:.4rem;background:none}
}

/* Für dich: Freebies */
.fuer-dich-kopf h1{margin:0}
.freebies{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:clamp(1.2rem,3vw,2rem)}
.freebie{background:var(--papier);border-radius:4px;padding:clamp(1.6rem,3vw,2.3rem);display:flex;flex-direction:column;gap:1rem;scroll-margin-top:6rem}
.freebie h2{margin:0;color:#3FBFC2}
.freebie .versprechen{font-family:var(--f-titel);font-size:1.18rem;line-height:1.45;margin:0}
.freebie p{margin:0}
.btn-aus{align-self:flex-start;opacity:.55;cursor:default;margin-top:.4rem}
.nav-auf{line-height:1.25}

/* Impressum und Datenschutz */
.recht{display:flex;flex-direction:column;gap:clamp(2rem,4vw,3rem);max-width:52rem}
.recht-kopf{display:flex;flex-direction:column;gap:.9rem;align-items:flex-start}
.recht-kopf h1{margin:0}
.recht h2{font-size:clamp(1.02rem,1.6vw,1.15rem);letter-spacing:.06em;line-height:1.35;margin:0 0 .6rem;color:#3FBFC2}
.recht p{margin:0 0 .8rem}
.recht-raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1.2rem}
.recht-block{background:var(--sand-hell);border-radius:4px;padding:clamp(1.2rem,2.5vw,1.6rem)}
.recht-block p:last-child{margin-bottom:0}
.recht-text{display:flex;flex-direction:column;gap:1.6rem}
.recht-text > h2{margin-top:.6rem;margin-bottom:-1rem}
.recht-teil{scroll-margin-top:6rem;border-top:1px solid var(--sand);padding-top:1.6rem}
.recht-liste{margin:0 0 .8rem;padding-left:1.2rem;display:flex;flex-direction:column;gap:.3rem}
.recht-inhalt{background:var(--sand-hell);border-radius:4px;padding:clamp(1.2rem,2.5vw,1.6rem)}
.recht-inhalt ol{margin:.6rem 0 0;padding-left:1.4rem;columns:2 16rem;column-gap:2rem}
.recht-inhalt li{margin-bottom:.35rem;break-inside:avoid}
.recht-inhalt a{color:var(--tinte)}
mark.ph{background:#FFF3B8;color:#6B5630;padding:.05rem .3rem;border-radius:3px}

/* Social Links Fußzeile */
.fuss .fuss-sozial{margin-top:1.4rem;flex-direction:row;gap:1.4rem}
.fuss .link-folgt{display:inline-block;margin-top:.6rem}

/* Für dich: Formular */
.anfordern{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:clamp(1.6rem,4vw,3.5rem);align-items:start;scroll-margin-top:6rem}
.formular{background:var(--sand-hell);border-radius:4px;padding:clamp(1.4rem,3vw,2.2rem);display:flex;flex-direction:column;gap:1.1rem}
.formular .auswahl{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.6rem 1.6rem}
.formular legend{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--tinte-weich);margin-bottom:.6rem;padding:0}
.formular .auswahl label{display:flex;align-items:center;gap:.5rem;cursor:pointer}
.formular .feld{display:flex;flex-direction:column;gap:.35rem}
.formular .feld span{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--tinte-weich)}
.formular .feld em{font-style:normal;font-weight:400;text-transform:none;letter-spacing:0}
.formular input[type=text],.formular input[type=email]{font:inherit;color:var(--tinte);background:var(--papier);border:1px solid var(--sand);border-radius:4px;padding:.75rem .9rem;width:100%}
.formular input:focus{outline:2px solid #3FBFC2;outline-offset:1px}
.formular input[type=checkbox]{accent-color:#3FBFC2;width:1.1rem;height:1.1rem;flex:none}
.formular .einwilligung{display:flex;gap:.7rem;align-items:flex-start;font-size:.9rem;line-height:1.55;cursor:pointer}
.formular .einwilligung input{margin-top:.2rem}
.formular .btn{align-self:flex-start;border:0;cursor:pointer;font-family:inherit}
.formular-meldung{margin:0;font-size:.9rem;color:var(--tinte-weich);min-height:1.2em}
.freebie .btn{align-self:flex-start;margin-top:auto}
.formular .einwilligung em{font-style:normal}
.formular-hinweis{margin:-.3rem 0 0;font-size:.85rem;color:var(--tinte-weich)}

/* Newsletter-Frage und Danke */
.nl-frage{border:0;border-radius:6px;padding:clamp(1.6rem,4vw,2.4rem);max-width:min(30rem,calc(100vw - 2rem));background:var(--papier);color:var(--tinte);box-shadow:0 20px 60px rgba(40,50,50,.25)}
.nl-frage::backdrop{background:rgba(74,83,83,.45)}
.nl-frage h3{margin:.4rem 0 .8rem;font-size:clamp(1.25rem,3vw,1.5rem)}
.nl-frage p{margin:0 0 1rem}
.nl-knoepfe{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.4rem}
.nl-knoepfe .btn{flex:1 1 12rem;border:0;cursor:pointer;font-family:inherit;text-align:center}
.danke{gap:.9rem}
.danke h3{margin:0;color:#3FBFC2}
.danke p{margin:0}
.danke .btn-zweit{background:none;border:0;border-bottom:1px solid var(--grau);cursor:pointer;font-family:inherit;padding:0 0 .1rem;align-self:flex-start}
.danke-nl{display:flex;flex-direction:column;gap:.5rem;padding-top:.9rem;border-top:1px solid var(--sand)}
.danke:focus{outline:none}
.formular[hidden],.danke-nl[hidden]{display:none!important}

/* Startseite mobil: Porträt komplett (4:5) */
@media (max-width:860px){
  .hero-start .foto{margin-top:1.2rem}
  .hero-start .foto img{aspect-ratio:4/5;object-position:50% 50%;height:auto}
}

/* Startseite mobil: Logo und Menü liegen auf dem Foto */
@media (max-width:860px){
  .kopf.kopf-ueber-foto{position:relative;z-index:20;background:transparent;height:4rem;padding-block:0;display:flex;align-items:center}
  .kopf.kopf-ueber-foto > .wrap{width:100%}
  .kopf-ueber-foto + main{margin-top:-4rem}
  .kopf-ueber-foto + main .hero-start .foto{margin-top:0}
  .hero-start{padding-top:0}
}
@media (max-width:860px){.kopf.kopf-ueber-foto.offen{background:var(--papier)}}
.menu-knopf span.striche{gap:6.5px}
@media (max-width:860px){.hero-start .foto img{aspect-ratio:390/415;object-position:50% 100%}}

/* Startseite: Paketkarten verlinken auf LØFT-Seite */
.pakete .paket{position:relative;transition:transform .25s ease,box-shadow .25s ease}
.paket-link{color:inherit;text-decoration:none}
.paket-link::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:1}
.pakete .paket:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(46,53,53,.1)}
.paket-link:focus-visible{outline:none}
.pakete .paket:focus-within{outline:2px solid #3FBFC2;outline-offset:3px}
.paket-mehr{font-size:.92rem;color:var(--tinte);border-bottom:1px solid var(--grau);align-self:flex-start;padding-bottom:.1rem;margin-top:auto}
.paket-lang{scroll-margin-top:2rem}
.inklusive{display:block;font-size:.95rem;color:var(--tinte-weich);line-height:1.6}
.akzent-mitte{text-align:center;align-self:stretch}
.preis-klein{font-family:var(--f-text);font-weight:700;font-size:1.22rem;color:var(--tinte);margin:.6rem 0 0;font-variant-numeric:tabular-nums}
.preis-klein small{font-weight:400;font-size:.8rem;color:var(--tinte-weich);margin-left:.3rem}

/* Für dich: Stärken-Test */
.tag-gelb{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:#6B5630;background:#FFF3B8;align-self:flex-start;padding:.22rem .6rem;border-radius:4px;margin:0;width:fit-content}
.staerken{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(2rem,5vw,4.5rem);align-items:start;scroll-margin-top:2rem}
@media (max-width:860px){.staerken{grid-template-columns:1fr}}
#staerken-test,#werte-test{scroll-margin-top:1rem}
.eckpunkte{list-style:none;margin:.3rem 0 .4rem;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}
.eckpunkte li{background:var(--sand-hell);border-radius:999px;padding:.4rem .95rem;font-size:.9rem;color:var(--tinte)}
.eckpunkte strong{font-weight:600;margin-right:.35rem;color:var(--tinte-weich);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}
.infos{display:flex;flex-direction:column;border-top:1px solid var(--sand)}
.infos details{border-bottom:1px solid var(--sand)}
.infos summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.05rem 0;font-family:var(--f-titel);font-size:1.12rem;text-transform:uppercase;letter-spacing:.05em;color:var(--tinte)}
.infos summary::-webkit-details-marker{display:none}
.infos summary::after{content:"+";font-family:var(--f-text);font-size:1.5rem;font-weight:300;color:#3FBFC2;line-height:1;transition:transform .2s}
.infos details[open] summary::after{transform:rotate(45deg)}
.infos details > *:not(summary){padding-bottom:1.3rem}
.infos .liste{margin:0}
.infos p{margin:0}
.und-dann{margin-top:2rem;gap:1rem}
.und-dann h3{margin:0;color:#3FBFC2}
.und-dann .aktion{margin:0}

/* Kundinnenstimmen: drei echte Stimmen */
.stimmen-drei{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
@media (max-width:1000px){.stimmen-drei{grid-template-columns:1fr;max-width:40rem}}
.stimmen-drei .stimme{border:0;background:var(--papier);gap:1.2rem}
.stimmen-drei .stimme blockquote{font-size:1.05rem;line-height:1.6;display:flex;flex-direction:column;gap:.8rem}
.stimmen-drei .stimme blockquote p{margin:0}
.stimmen-drei .stimme figcaption{font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tinte-weich);font-weight:500;margin-top:auto}
.stimmen-drei{gap:clamp(1rem,2vw,1.6rem)}
.stimmen-drei .stimme{margin:0;padding:clamp(1.6rem,2.6vw,2.4rem)}
.stimmen-drei .stimme blockquote{font-size:1.02rem;line-height:1.65}
.stimmen-drei .stimme blockquote p:first-child{font-size:1.15rem;line-height:1.5}
.zitat-karte{margin:0;aspect-ratio:4/5;background:var(--sand);border-radius:3px;display:flex;flex-direction:column;justify-content:center;gap:clamp(1.5rem,3vw,2.4rem);padding:clamp(2rem,6vw,4.5rem)}
.zitat-karte blockquote{margin:0}
.zitat-karte p{margin:0;font-family:var(--f-titel);font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.15;letter-spacing:-.01em;color:var(--tinte);text-wrap:balance}
.zitat-karte em{font-style:italic;color:var(--tuerkis-tief)}
.zitat-karte figcaption{font-family:var(--f-text);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:var(--tinte-weich)}
@media (max-width:860px){.zitat-karte{aspect-ratio:auto;padding:2.6rem 1.8rem}}
.zitat-karte em{white-space:nowrap}
.zitat-karte{background:#FBF3D5}

/* Werte-Test */
.wt-buehne{padding-top:clamp(2.5rem,6vw,4.5rem)}
.wt{--wt-linie:#E3DACB;--wt-weiss:#FFFFFF;--wt-gold-hauch:#F5ECD9;--wt-gelb:#FBF3D5;max-width:42rem;margin-inline:auto;scroll-margin-top:6rem}
.wt [hidden]{display:none!important}
.wt-stack{display:flex;flex-direction:column;gap:1.1rem}
.wt-stack.wt-gross{gap:2rem}
.wt-stack.wt-eng{gap:.5rem}
.wt h1{margin-top:-.4rem}
.wt h2{font-size:clamp(1.3rem,2.4vw,1.7rem)}
.wt-h3{font-size:1.05rem!important;letter-spacing:.14em!important}
.wt-frage{font-family:var(--f-titel);font-size:clamp(1.55rem,3.4vw,2.2rem);line-height:1.25;text-wrap:balance;margin:0}
.wt-frage em{display:block;font-style:italic;color:var(--tuerkis-tief)}
.wt-lead{font-size:1.12rem;color:var(--tinte);max-width:36rem;margin:0}
.wt p{margin:0}
.wt-klein{font-size:.9rem}
.wt-meta{display:flex;flex-wrap:wrap;gap:.5rem}
.wt-pill{font-size:.82rem;letter-spacing:.04em;padding:.3rem .8rem;border-radius:999px;background:var(--tuerkis-hauch);color:var(--tuerkis-tief)}
.wt-punkte{height:6px;width:100%;background-image:radial-gradient(circle,var(--tuerkis) 1.6px,transparent 2px);background-size:14px 6px;background-repeat:repeat-x;opacity:.7}
.wt-schritte{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.9rem;counter-reset:s}
.wt-schritte li{display:grid;grid-template-columns:2rem 1fr;gap:.75rem;align-items:start;counter-increment:s}
.wt-schritte li::before{content:counter(s);font-family:var(--f-titel);font-size:1.3rem;color:var(--gold);line-height:1.3}
.wt-notiz{border-left:2px solid var(--gold);padding:.25rem 0 .25rem 1rem;font-family:var(--f-titel);font-style:italic;font-size:1.12rem}
.wt-aktionen{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center}
.wt button{font:inherit;cursor:pointer}
.wt .btn{border:0;font-weight:600}
.wt .btn:disabled{opacity:.4;cursor:not-allowed;transform:none}
.wt-zweit{background:transparent;border:0;border-bottom:1px solid var(--grau);padding:0 0 .1rem;color:var(--tinte);font-size:.95rem!important}
.wt-zweit:hover{border-bottom-color:var(--tuerkis-tief);color:var(--tuerkis-tief)}
.wt-link{background:none;border:0;padding:0;color:var(--tuerkis-tief);text-decoration:underline;text-underline-offset:3px}
.wt :focus-visible{outline:2px solid var(--tuerkis-tief);outline-offset:3px}
.wt-fein{font-size:.82rem;color:var(--tinte-weich);display:flex;flex-direction:column;gap:.4rem;border-top:1px solid var(--wt-linie);padding-top:1rem}
.wt-fortschritt{height:3px;background:var(--sand);border-radius:3px;overflow:hidden}
.wt-fortschritt i{display:block;height:100%;background:var(--tuerkis);width:0;transition:width .3s ease}
.wt-zahl{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--tinte-weich);font-variant-numeric:tabular-nums}
.wt-portrait{font-family:var(--f-titel);font-size:clamp(1.45rem,3.2vw,1.9rem);line-height:1.35;min-height:3.2em;text-wrap:balance}
.wt-q{display:flex;flex-direction:column;gap:.75rem;background:var(--sand-hell);border:0;border-radius:6px;padding:1.2rem 1rem;margin:0;min-width:0}
.wt-q legend{font-weight:600;font-size:1rem;padding:0;float:left;width:100%}
.wt-skala{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:.5rem;clear:both}
.wt-opt{display:flex;flex-direction:column;align-items:center;gap:.4rem;cursor:pointer;text-align:center;font-size:.82rem;color:var(--tinte-weich);line-height:1.2}
.wt-opt input{position:absolute;opacity:0;width:1px;height:1px}
.wt-punkt{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--grau);background:var(--papier);transition:all .15s ease}
.wt-opt:nth-child(1) .wt-punkt{width:22px;height:22px;margin:4px}
.wt-opt:nth-child(2) .wt-punkt{width:25px;height:25px;margin:2.5px}
.wt-opt:hover .wt-punkt{border-color:var(--tuerkis)}
.wt-opt input:checked+.wt-punkt{background:var(--tuerkis);border-color:var(--tuerkis);box-shadow:0 0 0 4px var(--tuerkis-hauch)}
.wt-opt input:checked~.wt-lbl{color:var(--tinte);font-weight:600}
.wt-opt input:focus-visible+.wt-punkt{outline:2px solid var(--tuerkis-tief);outline-offset:3px}
.wt-nav{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.wt-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.wt-chip{border:1px solid var(--wt-linie);background:var(--wt-weiss);color:var(--tinte);border-radius:6px;padding:.65rem .9rem;text-align:left;display:flex;flex-direction:column;gap:.1rem;max-width:100%}
.wt-chip small{color:var(--tinte-weich);font-size:.82rem;line-height:1.35}
.wt-chip strong{font-weight:600;font-size:.95rem}
.wt-chip[aria-pressed="true"]{border-color:var(--tuerkis);background:var(--tuerkis-hauch)}
.wt-chip.gold[aria-pressed="true"]{border-color:var(--gold);background:var(--wt-gold-hauch)}
.wt-chip:disabled{opacity:.45;cursor:not-allowed}
.wt-beispiel{background:var(--wt-gelb);border-radius:6px;padding:.7rem 1rem;font-size:.92rem}
.wt-abschnitt{display:flex;flex-direction:column;gap:.85rem}
.wt-augenbraue{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tuerkis-tief);font-weight:600}
.wt-top5{display:flex;flex-direction:column;gap:.65rem}
.wt-top5>div{display:grid;grid-template-columns:1.4rem 1fr;gap:.6rem;align-items:baseline}
.wt-stern{color:var(--gold)}
.wt-achse{display:flex;justify-content:space-between;font-size:.78rem;color:var(--tinte-weich)}
.wt-karte{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.wt-quad{border-radius:6px;padding:.8rem;display:flex;flex-direction:column;gap:.5rem;min-width:0;min-height:7rem}
.wt-quad h3{margin:0;font-family:var(--f-text);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;line-height:1.3}
.q-platz{background:var(--sand)}
.q-gelebt{background:var(--tuerkis-hauch)}
.q-leise{background:transparent;border:1px dashed var(--grau)}
.q-fehlt{background:var(--wt-gelb);border:1.5px solid var(--tuerkis)}
.wt-tags{display:flex;flex-wrap:wrap;gap:5px}
.wt-tag{font-size:.82rem;padding:.15rem .55rem;border-radius:999px;background:var(--papier);border:1px solid var(--wt-linie);line-height:1.4}
.wt-tag.top{border-color:var(--gold);background:var(--wt-gold-hauch)}
.wt-tag.top::before{content:"✦ ";color:var(--gold)}
.wt-tag.exp{border-style:dashed}
.wt-leer{font-size:.82rem;color:var(--tinte-weich);font-style:italic}
.wt-legende{display:flex;flex-wrap:wrap;gap:.3rem 1rem;font-size:.82rem;color:var(--tinte-weich)}
.wt-impuls{background:var(--wt-weiss);border:1px solid var(--wt-linie);border-radius:6px;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.25rem}
.wt-impuls b{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tuerkis-tief);font-weight:600}
.wt-impuls span{font-family:var(--f-titel);font-size:1.2rem;line-height:1.35}
.wt-schluessel{background:var(--wt-gold-hauch);border-radius:6px;padding:1rem;display:flex;flex-direction:column;gap:.6rem}
.wt-spannung{border-left:2px solid var(--tuerkis);padding-left:1rem;display:flex;flex-direction:column;gap:.4rem}
.wt-refl{margin:0;padding-left:1.4rem;display:flex;flex-direction:column;gap:.6rem}
.wt-refl li::marker{color:var(--gold);font-family:var(--f-titel)}
.wt-uebung{background:var(--sand-hell);border-radius:6px;padding:1.2rem 1rem;display:flex;flex-direction:column;gap:.9rem}
.wt-feld{display:flex;flex-direction:column;gap:.35rem}
.wt-feld label{font-weight:600;font-size:.95rem}
.wt-feld input,.wt-feld select,.wt-feld textarea{font:inherit;font-size:1rem;color:var(--tinte);background:var(--wt-weiss);border:1px solid var(--wt-linie);border-radius:6px;padding:.6rem .75rem;width:100%}
.wt-feld textarea{min-height:4.5rem;resize:vertical}
.wt-zeile{display:grid;grid-template-columns:2fr 1fr;gap:.6rem}
@media (max-width:460px){.wt-zeile{grid-template-columns:1fr}}
.wt-vorschau{font-family:var(--f-titel);font-size:1.25rem;line-height:1.4;padding:.9rem 1rem;background:var(--tuerkis-hauch);border-radius:6px}
.wt-cta{background:var(--wt-gelb);border-radius:6px;padding:1.6rem 1.3rem;display:flex;flex-direction:column;gap:.9rem}
.wt-cta .hand{color:var(--tuerkis-tief)}
.wt-toast{font-size:.9rem;color:var(--tuerkis-tief);min-height:1.4em}
#wt-fallback{width:100%;min-height:8rem;font:.9rem/1.5 var(--f-text);color:var(--tinte);background:var(--papier);border:1px solid var(--wt-linie);border-radius:6px;padding:.6rem}
.vorschau-hinweis{font-size:.82rem;margin-top:.6rem}
@media (prefers-reduced-motion:reduce){.wt *{transition:none!important}}
.wt-quad-text{font-size:.82rem;line-height:1.4;color:var(--tinte-weich);margin:0}
.wt-legende{flex-direction:column;gap:.5rem}
.wt-legende>span{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.wt-achse{font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.72rem}
.wt-achse span:last-child{color:var(--tuerkis-tief)}
.wt-lesen{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}
.wt-lesen strong{display:inline-block;min-width:4.2rem}
.wt-lesen li{display:grid;grid-template-columns:4.6rem 1fr;gap:.4rem}
.wt-lesen strong{min-width:0}
.wt-karten{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.9rem,2.5vw,1.4rem)}
.wt-rk{border-radius:8px;padding:clamp(.9rem,2.5vw,1.4rem);display:flex;flex-direction:column;gap:.6rem;min-width:0}
.wt-rk h3{margin:0;font-family:var(--f-text);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;line-height:1.35;color:var(--tinte)}
.wt-rk-text{font-size:.85rem;line-height:1.45;color:var(--tinte-weich);margin:0}
.wt-rk .wt-tags{flex-direction:column;align-items:flex-start;gap:.45rem;margin-top:.2rem}
.wt-rk .wt-tag{font-size:.88rem;padding:.25rem .75rem;background:var(--wt-weiss)}
.wt-rk .wt-tag.top{background:var(--wt-gold-hauch)}
.wt-rk.q-leise{background:transparent;border:1.5px dashed var(--grau)}
.wt-rk.q-fehlt{border:1.5px solid var(--tuerkis)}
.wt-rk .wt-tag{white-space:nowrap;max-width:100%}
@media (max-width:460px){.wt-karten{gap:.7rem}.wt-rk{padding:.85rem .75rem}.wt-rk .wt-tag{font-size:.8rem;padding:.22rem .6rem}.wt-rk h3{font-size:.76rem}}
.so-arbeiten{align-items:center}

.zitat-anne{aspect-ratio:auto}
.zitat-karte figcaption .loft{letter-spacing:inherit}
.hero-start .foto img{object-position:50% 12%}
@media (max-width:860px){.hero-start .foto img{object-position:50% 14%}}
.hero-start .foto img{aspect-ratio:816/1280;height:auto;min-height:0;max-height:none;object-position:50% 50%}
@media (max-width:860px){.hero-start .foto img{aspect-ratio:816/1280;object-position:50% 50%}}
@media (max-width:860px){
  .hero-start .foto{display:flex;justify-content:center}
  .hero-start .foto img{width:min(100%,calc((100svh - 250px) * 816 / 1280),22rem);border-radius:3px;margin-top:.5rem}
}
@media (max-width:860px){
  .hero-start .hero-text{text-align:center;align-items:center}
  .hero-start .hero-sub{margin-inline:auto}
  .hero-start .aktion{justify-content:center;align-items:center;display:flex;flex-direction:column}
}
.stimmen-drei .stimme blockquote{font-style:normal}
.stimme-gross blockquote,.stimme-gross blockquote p{font-style:normal}
.ki-foto img{object-position:50% 15%}
.ki-intro{align-items:center}
.zitat-rosa{aspect-ratio:auto;background:#F7EEF1}
/* Klare Linie statt Punkte und Welle */
.punkte.linie{display:block}
.punkte.linie>span{display:block;width:4.5rem;height:2px;background:currentColor;border-radius:1px}
.trenner .punkte.linie>span,.welle-linie>span{width:5.5rem}
.bewegung .punkte.linie>span{width:3rem}
.welle-linie{color:var(--tuerkis)}
.wt-linie{width:4.5rem;height:2px;background:var(--tuerkis);border-radius:1px}
.paket-lang{border-top-style:solid}
.ki-hero .zwei{grid-template-areas:"text foto" "zitat foto";align-items:start;row-gap:clamp(2rem,4vw,3rem)}
.ki-hero .hero-text{grid-area:text;align-self:end}
.ki-hero .ki-foto{grid-area:foto;align-self:center}
.ki-hero .zitat-rosa{grid-area:zitat;align-self:start}
.ki-hero .zitat-rosa p{font-size:clamp(1.6rem,2.6vw,2.3rem)}
@media (max-width:860px){.ki-hero .zwei{grid-template-areas:"text" "foto" "zitat";grid-template-columns:1fr}}
.bewegung .punkte.linie>span{height:1px;opacity:.55}
@media (max-width:860px){
  .ki-hero .zwei{row-gap:1.25rem}
  .ki-hero .ki-foto,.ki-hero .zitat-rosa{margin-inline:2.5rem}
  .ki-hero .zitat-rosa{padding:2.6rem 1.6rem}
  .ki-hero .zitat-rosa p{font-size:clamp(1.4rem,6.2vw,2.1rem);line-height:1.22}
}
.punkte.linie>span,.wt-linie{height:1px;opacity:.55}
@media (max-width:860px){
  .ki-hero .ki-foto,.ki-hero .zitat-rosa{margin-inline:0}
  .ki-hero .zwei{row-gap:1rem}
  .ki-hero .ki-foto{margin-block:.5rem 0}
  .ki-hero .zitat-rosa{padding:3rem 1.9rem}
  .ki-hero .zitat-rosa p{font-size:clamp(1.7rem,7.6vw,2.4rem);line-height:1.2}
}
@media (max-width:860px){
  .hero-start .foto{margin-inline:0;display:block}
  .hero-start .foto img{width:100%;margin-top:.5rem;border-radius:3px}
}
@media (max-width:860px){.hero-start .foto img{aspect-ratio:4/5;object-fit:cover;object-position:50% 10%}}
.eg-foto img{object-position:50% 30%}
@media (max-width:860px){.eg-foto{margin-inline:0}}
.eg-foto img{aspect-ratio:640/900;object-position:50% 100%}
.foto.hoch.eg-foto img{aspect-ratio:640/900;object-position:50% 100%}
.foto.hoch.eg-foto img{aspect-ratio:4/5;object-position:50% 100%}

.foto.hoch.eg-foto img{aspect-ratio:4/5;object-position:50% 0%}
.hero-start h1 .h1-zwei{display:block;margin-top:.6em}

.feld textarea{font:inherit;font-size:1rem;color:var(--tinte);background:var(--papier);border:1px solid var(--sand);border-radius:4px;padding:.75rem .9rem;resize:vertical;min-height:9rem;width:100%}
.feld textarea:focus{outline:2px solid var(--tuerkis);outline-offset:1px}
.feld-versteckt{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.kontakt-formular{margin-top:1.4rem}