/* Taleward – Verwaltung. Tokens und Komponenten aus dem Markenhandbuch (taleward-tokens.css, taleward-komponenten.css).
   Schriften: Alegreya / Alegreya Sans aus static/fonts (OFL, siehe OFL.txt). */
/* Schriften lokal (OFL, aus @fontsource wie in der App) – kein Abruf bei Google */
@font-face { font-family:"Alegreya"; font-style:normal; font-weight:400 900; font-display:swap;
  src:url("fonts/alegreya-latin-wght-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:"Alegreya"; font-style:normal; font-weight:400 900; font-display:swap;
  src:url("fonts/alegreya-latin-ext-wght-normal.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:"Alegreya"; font-style:italic; font-weight:400 900; font-display:swap;
  src:url("fonts/alegreya-latin-wght-italic.woff2") format("woff2"); }
@font-face { font-family:"Alegreya Sans"; font-style:normal; font-weight:400; font-display:swap;
  src:url("fonts/alegreya-sans-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family:"Alegreya Sans"; font-style:normal; font-weight:400; font-display:swap;
  src:url("fonts/alegreya-sans-latin-ext-400-normal.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+2113,U+A720-A7FF; }
@font-face { font-family:"Alegreya Sans"; font-style:normal; font-weight:500; font-display:swap;
  src:url("fonts/alegreya-sans-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family:"Alegreya Sans"; font-style:normal; font-weight:500; font-display:swap;
  src:url("fonts/alegreya-sans-latin-ext-500-normal.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+2113,U+A720-A7FF; }
@font-face { font-family:"Alegreya Sans"; font-style:normal; font-weight:700; font-display:swap;
  src:url("fonts/alegreya-sans-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family:"Alegreya Sans"; font-style:normal; font-weight:700; font-display:swap;
  src:url("fonts/alegreya-sans-latin-ext-700-normal.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+2113,U+A720-A7FF; }
:root, [data-theme="light"] {
  /* Thema „Pergament“ (wie in der App; Kontraste ≥ 4,5:1) */
  --paper:#F2E8D5; --paper-raised:#FBF6EA; --paper-sunken:#E9DDC4; --line:#D9C9A8; --line-strong:#8A7654;
  --ink:#2A2118; --ink-muted:#5E4B36; --tinte:#17313b; --on-tinte:#f3f3ee; --siegel:#9e2a3a; --on-siegel:#ffffff;
  --siegel-soft:#F3DCDC; --siegel-text:#9e2a3a; --messing:#c49235; --salbei:#3d6a48; --focus-ring:var(--ink);
  --shadow-card:0 0 #0000; --shadow-float:0 1px 0 rgba(42,33,24,0.08), 0 6px 18px -10px rgba(42,33,24,0.35);
  color-scheme:light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper:#121d22; --paper-raised:#1a2930; --paper-sunken:#0c1518; --line:#2e424b; --line-strong:#6f838b;
    --ink:#e9ece6; --ink-muted:#a2aeb2; --tinte:#2c5361; --on-tinte:#f3f3ee; --siegel:#d4596c; --on-siegel:#1a0f12;
    --siegel-soft:#3b1c23; --siegel-text:#ec8a9a; --messing:#d9ad55; --salbei:#8cc096; --focus-ring:var(--ink);
    --shadow-card:0 0 #0000; --shadow-float:0 1px 0 rgba(0,0,0,0.45), 0 8px 20px -10px rgba(0,0,0,0.7);
    color-scheme:dark;
  }
}
:root {
  --font-serif:"Alegreya", Georgia, "Times New Roman", serif;
  --font-sans:"Alegreya Sans", system-ui, "Segoe UI", sans-serif;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-6:24px; --space-8:32px; --space-12:48px;
  --radius-sm:4px; --radius-md:10px; --radius-lg:18px; --radius-pill:999px;
}
* { box-sizing:border-box; }
html, body { margin:0; background:var(--paper); color:var(--ink); font:400 16px/24px var(--font-sans);
  font-variant-numeric:lining-nums; }
/* Tippflächen mindestens 48 px (Barrierefreiheit); Fokus in Tinte wie in der App – Siegelrot heißt „Achtung“ */
input[type=checkbox], input[type=radio] { accent-color:var(--tinte); width:20px; height:20px; }
@media (prefers-color-scheme: dark) { input[type=checkbox], input[type=radio] { accent-color:var(--salbei); } }
a { color:var(--tinte); text-underline-offset:3px; }
@media (prefers-color-scheme: dark) { a { color:var(--ink); } }
h1 { font:700 30px/36px var(--font-serif); margin:0 0 var(--space-6); }
h2 { font:700 22px/28px var(--font-serif); margin:0 0 var(--space-3); }
p { margin:0 0 var(--space-3); }
code, .mono { font-family:ui-monospace, "Cascadia Mono", Consolas, monospace; font-size:14px; }

/* Hülle: Leiste links (ab 760 px), am Handy schmale Kopfzeile mit „Menü“ – wie App und Programmfenster */
.marke { font:800 22px/28px var(--font-serif); letter-spacing:-0.01em; display:flex; gap:var(--space-2); align-items:center;
  color:inherit; text-decoration:none; }
.marke small { font:500 14px/20px var(--font-sans); opacity:.8; margin-left:var(--space-2); }
.sprachen { font:500 14px/20px var(--font-sans); }
.sprachen [aria-current] { font-weight:700; }
.huelle { display:grid; grid-template-columns:248px minmax(0, 1fr); min-height:100vh; }
.leiste { position:sticky; top:0; height:100vh; overflow-y:auto; display:flex; flex-direction:column; gap:var(--space-4);
  padding:var(--space-6) var(--space-3) var(--space-4); border-right:1px solid var(--line); background:var(--paper); }
.leiste__marke { display:grid; gap:var(--space-1); padding:0 var(--space-3); color:var(--ink); text-decoration:none; }
.leiste__marke img { height:30px; width:auto; }
.leiste__marke small { font:500 13px/18px var(--font-sans); color:var(--ink-muted); overflow-wrap:anywhere; }
.leiste__nav, .menue__liste > nav { display:grid; gap:2px; }
.leiste__gruppe { margin:var(--space-4) 0 var(--space-1); padding:0 var(--space-3); font:700 12px/16px var(--font-sans);
  letter-spacing:.06em; text-transform:uppercase; color:var(--ink-muted); }
.leiste__gruppe:first-child { margin-top:0; }
.leiste__nav a, .menue__liste > nav a { display:flex; align-items:center; min-height:48px; padding:0 var(--space-3);
  border-radius:var(--radius-md); color:var(--ink); text-decoration:none; font:500 15px/22px var(--font-sans); }
.leiste__nav a:hover, .menue__liste > nav a:hover { background:var(--paper-raised); }
.leiste__nav a[aria-current="page"], .menue__liste > nav a[aria-current="page"] { background:var(--paper-sunken); font-weight:700; }
.leiste__fuss { margin-top:auto; padding:var(--space-3) var(--space-3) 0; border-top:1px solid var(--line);
  display:grid; gap:var(--space-2); font:400 14px/20px var(--font-sans); color:var(--ink-muted); }
.leiste__fuss form { margin:0; display:flex; flex-wrap:wrap; align-items:center; gap:0 var(--space-1); }
.leiste__abmelden { min-height:48px; padding-inline:var(--space-1); font-size:14px; }
.kopf-klein { display:none; }
main { max-width:1088px; margin:0; padding:var(--space-8) var(--space-12) var(--space-12); min-width:0; }
body > main { margin:0 auto; } /* Seiten ohne Anmeldung */
@media (max-width: 759px) {
  .huelle { display:block; }
  .leiste { display:none; }
  .kopf-klein { display:flex; align-items:center; justify-content:space-between; gap:var(--space-2); position:relative;
    padding:var(--space-2) var(--space-4); border-bottom:1px solid var(--line); background:var(--paper); }
  .kopf-klein .leiste__marke { padding:0; }
  .kopf-klein .leiste__marke small { display:none; }
  .menue > summary { color:var(--ink); font:700 15px/22px var(--font-sans); gap:var(--space-2); padding:0 var(--space-2); }
  .menue > summary::before, .menue[open] > summary::before { content:none; }
  /* Aufgeklappt schwebt die Liste unter der Kopfzeile (darum mit Schatten) */
  .menue__liste { position:absolute; left:0; right:0; top:100%; z-index:10; padding:var(--space-2) var(--space-4) var(--space-3);
    background:var(--paper); border-bottom:1px solid var(--line); box-shadow:var(--shadow-float); max-height:calc(100vh - 64px); overflow-y:auto; }
  main { padding:var(--space-6) var(--space-4) var(--space-12); }
}

/* Komponenten aus dem Markenhandbuch */
.tw-btn { font:700 15px/22px var(--font-sans); border-radius:var(--radius-md); padding:var(--space-2) var(--space-4);
  border:1.5px solid transparent; cursor:pointer; display:inline-flex; gap:var(--space-2); align-items:center;
  text-decoration:none; min-height:48px; }
.tw-btn:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible,
a:focus-visible { outline:2px solid var(--focus-ring); outline-offset:2px; }
.tw-btn--primary { background:var(--tinte); color:var(--on-tinte); }
.tw-btn--secondary { background:var(--paper-raised); color:var(--ink); border-color:var(--line-strong); }
.tw-btn--danger { background:var(--siegel); color:var(--on-siegel); }
.tw-btn--quiet { background:none; color:var(--ink); text-decoration:underline; text-underline-offset:3px; padding-inline:var(--space-2); }
.tw-btn--klein { padding:var(--space-1) var(--space-3); font-size:14px; }
.tw-btn[disabled] { opacity:.45; cursor:not-allowed; }

/* Flach wie die App: ruhende Karten ohne Schatten, nur Farbstufe und feiner Rand */
.karte { background:var(--paper-raised); border:1px solid var(--line); border-radius:var(--radius-md); box-shadow:var(--shadow-card); padding:var(--space-6);
  margin-bottom:var(--space-6); }

.marke-status { display:inline-flex; align-items:center; gap:var(--space-1); font:500 13px/18px var(--font-sans);
  border-radius:var(--radius-pill); padding:1px var(--space-2); border:1px solid var(--line-strong); white-space:nowrap; }
.marke-status::before { content:""; width:8px; height:8px; border-radius:50%; background:var(--line-strong); }
.marke-status--gut::before { background:var(--salbei); }
.marke-status--warten::before { background:var(--messing); }
.marke-status--fehler { color:var(--siegel-text); background:var(--siegel-soft); border-color:transparent; }
.marke-status--fehler::before { background:var(--siegel); }

.meldung { border-radius:var(--radius-md); padding:var(--space-3) var(--space-4); margin-bottom:var(--space-6);
  background:var(--paper-sunken); border-left:4px solid var(--salbei); }
.meldung--fehler { background:var(--siegel-soft); border-left-color:var(--siegel); }
.geheim { background:var(--paper-sunken); border-left:4px solid var(--tinte); border-radius:var(--radius-sm);
  padding:var(--space-3) var(--space-4); }
.geheim code { word-break:break-all; font-size:15px; }

/* Tabellen */
.tabelle-huelle { overflow-x:auto; }
table { width:100%; border-collapse:collapse; font-size:15px; }
th { text-align:left; font:500 13px/18px var(--font-sans); color:var(--ink-muted); text-transform:uppercase; letter-spacing:.04em;
  padding:var(--space-2) var(--space-3); border-bottom:1.5px solid var(--line-strong); }
td { padding:var(--space-3); border-bottom:1px solid var(--line); vertical-align:top; }
tr:last-child td { border-bottom:none; }
td form { display:inline; margin:0; }
.leise { color:var(--ink-muted); font-size:14px; }
.aktionen { display:flex; flex-wrap:wrap; gap:var(--space-2); align-items:center; }
form + .hilfe, .formular + .hilfe, .formular--zeile + .hilfe { margin-top:var(--space-3); }

/* Schmale Bildschirme: Tabellenzeilen als gestapelte Karten */
@media (max-width: 720px) {
  .breit { display:none; }
  table, tbody, tr, td { display:block; width:100%; }
  thead { display:none; }
  tr { border-bottom:1px solid var(--line); padding:var(--space-3) 0; }
  tr:last-child { border-bottom:none; }
  td { border:none; padding:var(--space-1) 0; }
  td[data-label]::before { content:attr(data-label); display:block; font:500 12px/16px var(--font-sans);
    color:var(--ink-muted); text-transform:uppercase; letter-spacing:.04em; }
  .karte { padding:var(--space-4); }
}

/* Formulare */
.formular { display:grid; gap:var(--space-4); max-width:560px; }
.formular--zeile { display:flex; flex-wrap:wrap; gap:var(--space-3); align-items:end; max-width:none; }
label { display:grid; gap:var(--space-1); font:500 14px/20px var(--font-sans); }
label.haken { display:flex; gap:var(--space-2); align-items:center; font-weight:400; }
label.haken > input { flex-shrink:0; }  /* 0.4.131: Kästchen schrumpfen neben langem Text nicht */
[hidden] { display:none !important; }
input[type=text], input[type=password], input[type=url], input[type=number], input[type=email], input[type=date], select, textarea {
  font:400 16px/24px var(--font-sans); color:var(--ink); background:var(--paper); border:1.5px solid var(--line-strong);
  border-radius:var(--radius-sm); padding:var(--space-2) var(--space-3); min-width:0; min-height:48px; }
.hilfe { font:400 13px/18px var(--font-sans); color:var(--ink-muted); }
details summary { cursor:pointer; color:var(--ink-muted); font-size:14px; min-height:48px; display:flex; align-items:center; }
details summary::before { content:"▸"; margin-right:var(--space-2); }
details[open] > summary::before { content:"▾"; }
details summary::-webkit-details-marker { display:none; }

.log { background:var(--paper-sunken); border-radius:var(--radius-sm); padding:var(--space-3); max-height:320px; overflow:auto;
  font:13px/19px ui-monospace, Consolas, monospace; white-space:pre-wrap; margin:var(--space-3) 0 0; }

/* Anmeldung und Einladung */
.anmeldung { max-width:420px; margin:var(--space-12) auto; }
.anmeldung__kopf { text-align:center; margin-bottom:var(--space-6); }
.anmeldung__lockup { width:190px; height:auto; }
.anmeldung .marke { color:var(--tinte); font-size:44px; line-height:48px; justify-content:center; margin:var(--space-3) 0 var(--space-2); }
.leitsatz { font:400 22px/28px var(--font-serif); color:var(--tinte); margin:0; }
.anmeldung > .leise { text-align:center; }
.einladung__code { display:block; font:700 28px/36px ui-monospace, Consolas, monospace; letter-spacing:.08em; text-align:center;
  background:var(--paper-sunken); border-radius:var(--radius-md); padding:var(--space-4); margin:var(--space-4) 0; }
@media (prefers-color-scheme: dark) { .anmeldung .marke, .leitsatz { color:var(--ink); } }

.zentriert { text-align:center; }
.einladung__qr { margin:var(--space-4) auto; text-align:center; }
.einladung__qr figcaption { margin-top:var(--space-2); }
#benachrichtigungen .knopfzeile, #av .knopfzeile { margin-top:var(--space-4); }
.liste-av { list-style:none; padding:0; display:grid; gap:var(--space-4); }
.liste-av li { display:grid; gap:var(--space-2); justify-items:start; }
.liste-stand { padding-left:var(--space-6); display:grid; gap:var(--space-1); }
.einladung__qr img { display:block; margin:0 auto; border-radius:var(--radius-md); max-width:100%; height:auto; }
.knopfstapel { display:grid; gap:var(--space-3); margin:var(--space-4) 0; }
.knopfstapel .tw-btn { justify-content:center; padding:var(--space-3) var(--space-4); font-size:16px; }
.einladung__link { width:100%; font:14px/20px ui-monospace, Consolas, monospace; }
.schritte { margin:var(--space-4) 0 0; padding-left:var(--space-6); color:var(--ink-muted); }
textarea { resize:vertical; }
.zentriert .sprachen { display:inline; }
.formular fieldset { display:grid; gap:var(--space-4); margin:0; padding:var(--space-4); border:1px solid var(--line);
  border-radius:var(--radius-md, 8px); min-width:0; }
.formular legend { padding:0 var(--space-2); font-weight:700; color:var(--ink-muted); }
.formular .zeile { display:flex; gap:var(--space-3); }
.formular .zeile input { flex:1; min-width:0; }
.liste { list-style:none; padding:0; margin:var(--space-3) 0; display:grid; gap:var(--space-1); }
/* Einrichtungsassistent */
.schrittleiste { list-style:none; padding:0; margin:0 0 var(--space-6); display:flex; flex-wrap:wrap; gap:var(--space-2); }
.schrittleiste li a { display:inline-block; padding:var(--space-1) var(--space-3); border-radius:var(--radius-pill);
  border:1px solid var(--line); color:var(--ink-muted); text-decoration:none; font-size:14px; }
.schrittleiste li[aria-current="step"] a { background:var(--ink); color:var(--paper-raised); border-color:var(--ink); }
.karten-wahl { display:grid; gap:var(--space-3); margin:var(--space-4) 0; }
.wahl { display:grid; grid-template-columns:auto 1fr; gap:var(--space-1) var(--space-3); padding:var(--space-4);
  border:1.5px solid var(--line); border-radius:var(--radius-md, 8px); background:var(--paper); cursor:pointer; font-weight:400; }
.wahl:has(input:checked) { border-color:var(--ink); background:var(--paper-raised); }
.wahl input { grid-row:span 3; margin-top:4px; }
.wahl strong { font-size:17px; }
.knopfzeile { display:flex; flex-wrap:wrap; gap:var(--space-3); align-items:center; }
.checkliste { list-style:none; padding:0; display:grid; gap:var(--space-2); }
.checkliste .erledigt { color:var(--ink-muted); }
.checkliste li { display:flex; gap:var(--space-2); align-items:flex-start; }
.checkliste .icon, .liste .icon { flex:none; margin-top:2px; }
.checkliste .erledigt .icon { color:var(--salbei); }
.checkliste .offen .icon { color:var(--siegel); }
.formular--breit { max-width:none; }
.formular--breit textarea { font:400 14px/21px ui-monospace, Consolas, monospace; }
article.text { max-width:760px; margin:var(--space-8) auto; line-height:1.6; }
article.text h2 { margin-top:var(--space-6); }
.formular fieldset ol, .formular fieldset p { margin:0; }
.formular fieldset ol { padding-left:1.4em; display:grid; gap:var(--space-1); }

/* Kopplung: Adresse und Code für die Worker-App */
.koppeldaten { display:grid; grid-template-columns:auto 1fr; gap:var(--space-2) var(--space-4); align-items:center; margin:0 0 var(--space-3);
  background:var(--paper-sunken); border-left:4px solid var(--tinte); border-radius:var(--radius-sm); padding:var(--space-3) var(--space-4); }
.koppeldaten dt { font:500 14px/20px var(--font-sans); color:var(--ink-muted); }
.koppeldaten dd { margin:0; overflow-wrap:anywhere; }
.koppelcode { font:700 24px/30px ui-monospace, "Cascadia Mono", Consolas, monospace; letter-spacing:.12em; }
.notizen { white-space:pre-line; }
.aktionen form { display:inline; margin:0; }
.bestaetigen { flex-basis:100%; }
.bestaetigen p { margin:0 0 var(--space-2); }
.koppeldaten dd .tw-btn { margin-left:var(--space-3); vertical-align:middle; }
input[type="range"] { width:100%; accent-color:var(--tinte); }

/* Zweiter Faktor: Wiederherstellungscodes (0.4.84) */
.codeliste { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr)); gap: .5rem; }

/* Lange Adressen und Pfade brechen um, statt die Seite am Handy zu verbreitern */
.umbruch, .umbruch code, td code { overflow-wrap:anywhere; word-break:break-word; }
code.ganz { user-select:all; } /* ein Tippen markiert die ganze Adresse zum Kopieren */
.kopierzeile { display:flex; flex-wrap:wrap; gap:var(--space-2); align-items:center; }
.kopierzeile code { flex:1 1 220px; min-width:0; overflow-wrap:anywhere; background:var(--paper-sunken);
  border-radius:var(--radius-sm); padding:var(--space-2) var(--space-3); }
.hinweis { background:var(--paper-sunken); border-left:4px solid var(--tinte); border-radius:var(--radius-md);
  padding:var(--space-3) var(--space-4); margin-bottom:var(--space-6); }

/* Symbole (Lucide-Formen) */
.icon { display:inline-block; vertical-align:-4px; }

/* Übersicht: erst die Antwort in Worten, dann die Zahlen in einem Kasten */
.lage { font:500 18px/26px var(--font-sans); margin:calc(-1 * var(--space-3)) 0 var(--space-6); display:flex; flex-wrap:wrap;
  align-items:baseline; gap:var(--space-1) var(--space-3); padding-left:18px; position:relative; }
.lage::before { content:""; position:absolute; left:0; top:9px; width:10px; height:10px; border-radius:50%; background:var(--salbei); }
.lage--achtung { color:var(--siegel-text); }
.lage--achtung::before { background:var(--siegel); }
.lage a { font-size:16px; }
.kennzahlen { display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); margin:0 0 var(--space-2);
  background:var(--paper-raised); border:1px solid var(--line); border-radius:var(--radius-md); box-shadow:var(--shadow-card); overflow:hidden; }
.kennzahlen > div { padding:var(--space-3) var(--space-4); border-right:1px solid var(--line);
  display:flex; flex-direction:column-reverse; justify-content:flex-end; gap:2px; }
.kennzahlen > div:last-child { border-right:none; }
.kennzahlen dt { font:500 14px/20px var(--font-sans); color:var(--ink-muted); }
.kennzahlen dd { margin:0; font:700 26px/32px var(--font-serif); color:var(--ink); font-variant-numeric:lining-nums tabular-nums; }
.kennzahlen .achtung dd, .kennzahlen .achtung dt { color:var(--siegel-text); }
.kennzahlen__link { font:500 14px/20px var(--font-sans); margin-left:var(--space-2); }
.bestand { margin:0 0 var(--space-6); }
@media (max-width: 759px) {
  .lage { flex-direction:column; align-items:flex-start; }
  .kennzahlen { grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .kennzahlen > div { border-bottom:1px solid var(--line); }
  .kennzahlen > div:nth-child(2n) { border-right:none; }
  .kennzahlen > div:last-child { grid-column:1 / -1; border-bottom:none; }
}

/* Formularseiten: Kästen so breit wie die Felder */
.schmal { max-width:640px; }
.karte--achtung { border-left:4px solid var(--siegel); }
.trenner { border:none; border-top:1px solid var(--line-strong); margin:var(--space-8) 0 var(--space-6); }
.karte > .knopfzeile { margin-top:var(--space-4); }

/* 0.4.130: Was zur Betriebsart nicht passt, steht zugeklappt. .klappteil fasst ganze Karten zusammen,
   .klappe einzelne Teile eines Formulars. */
.klappteil { margin:0 0 var(--space-6); }
.klappteil > summary { font:700 18px/24px var(--font-serif); color:var(--ink); }
.klappteil[open] > summary { margin-bottom:var(--space-4); }
.formular > .klappe[open], .formular .klappe[open] { display:grid; gap:var(--space-4); }
/* 0.4.131: Einstellungen in zwei Reitern („Laufender Betrieb“, „Einrichtung“) */
.reiter { display:flex; flex-wrap:wrap; gap:var(--space-2); margin:0 0 var(--space-4); border-bottom:1px solid var(--line); }
.reiter a { display:inline-flex; align-items:center; min-height:48px; padding:0 var(--space-4); color:var(--ink-muted);
  text-decoration:none; font:500 15px/22px var(--font-sans); border-bottom:3px solid transparent; margin-bottom:-1px; }
.reiter a:hover { color:var(--ink); }
.reiter a[aria-current="page"] { color:var(--ink); font-weight:700; border-bottom-color:var(--ink); }
/* 0.4.133: Seite „Guthaben“ – Stand groß oben, Aufladen als Hauptweg, Seltenes zugeklappt */
.seite-guthaben { max-width:760px; margin:0 auto; }
.seite-guthaben--schmal { max-width:520px; }
.gkopf { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:var(--space-3);
  margin:0 0 var(--space-4); }
.gkopf img { display:block; height:32px; width:auto; }
.gkopf form { display:flex; align-items:center; gap:var(--space-1); margin:0; }
.unsichtbar { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.guthaben__wer { font:500 15px/22px var(--font-sans); color:var(--ink-muted); margin:0; }
.guthaben__stand { font:700 48px/56px var(--font-serif); color:var(--ink); margin:var(--space-1) 0 var(--space-2);
  font-variant-numeric:lining-nums tabular-nums; }
.guthaben__stand--minus { color:var(--siegel-text); }
.guthaben__satz { margin:0 0 var(--space-6); }
.aufladen fieldset { display:grid; gap:var(--space-4); margin:0 0 var(--space-6); padding:var(--space-4);
  border:1px solid var(--line); border-radius:var(--radius-md); min-width:0; }
.aufladen legend { padding:0 var(--space-2); font:700 18px/24px var(--font-serif); color:var(--ink); }
.chips { display:flex; flex-wrap:wrap; gap:var(--space-2); }
.chip { display:inline-flex; align-items:center; gap:var(--space-2); min-height:48px; padding:0 var(--space-4);
  border:1.5px solid var(--line-strong); border-radius:var(--radius-pill); background:var(--paper); cursor:pointer;
  font:700 17px/24px var(--font-sans); font-variant-numeric:lining-nums tabular-nums; }
.chip:has(input:checked) { border-color:var(--ink); background:var(--paper-raised); box-shadow:inset 0 0 0 1px var(--ink); }
.chip input { margin:0; }
.karten-wahl--zwei { grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); margin:0; }
.guthaben .klappe { margin-top:var(--space-2); }
.guthaben .klappe[open] > :not(summary) { margin-top:var(--space-3); }
td.betrag { white-space:nowrap; font-variant-numeric:lining-nums tabular-nums; }
.summe { display:grid; grid-template-columns:1fr auto; gap:var(--space-2) 0; margin:var(--space-4) 0 var(--space-6);
  font-variant-numeric:lining-nums tabular-nums; }
.summe dt { color:var(--ink-muted); }
.summe dd { margin:0; padding-left:var(--space-4); text-align:right; }
.summe .summe__gesamt { font:700 20px/28px var(--font-serif); color:var(--ink); border-top:1px solid var(--line-strong);
  padding-top:var(--space-2); }
@media (max-width: 720px) { .guthaben__stand { font-size:40px; line-height:48px; } }