/* Leitstand V2 für die Verwaltung (seit 28.09.2026), nach Figma „Verwaltung neu“ (Seiten 20 bis 22).
   Nur mit Vorschau-Cookie für Verwalter (_kopf.php). Farben aus leitstand-farben.css, die dort auch
   die Namen aus board.css (--bg, --surface, --accent …) auf Leitstand-Werte legt. Hier: Aufbau und
   alles, was board.css fest einträgt (Weiß, Blau, Schatten, runde Ecken). */

html.vw-v2{--vw-seite-breite:232px}
/* Schriftgrößen (28.10.2026, Paul: „die Fonts sind alle zu klein“): Grundschrift 16 px, am Handy 17 px, nichts unter 13 px bzw. 14 px.
   Große Überschriften bleiben. Die Verwaltung bleibt unverändert (Variablen dort nicht gesetzt, Rückfallwerte greifen). */
html.seite-v2{--l-fs-xs:13px;--l-fs-s:14px;--l-fs-m:16px;--l-fs-l:17px;--fs-2xs:13px;--fs-xs:13px;--fs-s:14px;--fs-m:16px;--fs-l:17px}
@media(max-width:820px){html.seite-v2{--l-fs-xs:14px;--l-fs-s:15px;--l-fs-m:17px;--l-fs-l:18px;--fs-2xs:14px;--fs-xs:14px;--fs-s:15px;--fs-m:17px;--fs-l:18px}}
html.vw-v2.seite-v2 body{font-size:var(--l-fs-m)}
html.vw-v2 body,html.vw-v2 .vw-body{background:var(--l-seite);color:var(--l-haupt);font-family:var(--font);font-size:var(--l-fs-m,14px);line-height:1.5}
html.vw-v2 *:not(svg):not(svg *){border-radius:0 !important;box-shadow:none !important}
html.vw-v2 h1,html.vw-v2 h2,html.vw-v2 h3{font-stretch:112%;letter-spacing:-.01em}
html.vw-v2 a{text-underline-offset:4px}
html.vw-v2 .mini,html.vw-v2 .mini-inline{color:var(--l-gedaempft);font-size:var(--l-fs-xs,12px)}
html.vw-v2 .leise{color:var(--l-weich)}

/* ---- Seitenleiste wie Figma: Seitenfläche, Titel „Verwaltung“, Suche, Gruppen ohne Symbole ---- */
html.vw-v2 .vw{grid-template-columns:var(--vw-seite-breite) minmax(0,1fr)}
html.vw-v2 .vw-seite{background:var(--l-seite);color:var(--l-weich);border-right:1px solid var(--l-rand);padding:22px 12px 14px;gap:0}
html.vw-v2 .vw-marke{padding:0 10px 14px;color:var(--l-betont);font-size:19px;font-weight:800;font-stretch:112%;letter-spacing:-.01em}
html.vw-v2 .vw-marke span{padding:0;border:0;color:inherit;font-size:inherit;letter-spacing:inherit;text-transform:none}
html.vw-v2 .vw-gruppe{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--l-leise);padding:18px 10px 6px}
html.vw-v2 .vw-nav{gap:10px;padding:7px 10px;font-size:var(--l-fs-m,14px);font-weight:400;line-height:1.35;color:var(--l-weich)}
html.vw-v2 .vw-nav svg{display:none}
html.vw-v2 .vw-nav:hover{background:var(--l-kachel);color:var(--l-haupt)}
html.vw-v2 .vw-nav.an{background:var(--l-akzent);color:var(--l-auf-akzent);font-weight:600}
html.vw-v2 .vw-z,html.vw-v2 .vw-z.rot,html.vw-v2 .vw-z.blau{min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;background:var(--l-social);color:var(--l-auf-akzent)}
html.vw-v2 .vw-z.blau{background:var(--l-kachel-betont);color:var(--l-weich)}
html.vw-v2 .vw-nav.an .vw-z{background:var(--l-auf-akzent);color:var(--l-akzent)}
html.vw-v2 .vw-seite-fuss{border-top:1px solid var(--l-rand);padding-top:10px;margin-top:auto}
html.vw-v2 .vw-seite-fuss .vw-nav svg{display:inline;width:14px;height:14px}
html.vw-v2 .vw-wer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 10px 4px;font-size:var(--l-fs-xs,12px);color:var(--l-gedaempft)}
html.vw-v2 .vw-wer-links{display:flex;gap:14px;align-items:center;padding:4px 10px 0;font-size:var(--l-fs-xs,12px)}
html.vw-v2 .vw-wer-links a,html.vw-v2 .vw-wer-links button{color:var(--l-weich);background:none;border:0;padding:0;font:inherit;cursor:pointer;text-decoration:underline}
html.vw-v2 .vw-wer-links a:hover,html.vw-v2 .vw-wer-links button:hover{color:var(--l-haupt)}
html.vw-v2 .thema-knopf{display:inline-grid;place-items:center;width:36px;height:36px;flex:none;background:transparent;color:var(--l-haupt);border:1px solid var(--l-rand-stark);cursor:pointer;padding:0}
html.vw-v2 .thema-knopf:hover{border-color:var(--l-haupt)}
html.vw-v2 .thema-knopf svg{width:16px;height:16px}
html.vw-v2 .thema-knopf .mond{display:none}
html.vw-v2[data-thema="hell"] .thema-knopf .sonne{display:none}
html.vw-v2[data-thema="hell"] .thema-knopf .mond{display:block}

/* Suche „Kunde öffnen“ in der Seitenleiste */
html.vw-v2 .vw-seite .vw-suche{max-width:none;flex:none;margin:0 0 4px;padding:0 10px;height:36px;border:1px solid var(--l-rand-stark);background:transparent;gap:8px}
html.vw-v2 .vw-suche>svg{color:var(--l-gedaempft);width:14px;height:14px}
html.vw-v2 .vw-suche input{color:var(--l-haupt);font-size:var(--l-fs-s,13px);padding:0}
html.vw-v2 .vw-suche input::placeholder{color:var(--l-gedaempft)}
html.vw-v2 .vw-suche:focus-within{border-color:var(--l-haupt)}
html.vw-v2 .vw-suche kbd{background:transparent;border-color:var(--l-rand);color:var(--l-leise);font-size:10px;font-family:var(--mono)}
html.vw-v2 .vw-treffer{background:var(--l-kachel-betont);border:1px solid var(--l-rand-stark);z-index:90;min-width:320px}
/* In der schmalen Seitenleiste (01.10.2026, Paul: Trefferliste wurde rechts abgeschnitten): so breit wie das Suchfeld,
   Name und Adresse oben, die beiden Knöpfe darunter nebeneinander, Hinweis darf umbrechen. */
html.vw-v2 .vw-seite .vw-treffer{min-width:0}
html.vw-v2 .vw-seite .vw-opt{grid-template-columns:1fr 1fr}
html.vw-v2 .vw-seite .vw-opt-name{grid-column:1/-1}
html.vw-v2 .vw-seite .vw-opt-name b{overflow-wrap:anywhere}
html.vw-v2 .vw-seite .vw-opt .knopf{text-align:center;justify-content:center}
html.vw-v2 .vw-seite .vw-opt-hilfe{text-transform:none;letter-spacing:0;line-height:1.4}
html.vw-v2 .vw-opt.an,html.vw-v2 .vw-opt:hover{background:var(--l-auswahl)}
html.vw-v2 .vw-opt-name b{color:var(--l-haupt)}
html.vw-v2 .vw-opt-name span,html.vw-v2 .vw-opt-hilfe{color:var(--l-gedaempft)}

/* Kopfleiste: am Rechner nicht nötig (alles steht links), am Handy Titel und Zähler */
@media(min-width:821px){html.vw-v2 .vw-kopf{display:none}}
html.vw-v2 .vw-kopf{background:var(--l-seite);border-bottom:1px solid var(--l-rand)}
html.vw-v2 .vw-kopf-titel{font-size:17px;font-weight:800;font-stretch:112%;color:var(--l-betont);text-decoration:none}
html.vw-v2 .vw-avatar{background:var(--l-kachel-betont);color:var(--l-haupt)}
html.vw-v2 .vw-konto-menue,html.vw-v2 .vw-mehr-menue>div{background:var(--l-kachel-betont);border:1px solid var(--l-rand-stark)}
html.vw-v2 .vw-konto-menue a,html.vw-v2 .vw-konto-menue button{color:var(--l-haupt)}
html.vw-v2 .vw-mehr-menue>div a:hover{background:var(--l-auswahl)}

/* ---- Inhalt: Polster 28/28, Titel 30 wie Figma ---- */
html.vw-v2 .vw-inhalt{padding:28px 28px 56px;max-width:1360px}
html.vw-v2 .vw-inhalt h1{font-size:30px;line-height:1.15;font-weight:800;color:var(--l-betont);margin-bottom:4px}
html.vw-v2 .vw-unter{color:var(--l-gedaempft);font-size:var(--l-fs-s,13px);margin-bottom:22px}
html.vw-v2 .vw-inhalt h2{font-size:var(--l-fs-l,15px);font-weight:700;color:var(--l-haupt);margin-bottom:12px;font-stretch:100%;letter-spacing:0}
html.vw-v2 .vw-inhalt h2 .mini{font-weight:400}
html.vw-v2 .vw-krume{color:var(--l-gedaempft);font-size:var(--l-fs-xs,12px)}
html.vw-v2 .vw-krume a{color:var(--l-haupt);text-decoration:underline}
html.vw-v2 .vw-zurueck,html.vw-v2 .vw-mehr{color:var(--l-akzent)}
html.vw-v2 .vw-leer{color:var(--l-gedaempft)}

/* Karten und Kacheln wie Figma „Kachel“: Fläche leicht abgesetzt, 1px Rand, Polster 18 */
html.vw-v2 .vw-karte,html.vw-v2 .karte-breit,html.vw-v2 .vw-kachel,html.vw-v2 .tabelle-rahmen{background:var(--l-kachel);border:1px solid var(--l-rand);padding:18px}
html.vw-v2 .vw-karte-tabelle{padding:8px 18px 12px}
html.vw-v2 .vw-kacheln{gap:0;border:1px solid var(--l-rand);background:var(--l-kachel)}
html.vw-v2 .vw-kacheln>.vw-kachel{border:0;border-left:1px solid var(--l-rand);background:transparent}
html.vw-v2 .vw-kacheln>.vw-kachel:first-child{border-left:0}
html.vw-v2 a.vw-kachel:hover{background:var(--l-kachel-betont)}
html.vw-v2 .vw-lab{font-size:var(--l-fs-xs,12px);color:var(--l-gedaempft)}
html.vw-v2 .vw-zahl{font-family:var(--mono);font-weight:700;font-size:28px;letter-spacing:0;color:var(--l-betont)}
html.vw-v2 .vw-zahl.klein{font-size:18px}
html.vw-v2 .vw-raster-21,html.vw-v2 .vw-raster-2{gap:14px}

/* Aufgabenliste: ohne Symbolkästchen, Knopf rechts */
html.vw-v2 .vw-aufgabe{grid-template-columns:minmax(0,1fr) auto;border-bottom-color:var(--l-rand);padding:12px 0}
html.vw-v2 .vw-aufgabe .vw-ic{display:none}
html.vw-v2 .vw-aufgabe-t b{font-weight:600;color:var(--l-haupt)}
html.vw-v2 .vw-aufgabe-t span{color:var(--l-gedaempft);font-size:var(--l-fs-xs,12px)}
html.vw-v2 .vw-kurzliste li,html.vw-v2 .vw-bericht,html.vw-v2 .vw-quelle,html.vw-v2 .vw-zugang,html.vw-v2 .vw-warnung{border-color:var(--l-rand)}
html.vw-v2 .vw-spaeter summary,html.vw-v2 .vw-aufklapp summary,html.vw-v2 .vw-experte summary{color:var(--l-haupt)}

/* ---- Knöpfe wie Figma: Primär in Akzent, klein 12/700, sonst Rahmen ---- */
html.vw-v2 .knopf{background:var(--l-akzent);color:var(--l-auf-akzent);border:1px solid var(--l-akzent);font-weight:700;font-size:var(--l-fs-s,13px);padding:8px 14px;filter:none}
html.vw-v2 .knopf:hover{filter:brightness(1.08)}
html.vw-v2 .knopf.klein{font-size:var(--l-fs-xs,12px);padding:5px 9px}
html.vw-v2 .knopf.hell{background:transparent;color:var(--l-haupt);border:1px solid var(--l-rand-stark)}
html.vw-v2 .knopf.hell:hover{border-color:var(--l-haupt);color:var(--l-haupt)}
html.vw-v2 .knopf.gut{background:var(--l-akzent);border-color:var(--l-akzent);color:var(--l-auf-akzent)}
html.vw-v2 .knopf.hell.gefahr:hover,html.vw-v2 .knopf.gefahr{color:var(--l-negativ);border-color:var(--l-negativ);background:transparent}
html.vw-v2 .knopf[disabled]{opacity:.45}

/* ---- Plaketten wie Figma: eckig, voll gefärbt, Text auf Akzent ---- */
html.vw-v2 .vw-pill{font-size:11px;font-weight:700;padding:1px 6px;background:var(--l-kachel-betont);color:var(--l-weich)}
html.vw-v2 .vw-pill.gut{background:var(--l-akzent);color:var(--l-auf-akzent)}
html.vw-v2 .vw-pill.warn{background:var(--l-ruf);color:var(--l-auf-akzent)}
html.vw-v2 .vw-pill.rot{background:var(--l-negativ);color:var(--l-auf-akzent)}
html.vw-v2 .vw-pill.blau{background:var(--l-besucher);color:#fff}

/* ---- Tabellen wie Figma: Kopf 12 gedämpft ohne Großbuchstaben, Linien in Rand ---- */
html.vw-v2 .vw-tab,html.vw-v2 .tabelle{font-size:var(--l-fs-s,13px);color:var(--l-haupt)}
html.vw-v2 .vw-tab th,html.vw-v2 .tabelle th{font-size:var(--l-fs-xs,12px);font-weight:600;letter-spacing:0;text-transform:none;color:var(--l-gedaempft);border-bottom:1px solid var(--l-rand)}
html.vw-v2 .vw-tab td,html.vw-v2 .tabelle td{border-bottom:1px solid var(--l-rand)}
html.vw-v2 .tabelle td{font-weight:400}
html.vw-v2 .vw-tab tr.warn td,html.vw-v2 .tabelle tr.warn td{background:color-mix(in srgb,var(--l-negativ) 8%,transparent)}
html.vw-v2 .vw-tab tr.vw-klick:hover td{background:var(--l-kachel-betont)}
html.vw-v2 .vw-name a{color:var(--l-haupt)}

/* ---- Reiter der Kundenakte wie Figma: Linie unten, aktiver Reiter mit Akzentstrich ---- */
html.vw-v2 .vw-reiter{border-bottom-color:var(--l-rand)}
html.vw-v2 .vw-reiter a{color:var(--l-weich);font-size:var(--l-fs-s,13px);padding:8px 10px}
html.vw-v2 .vw-reiter a:hover{color:var(--l-haupt)}
html.vw-v2 .vw-reiter a.an{color:var(--l-betont);font-weight:600;border-bottom-color:var(--l-akzent)}
html.vw-v2 .reiterleiste{background:transparent;border-bottom:1px solid var(--l-rand);padding:0}
html.vw-v2 .reiterleiste a{color:var(--l-weich)}
html.vw-v2 .reiterleiste a.hier{background:transparent;color:var(--l-betont);box-shadow:inset 0 -2px 0 var(--l-akzent) !important}
html.vw-v2 .reiterleiste .zaehler,html.vw-v2 .reiterleiste a.hier .zaehler{background:var(--l-social);color:var(--l-auf-akzent)}
html.vw-v2 .vw-logo{background:var(--l-kachel-betont);color:var(--l-haupt)}

/* ---- Formulare wie Figma „Eingabefeld“: dunkle Fläche, 1px Rand, 40 hoch ---- */
html.vw-v2 input[type=text],html.vw-v2 input[type=email],html.vw-v2 input[type=password],html.vw-v2 input[type=number],html.vw-v2 input[type=url],html.vw-v2 input[type=date],
html.vw-v2 select,html.vw-v2 textarea,html.vw-v2 input[type=file]{background:var(--l-seite);color:var(--l-haupt);border:1px solid var(--l-rand-stark);font-size:max(16px,13px)}
html.vw-v2 input:focus,html.vw-v2 select:focus,html.vw-v2 textarea:focus{outline:0;border-color:var(--l-haupt)}
html.vw-v2 input::placeholder,html.vw-v2 textarea::placeholder{color:var(--l-leise)}
html.vw-v2 select{color-scheme:dark}
html.vw-v2[data-thema="hell"] select{color-scheme:light}
html.vw-v2 select option{background:var(--l-kachel);color:var(--l-haupt)}
html.vw-v2 .vw-inhalt label{font-weight:600;font-size:var(--l-fs-xs,12px);color:var(--l-haupt)}
html.vw-v2 .vw-inhalt label.check{font-size:var(--l-fs-s,13px);font-weight:400}
html.vw-v2 input[type=checkbox],html.vw-v2 input[type=radio]{accent-color:var(--l-akzent)}
html.vw-v2 fieldset.module{border-color:var(--l-rand)}
html.vw-v2 fieldset.module legend{color:var(--l-gedaempft)}
html.vw-v2 .vw-schalter{background:var(--l-rand-stark)}
html.vw-v2 .vw-schalter:after{background:var(--l-betont);border-radius:0 !important}
html.vw-v2 .vw-schalter:checked{background:var(--l-akzent)}
html.vw-v2 .vw-schalter:checked:after{background:var(--l-auf-akzent)}
html.vw-v2 .vw-schalter-zeile{border-bottom-color:var(--l-rand)}
html.vw-v2 code{background:var(--l-kachel-betont);color:var(--l-haupt);font-family:var(--mono)}
html.vw-v2 pre.log{background:var(--l-aussen);color:var(--l-haupt);border:1px solid var(--l-rand);font-family:var(--mono)}

/* ---- Meldungen, Gefahrenzone, Hinweise ---- */
html.vw-v2 .erfolg{background:var(--l-kachel);border-left:3px solid var(--l-akzent);color:var(--l-haupt)}
html.vw-v2 .fehler{background:var(--l-kachel);border-left:3px solid var(--l-negativ);color:var(--l-haupt)}
html.vw-v2 .vw-gefahr{background:var(--l-kachel);border:1px solid color-mix(in srgb,var(--l-negativ) 50%,var(--l-rand))}
html.vw-v2 .vw-gefahr h2,html.vw-v2 .vw-inhalt .rot,html.vw-v2 .rot,html.vw-v2 .marke-aus,html.vw-v2 .kf-warnung,html.vw-v2 .fr-sprung .mehr{color:var(--l-negativ)}
html.vw-v2 .vw-inhalt .gruen,html.vw-v2 .gruen{color:var(--l-akzent)}
html.vw-v2 .punkt.gruen{background:var(--l-akzent)} html.vw-v2 .punkt.rot{background:var(--l-negativ)}
html.vw-v2 .punkt{border-radius:50% !important}
html.vw-v2 .kf-hinweis{color:var(--l-weich)}
html.vw-v2 .vw-ki-vorschlag{background:var(--l-kachel-betont);border-left:3px solid var(--l-ki)}
html.vw-v2 .vw-haken li.gut{color:var(--l-akzent)} html.vw-v2 .vw-haken li.offen{color:var(--l-ruf)} html.vw-v2 .vw-haken li.hinweis{color:var(--l-ruf);font-style:italic}
html.vw-v2 .vw-fortschritt{background:var(--l-spur)} html.vw-v2 .vw-fortschritt i{background:var(--l-akzent)}
html.vw-v2 .vw-link{background:var(--l-kachel);border-color:var(--l-rand)}
html.vw-v2 .vw-link-name{color:var(--l-haupt)}
html.vw-v2 .vw-monate a{background:transparent;color:var(--l-weich);border-color:var(--l-rand-stark)}
html.vw-v2 .vw-monate a.an{background:var(--l-auswahl);color:var(--l-betont);border-color:var(--l-haupt)}
html.vw-v2 .ko-monate a.hier{background:var(--l-auswahl);color:var(--l-betont)}
html.vw-v2 .aa-punkt.s-pruefen{background:var(--l-ruf)}
html.vw-v2 .aa-marke.s-ok{color:var(--l-akzent)} html.vw-v2 .aa-marke.s-fehler{color:var(--l-negativ)}
html.vw-v2 .aa-marke.s-fehlt{background:transparent;color:var(--l-negativ);box-shadow:none !important;border:1px solid var(--l-negativ)}
html.vw-v2 .aa-marke.s-pruefen{background:color-mix(in srgb,var(--l-ruf) 16%,transparent);color:var(--l-ruf)}
html.vw-v2 .wm-kopf .pill{background:var(--l-kachel-betont);color:var(--l-haupt)}
html.vw-v2 .logo-art{background:var(--l-kachel);border-color:var(--l-rand)}
html.vw-v2 .logo-art:has(input:checked){border-color:var(--l-akzent)}
html.vw-v2 .logo-art small{color:var(--l-gedaempft)}
html.vw-v2 .logo-probe.hell{background:var(--l-seite);border-color:var(--l-rand)}
html.vw-v2 .vw-hinter{background:color-mix(in srgb,var(--l-aussen) 70%,transparent)}

/* ---- Handy: Menü als Schublade, unten die Schnellwahl ---- */
@media(max-width:820px){
  html.vw-v2 .vw{grid-template-columns:1fr}
  html.vw-v2 .vw-seite{width:min(320px,86vw)}
  html.vw-v2 .vw-seite-zu{background:transparent;border:1px solid var(--l-rand-stark);color:var(--l-haupt)}
  html.vw-v2 .vw-inhalt{padding:18px 16px 96px}
  html.vw-v2 .vw-inhalt h1{font-size:24px}
  html.vw-v2 .vw-kacheln{grid-template-columns:repeat(2,minmax(0,1fr))}
  html.vw-v2 .vw-kacheln>.vw-kachel:nth-child(odd){border-left:0}
  html.vw-v2 .vw-kacheln>.vw-kachel:nth-child(n+3){border-top:1px solid var(--l-rand)}
  html.vw-v2 .vw-unten{background:var(--l-seite);border-top:1px solid var(--l-rand)}
  html.vw-v2 .vw-unten a,html.vw-v2 .vw-unten button{color:var(--l-weich)}
  html.vw-v2 .vw-unten a.an{color:var(--l-akzent)}
  html.vw-v2 .vw-stapel tr{border-bottom-color:var(--l-rand)}
  html.vw-v2 .vw-stapel td[data-l]:before{color:var(--l-gedaempft)}
}
@media print{html.vw-v2 .thema-knopf{display:none}}
html.vw-v2 .vw-z{color:var(--l-auf-akzent) !important}
html.vw-v2 .vw-nav.an .vw-z{color:var(--l-akzent) !important}
html.vw-v2 .aa-punkt{border-radius:50% !important}
html.vw-v2 .vw-nav .vw-z.blau{color:var(--l-weich) !important}
html.vw-v2 .vw-nav.an .vw-z.blau{background:var(--l-auf-akzent);color:var(--l-akzent) !important}
html.vw-v2 .vw-pill.rot,html.vw-v2 .vw-pill.gut,html.vw-v2 .vw-pill.warn{color:var(--l-auf-akzent) !important}

/* Kosten, Außenabrufe, Hinweise: Reste mit Großbuchstaben und getönten Flächen */
html.vw-v2 .ko-kachel{background:transparent;border:1px solid var(--l-rand);padding:16px 18px}
html.vw-v2 .ko-kacheln{gap:0}
html.vw-v2 .ko-kacheln>.ko-kachel+.ko-kachel{border-left:0}
html.vw-v2 .ko-kachel.ko-haupt{background:var(--l-kachel-betont)}
html.vw-v2 .ko-kachel.aa-alarm{background:color-mix(in srgb,var(--l-negativ) 10%,transparent)}
html.vw-v2 .ko-label,html.vw-v2 .aa-gruppe{text-transform:none;letter-spacing:0;font-size:var(--l-fs-xs,12px);font-weight:400;color:var(--l-gedaempft)}
html.vw-v2 .ko-zahl{font-family:var(--mono);font-size:26px;letter-spacing:0;color:var(--l-betont)}
html.vw-v2 .ko-hoch{color:var(--l-negativ)} html.vw-v2 .ko-runter{color:var(--l-akzent)}
html.vw-v2 .ko-leiste,html.vw-v2 .ko-balken{background:var(--l-spur)}
html.vw-v2 .ko-leiste span,html.vw-v2 .ko-balken span{background:var(--l-akzent)}
html.vw-v2 .ko-leiste span.ko-warn{background:var(--l-negativ)}
html.vw-v2 .ko-chip{background:var(--l-kachel-betont);color:var(--l-haupt)}
html.vw-v2 .ko-monate a{background:transparent;color:var(--l-weich);border-color:var(--l-rand-stark)}
html.vw-v2 .ko-monate a.hier{border-color:var(--l-haupt)}
html.vw-v2 .kf-hinweis{background:var(--l-kachel);border-left:3px solid var(--l-besucher);color:var(--l-weich)}
html.vw-v2 .kf-warnung{background:var(--l-kachel);border-left:3px solid var(--l-negativ);color:var(--l-haupt)}
html.vw-v2 .marke-aus{background:color-mix(in srgb,var(--l-negativ) 16%,transparent)}
html.vw-v2 .fr-sprung .mehr{background:var(--l-ruf);color:var(--l-auf-akzent)}
html.vw-v2 .fr-zurueck:hover,html.vw-v2 .aa-board>summary:hover .aa-name{color:var(--l-akzent)}
html.vw-v2 .aa-marke.s-ok{background:var(--l-akzent);color:var(--l-auf-akzent)}
html.vw-v2 .aa-marke.s-fehler{background:var(--l-negativ);color:var(--l-auf-akzent)}
html.vw-v2 .wm-kopf .pill{background:var(--l-kachel-betont);color:var(--l-haupt)}
html.vw-v2 input[type=file]::file-selector-button{background:transparent;color:var(--l-haupt);border:1px solid var(--l-rand-stark);padding:6px 10px;margin-right:10px;font:inherit;font-weight:600;cursor:pointer}
html.vw-v2 .ko-zahl small{font-family:var(--font);font-size:var(--l-fs-xs,12px);color:var(--l-gedaempft)}

/* =====================================================================
   Übrige Seiten mit dem gemeinsamen Kopf (html.seite-v2): Übersicht „Alle Boards“,
   Monatsbericht, KI-Fragen, Logo. Nach Figma „12 Konto, Anmeldung und Unterseiten“.
   ===================================================================== */
html.seite-v2 .kopf{background:var(--l-seite);color:var(--l-haupt);border-bottom:1px solid var(--l-rand);min-height:72px;padding:14px 28px;gap:14px}
html.seite-v2 .kopf .marke{color:var(--l-betont)}
html.seite-v2 .kopf .marke .zusatz{color:var(--l-akzent);border-left-color:var(--l-rand-stark)}
html.seite-v2 .kopf select{background:var(--l-seite);color:var(--l-haupt);border:1px solid var(--l-rand-stark);height:44px;padding:0 36px 0 12px}
html.seite-v2 .kopf .wer{color:var(--l-gedaempft);font-weight:400;font-size:var(--l-fs-s,13px)}
html.seite-v2 .kopf a.link{color:var(--l-weich);font-weight:500;font-size:var(--l-fs-s,13px)}
html.seite-v2 .kopf a.link:hover{color:var(--l-haupt)}
html.seite-v2 .kopf .thema-knopf{width:44px;height:44px}
html.seite-v2 .kopf .knopf{background:transparent;color:var(--l-haupt);border:1px solid var(--l-rand-stark);padding:10px 14px}
html.seite-v2 .kopf .knopf:hover{border-color:var(--l-haupt)}

html.seite-v2 .inhalt{padding:48px 28px 64px}
html.seite-v2 .inhalt h1{font-size:40px;line-height:1.1;font-weight:800;font-stretch:112%;color:var(--l-betont);margin-bottom:10px}
html.seite-v2 .inhalt>.mini a,html.seite-v2 .inhalt a{color:var(--l-haupt)}
html.seite-v2 .inhalt>p.mini:first-child{margin-bottom:24px}
html.seite-v2 .inhalt>p.mini:first-child a{color:var(--l-akzent);text-decoration:underline}

/* Alle Boards: Liste wie Figma, eine Zeile je Board mit „öffnen“ rechts */
html.seite-v2 .liste,html.vw-v2 .vw-inhalt .liste{display:flex;flex-direction:column;gap:8px;margin-top:22px;max-width:760px}
html.seite-v2 .eintrag,html.vw-v2 .vw-inhalt .eintrag{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;background:var(--l-kachel);border:1px solid var(--l-rand);padding:14px 16px;transform:none}
html.seite-v2 .eintrag:hover,html.vw-v2 .vw-inhalt .eintrag:hover{background:var(--l-kachel-betont);border-color:var(--l-rand-stark);transform:none}
html.seite-v2 .eintrag b,html.vw-v2 .vw-inhalt .eintrag b{display:inline;font-size:var(--l-fs-l,15px);font-weight:700;color:var(--l-haupt)}
html.seite-v2 .eintrag span,html.vw-v2 .vw-inhalt .eintrag span{font-size:var(--l-fs-s,13px);color:var(--l-gedaempft);flex:1;min-width:0}
html.seite-v2 .eintrag::after,html.vw-v2 .vw-inhalt .eintrag::after{content:"öffnen";font-size:var(--l-fs-s,13px);color:var(--l-weich);margin-left:auto}
html.seite-v2 .eintrag:hover::after,html.vw-v2 .vw-inhalt .eintrag:hover::after{color:var(--l-akzent)}
html.seite-v2 .suche{max-width:760px;width:100%;height:44px}

/* Monatsbericht */
html.seite-v2 .mb-zeile{background:var(--l-kachel);border:1px solid var(--l-rand);padding:16px}
html.seite-v2 .mb-symbol{background:var(--l-kachel-betont);color:var(--l-haupt)}
html.seite-v2 .mb-text b{color:var(--l-haupt);font-size:var(--l-fs-l,15px)}
html.seite-v2 .mb-status{color:var(--l-akzent)} html.seite-v2 .mb-status.laeuft{color:var(--l-gedaempft)}
html.seite-v2 .mb-kurz{background:var(--l-kachel);border:1px solid var(--l-rand);border-left:3px solid var(--l-akzent)}
html.seite-v2 .mb-kurz-kopf{color:var(--l-akzent);text-transform:none;letter-spacing:0;font-size:var(--l-fs-s,13px)}
html.seite-v2 .mb-kurz p{color:var(--l-haupt)}
html.seite-v2 .mb-herkunft{color:var(--l-gedaempft)}
html.seite-v2 .mb-mehr summary{color:var(--l-haupt)}
html.seite-v2 .mb-fehler{color:var(--l-negativ)}
@media(max-width:600px){html.seite-v2 .kopf{padding:10px 16px}html.seite-v2 .inhalt{padding:28px 16px 48px}html.seite-v2 .inhalt h1{font-size:30px}}
html.vw-v2 .logo-probe .kachel-dunkel{background:#15181c} html.vw-v2 .logo-probe .flaeche{background:#fff} html.vw-v2 .logo-probe.dunkel{background:#0e1013}

/* Bewegung (Paul, 28.09.2026): Inhalt blendet beim Öffnen einer Seite kurz gestaffelt ein, Menü und Knöpfe weich */
html.vw-v2{--v2-kurve:cubic-bezier(.22,.61,.36,1)}
html.vw-v2 .vw-inhalt>*,html.seite-v2 .inhalt>*{animation:vw-rein .42s var(--v2-kurve) both}
html.vw-v2 .vw-inhalt>*:nth-child(2),html.seite-v2 .inhalt>*:nth-child(2){animation-delay:.04s}
html.vw-v2 .vw-inhalt>*:nth-child(3),html.seite-v2 .inhalt>*:nth-child(3){animation-delay:.08s}
html.vw-v2 .vw-inhalt>*:nth-child(4),html.seite-v2 .inhalt>*:nth-child(4){animation-delay:.12s}
html.vw-v2 .vw-inhalt>*:nth-child(n+5),html.seite-v2 .inhalt>*:nth-child(n+5){animation-delay:.16s}
html.vw-v2 .vw-nav,html.vw-v2 .knopf,html.vw-v2 .eintrag,html.vw-v2 .vw-reiter a,html.vw-v2 a.vw-kachel{transition:background-color .2s ease,color .2s ease,border-color .2s ease,filter .2s ease}
html.vw-v2 .vw-treffer:not([hidden]),html.vw-v2 .vw-konto[open] .vw-konto-menue,html.vw-v2 .vw-mehr-menue[open]>div{animation:vw-rein .22s var(--v2-kurve) both}
@keyframes vw-rein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html.vw-v2 *,html.vw-v2 *::before,html.vw-v2 *::after{animation:none !important;transition:none !important}}

/* Anmeldung und Code (Figma 12): Karte auf Seitenfläche, Titel groß, Feld und Knopf wie im Leitstand */
html.seite-v2 .login{background:var(--l-seite)}
/* Hell/Dunkel schon vor der Anmeldung (Paul, 30.09.2026): Knopf oben rechts, Daumengröße */
html.seite-v2 .login-thema{position:fixed;top:16px;right:16px;z-index:2}
html.seite-v2 .login-thema .thema-knopf{width:44px;height:44px}
/* Zweites Formular unter „Anmelden“: gleicher Abstand wie im Stapel */
html.seite-v2 form.stapel.code-erneut{margin-top:var(--sp-4)}
html.seite-v2 .code-hinweis{margin-bottom:0}
html.seite-v2 .karte{background:var(--l-kachel);border:1px solid var(--l-rand);padding:40px 36px;max-width:440px;animation:vw-rein .45s var(--v2-kurve,ease) both}
html.seite-v2 .karte .marke{color:var(--l-betont)}
html.seite-v2 .karte .marke .zusatz{color:var(--l-akzent);border-left-color:var(--l-rand-stark)}
html.seite-v2 .karte h1{font-size:40px;font-weight:800;font-stretch:112%;color:var(--l-betont);letter-spacing:-.01em}
html.seite-v2 .karte label{color:var(--l-haupt);font-weight:600;font-size:var(--l-fs-xs,12px)}
html.seite-v2 .karte input{height:48px}
html.seite-v2 .karte .knopf{padding:12px 16px;font-size:var(--l-fs-m,14px)}
html.seite-v2 .karte strong{color:var(--l-haupt)}
html.seite-v2 .fuss a{color:var(--l-akzent)}
html.seite-v2 input.code{font-family:var(--mono)}
/* Versionsnummer neben dem Namen (29.09.2026) */
.wer .vw-version{display:block;font-size:11px;font-weight:400;opacity:.7;white-space:nowrap}
html.vw-v2 .vw-anrede{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}
html.vw-v2 .vw-anrede select{width:auto;padding:4px 8px}

/* Mail-Vorlage zum Einladungslink fürs Unternehmensprofil (19.10.2026) */
.gbp-mail{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-soft,#2a2d33)}
.gbp-mail h3{margin:0 0 8px}
.gbp-mail label{display:block;margin:8px 0}
.gbp-mail input,.gbp-mail textarea{width:100%;box-sizing:border-box;font:inherit}
/* Ansatzpunkte in der Kundenakte (PR-34): Knöpfe neben dem Punkt */
.vw-ap-knoepfe{display:inline-flex;flex-wrap:wrap;gap:8px;margin-left:8px;vertical-align:middle}