:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--seite:#f9f9f7;--flaeche:#fcfcfb;--flaeche-2:#f3f2ee;--text-1:#0b0b0b;--text-2:#52514e;--text-3:#898781;--gitter:#e1e0d9;--achse:#c3c2b7;--rand:#0b0b0b1a;--serie-1:#2a78d6;--serie-2:#eb6834;--serie-1-wash:#2a78d61a;--akzent:#2a78d6;--gut:#006300;--schlecht:#d03b3b;--seq-100:#cde2fb;--seq-150:#b7d3f6;--seq-200:#9ec5f4;--seq-250:#86b6ef;--seq-300:#6da7ec;--seq-350:#5598e7;--seq-400:#3987e5;--seq-450:#2a78d6;--seq-500:#256abf;--seq-550:#1c5cab;--seq-600:#184f95;--seq-650:#104281;--seq-700:#0d366b;--seq-text-tief:#0b0b0b;--seq-text-hoch:#fff;--blase:.45;--schatten:0 1px 2px #0b0b0b0a, 0 4px 16px #0b0b0b0a;--radius:14px;font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root:where(:not([data-theme=light])){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--seite:#0d0d0d;--flaeche:#1a1a19;--flaeche-2:#232322;--text-1:#fff;--text-2:#c3c2b7;--text-3:#898781;--gitter:#2c2c2a;--achse:#383835;--rand:#ffffff1a;--serie-1:#3987e5;--serie-2:#d95926;--serie-1-wash:#3987e51f;--akzent:#3987e5;--gut:#0ca30c;--schatten:none;--seq-100:#0d366b;--seq-150:#104281;--seq-200:#184f95;--seq-250:#1c5cab;--seq-300:#256abf;--seq-350:#2a78d6;--seq-400:#3987e5;--seq-450:#5598e7;--seq-500:#6da7ec;--seq-550:#86b6ef;--seq-600:#9ec5f4;--seq-650:#b7d3f6;--seq-700:#cde2fb;--seq-text-tief:#fff;--seq-text-hoch:#0b0b0b;--blase:.7}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--seite:#0d0d0d;--flaeche:#1a1a19;--flaeche-2:#232322;--text-1:#fff;--text-2:#c3c2b7;--text-3:#898781;--gitter:#2c2c2a;--achse:#383835;--rand:#ffffff1a;--serie-1:#3987e5;--serie-2:#d95926;--serie-1-wash:#3987e51f;--akzent:#3987e5;--gut:#0ca30c;--schatten:none;--seq-100:#0d366b;--seq-150:#104281;--seq-200:#184f95;--seq-250:#1c5cab;--seq-300:#256abf;--seq-350:#2a78d6;--seq-400:#3987e5;--seq-450:#5598e7;--seq-500:#6da7ec;--seq-550:#86b6ef;--seq-600:#9ec5f4;--seq-650:#b7d3f6;--seq-700:#cde2fb;--seq-text-tief:#fff;--seq-text-hoch:#0b0b0b;--blase:.7}*{box-sizing:border-box}html,body{background:var(--seite);color:var(--text-1);margin:0}body{-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.45}button,input,select{font:inherit;color:inherit}.seite{max-width:1440px;margin:0 auto;padding:24px 16px 64px}@media (min-width:900px){.seite{padding:32px 32px 80px}}.kopf{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;margin-bottom:20px;display:flex}.kopf h1{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:650}.kopf p{color:var(--text-2);margin:2px 0 0}.kopf .stand{color:var(--text-3);font-size:12px}.filter{background:var(--seite);border-bottom:1px solid var(--gitter);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;padding:10px 0 12px;display:flex}.filter label{color:var(--text-3);flex-direction:column;gap:2px;font-size:11px;display:flex}.filter select,.filter input{border:1px solid var(--rand);background:var(--flaeche);border-radius:8px;min-width:0;height:34px;padding:0 10px;font-size:13px}.filter input[type=search]{width:200px}.filter input[type=date]{width:140px}.zeitraum{background:var(--flaeche-2);border-radius:10px;flex-wrap:wrap;align-self:flex-end;gap:2px;padding:3px;display:flex}.zeitraum button{cursor:pointer;color:var(--text-2);background:0 0;border:0;border-radius:7px;padding:6px 10px;font-size:13px}.zeitraum button:hover{background:var(--rand)}.zeitraum button[aria-pressed=true]{background:var(--flaeche);color:var(--text-1);box-shadow:var(--schatten);font-weight:600}@media (min-width:900px){.filter{z-index:5;position:sticky;top:0}}.chips{flex-wrap:wrap;gap:6px;min-height:0;margin:4px 0 16px;display:flex}.chip{background:var(--flaeche-2);color:var(--text-2);border:1px solid var(--rand);border-radius:999px;align-items:center;gap:6px;padding:4px 6px 4px 10px;font-size:12px;display:inline-flex}.chip button{cursor:pointer;color:var(--text-3);background:0 0;border:0;padding:0 4px;font-size:14px;line-height:1}.chip.reset{cursor:pointer;padding-right:10px}.knopf{border:1px solid var(--rand);background:var(--flaeche);cursor:pointer;border-radius:8px;align-self:flex-end;height:34px;padding:0 12px}.knopf:hover{background:var(--flaeche-2)}.raster{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.b12,.b8,.b7,.b6,.b5,.b4,.b3{grid-column:span 12}@media (min-width:900px){.b8{grid-column:span 8}.b7{grid-column:span 7}.b6{grid-column:span 6}.b5{grid-column:span 5}.b4{grid-column:span 4}.b3{grid-column:span 6}}@media (min-width:1200px){.b3{grid-column:span 3}}.karte{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schatten);min-width:0;padding:18px 20px 20px;position:relative}.karte-kopf{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px 12px;margin-bottom:14px;display:flex}.karte-kopf>div:first-child{flex:220px;min-width:0}.karte h2{margin:0;font-size:15px;font-weight:620}.karte .unter{color:var(--text-3);margin:2px 0 0;font-size:12.5px}.karte-aktionen{flex-shrink:0;align-items:center;gap:6px;display:flex}.mini-schalter{background:var(--flaeche-2);border-radius:8px;gap:2px;padding:2px;display:flex}.mini-schalter button{cursor:pointer;color:var(--text-2);background:0 0;border:0;border-radius:6px;padding:3px 8px;font-size:12px}.mini-schalter button[aria-pressed=true]{background:var(--flaeche);color:var(--text-1);box-shadow:var(--schatten);font-weight:600}.leer{text-align:center;color:var(--text-3);padding:32px 0}.kennzahlen{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}@media (min-width:900px){.kennzahlen{grid-template-columns:1.4fr repeat(5,minmax(0,1fr))}}.kachel{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schatten);min-width:0;padding:16px 18px}.kachel .titel{color:var(--text-2);font-size:12.5px}.kachel .wert{letter-spacing:-.02em;margin-top:4px;font-size:28px;font-weight:640;line-height:1.1}.kachel.held .wert{font-size:48px}.kachel .neben{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;font-size:12px;display:flex}.delta-plus{color:var(--gut);font-weight:600}.delta-minus{color:var(--schlecht);font-weight:600}.kachel .meter{background:var(--serie-1);border-radius:3px;height:6px;margin-top:10px;overflow:hidden}.kachel .meter>div{background:var(--serie-2);border-radius:3px;height:100%}.legende{color:var(--text-2);flex-wrap:wrap;gap:14px;font-size:12px;display:flex}.legende span{align-items:center;gap:6px;display:inline-flex}.legende i{border-radius:3px;width:10px;height:10px;display:inline-block}.balken{flex-direction:column;gap:4px;display:flex}.balken .lab{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.balken .spur{align-items:stretch;gap:2px;height:14px;display:flex}.balken .seg{min-width:0;height:100%}.balken .seg:last-child{border-radius:0 4px 4px 0}.balken .wert{color:var(--text-2);font-variant-numeric:tabular-nums;text-align:right;font-size:12.5px}.balken .zeile{grid-template-columns:var(--lab-b,130px) minmax(0, 1fr) 48px;cursor:pointer;border-radius:6px;outline:none;align-items:center;gap:12px;margin:0 -4px;padding:3px 4px;display:grid}.balken .zeile:hover,.balken .zeile:focus-visible{background:var(--flaeche-2)}.balken .zeile:hover .lab,.balken .zeile:focus-visible .lab{text-underline-offset:3px;text-decoration:underline}.balken .zeile.aktiv .lab{font-weight:650}.balken .zeile.gedimmt{opacity:.4}.mehr{color:var(--akzent);cursor:pointer;background:0 0;border:0;margin-top:10px;padding:0;font-size:12.5px}svg.chart{width:100%;height:auto;display:block;overflow:visible}svg.chart text{fill:var(--text-3);font-variant-numeric:tabular-nums;font-size:11px}svg.chart .gitter{stroke:var(--gitter);stroke-width:1px;shape-rendering:crispedges}svg.chart .basis{stroke:var(--achse);stroke-width:1px;shape-rendering:crispedges}svg.chart .wertlabel{fill:var(--text-2);font-size:11.5px;font-weight:600}svg.chart .hit{fill:#0000;cursor:pointer}svg.chart .hit:hover+g,svg.chart g.hover{filter:brightness(1.08)}.heat{grid-template-columns:28px repeat(24,minmax(0,1fr)) 76px;align-items:center;gap:2px;display:grid}.heat .zelle{aspect-ratio:1;cursor:default;border-radius:3px;min-height:10px}.heat .zelle:hover,.heat .zelle:focus-visible{outline:2px solid var(--text-1);outline-offset:-1px}.heat .tag{color:var(--text-3);font-size:11px}.heat .std{color:var(--text-3);text-align:center;font-size:10px}.heat .rand-balken{background:var(--serie-1);border-radius:0 3px 3px 0;height:10px}.heat .rand-wert{color:var(--text-3);font-variant-numeric:tabular-nums;padding-left:4px;font-size:10.5px}.heat .saeule-wrap{align-items:flex-end;height:36px;display:flex}.heat .saeule{background:var(--serie-1);border-radius:3px 3px 0 0;width:100%;min-height:1px}.skala{color:var(--text-3);align-items:center;gap:8px;margin-top:12px;font-size:11px;display:flex}.skala .band{border-radius:4px;width:160px;height:8px;display:flex;overflow:hidden}.skala .band span{flex:1}.vielfache{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px 18px;display:grid}.vielfach{cursor:pointer;border-radius:10px;margin:-8px;padding:8px}.vielfach:hover{background:var(--flaeche-2)}.vielfach .kopfzeile{justify-content:space-between;align-items:baseline;font-size:13px;display:flex}.vielfach .kopfzeile b{font-weight:620}.vielfach .kopfzeile span{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:12px}.tooltip{z-index:50;pointer-events:none;background:var(--flaeche);color:var(--text-1);border:1px solid var(--rand);border-radius:10px;min-width:120px;max-width:280px;padding:8px 10px;font-size:12px;position:fixed;box-shadow:0 6px 24px #00000024}.tooltip .tt-titel{color:var(--text-2);margin-bottom:4px}.tooltip .tt-zeile{justify-content:space-between;align-items:center;gap:8px;display:flex}.tooltip .tt-zeile b{font-variant-numeric:tabular-nums;font-size:13px}.tooltip .tt-key{color:var(--text-2);align-items:center;gap:6px;display:inline-flex}.tooltip .tt-key i{border-radius:1px;width:10px;height:2px;display:inline-block}.tabelle-wrap{margin:0 -20px;padding:0 20px;overflow-x:auto}table.tab{border-collapse:collapse;width:100%;font-size:12.5px}table.tab th{text-align:left;color:var(--text-2);border-bottom:1px solid var(--achse);white-space:nowrap;background:var(--flaeche);cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:600;position:sticky;top:0}table.tab th.zahl,table.tab td.zahl{text-align:right;font-variant-numeric:tabular-nums}table.tab td{border-bottom:1px solid var(--gitter);vertical-align:top;padding:7px 10px}table.tab tr:hover td{background:var(--flaeche-2)}table.tab td.info{min-width:260px;max-width:420px;color:var(--text-2)}table.tab td.info div{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}table.tab td.kunde{min-width:160px;max-width:240px}table.tab td.nowrap{white-space:nowrap}.pille{background:var(--flaeche-2);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:1px 8px 1px 6px;font-size:11.5px;display:inline-flex}.pille i{border-radius:50%;width:7px;height:7px;display:inline-block}.seiten{color:var(--text-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:12.5px;display:flex}.seiten .knoepfe{gap:6px;display:flex}.fuss{color:var(--text-3);margin-top:28px;font-size:12px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.karten-flaeche{touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:10px;position:relative;overflow:hidden}.karten-flaeche.gezoomt{cursor:grab;touch-action:none}.karten-flaeche.gezoomt:active{cursor:grabbing}.karten-steuerung{flex-direction:column;gap:4px;display:flex;position:absolute;top:8px;right:8px}.karten-knopf{border:1px solid var(--rand);background:var(--flaeche);width:32px;height:32px;color:var(--text-1);cursor:pointer;box-shadow:var(--schatten);border-radius:8px;font-size:16px;line-height:1}.karten-knopf:hover:not(:disabled){background:var(--flaeche-2)}.karten-knopf:disabled{opacity:.35;cursor:default}.kopf-rechts{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.thema{color:var(--text-3);align-items:center;gap:8px;display:inline-flex}.thema svg{width:18px;height:18px;display:block}.thema .aktiv{color:var(--text-1)}.schalter{border:1px solid var(--rand);background:var(--flaeche-2);cursor:pointer;border-radius:999px;width:44px;height:24px;padding:0;transition:background .2s;position:relative}.schalter:after{content:"";background:var(--flaeche);border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.schalter[aria-checked=true]{background:var(--akzent)}.schalter[aria-checked=true]:after{background:#fff;transform:translate(20px)}.schalter:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.schalter,.schalter:after{transition:none}}.zahl-klein{color:var(--text-3);font-variant-numeric:tabular-nums;margin-left:2px;font-size:11px}.filter label .zeitraum{align-self:auto}button.kachel{text-align:left;font:inherit;color:inherit;vertical-align:top;align-self:stretch;width:100%;display:block}.kachel.klickbar{cursor:pointer;transition:border-color .15s}.kachel.klickbar:hover{border-color:var(--akzent)}.kachel.klickbar:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}.kachel.gewaehlt{border-color:var(--akzent);box-shadow:0 0 0 1px var(--akzent)}.login{place-items:center;min-height:100vh;padding:24px 16px;display:grid}.login-karte{background:var(--flaeche);border:1px solid var(--rand);width:100%;max-width:360px;box-shadow:var(--schatten);text-align:center;border-radius:18px;flex-direction:column;gap:12px;padding:32px 28px 28px;display:flex}.login-karte h1{margin:0 0 8px;font-size:17px;font-weight:640}.login-symbol{background:var(--serie-1-wash);width:44px;height:44px;color:var(--akzent);border-radius:12px;place-items:center;margin:0 auto 4px;display:grid}.login-symbol svg{width:22px;height:22px}.login-karte input{border:1px solid var(--rand);background:var(--seite);border-radius:10px;height:42px;padding:0 14px;font-size:15px}.login-karte input:focus{outline:2px solid var(--akzent);outline-offset:1px}.login-karte button{background:var(--akzent);color:#fff;cursor:pointer;border:0;border-radius:10px;height:42px;font-size:15px;font-weight:600}.login-karte button:hover{filter:brightness(1.06)}.login-fehler{color:var(--schlecht);margin:0;font-size:13px}.abmelden{color:var(--text-3);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.abmelden:hover{color:var(--text-1)}