*,:before,:after{box-sizing:border-box}:root{--ha-rot:#933;--ha-grau:#333;--farbe-hintergrund:#f5f3f2;--farbe-weiss:#fff;--farbe-text:#333;--farbe-text-schwach:#6f6968;--farbe-rahmen:#e3dddc;--farbe-akzent:#933;--farbe-akzent-hell:#f3e9e9;--farbe-aktiv:#933;--farbe-positiv:#2e7d32;--farbe-negativ:#c62828;--radius:6px;--schatten:0 1px 3px #00000014;--font-body:"Calibri", "Segoe UI", system-ui, -apple-system, sans-serif;--font-headings:"Rotis SemiSerif", Georgia, "Times New Roman", serif}body{font-family:var(--font-body);color:var(--farbe-text);background:var(--farbe-hintergrund);margin:0;padding:0;font-size:14px}.app-shell{max-width:1400px;margin:0 auto;padding:0 1.5rem 2rem}.app-header{border-bottom:1px solid var(--farbe-rahmen);align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.75rem 0;display:flex}.app-header h1{font-family:var(--font-headings);color:var(--farbe-akzent);margin:0;font-size:1.2rem;font-weight:700}.app-header .app-logo{width:auto;height:34px;display:block}.app-header .app-titel-sub{color:var(--farbe-text-schwach);font-weight:400}.app-layout{align-items:flex-start;gap:1.5rem;display:flex}.sidebar{background:var(--farbe-weiss);border:1px solid var(--farbe-rahmen);border-radius:var(--radius);box-shadow:var(--schatten);flex:0 0 200px;padding:.5rem;position:sticky;top:1rem}.nav-liste{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.nav-item{text-align:left;cursor:pointer;width:100%;color:var(--farbe-text);border-radius:var(--radius);background:0 0;border:none;border-left:3px solid #0000;justify-content:space-between;align-items:center;padding:.6rem .85rem;font-size:14px;display:flex}.nav-item:hover{background:var(--farbe-akzent-hell)}.nav-item--aktiv{background:var(--farbe-akzent-hell);color:var(--farbe-akzent);border-left-color:var(--farbe-akzent);font-weight:600}.nav-hinweis{text-transform:uppercase;letter-spacing:.04em;color:var(--farbe-text-schwach);background:var(--farbe-hintergrund);border-radius:3px;padding:1px 5px;font-size:10px}.haupt-bereich{flex:auto;min-width:0}.bereich-titel{font-family:var(--font-headings);color:var(--farbe-akzent);margin:0 0 1rem;font-size:1.5rem;font-weight:700}@media (width<=760px){.app-layout{flex-direction:column}.sidebar{flex-basis:auto;width:100%;position:static}.nav-liste{flex-flow:wrap}.nav-item{width:auto}}.app-header .meta{color:var(--farbe-text-schwach);margin-left:auto;font-size:12px}.mock-banner{border-radius:var(--radius);color:#5d4037;background:#fff8e1;border:1px solid #ffe082;margin-bottom:1rem;padding:.5rem 1rem;font-size:12px}.filter-leiste{background:var(--farbe-weiss);border:1px solid var(--farbe-rahmen);border-radius:var(--radius);box-shadow:var(--schatten);flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.filter-leiste label{color:var(--farbe-text-schwach);text-transform:uppercase;letter-spacing:.04em;margin-right:.25rem;font-size:12px;font-weight:600}.seg-control{border:1px solid var(--farbe-rahmen);border-radius:var(--radius);display:flex;overflow:hidden}.seg-btn{background:var(--farbe-weiss);cursor:pointer;color:var(--farbe-text);border:none;padding:.35rem .85rem;font-size:13px}.seg-btn+.seg-btn{border-left:1px solid var(--farbe-rahmen)}.seg-btn--aktiv{background:var(--farbe-aktiv);color:#fff;font-weight:600}.kst-auswahl{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.kst-auswahl input[type=checkbox]{cursor:pointer;margin-right:.2rem}.kst-auswahl .kst-label{cursor:pointer;white-space:nowrap;font-size:12px}.monat-select{border:1px solid var(--farbe-rahmen);border-radius:var(--radius);background:var(--farbe-weiss);padding:.3rem .5rem;font-size:13px}.kpi-kopf{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}@media (width<=900px){.kpi-kopf{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.kpi-kopf{grid-template-columns:1fr}}.kpi-kachel{background:var(--farbe-weiss);border:1px solid var(--farbe-rahmen);border-radius:var(--radius);box-shadow:var(--schatten);padding:1rem 1.25rem}.kpi-kachel .kpi-titel{text-transform:uppercase;letter-spacing:.06em;color:var(--farbe-text-schwach);margin-bottom:.4rem;font-size:11px}.kpi-kachel .kpi-wert{color:var(--farbe-akzent);font-size:1.75rem;font-weight:700;line-height:1.1}.kpi-kachel .kpi-sub{color:var(--farbe-text-schwach);margin-top:.35rem;font-size:11px}.kpi-kachel .kpi-aufschluesselung{color:var(--farbe-text-schwach);flex-direction:column;gap:.15rem;margin-top:.5rem;font-size:11px;display:flex}.panel{background:var(--farbe-weiss);border:1px solid var(--farbe-rahmen);border-radius:var(--radius);box-shadow:var(--schatten);margin-bottom:1.5rem;padding:1.25rem}.panel h2{color:var(--farbe-text);border-bottom:1px solid var(--farbe-rahmen);margin:0 0 1rem;padding-bottom:.5rem;font-size:.9rem;font-weight:600}.daten-tabelle{border-collapse:collapse;width:100%;margin-top:1rem;font-size:13px}.daten-tabelle th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--farbe-text-schwach);border-bottom:2px solid var(--farbe-rahmen);padding:.4rem .75rem;font-size:11px}.daten-tabelle th.zahl{text-align:right}.daten-tabelle td{border-bottom:1px solid var(--farbe-rahmen);color:var(--farbe-text);padding:.4rem .75rem}.daten-tabelle td.zahl{text-align:right;font-variant-numeric:tabular-nums}.daten-tabelle tr:last-child td{border-bottom:none}.daten-tabelle tfoot td{border-top:2px solid var(--farbe-rahmen);border-bottom:none;font-weight:700}.chart-container{width:100%;height:260px}.kpi-sub--vorbehalten{color:#b45309;cursor:help;background:#fef3c7;border-radius:3px;margin-top:.25rem;padding:1px 5px;font-size:10px;display:inline-block}.panel-hinweis{color:var(--farbe-text-schwach);margin-top:.5rem;margin-bottom:0;font-size:11px;font-style:italic}.kpi-vergleich-zeile{align-items:flex-start;gap:.75rem;margin-bottom:.25rem;display:flex}.kpi-vergleich-zeile>div{flex:1;min-width:0}.kpi-vergleich-trennlinie{background:var(--farbe-rahmen);flex:0 0 1px;align-self:stretch;width:1px}.kpi-vergleich-label{text-transform:uppercase;letter-spacing:.05em;color:var(--farbe-text-schwach);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.15rem;font-size:10px;overflow:hidden}.kpi-vergleich-wert{color:var(--farbe-text-schwach);font-size:1.1rem;font-weight:600;line-height:1.2}