/* Landingpage des Coachings in der Gestaltung der Homepage von Lea: gleiche Tokens, Typografie, Knoepfe, Abschnittsrhythmus (hell, dunkel, hell), dunkle Fusszeile.
   Kopfleiste, Knoepfe und Fusszeile stehen in design.css (ber-). Bilder: nie beschnitten, natuerliches Seitenverhaeltnis. */
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{padding-bottom:0;background:var(--off);font-size:17px;line-height:1.6;overflow-x:hidden}
.lp-wrap{max-width:1180px;margin:0 auto;padding:0 20px;box-sizing:border-box}
@media(min-width:760px){.lp-wrap{padding:0 30px}}
.lp-sek{position:relative;padding:clamp(96px,13vw,160px) 0 clamp(48px,6.5vw,80px)}   /* Homepage-Werte: oben 160, unten 80 (390 px: 96 und 48); letzte Zeile bis naechste Eyebrow ueberall gleich */
.lp-sek.paper{background:linear-gradient(180deg,var(--off) 0%,var(--paper) 50%,var(--off) 100%)}
.lp-dunkel{background:var(--ber-dunkel);color:var(--ber-hell)}
.lp-dunkel .eyebrow,.lp-dunkel em,.lp-dunkel .nr{color:#E07A5F}
.lp-dunkel .eyebrow::before{background:#E07A5F}
.eyebrow{font-size:11.5px}
.lp-h2{font-family:var(--disp);font-weight:800;text-transform:uppercase;font-size:clamp(30px,4.6vw,56px);line-height:1;letter-spacing:-.01em;margin:20px 0 0;max-width:20ch;text-wrap:balance}
.lp-h2,.lp-hero h1,.lp-schritt h3,.lp-st h3,.lp-liste h3,.lp-hinweis-karte h3,.lp-cta h2,.lp-preis .betrag{overflow-wrap:break-word;hyphens:manual}   /* Display-Ueberschriften nie automatisch trennen (kein "Ehr-liches"), Notbruch nur bei Ueberlauf, Trennstellen per ­ */
.lp-zwei>*,.lp-kap>*,.lp-nicht>*,.lp-preise>*,.lp-hinweise>*,.lp-liste>*{min-width:0}
.lp-h2 em,.lp-hero h1 em{color:var(--copper);font-style:normal}
.lp-lead{margin:22px 0 0;max-width:62ch;color:var(--muted);font-size:clamp(16px,1.5vw,17px);line-height:1.7;text-wrap:pretty}
.lp-dunkel .lp-lead{color:rgba(247,244,239,.68)}

/* Hero */
.lp-hero{position:relative;display:flex;align-items:center;padding:clamp(48px,7vw,88px) 0 clamp(56px,7vw,96px);background:radial-gradient(130% 100% at 78% 30%,var(--paper) 0%,var(--off) 52%,color-mix(in srgb,var(--off) 94%,#000) 100%);overflow:hidden}
.lp-hero .lp-wrap{display:grid;gap:36px;align-items:center;width:100%}
@media(min-width:900px){.lp-hero{min-height:min(88svh,820px)}.lp-hero .lp-wrap{grid-template-columns:1.05fr .95fr;gap:56px}}
.lp-hero h1{font-family:var(--disp);font-weight:800;text-transform:uppercase;font-size:clamp(28px,4.4vw,57px);line-height:.96;letter-spacing:-.01em;margin:22px 0 22px;text-wrap:balance;max-width:17ch}
.lp-hero .lp-lead{margin-top:0;max-width:46ch}
.lp-aktionen{display:flex;gap:13px;flex-wrap:wrap;margin-top:32px}
.lp-hinweis{font-size:14px;line-height:1.55;color:var(--muted);margin:20px 0 0;max-width:46ch;text-wrap:pretty}
.lp-foto{margin:0}
.par{will-change:transform}   /* Parallax bewegt die ganze Figur (Bild und Beschriftung zusammen), nie das Bild allein */
.lp-foto img{display:block;width:100%;height:auto;border-radius:2px;box-shadow:0 30px 56px -34px rgba(13,13,13,.5)}
.lp-foto figcaption{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:14px 2px 0}
.lp-hero .par{justify-self:center;width:100%;max-width:min(420px,calc(72svh * .667))}

/* Faktenband (statisch, dunkel) */
.lp-fakten{background:var(--ber-dunkel);color:var(--ber-hell);border-top:1px solid rgba(247,244,239,.1)}
.lp-fakten ul{list-style:none;margin:0 auto;padding:0;max-width:1180px;display:grid;grid-template-columns:1fr 1fr}
@media(min-width:900px){.lp-fakten ul{grid-template-columns:repeat(4,1fr)}}
.lp-fakten li{padding:22px 20px;border-left:1px solid rgba(247,244,239,.1);border-top:1px solid rgba(247,244,239,.1)}
.lp-fakten li:nth-child(-n+2){border-top:0}
.lp-fakten li:nth-child(odd){border-left:0}
@media(min-width:900px){.lp-fakten li{border-top:0;padding:26px 30px}.lp-fakten li:nth-child(odd){border-left:1px solid rgba(247,244,239,.1)}.lp-fakten li:first-child{border-left:0}}
.lp-fakten b{display:block;font-family:var(--disp);font-weight:800;font-size:clamp(22px,3vw,30px);line-height:1;letter-spacing:-.005em;text-transform:uppercase}
.lp-fakten span{display:block;margin-top:8px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(247,244,239,.62);line-height:1.5}

/* Fuer wen */
.lp-zwei{display:grid;gap:clamp(32px,5vw,72px);align-items:start}
@media(min-width:900px){.lp-zwei{grid-template-columns:1fr 1fr}}
.lp-karten{display:grid;gap:14px}
.lp-karte{background:var(--paper);border:1px solid var(--line);padding:22px 24px;display:grid;grid-template-columns:28px 1fr;gap:16px;font-size:17px;line-height:1.55;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.lp-karte:hover{transform:translateY(-3px);box-shadow:0 26px 48px -30px rgba(13,13,13,.4)}
.lp-karte svg{width:24px;height:24px;stroke:var(--copper);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}
.lp-karte span{text-wrap:pretty}
.lp-klein{font-size:14.5px;line-height:1.55;color:var(--muted);margin:16px 0 0;text-wrap:pretty}

/* So laeuft es (dunkel) */
.lp-schritte{list-style:none;margin:clamp(40px,6vw,72px) 0 0;padding:0;display:grid;gap:0;counter-reset:s}
@media(min-width:900px){.lp-schritte{grid-template-columns:repeat(4,1fr);gap:0 28px}}
.lp-schritt{position:relative;padding:28px 0 28px 28px;border-left:1px solid rgba(247,244,239,.18)}
@media(min-width:900px){.lp-schritt{padding:28px 0 0;border-left:0;border-top:1px solid rgba(247,244,239,.18)}}
.lp-schritt::before{content:"";position:absolute;left:-4px;top:34px;width:7px;height:7px;background:#E07A5F;border-radius:50%}
@media(min-width:900px){.lp-schritt::before{left:0;top:-4px}}
.lp-schritt .nr{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase}
.lp-schritt h3{font-family:var(--disp);font-weight:800;text-transform:uppercase;font-size:clamp(22px,2.4vw,28px);line-height:1;margin:12px 0 12px;text-wrap:balance}
.lp-schritt p{margin:0;color:rgba(247,244,239,.72);font-size:16px;line-height:1.6;text-wrap:pretty}

/* Was du bekommst */
.lp-kern{margin:clamp(28px,4vw,44px) 0 0;padding:4px 0 4px 24px;border-left:3px solid var(--copper);max-width:62ch;font-size:clamp(18px,2vw,21px);line-height:1.55;font-weight:500;text-wrap:pretty}
.lp-liste{list-style:none;margin:clamp(36px,5vw,56px) 0 0;padding:0;display:grid;gap:0 clamp(32px,5vw,72px)}
@media(min-width:900px){.lp-liste{grid-template-columns:1fr 1fr}}
.lp-liste li{padding:22px 0;border-top:1px solid var(--line)}
.lp-liste h3{font-family:var(--disp);font-weight:800;text-transform:uppercase;font-size:20px;line-height:1.05;margin:0 0 8px;display:flex;align-items:flex-start;gap:12px}
.lp-liste h3::before{content:"";width:18px;height:1px;background:var(--copper);flex:none;margin-top:.52em;align-self:flex-start}
.lp-liste p{margin:0;color:var(--ink2);font-size:16px;line-height:1.65;text-wrap:pretty}

/* Ueber Lea */
.lp-story{display:grid;gap:clamp(64px,9vw,120px);margin-top:clamp(40px,6vw,72px)}
.lp-kap{display:grid;gap:28px;align-items:center}
.lp-kap .par{max-width:380px;width:100%}
.lp-kap-text{display:grid;gap:40px}
.lp-st .zeit{font-family:var(--mono);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--copper);display:inline-flex;align-items:center;gap:.7em;margin-bottom:10px}
.lp-st .zeit::before{content:"";width:18px;height:1px;background:var(--copper)}
.lp-st h3{font-family:var(--disp);font-weight:800;text-transform:uppercase;font-size:clamp(22px,2.6vw,32px);line-height:1;margin:0 0 14px;text-wrap:balance;max-width:20ch}
.lp-st p{font-size:17px;line-height:1.65;margin:0 0 12px;max-width:54ch;color:var(--ink2);text-wrap:pretty}
@media(min-width:900px){.lp-kap{grid-template-columns:5fr 6fr;gap:72px}.lp-kap .par{max-width:none}.lp-kap.foto-rechts{grid-template-columns:6fr 5fr}.lp-kap.foto-rechts .par{order:2}}
.lp-hinweise{display:grid;gap:16px;margin-top:clamp(56px,8vw,96px)}
@media(min-width:900px){.lp-hinweise{grid-template-columns:1fr 1fr;gap:24px}}
.lp-hinweis-karte{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--copper);padding:26px 26px 24px}
.lp-hinweis-karte h3{font-family:var(--disp);font-weight:800;text-transform:uppercase;font-size:clamp(20px,2.2vw,24px);line-height:1.05;margin:0 0 14px;text-wrap:balance}
.lp-hinweis-karte p{margin:0 0 12px;font-size:16px;line-height:1.65;color:var(--ink2);text-wrap:pretty}
.lp-hinweis-karte p:last-child{margin-bottom:0}
.lp-hinweis-karte .lp-klein{margin-top:14px}

/* Fuer wen nicht */
.lp-nicht{display:grid;gap:clamp(28px,4vw,56px);align-items:start}
@media(min-width:900px){.lp-nicht{grid-template-columns:5fr 6fr}}
.lp-nicht ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.lp-nicht li{display:grid;grid-template-columns:24px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);font-size:17px;line-height:1.5}
.lp-nicht li svg{width:22px;height:22px;stroke:var(--muted);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}

/* Preise */
.lp-preise{display:grid;gap:18px;margin-top:clamp(36px,5vw,64px)}
@media(min-width:760px){.lp-preise{grid-template-columns:1fr 1fr;gap:24px}}
.lp-preis{background:var(--paper);border:1px solid var(--line);padding:30px 28px;display:flex;flex-direction:column;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.lp-preis:hover{transform:translateY(-4px);box-shadow:0 30px 56px -34px rgba(13,13,13,.4)}
.lp-preis .lab{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--copper)}
.lp-preis .betrag{font-family:var(--disp);font-weight:800;font-size:clamp(44px,6vw,64px);line-height:1;margin:14px 0 4px;font-variant-numeric:tabular-nums}
.lp-preis .art{font-size:15px;color:var(--muted);margin:0 0 18px}
.lp-preis ul{list-style:none;margin:auto 0 0;padding:16px 0 0;border-top:1px solid var(--line);font-size:16px;line-height:1.55}
.lp-preis li{padding:3px 0}
.lp-preis-fuss{margin:24px 0 0;max-width:72ch;font-size:14.5px;line-height:1.65;color:var(--muted);text-wrap:pretty}

/* CTA (dunkel, mit Glow) und Fuss */
.lp-sek.paper#preise,#nicht-passend + #preise{border-top:1px solid var(--line)}
#nicht-passend{border-top:1px solid var(--line)}
.lp-cta{border-top:1px solid var(--line);background:var(--ber-dunkel);color:var(--ber-hell);text-align:center;padding:clamp(96px,13vw,160px) 0 clamp(72px,9vw,112px);position:relative;overflow:hidden}
.lp-cta .glow{position:absolute;left:50%;top:0;width:720px;max-width:140vw;height:720px;transform:translate(-50%,-48%);background:radial-gradient(circle,rgba(185,72,47,.24),transparent 64%);pointer-events:none}
.lp-cta .fuchs-gross{position:relative;display:block;width:50px;height:auto;color:var(--copper);margin:0 auto 26px;stroke-width:3.4}
.lp-cta h2{position:relative;font-family:var(--disp);font-weight:900;text-transform:uppercase;font-size:clamp(22px,7.2vw,82px);line-height:.92;letter-spacing:-.015em;margin:0;text-wrap:balance}
.lp-cta h2 em{color:#E07A5F;font-style:normal}
.lp-cta .lp-lead{position:relative;margin:24px auto 0;max-width:42ch;color:rgba(247,244,239,.68)}
.lp-cta .lp-aktionen{position:relative;justify-content:center;margin-top:38px}
.lp .ber-fuss{margin-top:0;border-top-color:rgba(247,244,239,.14)}

/* Reveal wie die Homepage: nur mit JS und nur als Zugabe */
.js .rv{opacity:0;transform:translateY(24px)}
.js .rv.in{opacity:1;transform:none;transition:opacity .9s cubic-bezier(.2,.7,.2,1) var(--d,0ms),transform .9s cubic-bezier(.2,.7,.2,1) var(--d,0ms)}
@media(prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none}.js .rv.in{transition:none}html{scroll-behavior:auto}.lp-karte,.lp-preis{transition:none}.lp-karte:hover,.lp-preis:hover{transform:none}.lp-foto .par{transform:none!important}}