/* takt-generator: datei=takt-unterseiten.css hash=30e867c65fa4 */
/* takt-unterseiten.css — erzeugt von ~/.claude/scripts/takt/unterseiten-generator.mjs. Nicht von Hand ändern:
   Generator-Vorlage = Skript. Liest NUR die Tokens des Builds (tokens.css aus design-tokens.mjs) per var(--...),
   damit Hell/Dunkel und Kunden-Identität automatisch folgen. Klassen-Präfix std- kollidiert mit keinem Build. */
.std-bahn{max-width:var(--max,74rem);margin-inline:auto;padding-inline:var(--rand,clamp(1.25rem,5vw,6rem));box-sizing:border-box}
.std-sek{padding-block:var(--sek-y,clamp(2.75rem,5.5vw,4.75rem))}
.std-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.std-h2{font-family:var(--font-display);font-weight:var(--gewicht-display,650);letter-spacing:var(--laufweite-display,0);font-size:var(--t-h2,clamp(1.7rem,2.6vw,2.45rem));line-height:1.1;margin:0 0 .6em;color:var(--text)}
.std-lead{font-size:var(--t-lead,1.25rem);line-height:1.5;color:var(--text);max-width:52ch;margin:0 0 2rem}
.std-link{color:var(--leit-text,var(--text));font-weight:600;text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}
.std-link:hover{text-decoration-thickness:2px}
.std-knopf{display:inline-flex;align-items:center;gap:.5rem;min-height:48px;padding:.75rem 1.25rem;background:var(--akzent);color:var(--auf-akzent);border:1px solid var(--akzent);border-radius:var(--radius,0);font-weight:600;text-decoration:none;appearance:none}
.std-knopf--rand{background:transparent;color:var(--text);border-color:var(--linie)}
/* schlichter Kopf (Fallback, wenn der Build keinen eigenen hat) */
.std-schlicht{padding-block:clamp(2.5rem,6vw,5rem) clamp(1.5rem,3vw,2.5rem);border-bottom:1px solid var(--linie)}
.std-schlicht__z1{margin:0 0 .75rem;font-size:var(--t-z1,1rem);color:var(--text-leise)}
.std-schlicht__h1{margin:0;font-family:var(--font-display);font-weight:var(--gewicht-display,650);font-size:var(--t-kopf,clamp(2.6rem,5vw,5rem));line-height:1.02;color:var(--text);overflow-wrap:anywhere;hyphens:auto}
.std-schlicht__stand{margin:1rem 0 0;font-size:var(--t-cap,.85rem);color:var(--text-leise)}
/* Bühne (Fallback): themenfest dunkel, Schrift themenfest hell (GESETZ Kap. 11) */
.std-buehne{position:relative;min-height:72svh;display:flex;align-items:flex-end;background:var(--dunkel-fest,#111);color:var(--kalk-fest,#f5f5f5);overflow:clip}
.std-buehne__bild{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.std-buehne__text{position:relative;padding-block:3rem;background:linear-gradient(to top,var(--schleier-fest,rgba(0,0,0,.55)),transparent)}
.std-buehne__h1{margin:0;display:grid;gap:.4rem;font-family:var(--font-display)}
.std-buehne__z1{font-size:var(--t-z1,1rem);color:var(--meta-fest,#ccc);font-weight:500}
.std-buehne__pointe{font-size:var(--t-pointe,clamp(1.9rem,3.9vw,3.8rem));line-height:1.04;color:var(--kalk-fest,#fff)}
.std-brotkrume ol{display:flex;gap:.5rem;list-style:none;margin:0 0 1rem;padding:0;font-size:var(--t-cap,.85rem);color:var(--meta-fest,#ccc)}
.std-brotkrume a{color:inherit}
/* Rechtstexte: Inhaltsverzeichnis links (sticky), Text rechts */
.std-recht{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,46rem);gap:clamp(2rem,5vw,5rem);padding-block:var(--sek-y,4rem);align-items:start}
.std-recht>*{min-width:0}
.std-toc{position:sticky;top:calc(var(--leiste-h,80px) + 1.5rem);border-top:2px solid var(--leit,var(--text));padding-top:1rem}
.std-toc__titel{margin:0 0 .75rem;font-size:var(--t-cap,.85rem);font-weight:600;letter-spacing:.04em;color:var(--text-leise)}
.std-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}
.std-toc a{display:flex;gap:.75rem;padding:.4rem 0;color:var(--text);text-decoration:none;font-size:var(--fs-2,.9rem);line-height:1.35;border-bottom:1px solid var(--linie)}
.std-toc a span{font-variant-numeric:tabular-nums;color:var(--text-leise);min-width:1.6rem}
.std-toc a:hover{color:var(--leit-text,var(--text))}
.std-recht__text section{padding-block:0 2.25rem;scroll-margin-top:calc(var(--leiste-h,80px) + 1rem)}
/* Augen-Tor 27.10.: letzter Rechtsabschnitt ohne Nachpolster — die Bahn selbst trägt den Abstand zum Kontaktband */
.std-recht__text>section:last-child{padding-bottom:0}
.std-recht__text>section:last-child>:last-child{margin-bottom:0}
.std-recht__text h2{margin:0 0 .75rem;font-family:var(--font-display);font-weight:var(--gewicht-display,650);font-size:var(--t-h3,clamp(1.25rem,1.6vw,1.6rem));line-height:1.2;color:var(--text)}
.std-recht__text p,.std-recht__text address{margin:0 0 .9rem;max-width:68ch;line-height:1.65;color:var(--text);font-style:normal;overflow-wrap:anywhere}
.std-recht__text a{color:var(--leit-text,var(--text));text-underline-offset:.18em}
.std-recht__marke{font-weight:700}
.std-angaben{display:grid;gap:0;margin:0;border-top:1px solid var(--linie)}
.std-angaben>div{display:grid;grid-template-columns:minmax(0,11rem) minmax(0,1fr);gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--linie)}
.std-angaben dt{color:var(--text-leise);font-size:var(--fs-2,.9rem)}
.std-angaben dd{margin:0;color:var(--text);overflow-wrap:anywhere}
@media (max-width:900px){.std-recht{grid-template-columns:minmax(0,1fr)}.std-toc{position:static}}
@media (max-width:560px){.std-angaben>div{grid-template-columns:minmax(0,1fr);gap:.15rem}}
/* FAQ: Index links (sticky), Antworten als Datenblatt-Zeilen */
.std-faq__raster{display:grid;grid-template-columns:minmax(0,18rem) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.std-faq__raster>*{min-width:0}
.std-faq__index{position:sticky;top:calc(var(--leiste-h,80px) + 1.5rem);border-top:2px solid var(--leit,var(--text));padding-top:1rem}
.std-faq__titel{margin:0 0 .5rem;font-size:var(--t-cap,.85rem);font-weight:600;color:var(--text-leise)}
.std-faq__index ol{margin:0;padding-left:1.4rem;display:grid;gap:.35rem;color:var(--text-leise);font-size:var(--fs-2,.9rem)}
.std-faq__index a{color:var(--text);text-decoration:none;line-height:1.35}
.std-faq__index a:hover{color:var(--leit-text,var(--text));text-decoration:underline}
.std-frage{display:grid;grid-template-columns:3rem minmax(0,1fr);column-gap:1rem;padding:1.5rem 0;border-top:1px solid var(--linie);scroll-margin-top:calc(var(--leiste-h,80px) + 1rem)}
.std-frage:last-child{border-bottom:1px solid var(--linie)}
.std-frage__nr{grid-row:span 2;font-family:var(--font-display);font-size:var(--t-h3,1.4rem);color:var(--leit-text,var(--text-leise));font-variant-numeric:tabular-nums;line-height:1.2}
.std-frage h3{margin:0 0 .5rem;font-family:var(--font-display);font-weight:var(--gewicht-display,650);font-size:var(--t-h3,clamp(1.25rem,1.6vw,1.6rem));line-height:1.2;color:var(--text)}
.std-frage p{margin:0;max-width:62ch;line-height:1.6;color:var(--text)}
.std-frage a{color:var(--leit-text,var(--text));text-underline-offset:.18em}
@media (max-width:900px){.std-faq__raster{grid-template-columns:minmax(0,1fr)}.std-faq__index{position:static}}
@media (max-width:560px){.std-frage{grid-template-columns:minmax(0,1fr)}.std-frage__nr{grid-row:auto;font-size:var(--fs-3,1rem)}}
/* Downloads: Datenblatt-Zeilen statt Karten-Raster */
.std-dateien{list-style:none;margin:0;padding:0;border-top:1px solid var(--linie)}
.std-datei{display:grid;grid-template-columns:minmax(0,10rem) minmax(0,1fr) auto;gap:1.25rem 2rem;align-items:center;padding:1.25rem 0;border-bottom:1px solid var(--linie)}
.std-datei>*{min-width:0}
.std-datei__bild{display:block;aspect-ratio:16/9;background:var(--flaeche);overflow:hidden;border-radius:var(--bild-radius,0)}
.std-datei__bild img{width:100%;height:100%;object-fit:cover;display:block}
.std-datei__blatt{display:block;width:100%;height:100%;background:repeating-linear-gradient(to bottom,transparent 0 14%,var(--linie) 14% 16%);opacity:.8}
.std-datei__titel{margin:0 0 .35rem;font-family:var(--font-display);font-weight:var(--gewicht-display,650);font-size:var(--t-h3,1.4rem);line-height:1.2}
.std-datei__titel a{color:var(--text);text-decoration:none}
.std-datei__titel a:hover{color:var(--leit-text,var(--text));text-decoration:underline}
.std-datei__text{margin:0 0 .35rem;color:var(--text);line-height:1.5;max-width:60ch}
.std-datei__meta{margin:0;color:var(--text-leise);font-size:var(--fs-2,.9rem);font-variant-numeric:tabular-nums}
@media (max-width:760px){.std-datei{grid-template-columns:minmax(0,1fr)}.std-datei__bild{max-width:22rem}.std-datei__aktion{justify-self:start}}
.std-blaetter__liste{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);align-items:start}
@media (max-width:900px){.std-blaetter__liste{grid-template-columns:minmax(0,1fr)}}
.std-dl__hinweis{margin:1.25rem 0 0;color:var(--text-leise);font-size:var(--fs-2,.9rem)}
.std-blatt-huelle__kopf{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem}
.std-blatt-huelle__kopf h3{margin:0;font-family:var(--font-display);font-size:var(--t-h3,1.4rem);color:var(--text)}
/* Druckblatt = Papier, themenfest hell (bleibt in beiden Themen ein Blatt) */
.std-blatt{background:var(--hell-fest,#fff);color:var(--dunkel-fest,#111);padding:clamp(1.25rem,3vw,2.25rem);border:1px solid var(--linie);box-shadow:0 1px 0 var(--linie)}
.std-blatt *{color:inherit}
.std-blatt__titel{margin:0 0 .25rem;font-family:var(--font-display);font-size:var(--t-h3,1.4rem)}
.std-blatt__pointe{margin:0 0 1rem;font-weight:600}
.std-blatt__liste{margin:0 0 1rem;padding-left:1.25rem;display:grid;gap:.35rem;line-height:1.45}
.std-blatt__lexikon{margin:0 0 1rem;display:grid;gap:0}
.std-blatt__lexikon>div{display:grid;grid-template-columns:minmax(0,9rem) minmax(0,1fr);gap:.75rem;padding:.35rem 0;border-bottom:1px solid color-mix(in oklch,var(--dunkel-fest,#111) 15%,transparent)}
.std-blatt__lexikon dt{font-weight:700;overflow-wrap:anywhere}
.std-blatt__lexikon dd{margin:0}
.std-blatt__schluss{margin:0 0 1rem}
.std-blatt__fuss{margin:0;font-size:var(--fs-1,.78rem);opacity:.8}
/* Ratgeber-Übersicht */
.std-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,20rem);gap:clamp(2rem,5vw,5rem);align-items:start}
.std-intro>*{min-width:0}
.std-daten{margin:0;border-top:2px solid var(--leit,var(--text))}
.std-daten>div{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--linie)}
.std-daten dt{color:var(--text-leise);font-size:var(--fs-2,.9rem)}
.std-daten dd{margin:0;color:var(--text);font-weight:600;text-align:right}
@media (max-width:900px){.std-intro{grid-template-columns:minmax(0,1fr)}}
.std-index{padding-top:0}
.std-zeile{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,46%);gap:clamp(1.5rem,4vw,4rem);align-items:center;padding-block:clamp(2rem,4vw,3.5rem);border-top:1px solid var(--linie)}
.std-zeile>*{min-width:0}
.std-zeile:nth-child(even) .std-zeile__bild{order:-1}
.std-zeile__nr{display:block;font-family:var(--font-display);color:var(--leit-text,var(--text-leise));font-variant-numeric:tabular-nums;margin-bottom:.5rem}
.std-zeile__titel{margin:0 0 .35rem;font-family:var(--font-display);font-weight:var(--gewicht-display,650);font-size:var(--t-h2,clamp(1.7rem,2.6vw,2.45rem));line-height:1.08}
.std-zeile__titel a{color:var(--text);text-decoration:none}
.std-zeile__titel a:hover{text-decoration:underline;text-underline-offset:.15em}
.std-zeile__pointe{margin:0 0 .9rem;font-size:var(--t-lead,1.2rem);color:var(--text-leise)}
.std-zeile__teaser{margin:0 0 1rem;max-width:58ch;line-height:1.6;color:var(--text)}
.std-zeile__inhalt{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0 0 1.25rem;padding:0}
.std-zeile__inhalt li{padding:.25rem .6rem;border:1px solid var(--linie);font-size:var(--fs-2,.85rem);color:var(--text);border-radius:var(--radius,0)}
.std-zeile__mehr{margin:0}
.std-zeile__bild{aspect-ratio:16/9;overflow:hidden;background:var(--flaeche);border-radius:var(--bild-radius,0)}
.std-zeile__bild img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:900px){.std-zeile{grid-template-columns:minmax(0,1fr)}.std-zeile:nth-child(even) .std-zeile__bild{order:0}}
/* Danke / 404 */
.std-ende{padding-block:clamp(3rem,8vw,7rem) var(--sek-y,4rem)}
.std-ende__z1{margin:0 0 1rem;font-size:var(--t-z1,1rem);color:var(--text-leise)}
.std-ende__h1{margin:0 0 1.25rem;max-width:20ch;font-family:var(--font-display);font-weight:var(--gewicht-display,650);letter-spacing:var(--laufweite-display,0);font-size:var(--t-kopf,clamp(2.6rem,5vw,5rem));line-height:1.02;color:var(--text);overflow-wrap:anywhere;hyphens:auto}
.std-ende__satz{margin:0 0 2rem;max-width:52ch;font-size:var(--t-lead,1.25rem);line-height:1.5;color:var(--text)}
.std-ende__knopf{margin:0 0 clamp(2.5rem,5vw,4rem)}
.std-wege{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 2rem;border-top:1px solid var(--linie)}
.std-wege>li{flex:1 1 15rem;min-width:0}
.std-wege a{display:grid;align-content:start;gap:.4rem;height:100%;box-sizing:border-box;padding:1.25rem 1.25rem 1.25rem 0;color:var(--text);text-decoration:none;border-bottom:1px solid var(--linie)}
.std-wege b{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-family:var(--font-display);font-size:var(--t-h3,1.4rem);font-weight:var(--gewicht-display,650)}
.std-wege span{color:var(--text-leise);line-height:1.45}
.std-wege a:hover b{color:var(--leit-text,var(--text))}
@media print{.std-toc,.std-faq__index{position:static}}