/* Landingpages (Branchen, Region) – Gestaltung „Bühne". Erzeugt von 01-marketing/geo/landingpages/bauen.mjs, nicht von Hand ändern. */
.sicht{--s-grund:var(--papier);--s-linie:var(--linie);--s-text:var(--grau);--s-titel:var(--tanne);--s-akzent:var(--karamell-tief);--s-titelschrift:var(--serif);
  background:var(--s-grund);border:1px solid var(--s-linie);padding:22px 22px 24px;font-size:.84rem;line-height:1.5;color:var(--s-text);position:relative;overflow:hidden}
.sicht svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.s-suche{display:flex;align-items:center;gap:10px;border:1px solid var(--s-linie);background:rgba(255,255,255,.55);padding:10px 14px}
.s-suche svg{width:15px;height:15px;color:var(--s-akzent)}
.s-suche span{color:var(--tinte);font-weight:600}
.s-treffer{margin-top:18px}
.s-quelle{display:flex;gap:10px;align-items:center}
.s-fav{width:26px;height:26px;border-radius:50%;border:1px solid var(--s-linie);background:var(--creme);flex:none;position:relative}
.s-fav::after{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--s-akzent);opacity:.55}
.s-quelle b{display:block;color:var(--tinte);font-size:.8rem;line-height:1.3}
.s-quelle small{display:block;color:var(--s-text);font-size:.72rem;line-height:1.3}
.s-titel{font-family:var(--s-titelschrift);color:var(--s-titel);font-size:1.2rem;line-height:1.25;margin:9px 0 5px}
.s-text{color:var(--s-text);font-size:.82rem;margin:0}
.s-weitere{margin-top:20px;display:grid;gap:8px}
.s-weitere i{display:block;height:6px;background:var(--s-linie)}
.s-weitere i:nth-child(1){width:78%}.s-weitere i:nth-child(2){width:92%}.s-weitere i:nth-child(3){width:56%}
.s-frage{margin-left:auto;max-width:88%;border:1px solid var(--s-linie);background:rgba(255,255,255,.55);padding:10px 14px;color:var(--tinte);font-weight:600}
.s-antwort{margin-top:18px}
.s-marke{display:block;font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:var(--s-akzent)}
.s-antwort p{margin:8px 0 14px;color:var(--tinte)}
.s-quellen{border-top:1px solid var(--s-linie);padding-top:10px;display:flex;gap:10px;align-items:baseline;font-size:.76rem;color:var(--s-titel);font-weight:600}
.s-quellen span{font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.6rem;color:var(--s-text)}
.sicht-handy{display:flex;justify-content:center;padding:26px 22px 0}
.s-geraet{width:214px;border:1.5px solid var(--tinte);border-bottom:0;border-radius:32px 32px 0 0;padding:10px 10px 0;background:var(--tinte)}
.s-schirm{background:var(--creme);border-radius:23px 23px 0 0;padding:14px 14px 18px;min-height:290px}
.s-kopf{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--linie)}
.s-kopf b{font-size:.78rem;color:var(--tanne)}
.s-kopf i{width:16px;height:9px;border-top:1.5px solid var(--tanne);border-bottom:1.5px solid var(--tanne)}
.s-foto{height:96px;margin:12px 0 10px;background:repeating-linear-gradient(135deg,rgba(18,41,29,.07) 0 1px,transparent 1px 7px),var(--papier);border:1px solid var(--linie);display:flex;align-items:flex-end;padding:6px 8px}
.s-foto span{font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--grau);font-weight:700}
.s-schirm small{display:block;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--karamell-tief);font-weight:800}
.s-h{font-family:var(--s-titelschrift);color:var(--tanne);font-size:1.02rem;line-height:1.2;margin:6px 0 12px}
.s-knoepfe{display:grid;gap:6px}
.s-knoepfe span{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:9px 6px}
.s-knoepfe svg{width:12px;height:12px}
.s-k1{background:var(--tanne);color:var(--creme)}
.s-k2{border:1px solid var(--tanne);color:var(--tanne)}


.lp-kontakt{padding:0 0 20px}
.lp .kontakt{border-radius:0}
.lp .kontakt::before,.lp .kontakt::after{display:none}
.lp .kontakt.wege-bereit .wege,.lp .kontakt .weg,.lp .termin-schritte li,.lp .cal-box,.lp .gesendet,
.lp .formular input,.lp .formular select,.lp .formular textarea,.lp .kontakt .knopf,.lp .kontakt .knopf::before{border-radius:0}
.lp .kontakt .weg em{background:none;color:var(--karamell-hell);padding:0}
.lp .kontakt .weg.aktiv em{color:var(--karamell-tief)}
.lp .termin-schritte i{border-radius:0;background:none;border:1px solid var(--karamell);color:var(--karamell-hell)}
.lp .kontakt .knopf{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}

.lp-buehne .sicht{--s-grund:var(--papier);--s-titel:var(--tanne)}
.lp-buehne .s-titel,.lp-buehne .s-h{font-weight:500}

/* Bühne: dunkler Kopf unter der Navigation */
.b-held{margin-top:88px;background:var(--tanne-tief);color:var(--creme);padding:96px 0 0;position:relative;overflow:hidden}
.b-motiv{position:absolute;right:-16%;top:-3%;width:min(1320px,96vw);max-width:none;height:auto;color:var(--salbei);opacity:.2;stroke-width:1.15;pointer-events:none}
.b-motiv *{vector-effect:non-scaling-stroke}
.b-motiv .ltg{stroke-dasharray:7 6;stroke:var(--karamell);opacity:1}
.b-motiv .achse{stroke-dasharray:22 7 3 7}
.b-held-innen{position:relative}
.b-pfad{display:flex;flex-wrap:wrap;gap:8px;font-size:.8rem;color:var(--salbei);margin-bottom:58px}
.b-pfad a{color:var(--karamell-hell);text-decoration:none}
.b-vorzeile{font-size:.74rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--karamell-hell);margin-bottom:24px}
.b-held h1{font-family:var(--serif);font-weight:500;font-size:clamp(2.6rem,5.9vw,5.3rem);line-height:1.02;letter-spacing:-.025em;color:var(--creme);max-width:11.2em}
.b-held h1 em{font-style:normal;color:var(--karamell-hell)}
/* Trennen nur an den weichen Trennstellen im Text (­), Labels nie trennen, Überschriften sauber mit Bindestrich */
.b-held h1{-webkit-hyphens:none;hyphens:none}
.b-vorzeile,.b-kicker,.b-name small,.b-beleg small,.b-blick dt{-webkit-hyphens:manual;hyphens:manual}
.b-held h1.b-lang{font-size:clamp(2.4rem,4.9vw,4.4rem);max-width:13em}
.b-lead{font-size:1.14rem;line-height:1.72;color:var(--salbei);max-width:36em;margin-top:34px}
.b-aktion{display:flex;flex-wrap:wrap;gap:14px;margin-top:40px}
.b-knopf{display:inline-flex;align-items:center;gap:14px;background:var(--creme);color:var(--tanne);border:1.5px solid var(--creme);text-decoration:none;font-size:.76rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;padding:19px 28px;transition:background .3s,color .3s,border-color .3s}
.b-knopf:hover{background:var(--karamell);border-color:var(--karamell);color:var(--tanne-tief)}
.b-knopf.b-rand{background:transparent;color:var(--creme);border-color:rgba(242,236,221,.45)}
.b-knopf.b-rand:hover{border-color:var(--creme);color:var(--creme)}
.b-blick{display:grid;grid-template-columns:repeat(4,1fr);margin-top:104px;border-top:1px solid rgba(169,191,174,.25);position:relative}
.b-blick>div{padding:26px 28px 44px 0}
.b-blick>div+div{padding-left:28px;border-left:1px solid rgba(169,191,174,.25)}
.b-blick dt{font-size:.66rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--karamell-hell);margin-bottom:10px}
.b-blick dd{margin:0;font-size:.92rem;line-height:1.6;color:var(--creme)}

/* Teile */
.b-teil{padding:128px 0;scroll-margin-top:80px}
.b-dunkel{background:var(--tanne);color:var(--creme)}
.b-kicker{display:flex;align-items:center;gap:14px;font-size:.72rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--holz);margin-bottom:22px}
.b-kicker::before{content:"";width:34px;height:1px;background:currentColor}
.b-dunkel .b-kicker{color:var(--karamell-hell)}
.lp-buehne .b-gross{font-family:var(--serif);font-weight:500;font-size:clamp(2.1rem,4.4vw,3.9rem);line-height:1.06;letter-spacing:-.022em;color:var(--tanne);max-width:17em;margin-bottom:26px}
.lp-buehne .b-dunkel .b-gross{color:var(--creme)}
.lp-buehne .b-gross em{font-style:normal;color:var(--holz)}
.b-einleitung{font-size:1.14rem;line-height:1.7;max-width:36em;color:var(--tinte)}

/* Drei Stellen */
.b-stationen{list-style:none;margin-top:64px}
.b-station{display:grid;grid-template-columns:132px minmax(0,1fr) minmax(0,1.04fr);gap:52px;align-items:start;padding:56px 0;border-top:1px solid var(--linie)}
.b-zahl{font-family:var(--serif);font-weight:600;font-size:5.6rem;line-height:.82;color:transparent;-webkit-text-stroke:1.2px var(--holz);font-variant-numeric:tabular-nums}
.b-station h3{font-family:var(--serif);font-weight:500;font-size:1.85rem;line-height:1.12;letter-spacing:-.015em;color:var(--tanne);margin-bottom:16px}
.b-station p{color:var(--tinte);font-size:.98rem}
.b-hinweis{font-size:.8rem;color:var(--grau);border-top:1px solid var(--linie);padding-top:16px}

/* Nutzen: große Aussagezeilen */
.b-nutzen{list-style:none;margin-top:56px}
.b-nutzen li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:64px;padding:44px 0;border-top:1px solid rgba(169,191,174,.22)}
.b-nutzen h3{font-family:var(--serif);font-weight:500;font-size:clamp(1.6rem,2.7vw,2.35rem);line-height:1.1;letter-spacing:-.02em;color:var(--creme)}
.b-nutzen p{color:var(--salbei);font-size:1.02rem;line-height:1.72;padding-top:6px}
.b-nutzen a{color:var(--karamell-hell);text-decoration-color:rgba(190,127,63,.5)}
.b-hell .b-nutzen li{border-top-color:var(--linie)}
.b-hell .b-nutzen h3{color:var(--tanne)}
.b-hell .b-nutzen p{color:var(--tinte)}
.b-hell{padding-top:0}

/* KI-Automatisierung: Aussagezeilen hell direkt nach dem Kopf (wie „Was überall gilt“ auf /branchen, aber mit Abstand oben) */
.b-auto .b-nutzen li{border-top-color:var(--linie)}
.b-auto .b-nutzen h3{color:var(--tanne)}
.b-auto .b-nutzen p{color:var(--tinte)}
.b-auto .b-nutzen a,.b-hell .b-nutzen a,.b-weiter a{color:var(--karamell-tief);text-decoration-color:rgba(142,95,47,.5)}
.b-weiter{margin-top:20px}

/* Seitenplan als Register */
.b-text{max-width:40em;color:var(--tinte)}
.b-index{list-style:none;margin-top:52px;border-bottom:1px solid var(--linie)}
.b-index li{display:grid;grid-template-columns:72px minmax(0,1.15fr) minmax(0,.85fr);gap:24px;align-items:baseline;padding:20px 0;border-top:1px solid var(--linie)}
.b-index span{font-size:.74rem;font-weight:800;color:var(--holz);font-variant-numeric:tabular-nums}
.b-index b{font-family:var(--serif);font-weight:500;font-size:clamp(1.45rem,2.9vw,2.4rem);line-height:1.1;letter-spacing:-.02em;color:var(--tanne)}
.b-index em{font-style:normal;color:var(--grau);font-size:.95rem}
.b-index li.b-start b{color:var(--holz)}

/* Beleg */
.b-belege{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:56px}
.b-beleg{margin:0}
.b-beleg img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:top}
.b-beleg figcaption{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 20px;padding-top:20px;border-top:1px solid var(--tanne);margin-top:20px}
.b-beleg h3{font-family:var(--serif);font-weight:500;font-size:1.6rem;color:var(--tanne);line-height:1.15}
.b-beleg small{grid-column:1;font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--holz)}
.b-beleg p{grid-column:1;color:var(--tinte);font-size:.95rem;margin-top:8px}
.b-beleg a{grid-column:2;grid-row:1/4;align-self:start;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--tanne);text-decoration:none;border-bottom:1px solid var(--karamell);padding-bottom:4px;white-space:nowrap}
.b-schluss{margin-top:48px;font-family:var(--serif);font-weight:500;font-size:clamp(1.3rem,2.2vw,1.8rem);line-height:1.3;letter-spacing:-.01em;color:var(--holz);max-width:28em}

/* Preise: dunkles Band */
.b-preise{display:grid;grid-template-columns:repeat(3,1fr);margin-top:56px;border-top:1px solid rgba(169,191,174,.25);border-bottom:1px solid rgba(169,191,174,.25)}
.b-paket{padding:30px 30px 34px;display:flex;flex-direction:column;position:relative}
.b-paket+.b-paket{border-left:1px solid rgba(169,191,174,.25)}
.b-paket.empfohlen::before{content:"";position:absolute;left:0;right:0;top:-1px;height:3px;background:var(--karamell)}
.b-empf{font-size:.64rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--karamell-hell);min-height:1.2em;margin-bottom:10px}
.b-paket h3{font-size:.74rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--salbei)}
.b-betrag{font-family:var(--serif);font-weight:400;font-size:clamp(3rem,4.6vw,4.3rem);line-height:1;letter-spacing:-.03em;color:var(--creme);margin:18px 0 10px;font-variant-numeric:tabular-nums}
.b-einheit{font-size:.78rem;line-height:1.5;color:var(--salbei);opacity:.85}
.b-paket ul{list-style:none;margin:24px 0 30px;flex:1}
.b-paket li{padding:10px 0;border-top:1px solid rgba(169,191,174,.18);font-size:.9rem;line-height:1.45;color:var(--salbei)}
.b-paket a{align-self:flex-start;font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--creme);text-decoration:none;border-bottom:1px solid var(--karamell);padding-bottom:5px}
.b-preissatz{margin-top:36px;color:var(--creme);max-width:42em}
.b-preissatz b{color:var(--karamell-hell)}
.b-betrieb{margin-top:16px;font-size:.86rem;color:var(--salbei);max-width:56em}
.b-betrieb b{color:var(--creme)}

/* Fahrplan mit Umriss-Ziffern */
.b-fahrplan{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin-top:56px}
.b-fahrplan li{border-top:1px solid var(--tanne);padding-top:22px}
.b-fahrplan .b-ziffer{display:block;font-family:var(--serif);font-weight:600;font-size:4.4rem;line-height:.9;color:transparent;-webkit-text-stroke:1.2px var(--holz);margin-bottom:22px;font-variant-numeric:tabular-nums}
.b-fahrplan small{display:block;font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--holz);margin-bottom:6px}
.b-fahrplan b{display:block;font-family:var(--serif);font-weight:500;font-size:1.35rem;color:var(--tanne);margin-bottom:8px}
.b-fahrplan p{font-size:.93rem;color:var(--tinte)}

/* Fragen: ruhige Aufklapper */
.b-fragen{margin-top:48px;border-bottom:1px solid var(--linie)}
.b-frage{border-top:1px solid var(--linie)}
.b-frage summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:28px;padding:26px 0;font-family:var(--serif);font-weight:500;font-size:clamp(1.15rem,1.9vw,1.45rem);line-height:1.3;letter-spacing:-.01em;color:var(--tanne)}
.b-frage summary::-webkit-details-marker{display:none}
.b-frage summary i{position:relative;width:18px;height:18px;flex:none;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.b-frage summary i::before,.b-frage summary i::after{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;background:var(--holz)}
.b-frage summary i::after{transform:rotate(90deg)}
.b-frage[open] summary i{transform:rotate(45deg)}
.b-frage p{padding:0 64px 30px 0;max-width:46em;color:var(--tinte)}

/* Weitere Branchen */
.b-weitere{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 56px;margin-top:40px}
.b-weitere a{display:block;padding:24px 0;border-top:1px solid var(--linie);text-decoration:none}
.b-weitere b{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(1.3rem,2.3vw,1.9rem);line-height:1.15;letter-spacing:-.015em;color:var(--tanne);transition:color .25s}
.b-weitere span{font-size:.86rem;color:var(--grau)}
.b-weitere a:hover b{color:var(--holz)}
.b-weitere-kopf{margin-top:56px;font-size:.68rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--holz);-webkit-hyphens:manual;hyphens:manual}
.b-weitere-klein{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;margin-top:14px;border-bottom:1px solid var(--linie)}
.b-weitere-klein li{border-top:1px solid var(--linie)}
.b-weitere-klein a{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:15px 0 16px;text-decoration:none;font-family:var(--serif);font-weight:500;font-size:1.08rem;line-height:1.3;color:var(--tanne);transition:color .25s}
.b-weitere-klein i{font-style:normal;color:var(--holz);flex:none;transition:transform .3s}
.b-weitere-klein a:hover{color:var(--holz)}
.b-weitere-klein a:hover i{transform:translateX(4px)}

/* Übersicht: Liste der Seiten */
.b-liste{list-style:none;margin-top:56px;border-bottom:1px solid var(--linie)}
.b-liste a{display:grid;grid-template-columns:72px minmax(0,1.05fr) minmax(0,1fr) 36px;gap:32px;align-items:baseline;padding:36px 0;border-top:1px solid var(--linie);text-decoration:none;color:inherit}
.b-nr{font-size:.74rem;font-weight:800;color:var(--holz);font-variant-numeric:tabular-nums}
.b-name b{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(1.6rem,3.1vw,2.6rem);line-height:1.08;letter-spacing:-.02em;color:var(--tanne);transition:color .25s}
.b-name small{display:block;margin-top:10px;font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--holz)}
.b-was{color:var(--tinte);font-size:.98rem;line-height:1.65}
.b-liste i{font-style:normal;font-size:1.4rem;color:var(--holz);justify-self:end;transition:transform .3s}
.b-liste a:hover b{color:var(--holz)}
.b-liste a:hover i{transform:translateX(6px)}
.b-nachsatz{margin-top:40px;font-size:1.05rem}
.b-nachsatz b{font-family:var(--serif);font-weight:500;color:var(--holz)}

.lp-buehne .lp-kontakt{padding-top:24px}
.lp-buehne .kontakt{background:var(--tanne-tief)}
.lp-buehne .kontakt h2{font-weight:500;letter-spacing:-.02em;font-size:clamp(2rem,4vw,3.3rem);max-width:15em}

@media(max-width:1060px){
  .b-station{grid-template-columns:90px minmax(0,1fr);gap:28px 36px}
  .b-station .sicht{grid-column:2}
  .b-zahl{font-size:4rem}
  .b-fahrplan{grid-template-columns:1fr 1fr;row-gap:44px}
}
@media(max-width:900px){
  .b-held{padding-top:70px}
  .b-motiv{width:170vw;right:-80vw;top:30px;opacity:.16}
  .b-pfad{margin-bottom:36px}
  .b-blick{grid-template-columns:1fr 1fr;margin-top:64px}
  .b-blick>div:nth-child(3){padding-left:0;border-left:0}
  .b-blick>div:nth-child(n+3){border-top:1px solid rgba(169,191,174,.25)}
  .b-blick>div{padding-bottom:28px}
  .b-teil{padding:84px 0}
  .b-station{grid-template-columns:1fr;gap:18px;padding:40px 0}
  .b-station .sicht{grid-column:1}
  .b-zahl{font-size:3.2rem}
  .b-nutzen li{grid-template-columns:1fr;gap:12px;padding:30px 0}
  .b-index li{grid-template-columns:44px 1fr;gap:4px 12px;padding:16px 0}
  .b-index em{grid-column:2}
  .b-liste a{grid-template-columns:44px minmax(0,1fr) 28px;gap:10px 14px;padding:28px 0}
  .b-was{grid-column:2}
  .b-liste i{grid-column:3;grid-row:1}
  .b-belege,.b-weitere{grid-template-columns:1fr;gap:0}
  .b-weitere-klein{grid-template-columns:1fr 1fr;gap:0 28px}
  .b-belege{gap:48px}
  .b-preise{grid-template-columns:1fr;border-bottom:0}
  .b-paket{padding:28px 0 32px}
  .b-paket+.b-paket{border-left:0;border-top:1px solid rgba(169,191,174,.25)}
  .b-frage p{padding-right:0}
}
@media(max-width:620px){
  .b-held h1{font-size:clamp(2.3rem,10.4vw,3.2rem)}
  .b-held h1{-webkit-hyphens:manual;hyphens:manual}
  .lp-buehne main h2,.lp-buehne main h3{-webkit-hyphens:auto;hyphens:auto}
  .b-lead{font-size:1.04rem}
  .b-blick{grid-template-columns:1fr}
  .b-blick>div,.b-blick>div+div{padding:18px 0 20px;border-left:0}
  .b-blick>div+div{border-top:1px solid rgba(169,191,174,.25)}
  .b-fahrplan{grid-template-columns:1fr;gap:34px}
  .b-fahrplan .b-ziffer{font-size:3.4rem}
  .b-beleg figcaption{grid-template-columns:1fr}
  .b-beleg a{grid-column:1;grid-row:auto;justify-self:start;margin-top:10px}
  .b-weitere-klein{grid-template-columns:1fr}
  .b-weitere-klein a{padding:13px 0 14px;font-size:1.02rem}
}
/* Branchenseite: Hinweis auf die eigene KI-Seite direkt nach dem Kopf */
.b-kihin{padding:72px 0 0}
.b-kihin .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px 56px;align-items:end;border-bottom:1px solid var(--linie);padding-bottom:56px}
.b-kihin .b-kicker{grid-column:1/-1;margin-bottom:0}
.b-kihin-satz{font-family:var(--serif);font-weight:500;font-size:clamp(1.35rem,2.4vw,1.95rem);line-height:1.3;letter-spacing:-.012em;color:var(--tanne);max-width:28em}
.b-kihin .b-knopf{background:var(--tanne);color:var(--creme);border-color:var(--tanne)}
.b-kihin .b-knopf:hover{background:var(--karamell);border-color:var(--karamell);color:var(--tanne-tief)}
/* KI-Seite: Weg zur Automatik (wie der Fahrplan, ohne Tage) und kurzer Satz unter dem Weg */
.b-ki-weg li b{margin-top:4px}
.b-ki-satz{margin-top:40px;max-width:40em;color:var(--tinte);font-size:1rem;line-height:1.7}
@media(max-width:760px){
  .b-kihin{padding-top:56px}
  .b-kihin .wrap{grid-template-columns:1fr;padding-bottom:44px}
  .b-kihin .b-knopf{justify-self:start}
}
/* Nachtprüfung W3 (05.11.2026), Handy zuerst: Lesetext 16 px, Knöpfe untereinander in voller Breite,
   Tippziele mindestens 44 px hoch (Polster plus gleich großer negativer Rand, die Gestaltung bleibt gleich) */
@media(max-width:620px){
  .b-blick dd,.b-station p,.b-hinweis,.b-beleg p,.b-paket li,.b-betrieb,.b-fahrplan p,.b-was{font-size:1rem}
  .b-vorzeile{font-size:.8rem;letter-spacing:.16em}
  .b-aktion{flex-direction:column;align-items:stretch;gap:12px;margin-top:32px}
  .b-aktion .b-knopf,.b-kihin .b-knopf{justify-content:center;text-align:center;padding:19px 20px}
  .b-kihin .b-knopf{justify-self:stretch}
  .b-pfad a{padding:12px 0;margin:-12px 0}
  .b-beleg a{padding-top:22px;margin-top:-12px}
  .b-paket a{padding-top:20px;margin-top:-20px}
  .lp-buehne main p a{padding:11px 0}
}
/* Szene „Heute / Mit Automatik“ zuletzt, damit die Regeln für .b-nutzen li sie nicht überschreiben */

/* Szene „Automatik bei der Arbeit" */
.sz{position:relative;-webkit-hyphens:none;hyphens:none;background:var(--papier);border:1px solid var(--linie);border-radius:20px;padding:22px 22px 24px;box-shadow:0 34px 60px -34px rgba(18,41,29,.42);max-width:470px;width:100%;justify-self:end;font-size:16px}
.sz-ein{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}
:root{--dauer-kurz:.35s;--dauer:.7s;--kurve:cubic-bezier(.2,.7,.2,1)}
.sz-js .sz-e{opacity:0;transform:translateY(12px) scale(.92)}
.sz-foto{display:grid;justify-items:center;gap:6px;width:64px}
.sz-foto svg{width:64px;height:64px;padding:17px;border-radius:12px;color:var(--creme);background:linear-gradient(140deg,#3d5c48,var(--tanne))}
.sz-chip{display:flex;align-items:center;gap:10px;height:64px;padding:0 16px 0 12px;border-radius:12px;background:var(--creme);border:1px solid var(--linie)}
.sz-chip svg{width:30px;height:30px;color:var(--tanne);flex:none}
.sz-e small{font-size:.74rem;font-weight:700;color:var(--tinte);line-height:1.2}
.sz-foto small{font-size:.68rem;color:#5f5e53;font-weight:600}
.sz-welle{display:flex;align-items:center;gap:3px;height:30px}
.sz-welle b{display:block;width:3px;height:30%;border-radius:2px;background:var(--karamell-tief)}
.sz-welle b:nth-child(3n){height:80%}.sz-welle b:nth-child(3n+1){height:50%}.sz-welle b:nth-child(4){height:100%}
.sz-auto{position:relative;display:grid;margin:18px 0 16px;height:34px}
.sz-js .sz-auto{opacity:0}
.sz-auto::before{content:"";position:absolute;left:30px;top:-18px;height:18px;border-left:1.5px dashed var(--karamell)}
.sz-auto>span{grid-area:1/1;justify-self:start;display:inline-flex;align-items:center;gap:10px;height:34px;padding:0 16px;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.sz-a1{background:var(--tanne);color:var(--creme)}
.sz-a2{background:var(--creme);color:var(--tanne);border:1.5px solid var(--tanne)}
.sz-js .sz-a2{opacity:0}
html:not(.sz-js) .sz-a1{display:none}
.sz-punkte{display:inline-flex;gap:4px}.sz-punkte b{width:5px;height:5px;border-radius:50%;background:var(--karamell-hell)}
.sz-doc{position:relative;display:grid;gap:9px;background:#fff;border:1px solid var(--linie);border-radius:14px;padding:16px 16px 18px}
.sz-js .sz-doc{opacity:0;transform:translateY(14px)}
.sz-doc::before{content:"";position:absolute;left:29px;top:-17px;height:16px;border-left:1.5px dashed var(--karamell)}
.sz-kopf{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:2px}
.sz-kopf b{font-family:var(--serif);font-weight:500;font-size:1.12rem;color:var(--tanne);letter-spacing:-.01em}
.sz-kopf em{font-style:normal;font-size:.62rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--karamell-tief);border:1px solid rgba(142,95,47,.45);border-radius:999px;padding:3px 9px}
.sz-z{display:block;font-size:.86rem;line-height:1.45;color:var(--tinte);padding-left:14px;position:relative}
.sz-js .sz-z{clip-path:inset(0 100% 0 0)}
.sz-z::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--salbei)}
.sz-knopf{justify-self:start;margin-top:8px;background:var(--tanne);color:var(--creme);border-radius:999px;padding:11px 18px;font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.sz-js .sz-knopf{opacity:0;transform:scale(.9)}
.sz.laeuft .sz-e{animation:sz-ein .5s var(--kurve) calc(.15s + var(--i)*.2s) forwards,sz-matt .5s 2.3s forwards}
.sz.laeuft .sz-welle b{animation:sz-welle .5s ease-in-out calc(var(--i,0)*.04s) 4 alternate}
.sz.laeuft .sz-welle b:nth-child(2n){animation-delay:.12s}.sz.laeuft .sz-welle b:nth-child(3n){animation-delay:.22s}
.sz.laeuft .sz-auto{animation:sz-da .35s 1.15s forwards}
.sz.laeuft .sz-punkte b{animation:sz-punkt .6s ease-in-out 1.2s 3 alternate}.sz.laeuft .sz-punkte b:nth-child(2){animation-delay:1.4s}.sz.laeuft .sz-punkte b:nth-child(3){animation-delay:1.6s}
.sz.laeuft .sz-a1{animation:sz-weg .3s 2.9s forwards}
.sz.laeuft .sz-a2{animation:sz-da var(--dauer-kurz) 3s forwards}
.sz.laeuft .sz-doc{animation:sz-ein .5s var(--kurve) 2s forwards}
.sz.laeuft .sz-z{animation:sz-tippen .5s steps(18,end) calc(2.3s + var(--i)*.3s) forwards}
.sz.laeuft .sz-knopf{animation:sz-ein .4s var(--kurve) 3.8s forwards,sz-puls 1.2s ease-out 4.2s 2}
@keyframes sz-ein{to{opacity:1;transform:none}}
@keyframes sz-matt{to{opacity:.6}}
@keyframes sz-da{to{opacity:1}}
@keyframes sz-weg{to{opacity:0}}
@keyframes sz-welle{to{transform:scaleY(.35)}}
@keyframes sz-punkt{to{opacity:.25;transform:translateY(-3px)}}
@keyframes sz-tippen{to{clip-path:inset(0 0 0 0)}}
@keyframes sz-puls{0%{box-shadow:0 0 0 0 rgba(185,124,62,.55)}100%{box-shadow:0 0 0 14px rgba(185,124,62,0)}}
.sz-hinweis{margin-top:22px;font-size:.78rem;color:#6b6a5e}

/* v1 – Szene je Punkt */
.sz-v1 .sz-liste li,.sz-v3 .sz-liste li{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
.sz-text h3{margin-bottom:16px;-webkit-hyphens:auto;hyphens:auto}

/* v2 – Scroll-Geschichte */
.v2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;margin-top:56px;align-items:start}
.v2-buehne{position:sticky;top:130px;display:grid;order:2}
.v2-buehne .sz{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .45s,visibility 0s .45s;justify-self:stretch;max-width:none}
.v2-buehne .sz.aktiv{opacity:1;visibility:visible;transition:opacity .45s}
.v2-schritte{list-style:none;order:1}
.v2-schritte li{min-height:64vh;padding:44px 0;border-top:1px solid var(--linie);opacity:.32;transition:opacity .45s}
.v2-schritte li.aktiv{opacity:1}
.v2-nr{display:block;font-family:var(--serif);font-weight:500;font-size:3.4rem;line-height:1;color:transparent;-webkit-text-stroke:1px var(--holz);margin-bottom:18px}
.v2 .sz-text h3{font-family:var(--serif);font-weight:500;font-size:clamp(1.6rem,2.7vw,2.35rem);line-height:1.1;letter-spacing:-.02em;color:var(--tanne)}
.v2 .sz-text p{color:var(--tinte);font-size:1.02rem;line-height:1.72}

/* v3 – Heute / Mit Automatik */
.v3-karte{position:relative;display:grid;justify-items:end;width:100%}
.v3-tabs{display:inline-flex;background:var(--papier);border:1px solid var(--linie);border-radius:999px;padding:4px;margin-bottom:14px;justify-self:start}
.v3-tabs button{font:inherit;font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;border:0;background:none;padding:10px 16px;border-radius:999px;color:var(--tinte);cursor:pointer;transition:background .35s,color .35s}
.v3-karte[data-zeigt=heute] [data-w=heute],.v3-karte[data-zeigt=auto] [data-w=auto]{background:var(--tanne);color:var(--creme)}
.v3-panels{display:grid;width:100%;max-width:470px;justify-self:start}
.v3-panels>*{grid-area:1/1;transition:opacity var(--dauer-kurz) var(--kurve),transform var(--dauer-kurz) var(--kurve),visibility 0s}
.v3-karte[data-zeigt=heute] .v3-auto,.v3-karte[data-zeigt=auto] .v3-heute{opacity:0;visibility:hidden;transition:opacity var(--dauer-kurz),transform var(--dauer-kurz),visibility 0s var(--dauer-kurz)}
.v3-karte[data-zeigt=heute] .v3-auto{transform:translateY(14px)}
.v3-karte[data-zeigt=auto] .v3-heute{transform:translateY(-14px)}
.v3-auto .sz{justify-self:stretch;max-width:none}
.v3-heute{display:flex;flex-direction:column;background:var(--papier);border:1px dashed #c9bda2;border-radius:20px;padding:22px;align-self:stretch}
.v3-titel{display:block;font-size:.66rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--holz);margin-bottom:14px}
.v3-heute ol{list-style:none;display:grid;gap:10px}
.v3-heute li{display:flex;align-items:center;gap:12px;font-size:.92rem;color:var(--tinte);background:#fff;border:1px solid var(--linie);border-radius:12px;padding:11px 14px}
.sz-js .v3-heute li{opacity:0;transform:translateX(-10px)}
.v3-heute li svg{width:20px;height:20px;color:var(--karamell-tief);flex:none}
.v3-wieder{display:block;margin-top:auto;padding-top:14px;font-family:var(--serif);font-size:1.05rem;color:var(--holz)}
.sz-js .v3-wieder{opacity:0}
.v3-karte.laeuft .v3-heute li{animation:sz-ein .45s var(--kurve) calc(.2s + var(--i)*.28s) forwards}
.v3-karte.laeuft .v3-wieder{animation:sz-da .4s 1.6s forwards}
.v3-warte{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.v3-karte.laeuft .v3-warte{animation:v3-warte 3s linear forwards}
.v3-karte.handisch .v3-warte{animation:none}
@keyframes v3-warte{to{opacity:.01}}

@media(max-width:900px){
  .sz-v1 .sz-liste li,.sz-v3 .sz-liste li{grid-template-columns:1fr;gap:22px}
  .sz{justify-self:stretch;max-width:none;padding:18px 16px 20px}
  .sz-foto,.sz-foto svg{width:56px}.sz-foto svg{height:56px;padding:15px}
  .sz-chip{height:auto;min-height:56px;padding:8px 14px 8px 12px}
  /* Lesetext in der Szene am Handy 16 px (Nachtprüfung A1) */
  .sz-e small,.sz-foto small,.sz-z,.v3-heute li,.sz-hinweis{font-size:1rem}
  .v3-tabs button{min-height:44px}   /* Tippziel (W4, 05.11.) */
  .sz-foto{width:72px}.sz-foto small{text-align:center}
  .v2{grid-template-columns:1fr;gap:0;margin-top:36px}
  .v2-buehne{order:1;top:66px;z-index:3;background:var(--creme);padding:12px 0 14px;margin:0 -2px}
  .v2-buehne .sz{padding:12px 12px 14px;align-self:start;border-radius:16px}
  .v2-buehne .sz-ein{gap:8px}
  .v2-buehne .sz-foto small{display:none}
  .v2-buehne .sz-foto,.v2-buehne .sz-foto svg{width:44px;height:44px}.v2-buehne .sz-foto svg{padding:12px;border-radius:10px}
  .v2-buehne .sz-chip{height:44px;padding:0 12px 0 10px;gap:8px}.v2-buehne .sz-chip svg{width:22px;height:22px}
  .v2-buehne .sz-welle{height:22px}
  .v2-buehne .sz-e small{font-size:.66rem}
  .v2-buehne .sz-auto{height:28px;margin:10px 0}.v2-buehne .sz-auto>span{height:28px;font-size:.6rem;padding:0 12px}
  .v2-buehne .sz-auto::before{top:-10px;height:10px;left:22px}.v2-buehne .sz-doc::before{top:-11px;height:10px;left:21px}
  .v2-buehne .sz-doc{padding:11px 12px 13px;gap:5px;border-radius:12px}
  .v2-buehne .sz-kopf b{font-size:.98rem}.v2-buehne .sz-kopf em{font-size:.56rem}
  .v2-buehne .sz-z{font-size:.76rem;line-height:1.38}
  .v2-buehne .sz-knopf{margin-top:4px;padding:9px 14px;font-size:.62rem}
  .v2-schritte{order:2}
  .v2-schritte li{min-height:52vh;padding:26px 0}
  .v2-nr{font-size:2.6rem;margin-bottom:10px}
  .v3-panels{max-width:none}
}
@media(prefers-reduced-motion:reduce){
  .sz *,.v3-heute li,.v3-wieder{animation:none!important;opacity:1!important;transform:none!important;clip-path:none!important}
  .sz .sz-a1{display:none}.sz .sz-e{opacity:.6!important}
  .v3-panels>*{transition:none!important;transform:none!important}
  .v3-tabs button{transition:none}
}