/* Bululu Konzept: gemeinsame Gestaltung fuer Uebersicht und Kapitel, dunkel (Standard) und hell.
   Grundlage ist die Uebersicht 05 (gpt-taste in Bululu-Farben). Quelle: _planung/konzept-design/vorlage/ */
@font-face{font-family:"Cabinet Grotesk";src:url("fonts/cabinet-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Cabinet Grotesk";src:url("fonts/cabinet-500.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Cabinet Grotesk";src:url("fonts/cabinet-700.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Cabinet Grotesk";src:url("fonts/cabinet-800.woff2") format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Satoshi";src:url("fonts/satoshi-700.woff2") format("woff2");font-weight:700;font-display:swap}

:root{
  /* Dunkel = erster gpt-taste-Entwurf (heute Seite 04): Navy, Hellgrau, Tuerkis als Akzent */
  --navy:#0E1C25;--navy-2:#132833;--navy-3:#1B3644;
  --paper:#F5F5F0;--paper-2:#ECECE4;--ink:#0E1C25;--ink-soft:#3D4F59;
  --teal:#00CCA1;--teal-ink:#106E56;--orange:#FAAF72;--green:#C4D667;--orange-ink:#106E56;--green-ink:#106E56;--ink-on-orange:#3D4F59;
  --line-dark:rgba(245,245,240,.12);--line-light:rgba(14,28,37,.12);--muted-dark:rgba(245,245,240,.72);
  --r:28px;--gut:clamp(1rem,4vw,3rem);
  --bg:#0E1C25;--bg-2:#132833;--fl:#132833;--fl-2:#1B3644;--text:#F5F5F0;--leise:rgba(245,245,240,.74);
  --linie:rgba(245,245,240,.12);--akz:#00CCA1;--gr:#C4D667;--code:rgba(245,245,240,.08);--th:#1B3644;
  --zebra:rgba(245,245,240,.025);--warm:rgba(250,175,114,.13);--warm-rand:rgba(250,175,114,.45);
  --gruen-fl:rgba(196,214,103,.12);--schatten:rgba(0,0,0,.55);
  --focus:#00CCA1;color-scheme:dark;
}
html[data-theme="light"]{
  /* Hell = Bululu-Farben aus Seite 05: Creme, Orange, Gruen */
  --navy:#1B2015;--navy-2:#232A1B;--navy-3:#2F3826;
  --paper:#FFF8EE;--paper-2:#F6EAD6;--ink:#1B2015;--ink-soft:#4B4F3D;
  --orange-ink:#9A4A0A;--green-ink:#55650F;--ink-on-orange:#3E3A25;
  --line-dark:rgba(255,248,238,.14);--line-light:rgba(27,32,21,.13);--muted-dark:rgba(255,248,238,.74);
  --bg:#FFF8EE;--bg-2:#F6EAD6;--fl:#FFFFFF;--fl-2:#FBF3E6;--text:#1B2015;--leise:#4B4F3D;
  --linie:rgba(27,32,21,.13);--akz:#9A4A0A;--gr:#55650F;--code:rgba(27,32,21,.06);--th:#F6EAD6;
  --zebra:rgba(27,32,21,.022);--warm:#FDEBD8;--warm-rand:#F0B985;--gruen-fl:#F1F5DD;--schatten:rgba(27,32,21,.18);
  --focus:#9A4A0A;color-scheme:light;
}

/* Umschalter hell/dunkel und Kapitel-Menue: gilt auf allen Seiten */
.thema{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--linie);background:transparent;color:var(--text);
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .25s,border-color .25s}
.thema:hover{border-color:var(--text)}
.thema svg{width:20px;height:20px}
.thema .sonne{display:none}html[data-theme="light"] .thema .sonne{display:block}html[data-theme="light"] .thema .mond{display:none}
.nur-hell{display:none!important}html[data-theme="light"] .nur-hell{display:inline-block!important}html[data-theme="light"] .nur-dunkel{display:none!important}
.kap-menue{position:static}  /* Liste richtet sich an der Navigationsleiste aus, nicht am Knopf */
.kap-knopf{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;padding:.55rem .95rem;border-radius:999px;border:0;background:transparent;
  color:var(--leise);font:inherit;font-weight:500;font-size:.98rem;cursor:pointer;transition:color .25s,background .25s}
.kap-knopf:hover,.kap-knopf[aria-expanded="true"]{color:var(--text);background:var(--code)}
.kap-knopf svg{width:16px;height:16px;transition:transform .25s}.kap-knopf[aria-expanded="true"] svg{transform:rotate(180deg)}
.kap-liste{position:absolute;top:calc(100% + .8rem);left:50%;transform:translateX(-50%);width:min(44rem,calc(100vw - 2rem));max-height:calc(100vh - 7rem);overflow:auto;
  background:var(--bg-2);color:var(--text);border:1px solid var(--linie);border-radius:24px;padding:1.2rem;box-shadow:0 30px 60px -20px var(--schatten);
  display:grid;grid-template-columns:1fr 1fr;gap:.2rem 1.2rem}
.kap-liste[hidden]{display:none}
.kap-liste p{grid-column:1/-1;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--leise);margin:.6rem 0 .2rem .6rem}
.kap-liste p:first-child{margin-top:0}
.kap-liste a{display:flex;gap:.7rem;align-items:baseline;padding:.55rem .6rem;border-radius:12px;text-decoration:none;color:var(--text);font-weight:500;line-height:1.3}
.kap-liste a:hover{background:var(--code)}
.kap-liste a[aria-current="page"]{background:var(--akz);color:var(--bg)}
@media (max-width:600px){.kap-liste{grid-template-columns:1fr}}
.kap-liste a span{font-variant-numeric:tabular-nums;color:var(--leise);font-size:.85rem;min-width:1.4rem}
.kap-liste a[aria-current="page"] span{color:inherit}

/* ---------- Kapitelseiten ---------- */
body.kapitel{margin:0;font-family:"Cabinet Grotesk",system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:1.0625rem;line-height:1.6;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.kapitel *{box-sizing:border-box}
.kapitel :focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}
.kapitel a{color:var(--akz);text-underline-offset:4px}
.kapitel img{max-width:100%;height:auto}
.kapitel .wrap{width:100%;max-width:1440px;margin-inline:auto;padding-inline:var(--gut)}
.skip{position:absolute;left:1rem;top:-4rem;z-index:100;background:var(--akz);color:var(--bg)!important;padding:.7rem 1rem;border-radius:12px;font-weight:700}
.skip:focus{top:1rem}


/* Kopf des Kapitels */
.k-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(8rem,16vh,10rem) 0 clamp(3.5rem,7vw,6rem);background:var(--bg)}
.k-hero .mesh{position:absolute;inset:0;z-index:-1;pointer-events:none}
.k-hero .mesh i{position:absolute;border-radius:50%;filter:blur(90px)}
.k-hero .mesh i:nth-child(1){width:46vw;height:46vw;left:-14vw;top:-22vw;background:#C4D667;opacity:.16}
.k-hero .mesh i:nth-child(2){width:36vw;height:36vw;right:-10vw;top:0;background:#FAAF72;opacity:.18}
html[data-theme="light"] .k-hero .mesh i{opacity:.28}
.k-pfad{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;color:var(--leise);font-weight:500;margin:0 0 1.4rem}
.k-pfad a{color:var(--leise);text-decoration:none}.k-pfad a:hover{color:var(--text);text-decoration:underline}
.k-nr{font-weight:700;color:var(--akz);margin:0 0 .6rem;font-variant-numeric:tabular-nums}
.k-hero h1{margin:0;max-width:60rem;font-size:clamp(2.5rem,5.4vw,5.2rem);line-height:.98;letter-spacing:-.035em;font-weight:800;text-wrap:balance}
.k-lead{margin:1.4rem 0 0;max-width:46rem;font-size:clamp(1.15rem,1.5vw,1.35rem);color:var(--leise);line-height:1.5}
.k-meta{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin:2rem 0 0;padding:0}
.k-meta li{padding:.45rem .9rem;border-radius:999px;border:1px solid var(--linie);font-size:.95rem;color:var(--leise)}
.k-meta li b{color:var(--text);font-weight:700}

/* Auf einen Blick: orange in beiden Ansichten */
.k-blick{background:var(--orange);color:var(--ink);padding:clamp(3.5rem,7vw,6rem) 0;--focus:var(--ink)}
.k-blick h2{margin:0;font-size:clamp(2rem,3.6vw,3.2rem);letter-spacing:-.03em;line-height:1;font-weight:800}
.k-blick .k-blick__kopf{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem 2rem}
.k-blick .k-blick__kopf p{margin:0;max-width:30rem;color:var(--ink-on-orange)}
.k-punkte{list-style:none;margin:2.4rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1rem}
.k-punkte li{background:var(--paper);border-radius:22px;padding:1.5rem 1.5rem 1.6rem;display:flex;flex-direction:column;gap:.55rem}
.k-punkte li b{font-size:1.25rem;line-height:1.15;letter-spacing:-.015em;font-weight:800}
.k-punkte li span{color:var(--ink-soft);font-size:1rem;line-height:1.5}
.k-zahlen{display:flex;flex-wrap:wrap;gap:1rem 3rem;margin:2.6rem 0 0;padding-top:2rem;border-top:2px solid rgba(27,32,21,.25)}
.k-zahl b{display:block;font-size:clamp(2.6rem,4.4vw,3.8rem);line-height:.9;letter-spacing:-.04em;font-weight:800}
.k-zahl b small{font-size:.42em;letter-spacing:-.01em;margin-left:.2em}
.k-zahl span{display:block;margin-top:.4rem;color:var(--ink-on-orange);max-width:16rem}
.k-ihr{margin:2.4rem 0 0;background:var(--ink);color:var(--paper);border-radius:22px;padding:1.5rem 1.7rem;display:grid;grid-template-columns:auto 1fr;gap:1rem 1.6rem;align-items:start}
.k-ihr .tag{background:var(--green);color:var(--ink);font-weight:800;border-radius:999px;padding:.4rem .85rem;font-size:.92rem;white-space:nowrap}
.k-ihr ul{margin:0;padding-left:1.1rem;display:grid;gap:.4rem}
@media (max-width:640px){.k-ihr{grid-template-columns:1fr}}

/* Inhalt mit Seitenleiste */
.k-koerper{display:grid;grid-template-columns:minmax(0,14.5rem) minmax(0,1fr);gap:clamp(1.25rem,2vw,2.25rem);padding-top:clamp(3rem,6vw,5rem);padding-bottom:clamp(4rem,8vw,7rem)}
.k-seite{position:sticky;top:6.2rem;align-self:start;max-height:calc(100vh - 7.2rem);overflow:auto;padding-right:.4rem;scrollbar-width:thin}
.k-seite h2{font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--leise);margin:0 0 .7rem}
.k-toc{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}
.k-toc a{display:grid;grid-template-columns:1.9rem 1fr;gap:.2rem;padding:.5rem .6rem;border-radius:12px;text-decoration:none;color:var(--leise);font-weight:500;line-height:1.3;font-size:.97rem}
.k-toc a span{font-variant-numeric:tabular-nums;font-size:.85rem;padding-top:.08rem}
.k-toc a:hover{color:var(--text);background:var(--code)}
.k-toc a.aktiv{color:var(--text);background:var(--fl-2);box-shadow:inset 3px 0 0 var(--akz)}
.k-schalter{margin:1.4rem 0 0;padding:1rem;border-radius:18px;border:1px solid var(--linie);display:grid;gap:.5rem}
.k-schalter button{display:flex;align-items:center;justify-content:space-between;gap:.8rem;width:100%;min-height:44px;border:0;background:none;color:var(--text);font:inherit;font-weight:700;cursor:pointer;padding:0;text-align:left}
.k-schalter .spur{flex:0 0 auto;width:44px;height:26px;border-radius:999px;background:var(--linie);position:relative;transition:background .2s}
.k-schalter .spur::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--text);transition:transform .2s}
.k-schalter button[aria-checked="true"] .spur{background:var(--akz)}
.k-schalter button[aria-checked="true"] .spur::after{transform:translateX(18px);background:var(--bg)}
.k-schalter small{color:var(--leise);font-size:.88rem;line-height:1.4}
.k-mobil-inhalt{display:none}
@media (max-width:1400px){
  .k-koerper{grid-template-columns:1fr}
  .k-seite{position:static;max-height:none;overflow:visible;padding:0}
  .k-seite .k-toc-wrap{display:none}
  .k-mobil-inhalt{display:block;border:1px solid var(--linie);border-radius:18px;padding:.4rem 1rem;margin-bottom:1rem}
  .k-mobil-inhalt summary{min-height:44px;display:flex;align-items:center;font-weight:700;cursor:pointer}
  .k-mobil-inhalt .k-toc{padding-bottom:.6rem}
}

/* Abschnitte */
.k-text{min-width:0}
.abschnitt{background:var(--fl);border:1px solid var(--linie);border-radius:var(--r);padding:clamp(1.2rem,2.2vw,2.2rem);margin:0 0 1.2rem;scroll-margin-top:6rem}
.abschnitt>header{display:grid;grid-template-columns:auto 1fr;gap:.3rem 1rem;align-items:start;margin-bottom:1.4rem;padding-bottom:1.3rem;border-bottom:1px solid var(--linie)}
.abschnitt>header .nr{grid-row:span 2;display:inline-flex;align-items:center;justify-content:center;min-width:3rem;height:3rem;padding:0 .6rem;border-radius:16px;background:var(--akz);color:var(--bg);font-weight:800;font-size:1.1rem;font-variant-numeric:tabular-nums}
.abschnitt>header h2{margin:0;font-size:clamp(1.6rem,2.4vw,2.2rem);line-height:1.08;letter-spacing:-.02em;font-weight:800}
.abschnitt>header p{margin:0;color:var(--leise);max-width:52rem}
.einleitung{font-size:1.1rem}
.k-text p,.k-text li,.k-text dd{max-width:78ch}
.k-text h3{margin:2.2rem 0 .8rem;padding-top:1.4rem;border-top:1px dashed var(--linie);font-size:1.35rem;line-height:1.2;letter-spacing:-.01em;font-weight:800;scroll-margin-top:6rem}
.k-text header+h3,.k-text h3:first-of-type{border-top:0;padding-top:0;margin-top:.4rem}
.k-text h4{margin:1.8rem 0 .6rem;font-size:1.12rem;font-weight:800;color:var(--akz);scroll-margin-top:6rem}
.k-text h5,.k-text h6{margin:1.4rem 0 .5rem;font-size:1rem;font-weight:800}
.k-text ul,.k-text ol{padding-left:1.25rem}
.k-text li{margin:.3rem 0}
.k-text li::marker{color:var(--akz)}
.k-text code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84em;background:var(--code);border-radius:6px;padding:.05em .35em;overflow-wrap:anywhere}
.k-text pre{background:var(--code);border-radius:16px;padding:1rem 1.2rem;white-space:pre-wrap;font-size:.9rem;overflow-wrap:anywhere}
.k-text pre code{background:none;padding:0}
.k-text blockquote{margin:1rem 0;padding:.9rem 1.2rem;border-left:4px solid var(--akz);background:var(--fl-2);border-radius:0 16px 16px 0}
.k-text hr{border:0;border-top:1px solid var(--linie);margin:2rem 0}
.k-text .leise{color:var(--leise)}
.k-text b,.k-text strong{font-weight:700}
.k-text mark,.k-text .offen{background:var(--warm);color:inherit;border:1px dashed var(--warm-rand);border-radius:5px;padding:0 .25em}

/* Tabellen */
.tw{margin:1.1rem 0 1.4rem;border:1px solid var(--linie);border-radius:18px;overflow:auto;max-width:100%;position:relative;
  /* Schatten am Rand, solange sich die Tabelle seitlich weiterwischen laesst */
  background:linear-gradient(90deg,var(--fl) 30%,transparent) left/40px 100% no-repeat local,linear-gradient(270deg,var(--fl) 30%,transparent) right/40px 100% no-repeat local,
    radial-gradient(farthest-side at 0 50%,var(--schatten),transparent) left/14px 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,var(--schatten),transparent) right/14px 100% no-repeat scroll,var(--fl)}
.tw table{width:100%;border-collapse:separate;border-spacing:0;font-size:.95rem;line-height:1.5}
.tw th{position:sticky;top:0;z-index:1;background:var(--th);color:var(--text);text-align:left;font-weight:700;font-size:.88rem;letter-spacing:.01em;padding:.75rem .9rem;vertical-align:bottom}
.tw td{padding:.7rem .85rem;border-top:1px solid var(--linie);vertical-align:top}
/* Code in Tabellen bricht nur an den vorgesehenen Stellen; sonst wird die Tabelle breiter und laesst sich wischen,
   statt die Spalten auf Buchstabenbreite zusammenzudruecken */
.tw code{overflow-wrap:normal;word-break:normal}
.tw td.tech{min-width:11rem}
/* Spaltenbreite nach Inhalt (Klassen setzt konzept.js) */
.tw .sp-eng{width:1%;white-space:nowrap}
.tw .sp-mittel{min-width:11rem}
.tw .sp-lang{min-width:18rem}
.tabelle-gross .sp-eng{width:1%;white-space:nowrap}.tabelle-gross .sp-lang{min-width:22rem}
.tw td:not(.tech) p,.tw td:not(.tech){max-width:none}
.tw td:first-child{font-weight:600}
.tw tr:nth-child(even) td{background:var(--zebra)}
.tw td p{margin:.2rem 0}
.tw.zu tr.weiter{display:none}
.mehr-zeilen{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;margin:-.6rem 0 1.4rem;padding:.6rem 1.1rem;border-radius:999px;border:1.5px solid var(--linie);
  background:transparent;color:var(--text);font:inherit;font-weight:700;cursor:pointer}
.mehr-zeilen:hover{border-color:var(--text)}
.tech-aus .tech{display:none!important}
.tech-hinweis{font-size:.88rem;color:var(--leise);margin:-.8rem 0 1.2rem}

/* Bausteine aus den Einzelseiten */
.kasten,.k-text .text{background:var(--fl-2);border:1px solid var(--linie);border-left:5px solid var(--akz);border-radius:18px;padding:1rem 1.3rem;margin:1rem 0}
.kasten.gelb,.intern{background:var(--warm);border-color:var(--warm-rand)}
.kasten.gruen{background:var(--gruen-fl);border-left-color:var(--gr)}
.k-text .text{border-left-width:1px}
.frage{background:var(--fl-2);border:1px solid var(--linie);border-radius:22px;padding:1.3rem 1.5rem;margin:1rem 0;scroll-margin-top:6rem}
.frage h3,.k-text .frage h3{margin:0 0 .9rem;padding:0;border:0;font-size:1.2rem;display:flex;gap:.8rem;align-items:baseline}
.frage .nr,.k-text .nr{flex:0 0 auto;display:inline-flex;justify-content:center;min-width:2.6rem;padding:.2rem .5rem;border-radius:10px;background:var(--akz);color:var(--bg);font-size:.9rem;font-weight:800}
.frage dl{display:grid;grid-template-columns:10.5rem 1fr;gap:.55rem 1.2rem;margin:0}
.frage dt{color:var(--leise);font-size:.92rem;font-weight:700;padding-top:.1rem}
.frage dd{margin:0}
@media (max-width:640px){.frage dl{grid-template-columns:1fr;gap:.15rem}.frage dt{margin-top:.6rem}}
.chip,.pille{display:inline-block;font-size:.8rem;font-weight:700;padding:.1rem .6rem;border-radius:999px;border:1px solid var(--linie);margin-left:.3rem;vertical-align:.1em;white-space:nowrap}
.chip.gruen,.pille.start{border-color:var(--gr);color:var(--gr);background:var(--gruen-fl)}
.chip.gelb,.pille.dez{border-color:var(--warm-rand);background:var(--warm)}
.pille.spaeter{color:var(--leise)}
.raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:1rem;margin:1rem 0}
.zahl{background:var(--navy-3);color:var(--paper);border-radius:20px;padding:1.2rem 1.3rem}
html[data-theme="light"] .zahl{background:var(--gruen-fl);color:var(--ink)}
.zahl b{display:block;font-size:2rem;line-height:1.1;color:var(--gr);font-weight:800}
.zahl span{font-size:.95rem;opacity:.85}
ol.quellen{font-size:.9rem;color:var(--leise)}ol.quellen a{overflow-wrap:anywhere}
.preis{font-weight:700}

/* Weiterblaettern und Fuss */
.k-weiter{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding-bottom:clamp(4rem,8vw,7rem)}
.k-weiter a{display:flex;flex-direction:column;gap:.35rem;padding:1.6rem 1.8rem;border-radius:var(--r);border:1px solid var(--linie);text-decoration:none;color:var(--text);background:var(--fl);transition:border-color .25s,transform .4s cubic-bezier(.2,.8,.2,1)}
.k-weiter a:hover{border-color:var(--akz)}
.k-weiter a small{color:var(--leise);font-weight:500}
.k-weiter a b{font-size:1.4rem;line-height:1.15;letter-spacing:-.015em}
.k-weiter a.naechstes{text-align:right;background:var(--orange);color:var(--ink);border-color:transparent}
.k-weiter a.naechstes small{color:var(--ink-on-orange)}
@media (max-width:700px){.k-weiter{grid-template-columns:1fr}}
.kapitel footer{background:var(--bg-2);border-top:1px solid var(--linie);padding:2rem 0 2.4rem;font-size:.9rem;color:var(--leise)}
.kapitel footer .wrap{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;justify-content:space-between}
.kapitel footer .logos{display:inline-flex;align-items:center;gap:.55rem}
.kapitel footer img{height:18px;width:auto}

@media print{
  .leiste,.k-seite,.k-weiter,.mehr-zeilen,.skip{display:none!important}
  .k-koerper{display:block}.tw.zu tr.weiter{display:table-row}.tech-aus .tech{display:revert!important}
}
@media (prefers-reduced-motion:reduce){.kapitel *,.kapitel *::before,.kapitel *::after{transition-duration:.01ms!important}}

/* ---------- Uebersicht (Seite 05) in heller Ansicht ----------
   Folge hell: Kopf Creme · Aussage Orange · Fuer wen Weiss · Ablauf Hellgruen · System Creme · Sprachen Pfirsich · Zeitplan Weiss · Abschluss Orange · Fuss Sand */
html[data-theme="light"] body.ueberblick{background:var(--paper);color:var(--ink)}
html[data-theme="light"] .ueberblick .logo-x{color:var(--ink)}
html[data-theme="light"] .ueberblick .hero{background:var(--paper)}
html[data-theme="light"] .ueberblick .hero .mesh i:nth-child(1){opacity:.3}
html[data-theme="light"] .ueberblick .hero .mesh i:nth-child(2){opacity:.32}
html[data-theme="light"] .ueberblick .hero .mesh i:nth-child(3){opacity:.18}
html[data-theme="light"] .ueberblick .hero__eyebrow,html[data-theme="light"] .ueberblick .hero__lead{color:var(--ink-soft)}
html[data-theme="light"] .ueberblick .hero__eyebrow b{color:var(--ink)}
html[data-theme="light"] .ueberblick .hero h1 em{color:var(--orange-ink)}
html[data-theme="light"] .ueberblick .btn--ghost{color:var(--ink);box-shadow:inset 0 0 0 1.5px rgba(27,32,21,.4)}
html[data-theme="light"] .ueberblick .btn--ghost:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
html[data-theme="light"] .ueberblick .hero__frame{border-color:rgba(27,32,21,.13);box-shadow:0 40px 80px -34px rgba(27,32,21,.4)}
html[data-theme="light"] .ueberblick .hero__shot{border-color:#fff;box-shadow:0 30px 60px -24px rgba(27,32,21,.4)}
html[data-theme="light"] .ueberblick #fuer-wen{background:#fff}
html[data-theme="light"] .ueberblick .flow{background:#F1F5DD;color:var(--ink)}
html[data-theme="light"] .ueberblick .flow .intro{color:var(--ink-soft)}
html[data-theme="light"] .ueberblick .flow .mesh i:nth-child(1){background:#FAAF72;opacity:.2}
html[data-theme="light"] .ueberblick .b--design{background:var(--paper-2);color:var(--ink);border-color:rgba(27,32,21,.13)}
html[data-theme="light"] .ueberblick .b--design p,html[data-theme="light"] .ueberblick .b--design li{color:var(--ink-soft)}
html[data-theme="light"] .ueberblick .b--design li::before{background:var(--orange-ink)}
html[data-theme="light"] .ueberblick .b--design .more{color:var(--orange-ink)}
html[data-theme="light"] .ueberblick .b--design .shot{border-color:rgba(27,32,21,.13)}
html[data-theme="light"] .ueberblick .sw{background:rgba(27,32,21,.07);color:var(--ink)}
html[data-theme="light"] .ueberblick .lang{background:#FDEBD8;color:var(--ink)}
html[data-theme="light"] .ueberblick .lang .mesh i{opacity:.22}
html[data-theme="light"] .ueberblick .stage{border-top-color:rgba(27,32,21,.18)}
html[data-theme="light"] .ueberblick .stage span,html[data-theme="light"] .ueberblick .count,html[data-theme="light"] .ueberblick .slide .src,html[data-theme="light"] .ueberblick .rule p{color:var(--ink-soft)}
html[data-theme="light"] .ueberblick .face{border-color:#FDEBD8}
html[data-theme="light"] .ueberblick .ctrl button{border-color:rgba(27,32,21,.34);color:var(--ink)}
html[data-theme="light"] .ueberblick .ctrl button:hover{border-color:var(--ink);background:rgba(27,32,21,.05)}
html[data-theme="light"] .ueberblick .slide .num{color:var(--orange-ink)!important}
html[data-theme="light"] .ueberblick .slide:nth-child(even) .num{color:var(--green-ink)!important}
html[data-theme="light"] .ueberblick .rule{background:rgba(255,255,255,.6);border-color:rgba(27,32,21,.13)}
html[data-theme="light"] .ueberblick .rule p b{color:var(--ink)}
html[data-theme="light"] .ueberblick .rule a{color:var(--orange-ink)!important}
html[data-theme="light"] .ueberblick #zeitplan{background:#fff}
html[data-theme="light"] .ueberblick .tl li:hover{background:var(--paper)}
html[data-theme="light"] .ueberblick .tl li.go{background:var(--green);color:var(--ink)}
html[data-theme="light"] .ueberblick .tl li.go .e small{color:var(--ink-on-orange)}
html[data-theme="light"] .ueberblick .tl li.go .m{background:var(--ink);color:var(--paper)}
html[data-theme="light"] .ueberblick footer{background:var(--paper-2);color:var(--ink-soft)}
html[data-theme="light"] .ueberblick .acc__item{--focus:var(--orange)}


/* Breite Tabellen: erste Spalte bleibt beim Wischen stehen */
.tw.breit td:first-child,.tw.breit th:first-child{position:sticky;left:0;z-index:2;background:var(--fl);box-shadow:1px 0 0 var(--linie)}
.tw.breit th:first-child{background:var(--th);z-index:3}
.tw.breit tr:nth-child(even) td:first-child{background:var(--fl)}
.nur-technik{display:none;color:var(--leise);font-style:italic}
.tech-aus .nur-technik{display:block}
/* Unterpunkte im Inhaltsverzeichnis: nur beim gerade gelesenen Abschnitt */
.k-toc ol{list-style:none;margin:.15rem 0 .5rem 2.5rem;padding:0 0 0 .7rem;border-left:1px solid var(--linie);display:none;gap:.05rem}
.k-toc li:has(> a.aktiv) ol{display:grid}
.k-toc ol a{display:block;padding:.3rem .5rem;font-size:.88rem;border-radius:8px}
.k-mobil-inhalt .k-toc ol{display:none!important}

/* ---------- Kapitel mit eigener Darstellung ---------- */
/* Was zum Start kommt: drei Stufen als Karten mit Zeichen */
[data-kapitel="was-wann-kommt"] .abschnitt>ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:.7rem}
[data-kapitel="was-wann-kommt"] .abschnitt>ul>li{max-width:none;margin:0;padding:1rem 1.1rem 1rem 3.1rem;border-radius:18px;background:var(--fl-2);border:1px solid var(--linie);position:relative;line-height:1.45}
[data-kapitel="was-wann-kommt"] .abschnitt>ul>li::before{content:"";position:absolute;left:1rem;top:1.05rem;width:1.35rem;height:1.35rem;border-radius:50%;background:var(--gr)}
[data-kapitel="was-wann-kommt"] .abschnitt>ul>li::after{content:"";position:absolute;left:1.43rem;top:1.28rem;width:.35rem;height:.65rem;border:solid var(--bg);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
[data-kapitel="was-wann-kommt"] .abschnitt:nth-of-type(2)>ul>li::before{background:var(--akz)}
[data-kapitel="was-wann-kommt"] .abschnitt:nth-of-type(2)>ul>li::after{left:1.67rem;top:1.25rem;width:0;height:.5rem;border-width:0 0 0 2.5px;transform:none}
[data-kapitel="was-wann-kommt"] .abschnitt:nth-of-type(3)>ul>li::before{background:transparent;border:2px dashed var(--leise)}
[data-kapitel="was-wann-kommt"] .abschnitt:nth-of-type(3)>ul>li::after{display:none}
/* Bezahlmodelle: Beispielpreise hervorheben */
[data-kapitel="bezahlmodelle"] td.preis{font-size:1.25rem;font-weight:800;color:var(--akz);white-space:nowrap}
[data-kapitel="bezahlmodelle"] .tw td ul{padding-left:1.1rem;margin:0}
[data-kapitel="bezahlmodelle"] .tw td{font-weight:400}
/* Sprachen: Zahl-Spalte als Kennzahl */
[data-kapitel="sprachen"] td.n{font-weight:800;color:var(--gr);white-space:nowrap}
/* Offene Fragen: Fragen als Karten, Gruppen sichtbar getrennt */
[data-kapitel="offene-fragen"] .frage{background:var(--fl)}
[data-kapitel="offene-fragen"] .abschnitt{background:var(--fl-2)}
[data-kapitel="offene-fragen"] .frage dd{max-width:none}
/* Rechtstexte: Lesetext statt Tabelle */
[data-kapitel="rechtstexte"] .k-text p,[data-kapitel="rechtstexte"] .k-text li{max-width:72ch}
[data-kapitel="rechtstexte"] .k-text h4{color:var(--text)}

/* ---------- Dunkle Ansicht wie der erste gpt-taste-Entwurf (Seite 04) ---------- */
/* Kapitel */
html[data-theme="dark"] .k-hero .mesh i:nth-child(1){background:#00CCA1;opacity:.2}
html[data-theme="dark"] .k-hero .mesh i:nth-child(2){background:#FAAF72;opacity:.14}
html[data-theme="dark"] .k-blick{background:radial-gradient(60% 90% at 100% 0%,rgba(0,204,161,.16),transparent 70%),var(--navy-2);color:var(--paper);--focus:var(--teal)}
html[data-theme="dark"] .k-blick .k-blick__kopf p{color:var(--muted-dark)}
html[data-theme="dark"] .k-punkte li{background:rgba(245,245,240,.05);border:1px solid var(--line-dark)}
html[data-theme="dark"] .k-punkte li b{color:var(--paper)}
html[data-theme="dark"] .k-punkte li span{color:var(--muted-dark)}
html[data-theme="dark"] .k-zahlen{border-top-color:var(--line-dark)}
html[data-theme="dark"] .k-zahl b{color:var(--teal)}
html[data-theme="dark"] .k-zahl span{color:var(--muted-dark)}
html[data-theme="dark"] .k-ihr{background:var(--teal);color:var(--navy)}
html[data-theme="dark"] .k-ihr .tag{background:var(--navy);color:var(--teal)}
html[data-theme="dark"] .k-weiter a.naechstes{background:var(--teal);color:var(--navy)}
html[data-theme="dark"] .k-weiter a.naechstes small{color:var(--navy-3)}
html[data-theme="dark"] .zahl b{color:var(--teal)}
html[data-theme="dark"] .kapitel footer{background:var(--navy)}
/* Uebersicht: Werte aus Seite 04 */
html[data-theme="dark"] .ueberblick .btn--main{background:var(--teal);color:var(--navy)}
html[data-theme="dark"] .ueberblick .btn--main:hover{background:#2be0b8}
html[data-theme="dark"] .ueberblick .btn--ghost{color:var(--paper);box-shadow:inset 0 0 0 1.5px rgba(245,245,240,.35)}
html[data-theme="dark"] .ueberblick .btn--ghost:hover{box-shadow:inset 0 0 0 1.5px var(--paper)}
html[data-theme="dark"] .ueberblick .hero .mesh i:nth-child(1){background:#00CCA1;opacity:.22}
html[data-theme="dark"] .ueberblick .hero .mesh i:nth-child(2){background:#FAAF72;opacity:.18}
html[data-theme="dark"] .ueberblick .hero .mesh i:nth-child(3){background:#C4D667;opacity:.14}
html[data-theme="dark"] .ueberblick .hero h1 em{color:var(--teal)}
html[data-theme="dark"] .ueberblick .statement{background:var(--navy);color:var(--paper);--focus:var(--teal)}
html[data-theme="dark"] .ueberblick .statement p .hl,html[data-theme="dark"] .ueberblick .statement p .hl2{background:none;padding:0}
html[data-theme="dark"] .ueberblick .statement p .hl{color:var(--orange)}
html[data-theme="dark"] .ueberblick .statement p .hl2{color:var(--green)}
html[data-theme="dark"] .ueberblick .acc__bg::after{background:linear-gradient(180deg,rgba(14,28,37,.15) 0%,rgba(14,28,37,.92) 78%)}
html[data-theme="dark"] .ueberblick .acc__item{--focus:var(--teal)}
html[data-theme="dark"] .ueberblick .flow .mesh i:nth-child(1){background:#00CCA1;opacity:.16}
html[data-theme="dark"] .ueberblick .b li::before{background:var(--teal-ink)}
html[data-theme="dark"] .ueberblick .b .more{color:var(--teal-ink)}
html[data-theme="dark"] .ueberblick .b--design li::before{background:var(--orange)}
html[data-theme="dark"] .ueberblick .b--design .more{color:var(--teal)}
html[data-theme="dark"] .ueberblick .sw{background:rgba(245,245,240,.08)}
html[data-theme="dark"] .ueberblick .big{color:var(--teal-ink)}
html[data-theme="dark"] .ueberblick .lang .mesh i:nth-child(2){background:#00CCA1;opacity:.16}
html[data-theme="dark"] .ueberblick .tl li.go .m{background:var(--teal);color:var(--navy)}
html[data-theme="dark"] .ueberblick .action{background:var(--navy);color:var(--paper);--focus:var(--teal)}
html[data-theme="dark"] .ueberblick .action .mesh i:nth-child(1){background:#00CCA1;opacity:.24}
html[data-theme="dark"] .ueberblick .action .mesh i:nth-child(2){background:#C4D667;opacity:.14}
html[data-theme="dark"] .ueberblick .need div{border-top-color:var(--teal)}
html[data-theme="dark"] .ueberblick .need div span,html[data-theme="dark"] .ueberblick .action .lead{color:var(--muted-dark)}
html[data-theme="dark"] .ueberblick .action .btn--main{background:var(--teal);color:var(--navy)}
html[data-theme="dark"] .ueberblick .action .btn--main:hover{background:#2be0b8}
html[data-theme="dark"] .ueberblick .action .btn--ghost{color:var(--paper);box-shadow:inset 0 0 0 1.5px rgba(245,245,240,.35)}
html[data-theme="dark"] .ueberblick footer{background:var(--navy);border-top:1px solid var(--line-dark)}
html[data-theme="dark"] .ueberblick .rule a{color:var(--teal)!important}


/* ---------- Navigator unten rechts: zurueck, Seite waehlen, vor ---------- */
.navi{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;align-items:center;gap:4px;padding:5px;border-radius:16px;
  background:color-mix(in srgb,var(--bg) 82%,transparent);border:1px solid var(--linie);color:var(--text);
  backdrop-filter:saturate(1.3) blur(16px);-webkit-backdrop-filter:saturate(1.3) blur(16px);box-shadow:0 12px 34px -16px var(--schatten);
  font:500 .92rem/1.2 "Cabinet Grotesk",system-ui,sans-serif}
.navi a,.navi select{height:40px;border:0;border-radius:11px;background:var(--code);color:var(--text);font:inherit;cursor:pointer}
.navi a{min-width:40px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.navi a svg{width:18px;height:18px}
.navi select{padding:0 .7rem;max-width:min(22rem,62vw);appearance:auto}
.navi a:hover,.navi select:hover{background:var(--akz);color:var(--bg)}
.navi a:focus-visible,.navi select:focus-visible{outline:2px solid var(--akz);outline-offset:1px}
.navi option{background:var(--bg-2);color:var(--text)}
@media (max-width:560px){.navi{left:8px;right:8px;bottom:8px}.navi select{flex:1;max-width:none}}
body.kapitel,body.ueberblick{padding-bottom:4.5rem}
@media print{.navi{display:none}}

/* ---------- Uebersicht: das ganze Konzept in 16 Kapiteln ---------- */
.ki{padding-block:clamp(6rem,11vw,10rem);background:#fff;color:var(--text)}
html[data-theme="dark"] .ki{background:var(--navy-2)}
.ki .intro{color:var(--leise)}
.ki-gruppe{display:grid;grid-template-columns:minmax(0,19rem) minmax(0,1fr);gap:1.5rem clamp(2rem,5vw,5rem);margin-top:clamp(3.5rem,6vw,5.5rem);padding-top:2rem;border-top:1px solid var(--linie)}
.ki-kopf{position:sticky;top:6.5rem;align-self:start}
.ki-kopf h3{font-size:clamp(1.7rem,2.4vw,2.3rem);font-weight:800;letter-spacing:-.025em;line-height:1}
.ki-kopf p{margin-top:.8rem;color:var(--leise)}
.ki-kopf small{display:inline-block;margin-top:1rem;padding:.35rem .8rem;border-radius:999px;border:1px solid var(--linie);color:var(--leise);font-size:.88rem}
.ki-liste{list-style:none;margin:0;padding:0}
.ki-liste a{display:grid;grid-template-columns:4.2rem minmax(0,1fr) auto;gap:.4rem 1.4rem;align-items:center;padding:1.5rem .8rem;border-bottom:1px solid var(--linie);
  color:var(--text);text-decoration:none;border-radius:18px;transition:background .25s}
.ki-liste li:first-child a{border-top:1px solid var(--linie)}
.ki-liste a:hover{background:var(--code)}
.ki-n{font-size:clamp(1.9rem,2.6vw,2.5rem);font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--akz);font-variant-numeric:tabular-nums}
.ki-t b{display:block;font-size:clamp(1.3rem,1.7vw,1.6rem);line-height:1.1;letter-spacing:-.015em;font-weight:800}
.ki-u{display:block;margin-top:.4rem;color:var(--leise);font-size:1rem;line-height:1.45;max-width:46rem}
.ki-m{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;justify-content:flex-end;max-width:17rem}
.ki-chip{font-size:.8rem;font-weight:700;padding:.2rem .6rem;border-radius:999px;background:var(--code);color:var(--leise);white-space:nowrap}
.ki-zeit{font-size:.88rem;color:var(--leise);white-space:nowrap;margin-left:.3rem}
.ki-pfeil{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--linie);margin-left:.4rem;transition:background .25s,color .25s,border-color .25s}
.ki-pfeil svg{width:18px;height:18px}
.ki-liste a:hover .ki-pfeil{background:var(--akz);border-color:var(--akz);color:var(--bg)}
/* Zuerst lesen: drei grosse Karten (beim Darueberfahren bewegt sich nichts, nur der Pfeil faerbt sich) */
.ki-zuerst-lesen .ki-liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.ki-zuerst-lesen .ki-liste a{grid-template-columns:1fr auto;align-content:space-between;min-height:15rem;padding:1.8rem;border:0;border-radius:24px;background:var(--orange);color:var(--ink)}
.ki-zuerst-lesen .ki-liste li:nth-child(2) a{background:var(--green)}
html[data-theme="dark"] .ki-zuerst-lesen .ki-liste a{background:var(--teal);color:var(--navy)}
html[data-theme="dark"] .ki-zuerst-lesen .ki-liste li:nth-child(2) a{background:var(--paper)}
.ki-zuerst-lesen .ki-n{grid-column:1;color:inherit;opacity:.55}
.ki-zuerst-lesen .ki-t{grid-column:1/-1;grid-row:2}
.ki-zuerst-lesen .ki-u,.ki-zuerst-lesen .ki-zeit{color:inherit;opacity:.8}
.ki-zuerst-lesen .ki-m{grid-column:2;grid-row:1;align-self:start}
.ki-zuerst-lesen .ki-chip{display:none}
.ki-zuerst-lesen .ki-pfeil{border-color:currentColor}
.ki-zuerst-lesen .ki-liste a:hover .ki-pfeil{background:var(--ink);border-color:var(--ink);color:var(--paper)}
html[data-theme="dark"] .ki-zuerst-lesen .ki-liste a:hover .ki-pfeil{background:var(--navy);border-color:var(--navy);color:var(--teal)}
/* Im Wortlaut: kompakte Kacheln */
.ki-im-wortlaut .ki-liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.ki-im-wortlaut .ki-liste a{grid-template-columns:1fr auto;align-content:start;height:100%;padding:1.4rem;border:1px solid var(--linie);border-radius:22px}
.ki-im-wortlaut .ki-liste li:first-child a{border-top:1px solid var(--linie)}
.ki-im-wortlaut .ki-n{font-size:1.1rem}
.ki-im-wortlaut .ki-t{grid-column:1/-1}
.ki-im-wortlaut .ki-m{grid-column:2;grid-row:1}
.ki-im-wortlaut .ki-chip{display:none}
@media (max-width:1100px){.ki-gruppe{grid-template-columns:1fr}.ki-kopf{position:static}.ki-im-wortlaut .ki-liste{grid-template-columns:1fr}}
@media (max-width:760px){
  .ki-liste a{grid-template-columns:3rem minmax(0,1fr);padding:1.2rem .4rem}
  .ki-m{grid-column:2;justify-content:flex-start}
  .ki-zuerst-lesen .ki-liste{grid-template-columns:1fr}
  .ki-zuerst-lesen .ki-liste a{grid-template-columns:1fr auto;min-height:12rem}
}

/* ---------- Kopfleiste: auf allen Seiten gleich ----------
   Nomad Solutions x Bululu links, Spruenge in der Mitte, Kapitel und Ansicht rechts. Die Kennzeichnung steht im Dokument ueber dem Pfad. */
.leiste{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:50;width:calc(min(100%,1440px) - 2*var(--gut));
  border-radius:20px;color:var(--text);background:color-mix(in srgb,var(--bg) 78%,transparent);border:1px solid var(--linie);
  backdrop-filter:saturate(1.3) blur(16px);-webkit-backdrop-filter:saturate(1.3) blur(16px);box-shadow:0 10px 30px -18px var(--schatten);
  font-family:"Cabinet Grotesk",system-ui,sans-serif}
.ueberblick .leiste{width:calc(min(100%,1320px) - 2*var(--gut))}
.leiste__nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;padding:.45rem .5rem .45rem 1.1rem}
.leiste__links{list-style:none;display:flex;justify-content:center;gap:.1rem;margin:0;padding:0}
.leiste__links a{display:block;padding:.6rem .85rem;border-radius:999px;text-decoration:none;color:var(--leise);font-weight:500;font-size:.96rem;transition:color .25s,background .25s}
.leiste__links a:hover{color:var(--text);background:var(--code)}
.leiste__logo{display:flex;align-items:center;gap:.55rem;min-height:44px;text-decoration:none}
.leiste__logo img{height:21px;width:auto}
.leiste__logo .nomad-marke{font-size:1.1rem}
.leiste__logo .logo-x{color:var(--text);opacity:.75;font-size:1.6rem;font-weight:300;line-height:1}
.leiste__rechts{display:flex;align-items:center;justify-content:flex-end;gap:.4rem}
.leiste .kap-knopf{color:var(--text);border:1.5px solid var(--linie)}
.kap-liste{top:calc(100% + .6rem)}
.kap-liste .nur-mobil{display:none}
@media (max-width:1180px){
  .leiste__nav{grid-template-columns:auto 1fr;padding-left:1rem}
  .leiste__links{display:none}
  .kap-liste .nur-mobil{display:flex}.kap-liste p.nur-mobil{display:block}
}
@media (max-width:560px){
  .leiste,.ueberblick .leiste{top:8px;width:calc(100% - 16px);border-radius:16px}
  .leiste__nav{padding-left:.8rem;gap:.3rem}
  .leiste__logo{gap:.35rem}.leiste__logo img{height:13px}.leiste__logo .logo-x{font-size:1.1rem}.leiste__logo .nomad-marke{font-size:.78rem}
  .leiste .kap-knopf{padding:.5rem .65rem}
}
@media (min-width:1401px){.k-seite{top:6.5rem;max-height:calc(100vh - 7.5rem)}}
.abschnitt,.k-text h3,.k-text h4,.frage{scroll-margin-top:6.5rem}
.ki-kopf{top:7rem}
html{scroll-padding-top:6rem}

/* Kennzeichnung ueber dem Pfad jedes Dokuments */
.k-kenn{display:inline-flex;flex-wrap:wrap;gap:.2rem .4rem;margin:0 0 1rem;padding:.35rem .8rem;border-radius:10px;border:1px solid var(--linie);
  font-size:.85rem;line-height:1.35;color:var(--leise);font-variant-numeric:tabular-nums}
.k-kenn b{color:var(--text);font-weight:700}
.ueberblick .k-kenn{display:inline-flex;margin-bottom:1.2rem}

/* ---------- Uebersicht: Ablauf in sechs Schritten als Raster (statt Kartenstapel mit langem Scrollweg) ---------- */
.ueberblick .flow__grid{grid-template-columns:1fr;gap:clamp(2.5rem,4vw,3.5rem)}
.ueberblick .flow__aside{position:static}
.ueberblick .stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.ueberblick .stack .scard:nth-child(n){position:relative;top:auto;min-height:0;display:flex;flex-direction:column;gap:.9rem;padding:clamp(1.4rem,2.4vw,2rem);
  border-radius:24px;transform:none;filter:none;box-shadow:none;background:rgba(245,245,240,.05);color:var(--paper);border:1px solid var(--line-dark)}
.ueberblick .stack .scard:nth-child(n) .scard__n{font-size:clamp(2.6rem,3.6vw,3.4rem);line-height:.9;color:var(--teal)}
.ueberblick .stack .scard:nth-child(n) h3{font-size:clamp(1.3rem,1.7vw,1.6rem)}
.ueberblick .stack .scard:nth-child(n) p{margin-top:.5rem;font-size:1.02rem;color:var(--muted-dark)}
html[data-theme="light"] .ueberblick .stack .scard:nth-child(n){background:#fff;color:var(--ink);border-color:rgba(27,32,21,.12)}
html[data-theme="light"] .ueberblick .stack .scard:nth-child(n) .scard__n{color:var(--orange-ink)}
html[data-theme="light"] .ueberblick .stack .scard:nth-child(n) p{color:var(--ink-soft)}
@media (max-width:1100px){.ueberblick .stack{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.ueberblick .stack{grid-template-columns:1fr}}

/* Rein technische Abschnitte (Datenmodell, Dateien, Bausteine, Pruefungen) */
.tech-aus .tech-abschnitt>:not(header):not(.nur-technik){display:none!important}
.tech-abschnitt>header .nr{background:var(--code);color:var(--leise)}
.k-schalter button:disabled{cursor:default;opacity:.55}

/* Zeitplan der Uebersicht: beim Darueberfahren nur Hintergrund, kein Verrutschen */
.ueberblick .tl li,.ueberblick .tl li:hover{padding-inline:1.2rem;transition:background .25s}
.ueberblick .tl li:not(.go){border-radius:14px}

/* Nomad-Logo als Schrift wie auf nomad-solutions.de */
:root{--marke:#1DD4AA}html[data-theme="light"]{--marke:#106E56}
.nomad-marke{display:inline-flex;align-items:center;gap:.4em;font-family:"Satoshi","Cabinet Grotesk",system-ui,sans-serif;font-weight:700;
  font-size:1rem;line-height:1;letter-spacing:-.02em;white-space:nowrap;color:var(--text)}
.nomad-marke svg{height:1.65em;width:auto;flex:0 0 auto;color:var(--marke)}
.nomad-marke .a{color:var(--marke)}
.ueberblick footer .nomad-marke,.kapitel footer .nomad-marke{font-size:.95rem}

/* Dokumentseiten: Tabellen bekommen den Platz (Startseite unveraendert) */
.kapitel .k-koerper .abschnitt>.tw,.kapitel .k-koerper .abschnitt>div>.tw{margin-inline:calc(-1 * clamp(.4rem,1vw,1rem))}

/* Ganze Tabelle ansehen */
.tabelle-auf{display:flex;align-items:center;gap:.45rem;margin:1rem 0 -.6rem auto;min-height:40px;padding:.45rem .9rem;border-radius:999px;
  border:1.5px solid var(--linie);background:var(--fl);color:var(--text);font:inherit;font-size:.9rem;font-weight:700;cursor:pointer}
.tabelle-auf:hover{border-color:var(--akz);color:var(--akz)}
.tabelle-auf svg{width:16px;height:16px}
.tabelle-auf+.tw{margin-top:1rem}
.tech-aus .tw.tech+.tabelle-auf,.tech-aus .tabelle-auf:has(+ .tw.tech){display:none}
.tabelle-gross{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--bg);color:var(--text);
  font-family:"Cabinet Grotesk",system-ui,sans-serif}
.tabelle-gross::backdrop{background:rgba(0,0,0,.5)}
.tabelle-gross__kopf{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1.4rem;
  background:var(--bg-2);border-bottom:1px solid var(--linie)}
.tabelle-gross__kopf b{font-size:1.15rem}
.tabelle-gross__zu{min-height:44px;padding:.5rem 1.1rem;border-radius:999px;border:0;background:var(--akz);color:var(--bg);font:inherit;font-weight:700;cursor:pointer}
.tabelle-gross__inhalt{padding:1.2rem 1.4rem 3rem;overflow:auto;height:calc(100vh - 4.2rem)}
.tabelle-gross table{border-collapse:separate;border-spacing:0;font-size:.92rem;line-height:1.5;min-width:100%}
.tabelle-gross th{position:sticky;top:0;background:var(--th);text-align:left;padding:.7rem .85rem;font-size:.86rem;z-index:1}
.tabelle-gross td{padding:.7rem .85rem;border-top:1px solid var(--linie);vertical-align:top}
.tabelle-gross tr:nth-child(even) td{background:var(--zebra)}
.tabelle-gross code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84em;background:var(--code);border-radius:6px;padding:.05em .35em}
.tech-aus .tabelle-gross .tech{display:none}

/* Sprachen: Kasten „Verbindlich: Deutsch“ steht genau unter der Textspalte des Karussells (ab „Rang 1“) */
.ueberblick .lang .rule{margin-left:calc(15rem + clamp(2rem,5vw,5rem));margin-right:2rem;max-width:none}
@media (max-width:860px){.ueberblick .lang .rule{margin-left:0;margin-right:0}}

/* Nomad zweizeilig (Masse setzt konzept.js nach dem Laden der Schrift) */
.nomad-zwei{display:inline-flex;align-items:center;line-height:0}
.nomad-zwei svg{display:block;overflow:visible}
.nomad-zwei:not(.fertig) svg{visibility:hidden}
.nomad-zwei text{font-family:"Satoshi",system-ui,sans-serif;font-weight:700}
.nomad-zwei .t1{fill:var(--marke)}
.nomad-zwei .t2{fill:var(--text)}
.nomad-zwei .haus{fill:none;stroke:var(--marke);stroke-width:14;stroke-linecap:round;stroke-linejoin:round}

/* Uebersicht: Hauptueberschrift etwas kleiner (Marcus 28.10.) */
.ueberblick .hero h1{font-size:clamp(2.4rem,4.5vw,4.5rem)}
.ki-zuerst-lesen .ki-liste li:nth-child(3) a{background:var(--paper-2)}
html[data-theme="dark"] .ki-zuerst-lesen .ki-liste li:nth-child(3) a{background:var(--orange)}
@media (max-width:1100px){.ki-zuerst-lesen .ki-liste{grid-template-columns:1fr}}