/* Marketing (ERP-Modul marketing 0.9.2-ordnung) – Gestaltung der Oberfläche.
   Ruhig und sachlich: Markenfarben Blau #2774A1 und Dunkel #322D2D, Systemschrift, Karten mit leichtem Schatten.
   Handy einspaltig, Tabellen scrollen waagerecht. Rechts-nach-links (Arabisch) über logische Eigenschaften (inline-start/-end).
   Diagramm-Farben geprüft (Farbsehschwäche, Kontrast): hell #2774A1/#D0652A auf Weiß, dunkel #4A9BD0/#D9692C auf #252121.
   Quellen-Balken (0.2.0) --c1…--c6 in fester Reihenfolge, mit dem Prüfskript validiert (benachbarte Paare: Farbsehschwäche ΔE ≥ 9,0 hell /
   8,4 dunkel, normal ≥ 19); --c7 = Grau für „übrige“. Hell liegen 3 Farben unter 3:1 – dafür gibt es Legende und Tabellen.
   Überwachung (0.3.0): Status-Chips grün/gelb/rot/grau mit denselben Ampel-Farben wie die Gründe (immer mit Wort, nie Farbe allein).
   Google-Blöcke (0.3.1): Abschnitte mit eigener Überschrift, Sprung-Leiste, Kacheln mit Veränderung, vorläufige Tage im Diagramm hell-gelb
   hinterlegt (dazu Wort in Legende, Tooltip und Tabelle – nie Farbe allein), Chip „Info“ in Blau.
   Website (0.4.0): breiter Inhalt, drei Spalten (Liste – Ansicht – Bearbeiten), auf dem Handy untereinander (Liste über der Ansicht);
   Dialog „Auf die Website stellen“ als Fenster im Fenster.
   Stichtag (0.5.0): Ereignis-Marken auf den Zeitachsen – gepunktete Linie je Ereignis (ungenaues Datum lockerer gepunktet), der Stichtag
   als durchgezogene blaue Linie mit fetter Beschriftung, die Zeit danach blau hinterlegt (sehr hell, 6 %); Kalender-Liste, Tabellen-Marke
   am Ereignistag, Zeile „seit Stichtag“ in den Kennzahl-Karten. Immer mit Wort oder Datum, nie Farbe allein.
   Suche (0.6.0): waagerechter Stapelbalken (Seitenarten, Platzverteilung) mit --c1…--c7 und Legende (Wort + Zahl), Standort-Karten, Filter-
   Zeile (Auswahl, Suchfeld), Chips „= Zielseite“ (grün) / „andere Seite“ (rot) immer mit Wort, Signale als Ampel-Liste wie die Gründe.
   Filter (0.8.0): Filterleiste als Karte mit sechs Auswahlfeldern (ausgegraute Optionen, wo eine Kombination nicht geht), darunter der
   Basis-Hinweis als Info-Band (fett) mit einer Liste der Grenzen; in den Abschnitten ohne Filter eine graue Zeile „Filter wirken hier nicht“.
   Überwachung als Betriebsansicht (0.8.1): Kopf mit Zeichen, Satz, Zählern und Takt; Box „Was gerade nicht stimmt“ mit farbigem Rand;
   Gruppen als aufklappbare Karten (details/summary, Pfeil aus CSS, im RTL gespiegelt); Tagesplan als Kachel-Liste mit Rand je Zustand und
   gestrichelter „Jetzt“-Marke. Nur vorhandene Tokens (Dunkelmodus automatisch), Zustand immer als Wort (Block am Ende der Datei).
   Einfache Sprache (27.10.2026): Messwert mit Wörtern statt Kürzeln (.ub-wert.klar, im Arabischen rechts-nach-links) und zugeklappte
   „Technische Details“ (.ub-technik, Inhalt links-nach-rechts in Festbreitenschrift, bricht überall um).
   Wettbewerb neu geordnet (0.9.2-ordnung): Karten zugeklappt mit Kopfzeile, Tabelle „Zahlen des Werkzeugs“ mit stehender erster Spalte und
   umbrechenden Spaltentiteln, die alte Schätzung klein und gedämpft unter der Zahl des Werkzeugs (Block wb- am Ende, nur Tokens).
   Keine externen Quellen, keine Bilder. Stand 2026-11-04. */

:root{
  color-scheme:light dark;
  --blau:#2774A1;--dunkel:#322D2D;
  --bg:#F3F3F2;--card:#FFFFFF;--ink:#322D2D;--ink2:#625B5B;--ink3:#857D7D;--line:#E4E1E0;--line2:#EFEDEC;
  --soft:#E7F0F6;--akzent:#2774A1;--akzent-ink:#1F5F85;
  --ok:#1E7A4C;--okbg:#E3F2E9;--okpunkt:#2E9D62;
  --warn:#7A5300;--warnbg:#FFF3D1;--warnpunkt:#E0A100;
  --bad:#A8261B;--badbg:#FCE7E5;--badpunkt:#D33A2C;
  --grau:#5E5858;--graubg:#EEECEB;--graupunkt:#A39C9B;
  --lauf:#1F5F85;--laufbg:#E3EEF6;--laufpunkt:#2774A1;
  --s1:#2774A1;--s2:#D0652A;
  --c1:#2774A1;--c2:#D0652A;--c3:#1BAF7A;--c4:#EDA100;--c5:#E87BA4;--c6:#008300;--c7:#A39C9B;
  --schatten:0 1px 2px rgba(50,45,45,.06),0 4px 14px rgba(50,45,45,.06);
  --radius:14px;
  --schrift:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Helvetica Neue",Arial,sans-serif;
  --schrift-ar:"Noto Sans Arabic","Geeza Pro","Segoe UI","Tahoma",system-ui,sans-serif;
}
@media (prefers-color-scheme:dark){
  :root{
    --bg:#1A1717;--card:#252121;--ink:#F2EFEE;--ink2:#BDB5B3;--ink3:#948B89;--line:#3A3433;--line2:#2F2A29;
    --soft:#1D3242;--akzent:#4A9BD0;--akzent-ink:#8CC3E6;
    --ok:#7FD3A4;--okbg:#173225;--okpunkt:#3DB876;
    --warn:#F0CB6A;--warnbg:#3A2F12;--warnpunkt:#E8B12A;
    --bad:#F4A39B;--badbg:#3D1D1A;--badpunkt:#E2574A;
    --grau:#C9C1BF;--graubg:#322D2C;--graupunkt:#857D7C;
    --lauf:#9CCBEA;--laufbg:#1D3242;--laufpunkt:#4A9BD0;
    --s1:#4A9BD0;--s2:#D9692C;
    --c1:#4A9BD0;--c2:#D9692C;--c3:#199E70;--c4:#C98500;--c5:#D55181;--c6:#008300;--c7:#7E7675;
    --schatten:0 1px 2px rgba(0,0,0,.35),0 4px 14px rgba(0,0,0,.25);
  }
}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;font-family:var(--schrift);font-size:15px;line-height:1.5;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh}
html[lang="ar"] body{font-family:var(--schrift-ar);font-size:15.5px}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
a{color:var(--akzent)}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--akzent);outline-offset:2px;border-radius:6px}
button{font:inherit;color:inherit}
bdi,.z{unicode-bidi:isolate}
.z{direction:ltr;font-variant-numeric:tabular-nums;white-space:nowrap}
/* 0.9.2-ordnung: lange Adressen (Quellen-/Seiten-Links, Anzeigen-Ziele) dürfen umbrechen – sonst wird die Seite am Handy breiter als das Fenster */
.link-pfeil .z,.wb-anzeige-url{white-space:normal;overflow-wrap:anywhere}
.nur-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.noscript{padding:24px;font-weight:700}

/* Kopf */
.kopf{background:var(--dunkel);color:#fff;border-bottom:3px solid var(--blau)}
.kopf-innen{max-width:1200px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.marke{display:flex;align-items:center;gap:10px;min-width:0}
.marke-zeichen{width:30px;height:30px;border-radius:8px;background:var(--blau);display:grid;place-items:center;font-weight:800;font-size:15px;color:#fff;flex:0 0 auto;font-family:var(--schrift)}
.marke-titel{font-size:17px;font-weight:750;letter-spacing:.1px;white-space:nowrap}
.marke-titel .trenn{opacity:.55;margin:0 6px}
.kopf-rechts{margin-inline-start:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.nutzer{font-size:13px;color:#E9E4E3;display:flex;align-items:center;gap:6px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nutzer-punkt{width:8px;height:8px;border-radius:50%;background:#5FC08A;flex:0 0 auto}
.kopf-knopf{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;border-radius:9px;padding:6px 11px;font-size:13px;font-weight:650;cursor:pointer;text-decoration:none;white-space:nowrap}
.kopf-knopf:hover{background:rgba(255,255,255,.1)}
.kopf-knopf:focus-visible{outline-color:#fff}

/* Reiter */
.reiter{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.reiter-innen{max-width:1200px;margin:0 auto;padding:0 12px;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.reiter-innen::-webkit-scrollbar{display:none}
.reiter a{flex:0 0 auto;display:block;padding:13px 14px 11px;font-size:14px;font-weight:650;color:var(--ink2);text-decoration:none;border-bottom:3px solid transparent;white-space:nowrap}
.reiter a:hover{color:var(--ink)}
.reiter a[aria-current="page"]{color:var(--akzent-ink);border-bottom-color:var(--blau)}
@media (prefers-color-scheme:dark){.reiter a[aria-current="page"]{color:var(--akzent-ink)}}

/* Inhalt */
main{max-width:1200px;margin:0 auto;padding:20px 20px 64px}
.ansicht-kopf{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.ansicht-kopf h1{font-size:22px;font-weight:750;letter-spacing:-.2px}
.ansicht-kopf .unter{font-size:13.5px;color:var(--ink2);margin-top:2px}
.knopf{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;padding:7px 12px;font-size:13px;font-weight:650;cursor:pointer;text-decoration:none;white-space:nowrap}
.knopf:hover{border-color:var(--ink3)}
.knopf.haupt{background:var(--blau);border-color:var(--blau);color:#fff}
.knopf.haupt:hover{filter:brightness(1.07)}
.knopf:disabled{opacity:.5;cursor:default}

.raster{display:grid;gap:16px;margin-bottom:16px}
.raster.r4{grid-template-columns:repeat(4,minmax(0,1fr))}
.raster.r2{grid-template-columns:repeat(2,minmax(0,1fr))}
.raster.r-ue{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
@media (max-width:1000px){.raster.r4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.raster.r2,.raster.r-ue{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.raster.r4{grid-template-columns:minmax(0,1fr)}main{padding:14px 12px 48px}.kopf-innen{padding:10px 12px}}
.raster.r5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1100px){.raster.r5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:820px){.raster.r5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.raster.r5{grid-template-columns:minmax(0,1fr)}}

.karte{position:relative;background:var(--card);border-radius:var(--radius);box-shadow:var(--schatten);padding:18px;min-width:0;margin-bottom:16px}
.raster>.karte{margin-bottom:0}
.karte-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.karte h2{font-size:16px;font-weight:720;letter-spacing:-.1px}
.karte h3{font-size:14px;font-weight:700;margin:14px 0 8px;color:var(--ink)}
.karte .unter{font-size:13px;color:var(--ink2)}
.text{font-size:14px;color:var(--ink);line-height:1.6}
.hinweis{font-size:12.5px;color:var(--ink2);line-height:1.55;margin-top:10px}
.hinweis+.hinweis{margin-top:4px}

/* Quelle und Stand – an jeder Zahl */
.quelle{display:flex;flex-wrap:wrap;gap:2px 14px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line2);font-size:12px;color:var(--ink3);line-height:1.45}
.quelle>div{display:flex;gap:5px;min-width:0;flex-wrap:wrap}
.quelle dt{font-weight:650;color:var(--ink2)}
.quelle dt::after{content:":"}
.quelle dd{margin:0;overflow-wrap:anywhere}
.karte-klein .quelle{margin-top:10px;padding-top:8px}

/* Zustände */
.zustand{max-width:560px;margin:40px auto;text-align:center;background:var(--card);border-radius:var(--radius);box-shadow:var(--schatten);padding:28px 24px}
.zustand.eingebettet{margin:0 0 16px;max-width:none;text-align:start;padding:20px}
.zustand-zeichen{width:44px;height:44px;border-radius:50%;margin:0 auto 12px;display:grid;place-items:center;font-size:20px;font-weight:800;background:var(--graubg);color:var(--grau)}
.zustand.eingebettet .zustand-zeichen{margin:0 0 10px}
.zustand.w .zustand-zeichen{background:var(--warnbg);color:var(--warn)}
.zustand.r .zustand-zeichen{background:var(--badbg);color:var(--bad)}
.zustand.i .zustand-zeichen{background:var(--soft);color:var(--akzent-ink)}
.zustand h2{font-size:18px;font-weight:750;margin-bottom:6px}
.zustand p{font-size:14px;color:var(--ink2);line-height:1.6}
.zustand .datei{display:block;margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;color:var(--ink)}
.zustand .aktionen{display:flex;gap:8px;justify-content:center;margin-top:16px;flex-wrap:wrap}
.zustand.eingebettet .aktionen{justify-content:flex-start}
.lade{display:flex;align-items:center;justify-content:center;gap:10px;padding:48px 16px;color:var(--ink2);font-size:14px}
.kreis{width:18px;height:18px;border-radius:50%;border:2.5px solid var(--line);border-top-color:var(--blau);animation:dreh .9s linear infinite}
@keyframes dreh{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.kreis{animation-duration:2.4s}}

/* Ampel */
.ampel{display:flex;gap:18px;align-items:flex-start}
.ampel-geraet{flex:0 0 auto;background:var(--dunkel);border-radius:14px;padding:8px;display:flex;flex-direction:column;gap:7px}
.ampel-licht{width:22px;height:22px;border-radius:50%;background:#4A4343;opacity:.55}
.ampel-licht.an.rot{background:#E2574A;opacity:1;box-shadow:0 0 10px rgba(226,87,74,.6)}
.ampel-licht.an.gelb{background:#F0B429;opacity:1;box-shadow:0 0 10px rgba(240,180,41,.55)}
.ampel-licht.an.gruen{background:#3DB876;opacity:1;box-shadow:0 0 10px rgba(61,184,118,.55)}
.ampel-text{min-width:0;flex:1}
.ampel-urteil{font-size:19px;font-weight:760;line-height:1.3}
.ampel-urteil.gruen{color:var(--ok)}.ampel-urteil.gelb{color:var(--warn)}.ampel-urteil.rot{color:var(--bad)}.ampel-urteil.grau{color:var(--grau)}
.gruende{margin-top:10px;display:flex;flex-direction:column;gap:8px}
.grund{display:flex;gap:10px;align-items:flex-start;padding:9px 11px;border-radius:10px;background:var(--graubg);font-size:13.5px;line-height:1.5}
.grund.gruen{background:var(--okbg)}.grund.gelb{background:var(--warnbg)}.grund.rot{background:var(--badbg)}
.grund .marke-farbe{flex:0 0 auto;font-weight:750;font-size:12px;padding:1px 8px;border-radius:999px;background:var(--card);margin-top:1px}
.grund.gruen .marke-farbe{color:var(--ok)}.grund.gelb .marke-farbe{color:var(--warn)}.grund.rot .marke-farbe{color:var(--bad)}.grund.grau .marke-farbe{color:var(--grau)}
.grund .grund-quelle{display:block;font-size:12px;color:var(--ink2);margin-top:2px}

/* Kennzahl-Karten */
.kz{display:flex;flex-direction:column;min-height:100%}
.kz-titel{font-size:13px;font-weight:650;color:var(--ink2);line-height:1.35}
.kz-wert{font-size:30px;font-weight:720;letter-spacing:-.5px;margin-top:6px;line-height:1.15;font-variant-numeric:normal;direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] .kz-wert{text-align:right}
.kz-wert .einheit{font-size:18px;font-weight:650;color:var(--ink2);margin-inline-start:2px}
.kz-vergleich{margin-top:6px;font-size:13px;color:var(--ink2);display:flex;flex-wrap:wrap;gap:4px 6px;align-items:baseline}
.kz .quelle{margin-top:auto}
.kz-abstand{flex:1 1 auto;min-height:6px}
.delta{display:inline-flex;align-items:center;gap:3px;font-weight:700;font-size:13px;padding:1px 7px;border-radius:999px;background:var(--graubg);color:var(--grau);direction:ltr;unicode-bidi:isolate;white-space:nowrap;font-variant-numeric:tabular-nums}
.delta.gut{background:var(--okbg);color:var(--ok)}
.delta.schlecht{background:var(--badbg);color:var(--bad)}
.delta.klein{font-size:12px;padding:0 6px}
.kz-notiz{margin-top:6px;font-size:12px;color:var(--warn);background:var(--warnbg);border-radius:8px;padding:4px 8px}

/* Fortschritt (echte Zählung fertiger Schritte, kein Ladebalken) */
.balken{height:10px;border-radius:999px;background:var(--graubg);overflow:hidden;margin:10px 0 6px}
.balken>span{display:block;height:100%;background:var(--okpunkt);border-radius:999px}
.fortschritt-zahl{font-size:26px;font-weight:740;direction:ltr;unicode-bidi:isolate;display:inline-block}
.fortschritt-zahl .von{font-size:16px;color:var(--ink2);font-weight:650}
.zeile-paar{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:14px}
.feld-titel{font-size:12px;font-weight:700;color:var(--ink2);text-transform:none;margin-bottom:3px}
.feld-wert{font-size:14.5px;font-weight:600;line-height:1.5}
.feld-wert .zweit{display:block;font-weight:500;font-size:13px;color:var(--ink2)}
.kennung{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:7px;background:var(--soft);color:var(--akzent-ink);font-weight:750;font-size:13px;margin-inline-end:6px;font-family:var(--schrift)}
.link-pfeil{display:inline-flex;align-items:center;gap:4px;font-size:13.5px;font-weight:650;text-decoration:none;margin-top:14px}
.link-pfeil:hover{text-decoration:underline}

/* Status-Chips */
.chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:2px 9px;border-radius:999px;background:var(--graubg);color:var(--grau);white-space:nowrap}
.chip::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--graupunkt)}
.chip.fertig{background:var(--okbg);color:var(--ok)}.chip.fertig::before{background:var(--okpunkt)}
.chip.laeuft{background:var(--laufbg);color:var(--lauf)}.chip.laeuft::before{background:var(--laufpunkt)}
.chip.wartet{background:var(--warnbg);color:var(--warn)}.chip.wartet::before{background:var(--warnpunkt)}
.chip.offen{background:var(--graubg);color:var(--grau)}
.chip.neutral::before{display:none}
.legende{display:flex;flex-wrap:wrap;gap:6px}

/* Zeitstrahl der Schritte */
.zeitstrahl{position:relative;display:flex;flex-direction:column;gap:0}
.schritt{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding-bottom:16px}
.schritt:last-child{padding-bottom:0}
.schritt::before{content:"";position:absolute;inset-inline-start:16px;top:34px;bottom:0;width:2px;background:var(--line)}
.schritt:last-child::before{display:none}
.schritt-marke{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:14px;background:var(--graubg);color:var(--grau);border:2px solid var(--card);box-shadow:0 0 0 2px var(--graupunkt);position:relative;z-index:1;font-family:var(--schrift)}
.schritt.fertig .schritt-marke{background:var(--okpunkt);color:#fff;box-shadow:0 0 0 2px var(--okpunkt)}
.schritt.laeuft .schritt-marke{background:var(--laufpunkt);color:#fff;box-shadow:0 0 0 2px var(--laufpunkt)}
.schritt.wartet .schritt-marke{background:var(--warnpunkt);color:#322D2D;box-shadow:0 0 0 2px var(--warnpunkt)}
.schritt-inhalt{min-width:0;padding-top:4px}
.schritt-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.schritt-titel{font-weight:700;font-size:14.5px}
.schritt-datum{font-size:12.5px;color:var(--ink2)}
.schritt-text{font-size:13.5px;color:var(--ink2);margin-top:3px;line-height:1.55}
.schritt-aufgaben{margin-top:5px;font-size:12.5px;color:var(--ink2);display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.nr-knopf{border:1px solid var(--line);background:var(--card);border-radius:7px;padding:0 7px;font-size:12px;font-weight:650;cursor:pointer;color:var(--akzent-ink);font-variant-numeric:tabular-nums}
.nr-knopf:hover{border-color:var(--akzent)}
.schritt.naechster .schritt-inhalt{background:var(--soft);border-radius:10px;padding:8px 10px;margin-top:-2px}
.marke-naechster{font-size:11.5px;font-weight:750;color:var(--akzent-ink);background:var(--card);border-radius:999px;padding:1px 8px}

/* Offen / wartet auf */
.offen-liste{display:flex;flex-direction:column;gap:10px}
.offen-eintrag{border:1px solid var(--line);border-radius:11px;padding:11px 13px}
.offen-kopf{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;justify-content:space-between}
.offen-titel{font-weight:680;font-size:14px}
.offen-warum{font-size:13px;color:var(--ink2);margin-top:4px;line-height:1.55}
.wer{font-size:12px;font-weight:700;padding:2px 9px;border-radius:999px;background:var(--soft);color:var(--akzent-ink);white-space:nowrap}

/* Tabellen */
.tabelle-rahmen{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -4px;padding:0 4px}
table.tab{width:100%;border-collapse:collapse;font-size:13.5px}
table.tab caption{text-align:start;font-size:12px;color:var(--ink2);padding-bottom:6px}
table.tab th{font-size:12px;font-weight:700;color:var(--ink2);text-align:start;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap;vertical-align:bottom}
table.tab td{padding:8px 10px;border-bottom:1px solid var(--line2);vertical-align:top}
table.tab tbody tr:last-child td{border-bottom:0}
table.tab tbody tr:hover td{background:var(--line2)}
table.tab .zahl{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}
table.tab th.zahl{text-align:end}
table.tab .pfad{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;white-space:nowrap;direction:ltr;unicode-bidi:isolate;text-align:start}
html[dir="rtl"] table.tab .pfad{text-align:right}
table.tab .wort{overflow-wrap:anywhere}
table.tab .breit{min-width:180px}
table.tab.min640{min-width:640px}
table.tab.min520{min-width:520px}
table.tab td.ar{direction:rtl;text-align:right;font-family:var(--schrift-ar)}
table.tab td.en{direction:ltr;text-align:left}
table.tab .rang{color:var(--ink3);width:1%;font-variant-numeric:tabular-nums}
table.tab .nicht-gemessen{color:var(--ink2);font-size:12.5px;white-space:nowrap}   /* „nicht gemessen“ statt 0 in der Aktionen-Tabelle (D3) */
.sortier{border:0;background:none;padding:0;font:inherit;font-weight:700;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.sortier:hover{color:var(--ink)}
.sortier .pfeil{font-size:10px;opacity:.35}
th[aria-sort="ascending"] .sortier .pfeil,th[aria-sort="descending"] .sortier .pfeil{opacity:1;color:var(--akzent)}
tr.markiert td{background:var(--soft)!important;transition:background .6s}
.leer-zeile{color:var(--ink2);font-size:13.5px;padding:10px 0}

/* Geräte-Balken */
.geraete{display:flex;flex-direction:column;gap:12px}
.geraet-name{display:flex;justify-content:space-between;gap:8px;font-size:13.5px;font-weight:650}
.geraet-name .z{font-weight:600;color:var(--ink2)}
.geraet-zeile{display:grid;grid-template-columns:minmax(0,96px) minmax(0,1fr) auto;gap:8px;align-items:center;font-size:12.5px;color:var(--ink2);margin-top:4px}
.geraet-spur{height:8px;border-radius:999px;background:var(--line2);overflow:hidden}
.geraet-spur>span{display:block;height:100%;border-radius:999px}
.geraet-spur>span.s1{background:var(--s1)}
.geraet-spur>span.s2{background:var(--s2)}
.geraet-zeile .z{min-width:56px;text-align:end}

/* Indexierung */
.index-zahlen{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}
.index-kachel{border:1px solid var(--line);border-radius:11px;padding:8px 12px;min-width:120px;flex:1 1 150px}
.index-kachel .wert{font-size:20px;font-weight:740;direction:ltr;unicode-bidi:isolate;display:block}
html[dir="rtl"] .index-kachel .wert{text-align:right}
.index-kachel .name{font-size:12.5px;color:var(--ink2);line-height:1.4;display:block}
.index-kachel.gesamt{background:var(--soft);border-color:transparent}

/* Diagramm */
.diagramm{position:relative;direction:ltr;outline:none;border-radius:8px}
.diagramm:focus-visible{outline:2px solid var(--akzent);outline-offset:4px}
.diagramm svg{display:block;overflow:visible;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.panel-titel{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--ink);margin:6px 0 2px}
html[dir="rtl"] .panel-titel{direction:rtl;justify-content:flex-start}
.linien-schluessel{display:inline-block;width:16px;height:3px;border-radius:2px;flex:0 0 auto}
.linien-schluessel.s1{background:var(--s1)}.linien-schluessel.s2{background:var(--s2)}
.d-gitter{stroke:var(--line);stroke-width:1;shape-rendering:crispEdges}
.d-achse{stroke:var(--ink3);stroke-width:1;shape-rendering:crispEdges}
.d-text{fill:var(--ink3);font-size:11px;font-family:var(--schrift);font-variant-numeric:tabular-nums}
.d-endwert{fill:var(--ink);font-size:11.5px;font-weight:700;font-family:var(--schrift);font-variant-numeric:tabular-nums}
html[lang="ar"] .d-text.monat{font-family:var(--schrift-ar)}
.d-linie{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.d-linie.s1{stroke:var(--s1)}.d-linie.s2{stroke:var(--s2)}
.d-flaeche.s1{fill:var(--s1);opacity:.09}.d-flaeche.s2{fill:var(--s2);opacity:.09}
.d-punkt{stroke:var(--card);stroke-width:2}
.d-punkt.s1{fill:var(--s1)}.d-punkt.s2{fill:var(--s2)}
.d-fadenkreuz{stroke:var(--ink3);stroke-width:1;shape-rendering:crispEdges}
.d-fang{fill:transparent;cursor:crosshair}
.tooltip{position:absolute;top:0;left:0;pointer-events:none;background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:0 6px 20px rgba(0,0,0,.14);border-radius:10px;padding:8px 11px;font-size:12.5px;min-width:150px;z-index:5;opacity:0;transition:opacity .08s}
.tooltip.sichtbar{opacity:1}
.tooltip .tt-kopf{font-weight:650;color:var(--ink2);margin-bottom:4px;white-space:nowrap}
html[lang="ar"] .tooltip{font-family:var(--schrift-ar)}
.tooltip .tt-zeile{display:flex;align-items:center;gap:7px;white-space:nowrap}
.tooltip .tt-wert{font-weight:750;font-size:14px;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
.tooltip .tt-name{color:var(--ink2)}
.tooltip .tt-zusatz{color:var(--warn);font-size:11.5px;margin-top:3px;white-space:normal}
html[dir="rtl"] .tooltip{direction:rtl;text-align:right}
details.werte{margin-top:12px}
details.werte summary{cursor:pointer;font-size:13px;font-weight:650;color:var(--akzent-ink)}
details.werte .tabelle-rahmen{margin-top:8px;max-height:360px;overflow:auto}

/* Druck */
@media print{
  body{background:#fff;color:#000}
  .reiter,.kopf-rechts,.knopf,.link-pfeil{display:none!important}
  .kopf{background:#fff;color:#000;border-bottom:2px solid #000}
  .karte,.zustand{box-shadow:none;border:1px solid #ccc;break-inside:avoid}
  .tabelle-rahmen{overflow:visible}
}
@media (forced-colors:active){
  .chip::before,.ampel-licht,.balken>span,.geraet-spur>span,.farbfeld,.d-seg{forced-color-adjust:none}
}
.mt{margin-top:14px}
.th-unter{display:block;font-weight:500;font-size:11px;color:var(--ink3);margin-top:1px}
.linien-schluessel.leer{background:transparent}
html[dir="ltr"] .feld-wert .zweit{text-align:left}
html[dir="rtl"] .feld-wert .zweit{text-align:right}
table.tab th.ar{text-align:right}
table.tab th.en{text-align:left}
.nr-text{font-size:12px;color:var(--ink3);padding:0 3px}
@media (min-width:821px){table.tab.vergleich{min-width:0}}
@media (prefers-color-scheme:dark){.ampel-geraet{background:#141111;box-shadow:inset 0 0 0 1px var(--line)}.ampel-licht{background:#3A3433}}

/* Anfragen (0.2.0) */
.info-band{display:flex;gap:10px;align-items:flex-start;background:var(--soft);color:var(--ink);border-radius:12px;padding:11px 14px;margin:0 0 16px;font-size:13.5px;line-height:1.55}
.info-band .zeichen{flex:0 0 auto;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:12px;background:var(--card);color:var(--akzent-ink);font-family:var(--schrift)}
.gross-zahl{font-size:34px;font-weight:740;letter-spacing:-.5px;line-height:1.15;direction:ltr;unicode-bidi:isolate;display:inline-block;font-variant-numeric:tabular-nums}
.kz-info{margin-top:6px;font-size:12px;color:var(--ink2);background:var(--soft);border-radius:8px;padding:5px 8px;line-height:1.5}
.kz-zusatz{margin-top:6px;font-size:12.5px;color:var(--ink2)}
.legende-reihe{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--ink2);margin:2px 0 8px}
.legende-reihe .eintrag{display:inline-flex;align-items:center;gap:6px}
.farbfeld{width:11px;height:11px;border-radius:3px;flex:0 0 auto;display:inline-block}
.farbfeld.c1{background:var(--c1)}.farbfeld.c2{background:var(--c2)}.farbfeld.c3{background:var(--c3)}.farbfeld.c4{background:var(--c4)}
.farbfeld.c5{background:var(--c5)}.farbfeld.c6{background:var(--c6)}.farbfeld.c7{background:var(--c7)}.farbfeld.leer{background:transparent}
.d-seg{stroke:var(--card);stroke-width:2px}
.d-seg.c1{fill:var(--c1)}.d-seg.c2{fill:var(--c2)}.d-seg.c3{fill:var(--c3)}.d-seg.c4{fill:var(--c4)}
.d-seg.c5{fill:var(--c5)}.d-seg.c6{fill:var(--c6)}.d-seg.c7{fill:var(--c7)}
.d-seg.laufend{opacity:.5}
.d-spalte{fill:var(--line2)}
.d-endwert.zweit{fill:var(--ink2);font-weight:650}
.umschalter{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;flex:0 0 auto}
.umschalter button{border:0;background:var(--card);padding:6px 12px;font-size:13px;font-weight:650;cursor:pointer;color:var(--ink2)}
.umschalter button+button{border-inline-start:1px solid var(--line)}
.umschalter button[aria-pressed="true"]{background:var(--blau);color:#fff}
.tooltip .farbfeld{margin-inline-end:1px}
.tooltip .tt-summe{border-top:1px solid var(--line);margin-top:3px;padding-top:3px}
table.tab tfoot th,table.tab tfoot td{border-top:1px solid var(--line);font-weight:700;padding:8px 10px;text-align:start}
table.tab tfoot td.zahl{text-align:end}
table.tab.min420{min-width:420px}
.quelle-zelle{display:inline-flex;align-items:center;gap:7px}
.kurz-chip{font-size:11px;font-weight:700;color:var(--ink3);border:1px solid var(--line);border-radius:6px;padding:0 5px;direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.zweit-kurz{color:var(--ink3);font-size:12px}
.index-zahlen.mess-zahlen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.index-zahlen.mess-zahlen .index-kachel{min-width:0}

/* Website-Überwachung (0.3.0) */
.spalte{display:flex;flex-direction:column;gap:16px;min-width:0}
.spalte>.karte{margin-bottom:0}
.chip.gruen{background:var(--okbg);color:var(--ok)}.chip.gruen::before{background:var(--okpunkt)}
.chip.gelb{background:var(--warnbg);color:var(--warn)}.chip.gelb::before{background:var(--warnpunkt)}
.chip.rot{background:var(--badbg);color:var(--bad)}.chip.rot::before{background:var(--badpunkt)}
.chip.grau{background:var(--graubg);color:var(--grau)}
.ub-seit{font-size:13.5px;color:var(--ink2);margin-top:4px}
.ub-stumm{margin-top:10px;font-size:13px;line-height:1.55;color:var(--warn);background:var(--warnbg);border-radius:10px;padding:8px 11px;display:flex;flex-direction:column;gap:3px}
.ub-gemeldet{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--ink2)}
.ub-mail{margin-top:12px;font-size:13.5px}
.ub-liste{display:flex;flex-direction:column;gap:6px;margin-top:4px;font-size:13.5px}
.ub-liste li{display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-width:0}

/* Google-Blöcke (0.3.1): Website-Statistik, Google Ads, Local Services, Datenqualität */
.seiten-nav{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin:-4px 0 16px;font-size:13px}
.seiten-nav .unter{color:var(--ink2);font-weight:650;font-size:13px}
.seiten-nav button{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:4px 11px;font-size:12.5px;font-weight:650;color:var(--akzent-ink);cursor:pointer}
.seiten-nav button:hover{border-color:var(--akzent)}
.abschnitt{margin-top:30px}
.abschnitt-kopf{margin:0 0 14px;padding-top:16px;border-top:2px solid var(--line)}
.abschnitt-kopf h2{font-size:19px;font-weight:750;letter-spacing:-.2px;scroll-margin-top:64px}
.abschnitt-kopf h2:focus{outline:none}
.abschnitt-kopf h2:focus-visible{outline:2px solid var(--akzent);outline-offset:3px;border-radius:6px}
.abschnitt-kopf .unter{font-size:13.5px;color:var(--ink2);margin-top:2px}
#h-diagramm{scroll-margin-top:64px}
.karte h3.karte-titel{font-size:16px;font-weight:720;letter-spacing:-.1px;margin:0;color:var(--ink)}
.karte-quelle .quelle{margin-top:0;padding-top:0;border-top:0}
.info-band.warn{background:var(--warnbg);color:var(--warn)}
.info-band.warn .zeichen{color:var(--warn)}
.kachel-delta{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:baseline;margin-top:4px;font-size:12px;color:var(--ink2)}
.kachel-zusatz{display:block;font-size:12px;color:var(--ink2);margin-top:4px;line-height:1.45}
.d-vorl{fill:var(--warnbg);opacity:.8}
.d-vorl-text{fill:var(--warn);font-size:10.5px;font-weight:650}
.d-punkt.s1.vorl{fill:var(--card);stroke:var(--s1)}
.d-punkt.s2.vorl{fill:var(--card);stroke:var(--s2)}
.farbfeld.vorl{background:var(--warnbg);border:1px solid var(--warnpunkt)}
.tag-marke{font-size:12px;color:var(--warn);white-space:nowrap}
.chip.info{background:var(--laufbg);color:var(--lauf)}.chip.info::before{background:var(--laufpunkt)}
.art-liste{display:flex;flex-direction:column;gap:8px;margin-top:2px}
.art-liste li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:baseline;padding:8px 11px;border:1px solid var(--line);border-radius:10px}
.art-liste .art-name{font-size:13.5px;font-weight:650;min-width:0}
.art-liste .art-wert{font-size:17px;font-weight:740}
.art-liste .art-wert.leer{font-size:13.5px;font-weight:650;color:var(--ink2)}   /* „nicht gemessen“ statt Zahl (D3) */
.art-liste .art-zusatz{grid-column:1 / -1;font-size:12px;color:var(--ink2)}
.art-liste li.summe{background:var(--soft);border-color:transparent}
.regel-name{font-weight:650}
.regel-erkl{display:block;font-size:12px;color:var(--ink2);margin-top:2px;line-height:1.45;white-space:normal}
.ursachen-liste{display:flex;flex-direction:column;gap:6px;margin-top:8px;font-size:13px;line-height:1.5;color:var(--ink2);list-style:disc;padding-inline-start:18px}
@media (forced-colors:active){.d-vorl{forced-color-adjust:none}}

/* Website (0.4.0) */
main.breit{max-width:1680px}
.web-raster{display:grid;grid-template-columns:minmax(200px,250px) minmax(0,1fr) minmax(270px,340px);gap:16px;align-items:start;margin-bottom:16px}
.web-raster>.karte{margin-bottom:0}
@media (max-width:1240px){.web-raster{grid-template-columns:minmax(190px,230px) minmax(0,1fr)}.web-raster>.web-panel{grid-column:1 / -1}}
@media (max-width:820px){.web-raster{grid-template-columns:minmax(0,1fr)}}
.web-liste{position:sticky;top:56px;max-height:calc(100vh - 72px);display:flex;flex-direction:column}
@media (max-width:820px){.web-liste{position:static;max-height:none}.web-seiten{max-height:260px}}
.web-liste-inhalt{display:flex;flex-direction:column;min-height:0;flex:1 1 auto}
.web-suche,.web-feld{width:100%;font:inherit;font-size:14px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink)}
.web-suche{margin:2px 0 6px}
.web-suche:focus-visible,.web-feld:focus-visible{outline:2px solid var(--akzent);outline-offset:1px}
.web-treffer{font-size:12px;color:var(--ink3);margin-bottom:6px}
.web-seiten{overflow:auto;display:flex;flex-direction:column;gap:2px;margin:0 -6px;padding:0 6px 4px;min-height:0;flex:1 1 auto}
.web-seite{width:100%;text-align:start;display:flex;flex-direction:column;align-items:stretch;gap:2px;border:1px solid transparent;background:transparent;border-radius:9px;padding:7px 9px;cursor:pointer}
.web-seite:hover{background:var(--line2)}
.web-seite[aria-current="true"]{background:var(--soft);border-color:var(--blau)}
.web-seite.gesperrt .web-seite-name{color:var(--ink2)}
.web-seite-name{font-weight:650;font-size:13.5px;direction:ltr;unicode-bidi:isolate;overflow-wrap:anywhere;text-align:start}
.web-seite-titel{font-size:12px;color:var(--ink2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.web-seite-marken{display:flex;gap:4px;flex-wrap:wrap}
.web-schloss{gap:4px}
.web-schloss-bild{flex:0 0 auto}
.web-kopf{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.web-kopf h2{overflow-wrap:anywhere}
.web-pfad{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13.5px;font-weight:600;unicode-bidi:isolate}
.web-gesperrt{color:var(--warn);background:var(--warnbg);border-radius:10px;padding:8px 11px}
.web-rahmen-huelle{margin-top:10px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.web-rahmen{display:block;width:100%;height:calc(100vh - 240px);min-height:520px;border:0;background:#fff}
@media (max-width:820px){.web-rahmen{height:70vh;min-height:420px}}
.web-panel h3{font-size:14px;font-weight:700;margin:16px 0 8px}
.web-panel h2+h3,.web-panel h2+.web-notiz+h3{margin-top:8px}
.web-aend{display:flex;flex-direction:column;gap:8px}
.web-aend li{border:1px solid var(--line);border-radius:10px;padding:8px 10px;min-width:0}
.web-aend-kopf{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:12px;color:var(--ink2);margin-bottom:4px;flex-wrap:wrap}
.web-aend-knoepfe{display:inline-flex;gap:4px}
.web-aend del{display:block;color:var(--ink2);text-decoration:line-through;font-size:13px;overflow-wrap:anywhere}
.web-aend ins{display:block;text-decoration:none;background:var(--warnbg);color:var(--ink);border-radius:4px;padding:1px 5px;margin-top:3px;font-size:13.5px;overflow-wrap:anywhere}
.knopf.klein{padding:3px 8px;font-size:12px;border-radius:8px}
.web-werkzeuge{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:8px}
.web-modus{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.web-modus .feld-titel{margin:0}
.web-modus .knopf.aktiv{background:var(--soft);border-color:var(--ink2);font-weight:700}
.web-verborgen{color:var(--warn);background:var(--warnbg);border-radius:10px;padding:6px 10px}
.web-dialog .web-gespeichert{max-height:36vh;overflow:auto;margin-top:6px}
.knopf.gefahr{border-color:var(--badpunkt);color:var(--bad)}
.knopf.haupt.gefahr{background:var(--badpunkt);border-color:var(--badpunkt);color:#fff}
.web-meta{margin-top:4px}
.web-feld-gruppe{margin-top:10px}
.web-feld{resize:vertical;line-height:1.45}
.web-feld:disabled{opacity:.6}
.web-zaehler{font-size:12px;margin-top:3px;color:var(--ink2)}
.web-zaehler.ok{color:var(--ok)}
.web-zaehler.warn{color:var(--warn)}
.web-knoepfe{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.web-knoepfe .knopf{width:100%;padding:9px 12px;font-size:13.5px;white-space:normal;text-align:center}
.web-grund{font-size:12px;color:var(--ink2);line-height:1.45}
.web-notiz{font-size:13px;border-radius:10px;padding:8px 11px;margin:6px 0 10px;line-height:1.5}
.web-notiz.info{background:var(--soft);color:var(--ink)}
.web-notiz.warn{background:var(--warnbg);color:var(--warn)}
.web-status{margin-top:14px;padding-top:12px;border-top:1px solid var(--line2);font-size:13.5px;display:flex;flex-direction:column;gap:6px}
.web-status:empty{display:none}
.web-status .feld-titel{margin:0}
.web-status-zeile{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.web-status .kreis{width:14px;height:14px;border-width:2px}
.web-status code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;overflow-wrap:anywhere}
.web-pruef-fehler{margin:6px 0 0;display:flex;flex-direction:column;gap:3px;font-size:12.5px;color:var(--bad);list-style:disc;padding-inline-start:18px}
.web-dialog-hinter{position:fixed;inset:0;background:rgba(20,17,17,.55);z-index:100;display:grid;place-items:center;padding:16px}
.web-dialog{background:var(--card);color:var(--ink);border-radius:var(--radius);box-shadow:0 10px 40px rgba(0,0,0,.35);max-width:540px;width:100%;padding:20px;max-height:calc(100vh - 32px);overflow:auto}
.web-dialog h2{font-size:17px;font-weight:750;margin-bottom:6px;overflow-wrap:anywhere}
.web-dialog p{font-size:14px;line-height:1.55;margin-top:8px}
.web-dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin-top:12px;font-size:13.5px}
.web-dl>div{display:contents}
.web-dl dt{color:var(--ink2);font-weight:650}
.web-dl dd{margin:0;overflow-wrap:anywhere}
.web-haken{display:flex;gap:9px;align-items:flex-start;margin-top:16px;font-weight:650;font-size:14px;cursor:pointer}
.web-haken input{width:18px;height:18px;margin-top:2px;flex:0 0 auto}
.web-dialog-knoepfe{display:flex;gap:8px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}
@media print{.web-rahmen-huelle,.web-knoepfe,.web-dialog-hinter{display:none!important}}

/* Stichtag und Ereignis-Kalender (0.5.0) */
.d-ereignis{stroke:var(--ink3);stroke-width:1;stroke-dasharray:2 3;shape-rendering:crispEdges}
.d-ereignis.ungenau{stroke-dasharray:1 4}
.d-stichtag{stroke:var(--akzent);stroke-width:2;shape-rendering:crispEdges}
.d-seit{fill:var(--akzent);opacity:.06}
.d-marke-text{fill:var(--ink2);font-size:10.5px;font-family:var(--schrift)}
.d-marke-text.stichtag{fill:var(--akzent-ink);font-weight:750}
html[lang="ar"] .d-marke-text{font-family:var(--schrift-ar)}
.linien-schluessel.ereignis{height:0;background:transparent;border-top:2px dotted var(--ink3)}
.linien-schluessel.stichtag{background:var(--akzent)}
.farbfeld.seit{background:var(--soft);border:1px solid var(--akzent)}
.tooltip .tt-zusatz.ereignis{color:var(--ink2)}
.tooltip .tt-zusatz.ereignis.stichtag{color:var(--akzent-ink);font-weight:650}
.tag-ereignis{display:inline-block;margin-inline-start:6px;font-size:11px;font-weight:650;color:var(--ink2);padding:0 6px;border-radius:999px;background:var(--graubg);white-space:nowrap;vertical-align:middle}
.tag-ereignis.stichtag{background:var(--soft);color:var(--akzent-ink)}
.ereignis-liste{display:flex;flex-direction:column}
.ereignis-liste li{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:2px 12px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--line2);font-size:13.5px}
.ereignis-liste li:last-child{border-bottom:0}
.ereignis-liste .ereignis-datum{font-weight:700;white-space:nowrap}
.ereignis-liste li.stichtag .ereignis-datum{color:var(--akzent-ink)}
.ereignis-liste .ereignis-text{min-width:0;overflow-wrap:anywhere}
.ereignis-liste .chip{vertical-align:middle;margin-inline-end:4px}
@media (max-width:640px){.ereignis-liste li{grid-template-columns:minmax(0,1fr)}}
.stichtag-lage{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:13.5px}
.stichtag-zeile{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.stichtag-zeile .feld-titel{margin:0;min-width:120px}
table.tab.stichtag-tab tr.gruppe th{background:var(--line2);font-weight:700;color:var(--ink);padding:6px 10px}
table.tab.stichtag-tab tbody th[scope="row"]{font-weight:600;color:var(--ink);white-space:normal}
.kz-stichtag{margin-top:8px;font-size:12.5px;color:var(--ink2);line-height:1.55;border-inline-start:3px solid var(--akzent);padding-inline-start:8px}
.kz-stichtag .kz-stichtag-titel{font-weight:650;color:var(--ink)}
@media (forced-colors:active){.d-seit,.d-stichtag,.d-ereignis{forced-color-adjust:none}}

/* Unter-Reiter Suche (0.6.0) */
.verteilung-block{margin:4px 0 10px}
.verteilung{display:flex;height:14px;border-radius:999px;overflow:hidden;background:var(--line2);direction:ltr}
.verteilung-seg{display:block;height:100%;min-width:2px}
.verteilung-seg.c1{background:var(--c1)}.verteilung-seg.c2{background:var(--c2)}.verteilung-seg.c3{background:var(--c3)}.verteilung-seg.c4{background:var(--c4)}
.verteilung-seg.c5{background:var(--c5)}.verteilung-seg.c6{background:var(--c6)}.verteilung-seg.c7{background:var(--c7)}
.verteilung-block .legende-reihe{margin-top:8px}
.su-filter{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:flex-end;margin:4px 0 10px}
.su-filter label{display:flex;flex-direction:column;gap:3px;font-size:12px;font-weight:700;color:var(--ink2)}
.su-filter select,.su-filter input{font:inherit;font-size:13.5px;padding:5px 8px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);min-width:170px;max-width:100%}
.su-filter select:focus-visible,.su-filter input:focus-visible{outline:2px solid var(--akzent);outline-offset:1px}
.su-treffer{margin:0 0 6px}
.su-orte .karte{margin-bottom:0}
.su-ort.ohne{border-style:dashed}
.su-ort-werte{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:3px 10px;font-size:12.5px;color:var(--ink2);margin-top:8px;line-height:1.5}
.su-ort-werte dt{font-weight:650;white-space:nowrap}
.su-ort-werte dd{overflow-wrap:anywhere}
@media (max-width:640px){.su-ort-werte{grid-template-columns:minmax(0,1fr)}}
.su-seite-zusatz{display:block;font-size:11.5px;color:var(--ink3);white-space:normal;font-family:var(--schrift);overflow-wrap:anywhere;margin-top:2px}
table.tab td.pfad .chip{margin-inline-start:6px;vertical-align:middle;font-family:var(--schrift)}
table.tab td.pfad .chip.rot,table.tab td .chip.gruen{margin-inline-start:6px}
.su-mehrere summary .su-wort{font-weight:700;color:var(--ink)}
.su-mehrere+.su-mehrere{margin-top:6px}
.su-woerter{display:flex;flex-wrap:wrap;gap:6px}
.su-woerter .chip{font-weight:600}
.su-hinweise{display:flex;flex-direction:column;gap:6px;font-size:13.5px;color:var(--ink2);line-height:1.5}
.su-hinweise li{padding-inline-start:12px;border-inline-start:3px solid var(--line)}
.su-signale .su-sig-name{display:block;font-weight:700;margin-bottom:2px}
.su-kacheln{margin-bottom:16px}
.su-kacheln .info-band{margin-bottom:12px}
@media (forced-colors:active){.verteilung-seg{forced-color-adjust:none}}

/* 0.7.0-vergleiche: Seiten-Ansicht F (GA4-Spalten), Local Services Gutschriften */
.su-ueber-100{color:var(--warn)}
.su-ga4-leer{color:var(--ink3)}
.ls-gutschriften{font-weight:650;color:var(--ink)}

/* 0.8.0-filter: Filterleiste (Reiter Suche und Übersicht), Basis-Hinweis, Zeilen „Filter wirken hier nicht“ */
.su-filterleiste{margin-bottom:16px}
.su-filterleiste .su-filter{margin-top:8px}
/* lange Namen aus der Datei (z. B. „von Google nicht ausgewiesen (Seitensumme − …)“) dürfen die Seite nicht verbreitern: die Auswahl schrumpft,
   die Liste zeigt den ganzen Namen */
.su-filterleiste .su-filter label{flex:1 1 170px;min-width:0;max-width:100%}
.su-filterleiste .su-filter select{width:100%;min-width:0;text-overflow:ellipsis}
.su-filter select option:disabled{color:var(--ink3)}
.su-filter-sperre{font-size:12.5px;color:var(--ink2);margin:0 0 8px}
.su-filter-hinweis{margin-top:6px}
.su-filter-hinweis .info-band{margin-bottom:8px;font-weight:600}
.su-filter-grenzen{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--ink2);line-height:1.5;margin:0}
.su-filter-grenzen li{padding-inline-start:10px;border-inline-start:3px solid var(--line)}
.su-filter-nicht{margin:6px 0 0;font-size:12.5px;font-weight:650;color:var(--ink2);background:var(--line2);border-radius:8px;padding:4px 8px;display:inline-block}
.su-filter-aktiv{margin:0 0 10px}
.su-filter-fehlt{margin:0 0 12px}
.su-filter-leer{display:flex;align-items:stretch}
.su-filter-leer .zustand{margin:0;width:100%}
.su-filter-teil .lade{min-height:120px}
.abschnitt-kopf .su-filter-nicht{display:block;width:fit-content}

/* Überwachung als Betriebsansicht (0.8.1-ueberwachung): Kopf mit Urteil und Zählern, Box „Was gerade nicht stimmt“, Gruppen mit
   details/summary, Tagesplan der Abrufe. Nur Tokens (Dunkelmodus automatisch), Zustand immer als Wort. */
.ub-zeichen{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;font-size:14px;font-weight:800;vertical-align:-4px;margin-inline-end:8px;background:var(--graubg);color:var(--grau);font-family:var(--schrift)}
.ub-zeichen.gruen{background:var(--okbg);color:var(--ok)}.ub-zeichen.gelb{background:var(--warnbg);color:var(--warn)}.ub-zeichen.rot{background:var(--badbg);color:var(--bad)}
.ub-satz{font-size:14px;line-height:1.5;margin-top:4px}
.ub-zaehler{margin-top:10px}
.ub-takt{display:flex;flex-wrap:wrap;gap:2px 6px;margin-top:8px;font-size:13px;color:var(--ink2)}
.ub-takt .trenn{color:var(--ink3)}
.ub-takt.spaet{color:var(--warn);font-weight:650}
.ub-mail.aus strong{font-weight:700}
.ub-problem{border-inline-start:4px solid var(--warnpunkt)}
.ub-problem.rot{border-inline-start-color:var(--badpunkt)}
.ub-problem-liste{display:flex;flex-direction:column;gap:8px}
.ub-problem-text{min-width:0;flex:1}
.ub-problem-name{font-weight:700;font-size:14px;overflow-wrap:anywhere}
.ub-bereich{display:inline-block;margin-inline-start:8px;font-size:11.5px;font-weight:650;color:var(--ink2);white-space:nowrap}
.ub-fakten{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;margin-top:4px;font-size:12.5px;color:var(--ink2)}
.ub-fakten>div{display:contents}
.ub-fakten dt{font-weight:650}
.ub-fakten dd{margin:0;min-width:0;overflow-wrap:anywhere}
.ub-tun{margin-top:6px;font-size:13.5px;line-height:1.55;color:var(--ink);min-width:0;overflow-wrap:anywhere}
/* Texte aus der Datei (Hinweise mit Pfaden wie automatik/protokolle/gsc_erweiterung.log) brechen überall um – nie über den Rand */
.ub-stumm,.ub-kopf .hinweis,.ub-plan-block .hinweis{min-width:0;overflow-wrap:anywhere}
.ub-wert{direction:ltr;unicode-bidi:isolate;white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.ub-wert-teil{white-space:nowrap}
/* Messwert in einfacher Sprache (Dauer, Sekunden, Antwort der Website, Dienst, „Fehler: …“): im Arabischen von rechts nach links; Datum
   und rohe Teile stehen je im Isolat (.z) */
html[dir="rtl"] .ub-wert.klar{direction:rtl}
/* die Bezeichnung eines Fehlers ist ein Satzteil – sie darf umbrechen; ebenso die Wörter statt Antwortnummer, DNS-Eintrag und
   Dienst-Zustand („leitet nur vorübergehend weiter“); breit nimmt der Messwert dem Namen höchstens 26em */
.ub-wert-fehler{white-space:normal}
.ub-wert-wort{white-space:normal}
.ub-pruef>.ub-wert.klar{max-width:26em}
/* „Technische Details“: zugeklappt, Inhalt immer links-nach-rechts (Kennung, Protokoll, Befehl) – bricht überall um, nie über den Rand */
.ub-technik{margin-top:4px;min-width:0;font-size:12px}
.ub-pruef>.ub-technik{grid-column:2 / -1}
.ub-technik>summary{cursor:pointer;width:fit-content;font-weight:650;color:var(--akzent-ink)}
.ub-technik-text{direction:ltr;unicode-bidi:isolate;text-align:left;min-width:0;margin-top:4px;padding:6px 8px;border-radius:8px;background:var(--line2);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;overflow-wrap:anywhere;white-space:normal}
.ub-technik-zeile{display:block}
/* Gruppen */
.ub-gruppe-karte{padding:0}
.ub-gruppe>summary{list-style:none;cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:14px 18px;border-radius:var(--radius)}
.ub-gruppe>summary::-webkit-details-marker{display:none}
.ub-gruppe>summary::before{content:"▸";color:var(--ink3);font-size:12px;width:12px}
html[dir="rtl"] .ub-gruppe>summary::before{content:"◂"}
.ub-gruppe[open]>summary::before,html[dir="rtl"] .ub-gruppe[open]>summary::before{content:"▾"}
.ub-gruppe>summary:hover{background:var(--line2)}
.ub-gruppe-name{display:inline;font-size:16px;font-weight:720;letter-spacing:-.1px}
.ub-gruppe-stand{font-size:13px;color:var(--ink2)}
.ub-gruppe-inhalt{padding:0 18px 16px}
.ub-teil-titel{margin-top:12px}
.ub-pruef-liste{display:flex;flex-direction:column}
/* breit: Chip | Name (mindestens 8em) | Messwert am Zeilenende – der Messwert bricht an „ · “ um, statt dem Namen den Platz zu nehmen */
.ub-pruef{display:grid;grid-template-columns:auto minmax(8em,1fr) auto;gap:2px 10px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--line2);font-size:13.5px}
.ub-pruef:last-child{border-bottom:0}
.ub-pruef-name{min-width:0;overflow-wrap:anywhere;font-weight:600}
/* .ub-wert ist links-nach-rechts (direction:ltr) – start/end gälten für den Wert selbst, darum Seite-abhängig mit left/right */
.ub-pruef>.ub-wert{font-size:12.5px;color:var(--ink2);text-align:right}
html[dir="rtl"] .ub-pruef>.ub-wert{text-align:left}
.ub-pruef-zusatz{grid-column:2 / -1;font-size:12px;color:var(--ink2)}
.ub-pruef-hinweis{grid-column:2 / -1;min-width:0;overflow-wrap:anywhere;margin-top:2px;padding:4px 8px;border-radius:8px;background:var(--line2);font-size:12.5px;line-height:1.5}
.ub-pruef.gruen>.ub-pruef-hinweis{color:var(--ink2)}
/* Tagesplan */
.ub-plan-block{margin:2px 0 14px}
.ub-plan-block .karte-kopf{margin-bottom:6px}
.ub-plan-summe{margin:2px 0 8px}
.ub-plan{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:8px}
.ub-plan+.feld-titel{margin-top:12px}
.ub-plan-schritt{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"zeit name" "zeit status" "zeit zusatz";gap:2px 8px;align-items:baseline;min-width:0;padding:7px 9px;border:1px solid var(--line);border-inline-start:4px solid var(--graupunkt);border-radius:10px}
.ub-plan-schritt.erledigt,.ub-plan-schritt.ok,.ub-plan-schritt.zuletzt{border-inline-start-color:var(--okpunkt)}
.ub-plan-schritt.geplant{border-inline-start-color:var(--laufpunkt)}
.ub-plan-schritt.verspaetet{border-inline-start-color:var(--warnpunkt)}
.ub-plan-schritt.fehlgeschlagen{border-inline-start-color:var(--badpunkt);background:var(--badbg)}
.ub-plan-schritt.fehlt{border-style:dashed;border-inline-start-color:var(--line)}
.ub-plan-zeit{grid-area:zeit;font-weight:750;font-size:13.5px}
.ub-plan-name{grid-area:name;min-width:0;font-size:13px;font-weight:650;overflow-wrap:anywhere}
.ub-plan-status{grid-area:status;min-width:0}
.ub-plan-zusatz{grid-area:zusatz;font-size:11.5px;color:var(--ink2)}
.ub-plan-jetzt{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px dashed var(--akzent);border-radius:10px;background:var(--soft);color:var(--akzent-ink);font-size:12.5px;font-weight:750}
.ub-stuendlich .ub-plan-schritt{grid-template-columns:minmax(0,1fr);grid-template-areas:"zeit" "name" "status" "zusatz"}
.ub-stuendlich .ub-plan-zeit{font-weight:650;font-size:12px;color:var(--ink2)}
.ub-sieben{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin-bottom:6px}
.ub-sieben .feld-titel{margin:0}
@media (max-width:640px){
  .ub-plan{grid-template-columns:minmax(0,1fr)}
  .ub-plan-schritt{grid-template-columns:3.6em minmax(0,1fr) auto;grid-template-areas:"zeit name status" "zeit zusatz zusatz"}
  /* Prüfzeilen: Messwert in einer eigenen Zeile unter dem Namen (sonst wird der Name zwischen 401 und gut 520 px 0 px breit) */
  .ub-pruef{grid-template-columns:auto minmax(0,1fr)}
  .ub-pruef>.ub-wert{grid-column:2 / -1;text-align:left}
  html[dir="rtl"] .ub-pruef>.ub-wert{text-align:right}
  .ub-wert-teil{white-space:normal}
}
@media (max-width:400px){
  .ub-kopf,.ub-problem{padding:14px}
  .ub-gruppe>summary{padding:12px 14px}
  .ub-gruppe-inhalt{padding:0 14px 14px}
  .ub-fakten{grid-template-columns:minmax(0,1fr)}
  .ub-plan-schritt{grid-template-columns:3.6em minmax(0,1fr);grid-template-areas:"zeit name" "zeit status" "zeit zusatz"}
  .ub-bereich{display:block;margin-inline-start:0}
}
@media print{.ub-gruppe>summary::before{display:none}}
/* Wettbewerb (0.9.0-wettbewerb): Reiter «المنافسين» – Karten je Wettbewerber, Maßnahmen als details/summary, Platzhalter „intern – nur
   Geschäftsführung“, Namen lateinisch in eigenem isoliertem Element (im Arabischen eigene Zeile über dem Satz), Anzeigen als neutrales
   Schema, Stufen des Plans, Werkzeug-Platz gestrichelt. Nur Tokens (Dunkelmodus automatisch), Zustand immer als Wort. */
.wb-name{display:inline-block;direction:ltr;unicode-bidi:isolate;font-weight:700;color:var(--ink);overflow-wrap:anywhere}
.wb-namen{display:block;direction:ltr;unicode-bidi:isolate;text-align:left;font-size:12px;font-weight:700;color:var(--akzent-ink);margin-bottom:2px}
html[dir="rtl"] .wb-namen{text-align:right}
.wb-namen .trenn{color:var(--ink3)}
.wb-intern{display:block;border:1px dashed var(--line);background:var(--graubg);color:var(--grau);border-radius:10px;padding:6px 10px;font-size:12.5px;font-weight:650;list-style:none}
li.wb-intern{margin:4px 0}
.wb-intern-chip{margin-inline-start:6px;vertical-align:1px}
.wb-liste{padding-inline-start:18px;font-size:13.5px;line-height:1.55}
.wb-liste>li+li{margin-top:4px}
.wb-kern{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:10px 0 16px}
.wb-kern>.karte{margin-bottom:0}
.wb-w-kopf{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin-bottom:10px}
.wb-firma,.wb-beschreibung,.wb-links{flex-basis:100%;min-width:0}
.wb-firma{font-size:12.5px;color:var(--ink2)}
.wb-beschreibung{font-size:13.5px;color:var(--ink2);line-height:1.5}
.wb-links{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12.5px}
.wb-fakten{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;font-size:13px;margin:8px 0}
.wb-fakten>div{display:contents}
.wb-fakten dt{font-weight:650;color:var(--ink2)}
.wb-fakten dd{margin:0;min-width:0;overflow-wrap:anywhere}
.wb-zwei{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}
.wb-teil,.wb-quellen{margin-top:8px;border-top:1px solid var(--line2);padding-top:8px}
.wb-teil>summary,.wb-quellen>summary,.wb-weitere>summary,.wb-m>summary,.wb-stufe-karte>summary,.wb-alle>summary,.wb-recht>summary,.wb-anhang summary,.wb-w-auf>summary,.wb-w-kurz>summary,.wb-wz-tabelle>summary{cursor:pointer;list-style:none}
.wb-teil>summary::-webkit-details-marker,.wb-quellen>summary::-webkit-details-marker,.wb-weitere>summary::-webkit-details-marker,.wb-m>summary::-webkit-details-marker,.wb-stufe-karte>summary::-webkit-details-marker,.wb-alle>summary::-webkit-details-marker,.wb-recht>summary::-webkit-details-marker,.wb-anhang summary::-webkit-details-marker,.wb-w-auf>summary::-webkit-details-marker,.wb-w-kurz>summary::-webkit-details-marker,.wb-wz-tabelle>summary::-webkit-details-marker{display:none}
.wb-teil>summary::before,.wb-quellen>summary::before,.wb-weitere>summary::before,.wb-m>summary::before,.wb-stufe-karte>summary::before,.wb-alle>summary::before,.wb-recht>summary::before,.wb-anhang summary::before,.wb-w-auf>summary::before,.wb-w-kurz>summary::before,.wb-wz-tabelle>summary::before{content:"▸";color:var(--ink3);font-size:12px;margin-inline-end:6px}
html[dir="rtl"] .wb-teil>summary::before,html[dir="rtl"] .wb-quellen>summary::before,html[dir="rtl"] .wb-weitere>summary::before,html[dir="rtl"] .wb-m>summary::before,html[dir="rtl"] .wb-stufe-karte>summary::before,html[dir="rtl"] .wb-alle>summary::before,html[dir="rtl"] .wb-recht>summary::before,html[dir="rtl"] .wb-anhang summary::before,html[dir="rtl"] .wb-w-auf>summary::before,html[dir="rtl"] .wb-w-kurz>summary::before,html[dir="rtl"] .wb-wz-tabelle>summary::before{content:"◂"}
.wb-teil[open]>summary::before,.wb-quellen[open]>summary::before,.wb-weitere[open]>summary::before,.wb-m[open]>summary::before,.wb-stufe-karte[open]>summary::before,.wb-alle[open]>summary::before,.wb-recht[open]>summary::before,.wb-anhang details[open]>summary::before,.wb-w-auf[open]>summary::before,.wb-w-kurz[open]>summary::before,.wb-wz-tabelle[open]>summary::before,html[dir="rtl"] .wb-teil[open]>summary::before,html[dir="rtl"] .wb-quellen[open]>summary::before,html[dir="rtl"] .wb-weitere[open]>summary::before,html[dir="rtl"] .wb-m[open]>summary::before,html[dir="rtl"] .wb-stufe-karte[open]>summary::before,html[dir="rtl"] .wb-alle[open]>summary::before,html[dir="rtl"] .wb-recht[open]>summary::before,html[dir="rtl"] .wb-anhang details[open]>summary::before,html[dir="rtl"] .wb-w-auf[open]>summary::before,html[dir="rtl"] .wb-w-kurz[open]>summary::before,html[dir="rtl"] .wb-wz-tabelle[open]>summary::before{content:"▾"}
.wb-teil>summary,.wb-quellen>summary{font-size:13px;font-weight:650;color:var(--akzent-ink)}
.wb-weitere-liste{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.wb-w-kurz{border:1px solid var(--line);border-radius:12px;padding:8px 12px;scroll-margin-top:64px}
.wb-w-kurz>summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;position:relative;padding-inline-start:18px}
.wb-m{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:8px}
.wb-m>summary{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:10px 14px;border-radius:12px}
.wb-m>summary:hover{background:var(--line2)}
.wb-m-name{font-weight:700;font-size:14px;min-width:0;flex:1 1 260px;overflow-wrap:anywhere}
.wb-m-chips{display:flex;flex-wrap:wrap;gap:4px 6px}
.wb-m-inhalt{padding:0 14px 14px}
.wb-m-felder{display:grid;grid-template-columns:minmax(120px,auto) minmax(0,1fr);gap:6px 14px;font-size:13.5px;line-height:1.55}
.wb-m-felder>div{display:contents}
.wb-m-felder dt{font-weight:650;color:var(--ink2)}
.wb-m-felder dd{margin:0;min-width:0;overflow-wrap:anywhere}
.wb-wie{padding-inline-start:20px}
.wb-ref{border:1px solid var(--line);background:var(--soft);color:var(--akzent-ink);border-radius:7px;padding:1px 7px;font-size:12px;font-weight:750;cursor:pointer;margin-inline-end:4px;direction:ltr;unicode-bidi:isolate}
.wb-ref:hover{border-color:var(--akzent)}
.wb-kw{display:inline-block;direction:ltr;unicode-bidi:isolate;background:var(--line2);border-radius:6px;padding:1px 6px;font-size:12.5px;overflow-wrap:anywhere}
.wb-begriffe{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0}
.wb-kw-erkl{display:block;font-size:12px;color:var(--ink2)}
.wb-fundstellen{direction:ltr;unicode-bidi:isolate;text-align:left;font-size:12px;color:var(--ink2);padding-left:18px}
.wb-anzeigen{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.wb-anzeige{margin:0;border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--card);min-width:0}
.wb-anzeige.entwurf{border-style:dashed;border-color:var(--akzent)}
.wb-anzeige-kopf{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;font-size:12px;color:var(--ink2)}
.wb-anzeige-label{font-weight:800;color:var(--ink)}
.wb-anzeige-original{direction:ltr;unicode-bidi:isolate;text-align:left;margin-top:6px}
.wb-anzeige-titel{font-size:15px;font-weight:700;color:var(--akzent-ink);overflow-wrap:anywhere}
.wb-anzeige-text{font-size:13px;color:var(--ink2);overflow-wrap:anywhere}
.wb-anzeige-original ol{padding-left:18px;font-size:13px}
.wb-zz{margin-left:8px;font-size:11.5px;color:var(--ink3)}
.wb-anzeige-inhalt{margin-top:6px;font-size:13px}
.wb-auktion tr.wb-wir td,.wb-wz-tab tr.wb-wir td{font-weight:700;background:var(--soft)}
.wb-belegt{border-inline-start:4px solid var(--okpunkt)}
.wb-nicht-belegt{border-inline-start:4px solid var(--warnpunkt)}
.wb-zeichen{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:13px;font-weight:800;margin-inline-end:6px;background:var(--graubg);color:var(--grau)}
.wb-belegt .wb-zeichen{background:var(--okbg);color:var(--ok)}
.wb-nicht-belegt .wb-zeichen{background:var(--warnbg);color:var(--warn)}
.wb-gegen{padding-inline-start:20px;font-size:13.5px;line-height:1.55}
.wb-meta{font-size:12.5px;color:var(--ink2)}
.wb-katalog-spalten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.wb-kat{border-top:3px solid var(--graupunkt);padding-top:8px;min-width:0}
.wb-kat.gruen{border-top-color:var(--okpunkt)}.wb-kat.gelb{border-top-color:var(--warnpunkt)}.wb-kat.rot{border-top-color:var(--badpunkt)}
.wb-stufen{display:flex;flex-direction:column;gap:10px;padding:0;list-style:none}
.wb-stufe-karte>summary{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.wb-stufe.jetzt>.karte{border-inline-start:4px solid var(--akzent)}
.wb-stufe.erledigt>.karte{border-inline-start:4px solid var(--okpunkt)}
.wb-stufe-nr{font-weight:800;color:var(--akzent-ink)}
.wb-stufe-titel{font-weight:700;min-width:0;overflow-wrap:anywhere}
.wb-schritte{padding-inline-start:18px;font-size:13.5px;line-height:1.55}
.wb-wer{margin-inline-start:6px;font-size:12px;color:var(--ink2)}
.wb-fertig{list-style:none;padding:0;font-size:13.5px}
.wb-fertig li{position:relative;padding-inline-start:24px;margin:4px 0}
.wb-fertig li::before{content:"";position:absolute;inset-inline-start:0;top:3px;width:14px;height:14px;border:2px solid var(--graupunkt);border-radius:4px}
.wb-stufe.erledigt .wb-fertig li::before{border-color:var(--okpunkt);background:var(--okbg)}
.wb-fragen{padding-inline-start:0;list-style:none}
.wb-frage{padding:8px 0;border-top:1px solid var(--line2);font-size:13.5px}
.wb-frage.beantwortet{color:var(--ink2)}
.wb-mess{list-style:none;padding:0}
.wb-mess>li{padding:8px 0;border-top:1px solid var(--line2);font-size:13.5px}
.wb-slot{border:1px dashed var(--line);box-shadow:none}
.wb-slot.gemessen{border-style:solid;box-shadow:var(--schatten)}
.wb-karte .wb-kern-satz{font-size:14px;line-height:1.55}
/* 0.9.2-ordnung: Wettbewerber-Karten zugeklappt (Kopfzeile mit bis zu zwei Kennzahlen; offen wird nur der Besuchs-Teil ausgeblendet, der dann
   in der ersten Zeile steht – die Stärke bleibt), ein Besuchs-Wert je Karte mit der alten Schätzung klein darunter (Kennzeichen als Text, bricht
   um), Abschnitt „Zahlen des Werkzeugs“ (Tabelle je Werkzeug, erste Spalte bleibt beim waagerechten Scrollen stehen, Spaltentitel brechen um –
   table.tab.wb-wz-tab schlägt table.tab th/.zahl {nowrap}, Zeile „Wir“ fett + hinterlegt + Wort), Werkzeug-Tabellen zugeklappt, Pfeil von
   „Weitere Wettbewerber“ neben dem Titel. Nur Tokens. */
.wb-w.karte{padding:0;scroll-margin-top:64px}
.wb-w-auf>summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:14px 18px;padding-inline-start:36px;border-radius:var(--radius);position:relative}
/* Pfeil der Karten-Köpfe fest am Zeilenanfang (als eigenes Flex-Element rutschte er bei langen Namen allein in die erste Zeile): Platz im Innenrand,
   Zeilenhöhe = erste Zeile des Namens (h3 17px × 1,5 bzw. Name 15px × 1,5) – so steht er mittig neben der ersten Zeile */
.wb-w-auf>summary::before,.wb-w-kurz>summary::before{position:absolute;margin:0}
.wb-w-auf>summary::before{inset-inline-start:18px;top:14px;line-height:25.5px}
.wb-w-kurz>summary::before{inset-inline-start:0;top:0;line-height:22.5px}
/* Arabisch: mehrzeilige Namen (lateinisch, links-nach-rechts isoliert) rechtsbündig wie einzeilige */
html[dir="rtl"] .wb-wz-tab td:first-child .wb-name,html[dir="rtl"] .wb-wz-tab th:first-child .wb-name,html[dir="rtl"] .wb-w-kurz>summary .wb-name,html[dir="rtl"] .wb-w-auf>summary .wb-name{text-align:right}
.wb-w-auf>summary:hover{background:var(--line2)}
.wb-w-auf[open]>summary{border-bottom:1px solid var(--line2);border-radius:var(--radius) var(--radius) 0 0}
.wb-w-auf>summary h3{margin:0;font-size:17px;font-weight:750;min-width:0}
.wb-w-inhalt{padding:12px 18px 18px}
.wb-w-kz{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px;font-size:13px;font-weight:600;color:var(--ink2)}
.wb-w-kz-teil{white-space:nowrap}
.wb-w-kz .trenn{color:var(--ink3)}
.wb-w-auf[open]>summary .wb-w-kz-besuche,.wb-w-auf[open]>summary .wb-w-kz .trenn,.wb-w-kurz[open]>summary .wb-w-kz-besuche,.wb-w-kurz[open]>summary .wb-w-kz .trenn{display:none}
.wb-weitere>summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}
.wb-weitere>summary h3{margin:0}
.wb-alle>summary>h3,.wb-recht>summary>h3{display:inline;margin:0}
.wb-weitere>summary .unter{flex-basis:100%}
.wb-wz-haupt{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}
.wb-wz-zahl{font-size:17px;font-weight:750;color:var(--ink)}
.wb-wz-von{font-size:12px;color:var(--ink2)}
.wb-alt{margin-top:4px;font-size:12.5px;line-height:1.5;color:var(--ink2)}
.wb-alt-hinweis{margin-top:2px;font-size:12px;color:var(--ink3)}
.wb-wz .karte-kopf{margin-bottom:8px}
.wb-wz-erkl{margin:0 0 4px}
.wb-wz-umfang{margin:0 0 12px}
.wb-wz>.tabelle-rahmen{margin:0;padding:0}
.wb-wz-tab th{min-width:6.5em;max-width:11em}
table.tab.wb-wz-tab th{white-space:normal}
.wb-wz-tab th:first-child,.wb-wz-tab td:first-child{position:sticky;inset-inline-start:0;z-index:1;background:var(--card);min-width:8em;max-width:14em}
.wb-wz-tab td:first-child .wb-name,.wb-wz-tab th:first-child .wb-name{overflow-wrap:break-word}
/* Zeilenköpfe (th scope=row, erste Spalte) sehen aus wie Zellen – Schrift, Farbe, Linie, oben bündig; „Wir“ und Hover wie die übrige Zeile */
table.tab.wb-wz-tab tbody th[scope="row"]{font-size:inherit;font-weight:400;color:var(--ink);border-bottom:1px solid var(--line2);vertical-align:top;white-space:normal}
table.tab.wb-wz-tab tbody tr:last-child th[scope="row"]{border-bottom:0}
table.tab.wb-wz-tab tbody tr.wb-wir th[scope="row"]{font-weight:700;background:var(--soft)}
table.tab.wb-wz-tab tbody tr:hover th[scope="row"]{background:var(--line2)}
.wb-wz-wir{font-weight:750}
.wb-wz-name{all:unset;cursor:pointer;text-align:start;color:var(--akzent-ink)}
.wb-wz-name .wb-name{color:var(--akzent-ink)}
.wb-wz-name:hover .wb-name{text-decoration:underline}
.wb-wz-vorher{display:block;font-size:11.5px;font-weight:500;color:var(--ink3)}
.wb-wz-ohne .wb-name{font-weight:600}
.wb-wz-tabelle{margin-top:10px;border-top:1px solid var(--line2);padding-top:10px;scroll-margin-top:64px}
.karte.wb-wz-tabelle{margin-top:0;border-top:0;padding:14px 18px}
.wb-wz-tabelle>summary{display:block}
.wb-wz-tabelle>summary>.wb-wz-tab-titel{display:inline;margin:0;font-size:14px;font-weight:700;color:var(--ink)}
.wb-wz-zeilen{font-size:12.5px;font-weight:600;color:var(--ink2)}
.wb-wz-tab-inhalt{margin-top:8px}
.wb-wz-verweis{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.wb-wz-verweis .link-pfeil{margin-top:0}
@media (max-width:820px){.wb-kern,.wb-zwei,.wb-katalog-spalten{grid-template-columns:minmax(0,1fr)}}
@media (max-width:400px){
  .wb-m>summary{padding:10px 12px}
  .wb-m-inhalt{padding:0 12px 12px}
  .wb-m-felder,.wb-fakten{grid-template-columns:minmax(0,1fr)}
  .wb-m-felder dt,.wb-fakten dt{margin-top:6px}
  .wb-anzeigen{grid-template-columns:minmax(0,1fr)}
  .wb-w-auf>summary h3{font-size:16px}
  .wb-w-auf>summary{padding:12px 14px;padding-inline-start:32px}
  .wb-w-auf>summary::before{inset-inline-start:14px;top:12px;line-height:24px}
  .wb-w-inhalt{padding:10px 14px 14px}
  .wb-w-kz-teil{white-space:normal}
  table.tab.wb-wz-tab{font-size:12.5px}
  table.tab.wb-wz-tab th,table.tab.wb-wz-tab td{padding:6px 8px}
  .karte.wb-wz-tabelle{padding:12px 14px}
  .wb-w-kurz{padding:8px 10px}
}
@media print{.wb-teil>summary::before,.wb-quellen>summary::before,.wb-weitere>summary::before,.wb-m>summary::before,.wb-stufe-karte>summary::before,.wb-alle>summary::before,.wb-recht>summary::before,.wb-anhang summary::before,.wb-w-auf>summary::before,.wb-w-kurz>summary::before,.wb-wz-tabelle>summary::before{display:none}.wb-wz-tab th:first-child,.wb-wz-tab td:first-child{position:static}.wb-w-auf>summary{padding-inline-start:18px}.wb-w-kurz>summary{padding-inline-start:0}}