/* =========================================================================
   Energy for People — LWF002 „Online-Praxis" (Live-Webinar-Funnel)
   Seiten-Layout auf dem EfP-CI-Kit. Farben/Fonts/Maße kommen AUSSCHLIESSLICH aus
   assets/kit/tokens.css + components.css (generierte Kopie aus efp-router/assets,
   NIE von Hand editieren — nur den Router-Master ändern, dann re-syncen).
   Hier stehen nur Layout-Regeln, die das Kit nicht kennt.
   ========================================================================= */

/* ---------- Grund ---------- */
.lp-topbar{ background:var(--c-bg-surface); border-bottom:1px solid var(--c-border); text-align:center;
  font-size:var(--fs-small); color:var(--c-text); padding:8px var(--gutter); }
.text-center{ text-align:center; }
.section__title.text-center{ text-align:center; }
.lead--center{ margin-inline:auto; text-align:center; }
main{ flex:1 0 auto; }

/* ---------- Hero: Online-Praxis-Szenario als Vollbild rechts, Text auf dunkler Teal-Fläche links ----------
   Qualitaets-Umbau Schritt 1 (Lastenheft #768): eine Flaeche, ein Bild, grosse Typografie — keine Kacheln. */
.lp-hero{ position:relative; isolation:isolate; min-height:min(640px, 84vh); display:flex; align-items:center;
  background:var(--c-primary-dark); color:#fff; overflow:hidden; }
.lp-hero__media{ position:absolute; inset:0 0 0 30%; z-index:-2; }
.lp-hero__media img{ width:100%; height:100%; object-fit:cover; object-position:center right; display:block; }
.lp-hero::after{ content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:linear-gradient(90deg, var(--c-primary-dark) 0%, var(--c-primary-dark) 36%, rgba(52,81,78,.86) 46%, rgba(52,81,78,.35) 60%, rgba(52,81,78,0) 74%),
             linear-gradient(0deg, rgba(52,81,78,.55) 0%, rgba(52,81,78,0) 30%); }
.lp-hero__inner{ padding-block:clamp(2.5rem,5vw,4rem) clamp(3.5rem,6vw,5.5rem); }
.lp-hero__copy{ max-width:640px; }
.lp-hero__badge{ display:inline-flex; background:rgba(255,255,255,.12); color:#fff; border:1px solid rgba(255,255,255,.28); margin-bottom:var(--sp-4); }
.lp-hero .eyebrow{ display:block; color:var(--c-accent); margin-bottom:var(--sp-3); }
.lp-hero .display{ color:#fff; font-size:clamp(2.4rem,4.6vw,3.6rem); line-height:1.06; letter-spacing:-.02em; margin-bottom:var(--sp-4); }
.lp-hero .lead{ color:rgba(255,255,255,.88); max-width:52ch; font-size:var(--fs-lead); }
.lp-hero__facts{ display:flex; flex-wrap:nowrap; gap:var(--sp-3) var(--sp-5); margin:var(--sp-5) 0; padding:0; list-style:none;
  font-size:var(--fs-small); color:rgba(255,255,255,.82); font-weight:var(--fw-medium); }
.lp-hero__facts li{ white-space:nowrap; display:flex; align-items:center; gap:8px; }
.lp-hero__facts li::before{ content:""; width:8px; height:8px; border-radius:50%; background:var(--c-accent); flex:0 0 auto; }
.lp-hero__cta .btn{ box-shadow:0 10px 30px rgba(0,0,0,.25); }

/* ---------- Trustbar (direkt unter dem Hero, above the fold) ---------- */
.lp-trustbar{ position:relative; z-index:2; margin:-40px auto 0; width:min(820px, 100% - 2*var(--gutter)); background:#fff; border:1px solid var(--c-border); border-radius:var(--r-card); box-shadow:var(--sh-lift); padding:16px 24px; }
.lp-trustbar__row{ display:flex; align-items:center; justify-content:center; gap:var(--sp-3) var(--sp-7); flex-wrap:wrap; padding:0; }
.lp-trustbar__item{ display:flex; align-items:center; gap:12px; font-size:var(--fs-small); color:var(--c-text); font-weight:var(--fw-medium); }
.lp-trustbar__item img{ width:132px; height:auto; }
.lp-trustbar__item .stars{ display:block; font-size:.95rem; line-height:1; }
.lp-trustbar__cert{ width:40px; height:40px; border-radius:50%; background:var(--c-primary-soft); display:grid; place-items:center; color:var(--c-primary-dark); flex:0 0 auto; }
.lp-trustbar__cert svg{ width:22px; height:22px; }

/* ---------- Marken-Signal: kurze Goldlinie ueber jedem Sektionskopf (§7.5e Nr. 7) ---------- */
.lp-mark{ display:block; width:40px; height:3px; background:var(--c-accent); border-radius:2px; margin-bottom:var(--sp-4); }

/* ---------- Benefits: redaktionell — Kopf links (sticky), nummerierte Liste mit Trennlinien rechts, keine Boxen ---------- */
.lp-benefits{ padding-block:clamp(4rem,8vw,6.5rem); }
.lp-benefits__grid{ display:grid; grid-template-columns:5fr 7fr; gap:clamp(2rem,6vw,5rem); align-items:start; }
.lp-benefits__head{ position:sticky; top:96px; }
.lp-benefits__head .section__title{ font-size:clamp(1.75rem,3.2vw,2.5rem); line-height:1.15; }
.lp-benefits__head .lead{ max-width:38ch; }
.lp-benefits__list{ list-style:none; margin:0; padding:0; border-top:1px solid var(--c-border); }
.lp-benefits__list li{ display:grid; grid-template-columns:72px 1fr; gap:var(--sp-4); padding:clamp(1.5rem,3vw,2.25rem) 0; border-bottom:1px solid var(--c-border); }
.lp-benefits__num{ font:var(--fw-light) clamp(1.8rem,3vw,2.4rem)/1 var(--font-head); color:var(--c-accent-hover); letter-spacing:-.02em; padding-top:4px; }
.lp-benefits__list .h3{ font-size:var(--fs-h3); margin-bottom:var(--sp-2); }
.lp-benefits__list p{ margin:0; color:var(--c-text-muted); max-width:52ch; }

/* ---------- Für wen: drei offene Spalten mit Goldlinie, keine Boxen ---------- */
.lp-fuerwen{ padding-block:clamp(4rem,8vw,6.5rem); background:var(--c-bg); }
.lp-fuerwen__head{ text-align:center; max-width:640px; margin:0 auto clamp(2.5rem,5vw,4rem); }
.lp-fuerwen__head .section__title{ margin:0; }
.lp-fuerwen__cols{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(2rem,5vw,4rem); }
.lp-fuerwen__col .lp-mark{ margin-bottom:var(--sp-3); }
.lp-fuerwen__col .h3{ font-size:var(--fs-h3); line-height:1.25; margin-bottom:var(--sp-2); min-height:2.5em; }
.lp-fuerwen__col p{ margin:0; color:var(--c-text-muted); }

/* ---------- Kacheln (Für wen) — immer nebeneinander, mobil untereinander ---------- */
.lp-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:var(--sp-5); margin-top:var(--sp-6); }
.lp-card .h3{ margin-bottom:var(--sp-2); }
.lp-card p{ margin:0; color:var(--c-text-muted); }
.lp-card__num{ display:inline-grid; place-items:center; width:40px; height:40px; border-radius:50%;
  background:var(--c-accent-soft); color:var(--c-accent-hover); font-weight:var(--fw-bold); margin-bottom:var(--sp-3); }

/* ---------- Inhalt: Programm auf dunkler Teal-Flaeche als Agenda-Liste (2 Spalten, Trennlinien, keine Kacheln) ---------- */
.lp-programm{ background:var(--c-primary-dark); color:var(--c-on-dark-text); padding-block:clamp(4rem,8vw,6.5rem); }
.lp-programm__head{ max-width:640px; margin-bottom:clamp(2rem,4vw,3rem); }
.lp-programm__head .section__title{ color:#fff; font-size:clamp(1.75rem,3.2vw,2.5rem); line-height:1.15; margin:0; }
.lp-programm__list{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; column-gap:clamp(2rem,6vw,5rem); border-top:1px solid var(--c-on-dark-border); }
.lp-programm__list li{ display:grid; grid-template-columns:56px 1fr; gap:var(--sp-3); padding:22px 0; border-bottom:1px solid var(--c-on-dark-border); }
.lp-programm__num{ font:var(--fw-light) 1.5rem/1 var(--font-head); color:var(--c-accent); padding-top:3px; }
.lp-programm__list b{ display:block; font:var(--fw-bold) var(--fs-lead) var(--font-head); color:#fff; margin-bottom:4px; }
.lp-programm__list p{ margin:0; font-size:var(--fs-small); color:var(--c-on-dark-muted); line-height:1.5; }
.lp-programm .subtle{ color:var(--c-on-dark-muted); }
.lp-cta-mitte{ text-align:center; margin-top:var(--sp-6); }

/* ---------- Über uns: Band auf heller Flaeche — Annika gross links, Text + Simone/Nadja rechts ---------- */
.lp-team{ padding-block:clamp(4rem,8vw,6.5rem); }
.lp-team__grid{ display:grid; grid-template-columns:5fr 7fr; gap:clamp(2rem,6vw,5rem); align-items:start; }
.lp-team__main{ width:100%; aspect-ratio:4/3; object-fit:cover; object-position:top; border-radius:var(--r-card); box-shadow:var(--sh-lift); display:block; }
.lp-team__lead{ position:sticky; top:96px; }
.lp-team__text .section__title{ font-size:clamp(1.75rem,3.2vw,2.5rem); line-height:1.15; }
.lp-team__text .lead{ max-width:none; }
.lp-team__text > p{ color:var(--c-text); max-width:60ch; }
.lp-team__others{ list-style:none; margin:var(--sp-6) 0 0; padding:0; border-top:1px solid var(--c-border); }
.lp-team__others li{ display:grid; grid-template-columns:88px 1fr; gap:var(--sp-4); padding:var(--sp-5) 0; border-bottom:1px solid var(--c-border); align-items:start; }
.lp-team__others img{ width:88px; height:88px; border-radius:50%; object-fit:cover; object-position:top; display:block; }
.lp-team__others b{ display:block; font:var(--fw-bold) var(--fs-body) var(--font-head); color:var(--c-heading); }
.lp-team__others span{ display:block; font-size:var(--fs-small); color:var(--c-text-subtle); margin-bottom:6px; }
.lp-team__others p{ margin:0; font-size:var(--fs-small); color:var(--c-text); max-width:56ch; }
.lp-team__partner{ margin:var(--sp-5) 0 0; font-size:var(--fs-small); color:var(--c-text-muted); }

/* ---------- Trustelemente (Stimmen) ---------- */
/* Trustelemente: ein großes Zitat als typografischer Moment, zwei kleinere darunter */
.lp-voices__head{ max-width:640px; }
.lp-voices__head .lp-mark{ display:block; margin-bottom:var(--sp-3); }
.lp-voices__big{ margin:var(--sp-6) 0 0; padding:0 0 var(--sp-6) 0; border-bottom:1px solid var(--c-border); display:grid; grid-template-columns:72px 1fr; gap:var(--sp-4); }
.lp-voices__big::before{ content:"„"; font:var(--fw-bold) 120px/0.7 var(--font-head); color:var(--c-accent); align-self:start; margin-top:-8px; }
.lp-voices__big blockquote{ margin:0; font:var(--fw-medium) clamp(1.35rem,1.1rem + 1.2vw,2rem)/1.35 var(--font-head); color:var(--c-heading); letter-spacing:-.01em; max-width:34ch; }
.lp-voices__big figcaption, .lp-voices__small figcaption{ display:flex; align-items:center; gap:12px; margin-top:var(--sp-4); }
.lp-voices__big figcaption{ grid-column:2; }
.lp-voices figcaption img{ width:48px; height:48px; border-radius:50%; object-fit:cover; }
.lp-voices figcaption b{ display:block; font-weight:var(--fw-bold); color:var(--c-heading); }
.lp-voices figcaption span span{ font-size:var(--fs-small); color:var(--c-text-subtle); }
.lp-voices__small{ display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-7); margin-top:var(--sp-6); }
.lp-voices__small figure{ margin:0; }
.lp-voices__small blockquote{ margin:0; font-size:var(--fs-lead); line-height:1.5; color:var(--c-text); }
.lp-voices__small blockquote::before{ content:"„"; } .lp-voices__small blockquote::after{ content:"“"; }

/* ---------- Infos ---------- */
/* Infos: schmale Faktenzeile, offene Flaeche, Hairlines statt Kacheln */
.lp-infos-sec{ padding-block:var(--sp-7); }
.lp-infos-sec__head{ max-width:640px; }
.lp-infos{ display:grid; grid-template-columns:repeat(4,1fr); margin:var(--sp-5) 0 0; border-top:1px solid var(--c-border); border-bottom:1px solid var(--c-border); }
.lp-info{ padding:var(--sp-4) var(--sp-4) var(--sp-4) 0; margin-right:var(--sp-4); border-right:1px solid var(--c-border); }
.lp-info:last-child{ border-right:0; margin-right:0; }
.lp-info__label{ display:block; font-size:var(--fs-caption); text-transform:uppercase; letter-spacing:.08em; color:var(--c-accent); font-weight:var(--fw-bold); margin-bottom:6px; }
.lp-info__value{ display:block; margin:0; font-weight:var(--fw-bold); color:var(--c-heading); }
/* FAQ: Kopf links (klebt), Fragen rechts */
.lp-faq__grid{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:var(--sp-7); align-items:start; }
.lp-faq__head{ position:sticky; top:96px; }
.lp-faq__head .lp-mark{ display:block; margin-bottom:var(--sp-3); }
.lp-faq__list .faq:first-child{ border-top:1px solid var(--c-border); }
.lp-faq__list .faq__q{ padding-block:var(--sp-4); font-size:var(--fs-lead); }

/* ---------- Abschluss-CTA ---------- */
.lp-ende .section__title{ color:#fff; font-size:var(--fs-h2); }
.lp-ende__inner{ max-width:900px; }
.lp-ende .lp-hero__badge{ display:inline-flex; margin-bottom:var(--sp-3); }
.lp-ende .eyebrow{ display:block; margin-bottom:var(--sp-3); line-height:1.5; }
.lp-ende__sub{ margin-top:var(--sp-3); font-size:var(--fs-small); color:var(--c-on-dark-text); opacity:.85; }
.lp-hinweis{ margin:var(--sp-6) auto 0; max-width:760px; font-size:var(--fs-small); color:var(--c-on-dark-text); opacity:.75; }

/* ---------- Sticky-Mobile-CTA (nur Scroll-Backup, s. Rückgrat) ---------- */
.sticky-cta .btn{ width:100%; }

/* ---------- Scroll-Fade (Agentur-Standard, Rückgrat; letzte Sektion = cta-ende ausgenommen) ---------- */
@keyframes scroll-fade { from { opacity:.10; } to { opacity:1; } }
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
    main > section:not(:last-of-type) > * {
      animation:scroll-fade linear both;
      animation-timeline:view();
      animation-range:cover 0% cover 40vh;
    }
  }
}

/* =========================================================================
   Quiz (Familie A: .quiz__options/.quiz__opt/.tick — so rendert der Generator
   mog-router/tools/quiz-gen; Vorbild energy-for-people-tf002/vorfuehrung/assets/tf002.css,
   Werte auf Kit-Tokens gezogen). Layout/Fortschritt: Baustein /mog-quiz.js.
   ========================================================================= */
.page-quiz{ background:var(--c-primary-dark); }
/* Popup-Wirkung: Standbild der LP als fixer Hintergrund (1280 / 375), abgedunkelt im Marken-Dunkelgruen + unscharf.
   Header + Footer liegen UEBER dem Standbild (sonst verdeckt es Logo und Rechtslinks; Muster ryzup-lmf001). */
.quiz-backdrop{ position:fixed; inset:0; z-index:0; background:url("media/quiz-backdrop-1280.webp") center top/cover no-repeat;
  filter:blur(5px) saturate(.9); transform:scale(1.03); }
.quiz-backdrop::after{ content:""; position:absolute; inset:0; background:rgba(31,43,51,.62); }
@media (max-width:640px){ .quiz-backdrop{ background-image:url("media/quiz-backdrop-375.webp"); } }
.page-quiz main, .page-quiz #mog-header, .page-quiz #mog-footer, .page-quiz .mog-header, .page-quiz .mog-footer{ position:relative; z-index:1; }
.page-quiz .quiz-wrap{ max-width:640px; padding-top:clamp(1.5rem,5vh,4rem); padding-bottom:clamp(2rem,6vh,5rem); }
.page-quiz .quiz-shell{ border:0; animation:cardIn .35s ease-out both; }
@keyframes cardIn{ from{opacity:0; transform:translateY(14px)} to{opacity:1; transform:none} }
@media (prefers-reduced-motion:reduce){ .page-quiz .quiz-shell{ animation:none; } }
.quiz-wrap{ max-width:720px; width:100%; margin-inline:auto; padding:clamp(1rem,3vw,2rem) var(--gutter) var(--sp-8); }
.quiz-shell{ width:100%; background:var(--c-white); border:1px solid var(--c-border); border-radius:var(--r-card);
  box-shadow:var(--sh-lift); padding:clamp(1.25rem,3vw,2.5rem); }
.quiz-step[hidden]{ display:none; }
.quiz-lead{ font-size:var(--fs-small); line-height:1.4; font-weight:var(--fw-bold); color:var(--c-primary); margin:0 0 var(--sp-4); text-align:left; }
.quiz__question{ font:var(--fw-medium) var(--fs-h3)/var(--lh-head) var(--font-head); color:var(--c-primary-dark); margin:0 0 var(--sp-4); text-align:left; }
.quiz-step-description{ margin:-8px 0 var(--sp-4); }
.quiz__options{ display:grid; gap:var(--sp-3); }
.quiz__opt{ display:block; width:100%; text-align:left; border-radius:var(--r-btn); border:2px solid var(--c-border);
  background:var(--c-white); color:var(--c-primary-dark); padding:14px 18px; font:var(--fw-medium) var(--fs-body)/1.4 var(--font-body);
  cursor:pointer; transition:border-color var(--dur), background var(--dur), box-shadow var(--dur); }
.quiz__opt:hover{ border-color:var(--c-primary-light); background:var(--c-bg-tint); }
.quiz__opt[aria-checked=true]{ border-color:var(--c-accent); background:var(--c-accent-soft); box-shadow:var(--sh-card); }
.quiz__opt .tick{ display:none; }
.quiz-step .field{ margin:0; }
.quiz-step .field textarea{ min-height:6.5rem; }
.quiz-step .field textarea.is-error{ border-color:var(--c-error); }
.quiz-freitext-error{ margin-top:6px; font-size:var(--fs-caption); color:var(--c-error); }
.cta-row{ margin-top:var(--sp-5); display:flex; justify-content:flex-end; }
.quiz-step .btn.btn--primary{ background:var(--c-accent); color:var(--c-on-accent); box-shadow:var(--sh-cta); }
.quiz-step .btn.btn--primary:hover{ background:var(--c-accent-hover); }
/* Kontakt-Schritt: kompakt, Absenden above the fold (Rückgrat „Quiz-Layout" Punkt 4) */
.quiz-step[data-step=kontakt] .quiz__question{ margin-bottom:var(--sp-2); }
.quiz-step[data-step=kontakt] .quiz-lead{ font-weight:var(--fw-normal); color:var(--c-text-muted); font-size:var(--fs-body); margin-bottom:var(--sp-4); }
.quiz-step[data-step=kontakt] .field{ margin-bottom:var(--sp-3); }
.quiz-step[data-step=kontakt] .check{ margin:var(--sp-3) 0 var(--sp-4); }
.quiz-step[data-step=kontakt] .btn{ width:100%; }
.quiz-step[data-step=kontakt] .field__error:empty{ display:none; }
#submit-error[hidden]{ display:none; }

/* =========================================================================
   Step-Seiten (danke, webinar, termin, danke-termin)
   ========================================================================= */
.step{ flex:1 0 auto; display:flex; align-items:flex-start; padding:clamp(1.5rem,4vw,3.5rem) 0 var(--sp-8); }
.step__card{ max-width:720px; margin:0 auto; width:100%; }
.step__card--wide{ max-width:1024px; }   /* Booking-Embed-Breite = MOG-Standard 1024px (Routen-Standard §5.6) */
.step .section__title{ text-align:center; }
.step__sub{ text-align:center; color:var(--c-text-muted); font-size:var(--fs-lead); margin:0 auto var(--sp-6); max-width:56ch; }
.steps3{ display:grid; grid-template-columns:repeat(3,1fr); gap:var(--sp-5); margin-top:var(--sp-5); text-align:center; }
.steps3 .ico{ font-size:2rem; margin-bottom:var(--sp-2); }
.steps3 .h3{ font-size:var(--fs-lead); }
.steps3 p{ font-size:var(--fs-small); color:var(--c-text-muted); margin:0; }
.step__hinweis{ margin-top:var(--sp-6); font-size:var(--fs-small); color:var(--c-text-subtle); text-align:center; }
/* ---------- Danke-Seiten in LP-Bauweise (2026-10-06) ---------- */
.lp-danke__hero{ padding-block:clamp(2.5rem,6vw,5rem); }
.lp-danke__grid{ display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:var(--sp-7); align-items:center; }
.lp-danke__text .lp-mark{ display:block; margin-bottom:var(--sp-3); }
.lp-danke__text .eyebrow{ color:var(--c-accent); }
.lp-danke__title{ font:var(--fw-bold) clamp(2rem,1.4rem + 2.4vw,3.25rem)/1.1 var(--font-head); color:#fff; letter-spacing:-.01em; margin:var(--sp-2) 0 var(--sp-4); max-width:16ch; }
.lp-danke__hero .lead{ color:var(--c-on-dark-text); max-width:52ch; }
.lp-danke__hero .lead b{ color:#fff; }
.lp-danke__steps{ list-style:none; margin:var(--sp-5) 0 0; padding:0; display:grid; gap:var(--sp-3); max-width:52ch; }
.lp-danke__steps li{ display:grid; grid-template-columns:40px 1fr; gap:var(--sp-3); align-items:baseline; padding-bottom:var(--sp-3); border-bottom:1px solid var(--c-on-dark-border); color:#fff; font-weight:var(--fw-medium); }
.lp-danke__steps li b{ font:var(--fw-bold) var(--fs-lead) var(--font-head); color:var(--c-accent); }
.lp-danke__spam{ margin-top:var(--sp-4); font-size:var(--fs-small); color:var(--c-on-dark-text); opacity:.8; }
.lp-danke__visual{ margin:0; }
.lp-danke__visual img{ width:100%; height:auto; border-radius:var(--r-card); box-shadow:var(--sh-lift); display:block; }
.lp-danke__visual figcaption{ margin-top:var(--sp-3); color:var(--c-on-dark-text); font-size:var(--fs-small); line-height:1.5; }
.lp-danke__visual figcaption b{ color:#fff; font-weight:var(--fw-medium); }
.lp-danke__row{ display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:var(--sp-7); align-items:center; }
.lp-danke__row .section__title{ margin-top:var(--sp-2); }
.lp-danke__row .lead{ max-width:48ch; }
.lp-danke__selbst .lp-mark{ display:block; margin-bottom:var(--sp-3); }
.lp-danke__kalender{ display:grid; gap:var(--sp-3); justify-items:start; }
.lp-danke__kalender .btn{ width:auto; }
.lp-danke__kalender .subtle{ margin:0; }

/* =========================================================================
   Responsive
   ========================================================================= */
@media (max-width:1024px){
  .lp-team__grid{ grid-template-columns:1fr 1.4fr; }
  .lp-benefits__grid{ grid-template-columns:1fr; gap:var(--sp-5); }
  .lp-benefits__head{ position:static; }
  .lp-hero__media{ max-width:520px; margin-inline:auto; }
  .lp-infos{ grid-template-columns:repeat(2,1fr); }
  .lp-danke__grid, .lp-danke__row{ grid-template-columns:1fr; gap:var(--sp-5); }
  .lp-danke [data-lp-section="hero"], .lp-danke [data-lp-section="hero"] ol{ text-align:left; list-style:none; padding-left:0; }
  .lp-danke__visual{ max-width:520px; }
  .lp-info:nth-child(2){ border-right:0; }
  .lp-faq__grid{ grid-template-columns:1fr; gap:var(--sp-5); }
  .lp-faq__head{ position:static; }
}
@media (max-width:767px){
  .lp-br{ display:none; }   /* erzwungene Desktop-Umbrueche gelten mobil nicht */
  /* Above the fold mobil (Rueckgrat: Hero UND Trustbar bis 700 px, gemessen 2026-10-06 bei 375x812):
     Topbar weg (Termin steht in den Fakten), Foto der drei unter dem Fold ausgeblendet, Trustbar auf
     das Community-Element reduziert — "Trust-Bar kompakter", nicht die Regel aufweichen. */
  .lp-topbar{ display:none; }
  .lp-hero{ min-height:0; background:var(--grad-brand); }
  .lp-hero::after{ display:none; }
  .lp-hero__inner{ padding-block:var(--sp-5) var(--sp-7); }
  .lp-hero .display{ font-size:clamp(2rem,9vw,2.5rem); }
  .lp-hero__media--mobil{ position:static; inset:auto; }
  .lp-trustbar{ margin-top:-28px; }
  .lp-hero .eyebrow{ font-size:.7rem; letter-spacing:.1em; }
  .lp-hero .lead{ font-size:1rem; }
  .lp-hero__media--mobil img{ border-radius:var(--r-card); }
  .lp-hero__facts{ flex-direction:column; align-items:center; gap:4px; margin:var(--sp-3) 0 var(--sp-4); }
  /* Foto der drei wird per JS (index.html) unter die Trustbar verschoben — nie ausgeblendet */
  .lp-hero__media--mobil{ margin:var(--sp-4) var(--gutter) 0; }
  .lp-trustbar{ padding-block:var(--sp-3); }
  .lp-trustbar__row{ flex-direction:column; gap:var(--sp-3); }
  .lp-trustbar__item--cert{ display:none; }
  .lp-trustbar__item img{ width:100px; }
  .lp-fuerwen__cols{ grid-template-columns:1fr; gap:var(--sp-6); }
  .lp-fuerwen__col .h3{ min-height:0; }
  .lp-team__grid{ grid-template-columns:1fr; gap:var(--sp-5); }
  .lp-team__lead{ position:static; }
  .lp-voices__big{ grid-template-columns:1fr; gap:var(--sp-2); }
  .lp-voices__big::before{ font-size:64px; line-height:.8; height:auto; margin:0 0 -4px; display:block; }
  .lp-voices__big figcaption{ grid-column:1; }
  .lp-cards, .lp-voices__small, .lp-programm__list, .steps3, .lp-benefits__grid{ grid-template-columns:1fr; }
  .lp-benefits__head{ position:static; }
  .lp-benefits__list li{ grid-template-columns:52px 1fr; }
  .lp-infos{ grid-template-columns:1fr; }
  .lp-info{ border-right:0; margin-right:0; padding:var(--sp-3) 0; border-bottom:1px solid var(--c-border); }
  .lp-info:last-child{ border-bottom:0; }
}