@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--marke-50: #f4f8ff;--marke-100: #e5efff;--marke-200: #cbdffe;--marke-300: #acc7f4;--marke-400: #89ace5;--marke-500: #6791d5;--marke-600: #4c74b6;--marke-700: #385a92;--marke-800: #2b446d;--marke-900: #1a3053;--marke-950: #0d1d39;--status-gut: #0ca30c;--status-warnung: #fab219;--status-ernst: #ec835a;--status-kritisch: #d03b3b;--radius-xs: 4px;--radius-s: 6px;--radius-m: 10px;--radius-l: 14px;--radius-xl: 20px;--radius-rund: 999px;--tempo-schnell: .12s;--tempo: .18s;--kurve: cubic-bezier(.32, .72, 0, 1);--schiene-breit: 248px;--schiene-schmal: 72px;--kopf-hoehe: 60px;--inhalt-max: 1440px;--muster-altdaten: repeating-linear-gradient( 45deg, var(--serie-still) 0 3px, var(--flaeche-3) 3px 6px );--schrift: "Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--schrift-mono: "Cascadia Mono", Consolas, "SF Mono", ui-monospace, monospace}:root{color-scheme:light;--plane: #f3f6fa;--flaeche: #ffffff;--flaeche-2: #f9fbfe;--flaeche-3: #eef2f8;--flaeche-invers: #1a2331;--rand: #d9dee6;--rand-stark: #c3cad6;--gitter: #e6eaf1;--text: #1a2331;--text-2: #545b67;--text-3: #666d79;--text-auf-marke: #ffffff;--link: #385a92;--schiene: var(--marke-900);--schiene-tief: var(--marke-950);--schiene-text: var(--marke-300);--schiene-text-stark: #ffffff;--schiene-rand: rgba(255, 255, 255, .09);--schiene-aktiv: rgba(255, 255, 255, .12);--schiene-hover: rgba(255, 255, 255, .06);--primaer: var(--marke-800);--primaer-hover: var(--marke-700);--primaer-aktiv: var(--marke-900);--primaer-weich: var(--marke-50);--primaer-weich-rand: var(--marke-200);--primaer-weich-text: var(--marke-800);--fokus: var(--marke-600);--auswahl: rgba(76, 116, 182, .14);--abz-gut-bg: #e6f6e6;--abz-gut-text: #0a6b0a;--abz-warn-bg: #fff4e0;--abz-warn-text: #8a5b00;--abz-krit-bg: #fdeaea;--abz-krit-text: #a82c2c;--abz-neutral-bg: #eef2f8;--abz-neutral-text: #545b67;--schatten-1: 0 1px 2px rgba(16, 21, 30, .04), 0 1px 3px rgba(16, 21, 30, .06);--schatten-2: 0 2px 4px rgba(16, 21, 30, .04), 0 8px 20px rgba(16, 21, 30, .07);--schatten-3: 0 12px 40px rgba(16, 21, 30, .16);--serie-1: #4c74b6;--serie-2: #eb6834;--serie-3: #1baf7a;--serie-4: #eda100;--serie-5: #e87ba4;--serie-6: #008300;--serie-7: #4a3aa7;--serie-8: #e34948;--serie-still: #b8c0cd;--diagramm-flaeche: var(--flaeche)}@media(prefers-color-scheme:dark){:root:where(:not([data-theme=hell])){color-scheme:dark;--plane: #10151e;--flaeche: #1a202a;--flaeche-2: #242a35;--flaeche-3: #202730;--flaeche-invers: #f4f7fb;--rand: #313844;--rand-stark: #3d4552;--gitter: #292f39;--text: #f4f7fb;--text-2: #b8bec8;--text-3: #8c939e;--link: var(--marke-300);--schiene: #141b28;--schiene-tief: #0d131d;--schiene-text: #9fb4d8;--schiene-rand: rgba(255, 255, 255, .07);--schiene-aktiv: rgba(255, 255, 255, .1);--schiene-hover: rgba(255, 255, 255, .05);--primaer: var(--marke-600);--primaer-hover: var(--marke-500);--primaer-aktiv: var(--marke-700);--primaer-weich: rgba(76, 116, 182, .18);--primaer-weich-rand: rgba(103, 145, 213, .34);--primaer-weich-text: var(--marke-300);--fokus: var(--marke-400);--auswahl: rgba(103, 145, 213, .2);--abz-gut-bg: rgba(12, 163, 12, .16);--abz-gut-text: #5fd05f;--abz-warn-bg: rgba(250, 178, 25, .16);--abz-warn-text: #f5c159;--abz-krit-bg: rgba(208, 59, 59, .18);--abz-krit-text: #f29b9b;--abz-neutral-bg: rgba(255, 255, 255, .07);--abz-neutral-text: #b8bec8;--schatten-1: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .24);--schatten-2: 0 2px 4px rgba(0, 0, 0, .28), 0 8px 20px rgba(0, 0, 0, .34);--schatten-3: 0 12px 40px rgba(0, 0, 0, .55);--serie-1: #6791d5;--serie-2: #d95926;--serie-3: #199e70;--serie-4: #c98500;--serie-5: #d55181;--serie-6: #008300;--serie-7: #9085e9;--serie-8: #e66767;--serie-still: #4a5361}}:root[data-theme=dunkel]{color-scheme:dark;--plane: #10151e;--flaeche: #1a202a;--flaeche-2: #242a35;--flaeche-3: #202730;--flaeche-invers: #f4f7fb;--rand: #313844;--rand-stark: #3d4552;--gitter: #292f39;--text: #f4f7fb;--text-2: #b8bec8;--text-3: #8c939e;--link: var(--marke-300);--schiene: #141b28;--schiene-tief: #0d131d;--schiene-text: #9fb4d8;--schiene-rand: rgba(255, 255, 255, .07);--schiene-aktiv: rgba(255, 255, 255, .1);--schiene-hover: rgba(255, 255, 255, .05);--primaer: var(--marke-600);--primaer-hover: var(--marke-500);--primaer-aktiv: var(--marke-700);--primaer-weich: rgba(76, 116, 182, .18);--primaer-weich-rand: rgba(103, 145, 213, .34);--primaer-weich-text: var(--marke-300);--fokus: var(--marke-400);--auswahl: rgba(103, 145, 213, .2);--abz-gut-bg: rgba(12, 163, 12, .16);--abz-gut-text: #5fd05f;--abz-warn-bg: rgba(250, 178, 25, .16);--abz-warn-text: #f5c159;--abz-krit-bg: rgba(208, 59, 59, .18);--abz-krit-text: #f29b9b;--abz-neutral-bg: rgba(255, 255, 255, .07);--abz-neutral-text: #b8bec8;--schatten-1: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .24);--schatten-2: 0 2px 4px rgba(0, 0, 0, .28), 0 8px 20px rgba(0, 0, 0, .34);--schatten-3: 0 12px 40px rgba(0, 0, 0, .55);--serie-1: #6791d5;--serie-2: #d95926;--serie-3: #199e70;--serie-4: #c98500;--serie-5: #d55181;--serie-6: #008300;--serie-7: #9085e9;--serie-8: #e66767;--serie-still: #4a5361}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:var(--plane);color:var(--text);font-family:var(--schrift);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,p,figure{margin:0}h1{font-size:1.375rem;font-weight:650;letter-spacing:-.015em}h2{font-size:1rem;font-weight:620;letter-spacing:-.01em}h3{font-size:.875rem;font-weight:600}ul{margin:0;padding:0;list-style:none}a{color:var(--link);text-decoration:none;border-radius:var(--radius-xs)}a:hover{text-decoration:underline;text-underline-offset:2px}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--auswahl)}:focus-visible{outline:2px solid var(--fokus);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--rand-stark) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--rand-stark);border:3px solid transparent;background-clip:content-box;border-radius:var(--radius-rund)}*::-webkit-scrollbar-thumb:hover{background:var(--text-3);background-clip:content-box}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.nur-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.huelle{display:grid;grid-template-columns:var(--schiene-breit) minmax(0,1fr);min-height:100vh;transition:grid-template-columns var(--tempo) var(--kurve)}.huelle[data-schmal=true]{grid-template-columns:var(--schiene-schmal) minmax(0,1fr)}.schiene{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;padding:14px 12px 12px;overflow:hidden;background:linear-gradient(180deg,var(--schiene) 0%,var(--schiene-tief) 100%);border-right:1px solid var(--schiene-rand);color:var(--schiene-text)}.schiene-marke{display:flex;align-items:center;gap:11px;padding:6px 8px 18px;color:var(--schiene-text-stark, #fff);min-width:0}.schiene-marke svg{flex:none}.schiene-marke-text{display:flex;flex-direction:column;min-width:0;line-height:1.25}.schiene-marke-name{font-size:.9375rem;font-weight:640;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schiene-marke-zusatz{font-size:.6875rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--schiene-text);white-space:nowrap}.schiene-gruppe{padding:14px 10px 6px;font-size:.6875rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--schiene-text);opacity:.72;white-space:nowrap}.schiene-nav{display:flex;flex-direction:column;gap:2px;flex:1;min-height:0;overflow-y:auto}.schiene-nav a{position:relative;display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:var(--radius-s);color:var(--schiene-text);font-weight:500;white-space:nowrap;transition:background var(--tempo-schnell) var(--kurve),color var(--tempo-schnell) var(--kurve)}.schiene-nav a:hover{background:var(--schiene-hover);color:var(--schiene-text-stark, #fff);text-decoration:none}.schiene-nav a.aktiv{background:var(--schiene-aktiv);color:var(--schiene-text-stark, #fff);font-weight:600}.schiene-nav a.aktiv:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:0 2px 2px 0;background:var(--marke-400)}.schiene-nav a svg{flex:none;opacity:.9}.schiene-zaehler{margin-left:auto;min-width:20px;padding:1px 6px;border-radius:var(--radius-rund);background:var(--marke-600);color:#fff;font-size:.6875rem;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}.schiene-fuss{padding-top:10px;border-top:1px solid var(--schiene-rand);display:flex;flex-direction:column;gap:4px}.schiene-nutzer{display:flex;align-items:center;gap:10px;padding:8px 10px;min-width:0}.schiene-nutzer-kreis{flex:none;width:30px;height:30px;display:grid;place-items:center;border-radius:var(--radius-rund);background:var(--marke-600);color:#fff;font-size:.75rem;font-weight:650}.schiene-nutzer-name{min-width:0;font-size:.8125rem;font-weight:550;color:var(--schiene-text-stark, #fff);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schiene-knopf{display:flex;align-items:center;gap:11px;width:100%;padding:9px 10px;border:none;border-radius:var(--radius-s);background:transparent;color:var(--schiene-text);font-weight:500;text-align:left;white-space:nowrap;cursor:pointer;transition:background var(--tempo-schnell) var(--kurve),color var(--tempo-schnell) var(--kurve)}.schiene-knopf:hover{background:var(--schiene-hover);color:var(--schiene-text-stark, #fff)}.schiene-knopf svg{flex:none}.huelle[data-schmal=true] .schiene{padding-left:10px;padding-right:10px}.huelle[data-schmal=true] .schiene-marke-text,.huelle[data-schmal=true] .schiene-gruppe,.huelle[data-schmal=true] .schiene-nutzer-name,.huelle[data-schmal=true] .schiene-zaehler,.huelle[data-schmal=true] .schiene-beschriftung{display:none}.huelle[data-schmal=true] .schiene-nav a,.huelle[data-schmal=true] .schiene-knopf,.huelle[data-schmal=true] .schiene-nutzer,.huelle[data-schmal=true] .schiene-marke{justify-content:center;padding-left:0;padding-right:0}.huelle[data-schmal=true] .schiene-nav a.aktiv:before{left:-10px}.hauptspalte{display:flex;flex-direction:column;min-width:0}.kopf{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;min-height:var(--kopf-hoehe);padding:10px 24px;background:color-mix(in srgb,var(--plane) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--rand)}.kopf-titel{min-width:0;flex:1}.kopf-titel .unter{margin-top:1px;font-size:.8125rem;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kopf-aktionen{display:flex;align-items:center;gap:8px}.inhalt{flex:1;width:100%;max-width:var(--inhalt-max);margin:0 auto;padding:22px 24px 56px;min-width:0}.raster{display:grid;gap:16px;margin-bottom:16px}.raster.kennzahlen{grid-template-columns:repeat(auto-fit,minmax(212px,1fr))}.raster.zwei{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.raster.breit-schmal{grid-template-columns:minmax(0,1.62fr) minmax(0,1fr)}@media(max-width:1080px){.raster.breit-schmal{grid-template-columns:minmax(0,1fr)}}.stapel{display:flex;flex-direction:column;gap:16px}.schiene-schalter,.schiene-schleier{display:none}@media(max-width:900px){.huelle,.huelle[data-schmal=true]{grid-template-columns:minmax(0,1fr)}.schiene{position:fixed;z-index:60;top:0;left:0;width:var(--schiene-breit);transform:translate(-100%);transition:transform var(--tempo) var(--kurve);box-shadow:var(--schatten-3)}.huelle[data-offen=true] .schiene{transform:translate(0)}.huelle[data-schmal=true] .schiene-marke-text,.huelle[data-schmal=true] .schiene-gruppe,.huelle[data-schmal=true] .schiene-nutzer-name,.huelle[data-schmal=true] .schiene-beschriftung{display:revert}.huelle[data-schmal=true] .schiene-nav a,.huelle[data-schmal=true] .schiene-knopf,.huelle[data-schmal=true] .schiene-nutzer,.huelle[data-schmal=true] .schiene-marke{justify-content:flex-start;padding-left:10px;padding-right:10px}.huelle[data-offen=true] .schiene-schleier{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0d131d80;animation:einblenden var(--tempo) var(--kurve)}.schiene-schalter{display:inline-flex}.kopf{padding-inline:16px}.inhalt{padding:16px 16px 48px}}@keyframes einblenden{0%{opacity:0}to{opacity:1}}.karte{display:flex;flex-direction:column;min-width:0;background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius-l);box-shadow:var(--schatten-1)}.karte-kopf{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border-bottom:1px solid var(--rand)}.karte-kopf>.titelblock{flex:1;min-width:0}.karte-kopf .unter{margin-top:2px;font-size:.8125rem;color:var(--text-3)}.karte-kopf-aktionen{display:flex;align-items:center;gap:8px;flex:none}.karte-koerper{padding:18px;min-width:0}.karte-koerper.blank{padding:0}.karte-fuss{padding:12px 18px;border-top:1px solid var(--rand);font-size:.8125rem;color:var(--text-3)}.kachel{display:flex;flex-direction:column;gap:10px;padding:16px 18px;background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius-l);box-shadow:var(--schatten-1);min-width:0}.kachel-kopf{display:flex;align-items:center;gap:8px;color:var(--text-3);font-size:.8125rem;font-weight:500}.kachel-kopf svg{flex:none;color:var(--text-3)}.kachel-wert{display:flex;align-items:baseline;gap:8px;font-size:1.75rem;font-weight:640;letter-spacing:-.02em;line-height:1.15;color:var(--text)}.kachel-wert .einheit{font-size:.9375rem;font-weight:550;color:var(--text-3);letter-spacing:0}.kachel-fuss{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap;min-height:22px}.kachel-delta{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px;min-width:0;font-size:.8125rem;font-weight:550;color:var(--text-3)}.kachel-delta.gut{color:var(--abz-gut-text)}.kachel-delta.schlecht{color:var(--abz-krit-text)}.kachel-delta .bezug{margin-left:3px;color:var(--text-3);font-weight:450}.leitzahl{font-size:3rem;font-weight:660;letter-spacing:-.03em;line-height:1.05;color:var(--text)}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;border:1px solid transparent;border-radius:var(--radius-s);background:var(--primaer);color:var(--text-auf-marke);font-size:.875rem;font-weight:550;white-space:nowrap;cursor:pointer;transition:background var(--tempo-schnell) var(--kurve),border-color var(--tempo-schnell) var(--kurve),color var(--tempo-schnell) var(--kurve)}.knopf:hover{background:var(--primaer-hover)}.knopf:active{background:var(--primaer-aktiv)}.knopf svg{flex:none}.knopf:disabled{cursor:default;opacity:.55}.knopf:disabled:hover{background:var(--primaer)}.knopf.sekundaer{background:var(--flaeche);border-color:var(--rand-stark);color:var(--text)}.knopf.sekundaer:hover{background:var(--flaeche-3);border-color:var(--text-3)}.knopf.sekundaer:disabled:hover{background:var(--flaeche)}.knopf.leise{background:transparent;color:var(--text-2)}.knopf.leise:hover{background:var(--flaeche-3);color:var(--text)}.knopf.gefahr{background:transparent;border-color:var(--abz-krit-bg);color:var(--abz-krit-text)}.knopf.gefahr:hover{background:var(--abz-krit-bg);border-color:var(--abz-krit-text)}.knopf.klein{padding:5px 10px;font-size:.8125rem;border-radius:var(--radius-xs)}.symbolknopf{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid transparent;border-radius:var(--radius-s);background:transparent;color:var(--text-2);cursor:pointer;transition:background var(--tempo-schnell) var(--kurve),color var(--tempo-schnell) var(--kurve)}.symbolknopf:hover{background:var(--flaeche-3);color:var(--text)}.symbolknopf.umrandet{border-color:var(--rand-stark);background:var(--flaeche)}.symbolknopf:disabled{opacity:.5;cursor:default}.symbolknopf.laedt svg{animation:dreht .9s linear infinite}@keyframes dreht{to{transform:rotate(360deg)}}.feld{display:flex;flex-direction:column;gap:5px;min-width:0}.feld>label{font-size:.8125rem;font-weight:550;color:var(--text-2)}.feld .feldhinweis{font-size:.75rem;color:var(--text-3)}input,select,textarea{width:100%;padding:8px 11px;border:1px solid var(--rand-stark);border-radius:var(--radius-s);background:var(--flaeche);color:var(--text);font-size:.875rem;transition:border-color var(--tempo-schnell) var(--kurve),box-shadow var(--tempo-schnell) var(--kurve)}input::placeholder,textarea::placeholder{color:var(--text-3)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--text-3)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--fokus);box-shadow:0 0 0 3px var(--auswahl)}input:disabled,select:disabled{background:var(--flaeche-3);color:var(--text-3);cursor:default}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px;background-image:linear-gradient(45deg,transparent 49%,currentColor 50%),linear-gradient(-45deg,transparent 49%,currentColor 50%);background-position:calc(100% - 16px) calc(50% + 2px),calc(100% - 11px) calc(50% + 2px);background-size:5px 5px;background-repeat:no-repeat}.suchfeld{position:relative;display:flex;align-items:center;min-width:0}.suchfeld svg{position:absolute;left:10px;color:var(--text-3);pointer-events:none}.suchfeld input{padding-left:34px}.filterzeile{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:16px}.filterzeile .wachsend{flex:1;min-width:200px}.formzeile{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}.formraster{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.schalter{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.schalter input{position:absolute;opacity:0;width:1px;height:1px}.schalter-bahn{position:relative;flex:none;width:38px;height:22px;border-radius:var(--radius-rund);background:var(--rand-stark);transition:background var(--tempo) var(--kurve)}.schalter-bahn:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:var(--radius-rund);background:#fff;box-shadow:var(--schatten-1);transition:transform var(--tempo) var(--kurve)}.schalter input:checked+.schalter-bahn{background:var(--primaer)}.schalter input:checked+.schalter-bahn:after{transform:translate(16px)}.schalter input:focus-visible+.schalter-bahn{outline:2px solid var(--fokus);outline-offset:2px}.schalter-text{font-size:.875rem}.segmentwahl{display:inline-flex;padding:3px;gap:2px;background:var(--flaeche-3);border:1px solid var(--rand);border-radius:var(--radius-s)}.segmentwahl button{padding:5px 11px;border:none;border-radius:var(--radius-xs);background:transparent;color:var(--text-2);font-size:.8125rem;font-weight:550;white-space:nowrap;cursor:pointer;transition:background var(--tempo-schnell) var(--kurve),color var(--tempo-schnell) var(--kurve)}.segmentwahl button:hover{color:var(--text)}.segmentwahl button[aria-pressed=true]{background:var(--flaeche);color:var(--text);box-shadow:var(--schatten-1)}.abzeichen{display:inline-flex;align-items:center;gap:5px;padding:2px 9px 2px 7px;border-radius:var(--radius-rund);background:var(--abz-neutral-bg);color:var(--abz-neutral-text);font-size:.75rem;font-weight:600;white-space:nowrap}.abzeichen svg{flex:none}.abzeichen.gut{background:var(--abz-gut-bg);color:var(--abz-gut-text)}.abzeichen.warnung{background:var(--abz-warn-bg);color:var(--abz-warn-text)}.abzeichen.kritisch{background:var(--abz-krit-bg);color:var(--abz-krit-text)}.abzeichen.marke{background:var(--primaer-weich);color:var(--primaer-weich-text)}.farbmarke{display:inline-block;flex:none;width:11px;height:11px;border-radius:3px;background:var(--serie-still)}.marker{display:inline-block;flex:none;width:8px;height:8px;border-radius:var(--radius-rund);background:currentColor}.tabellenrahmen{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.875rem}thead th{position:sticky;top:0;z-index:1;padding:9px 14px;background:var(--flaeche-3);border-bottom:1px solid var(--rand);color:var(--text-2);font-size:.75rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;text-align:left;white-space:nowrap}tbody td{padding:11px 14px;border-bottom:1px solid var(--rand);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr.klickbar{cursor:pointer;transition:background var(--tempo-schnell) var(--kurve)}tbody tr.klickbar:hover{background:var(--flaeche-2)}tbody tr.klickbar:focus-visible{outline:2px solid var(--fokus);outline-offset:-2px}.zahl{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}th.zahl{text-align:right}.sortknopf{display:inline-flex;align-items:center;gap:4px;padding:0;border:none;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}.sortknopf:hover{color:var(--text)}.sortknopf svg{opacity:.55}.sortknopf[data-aktiv=true]{color:var(--text)}.sortknopf[data-aktiv=true] svg{opacity:1}.mono{font-family:var(--schrift-mono);font-size:.8125rem}.leise{color:var(--text-3)}.eng{white-space:nowrap}.messbalken{min-width:148px}.messbalken-zahl{display:flex;align-items:center;gap:6px;margin-bottom:5px;font-size:.8125rem;font-variant-numeric:tabular-nums;white-space:nowrap}.messbalken-bahn{height:6px;border-radius:var(--radius-rund);background:var(--marke-100);overflow:hidden}:root[data-theme=dunkel] .messbalken-bahn{background:#6791d52e}@media(prefers-color-scheme:dark){:root:where(:not([data-theme=hell])) .messbalken-bahn{background:#6791d52e}}.messbalken-fuellung{display:block;height:100%;border-radius:var(--radius-rund);background:var(--primaer);transition:width var(--tempo) var(--kurve)}.messbalken-fuellung.warnung{background:var(--status-warnung)}.messbalken-fuellung.kritisch{background:var(--status-kritisch)}.produktbudgets{display:flex;flex-direction:column;gap:8px;min-width:220px}.produktbudget{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:end;gap:10px}.produktbudget-name{font-size:.75rem;color:var(--text-2);padding-bottom:1px;white-space:nowrap}.produktbudget .messbalken{min-width:0}.produktbudget .messbalken-zahl{margin-bottom:3px;font-size:.75rem}.produktbudget .messbalken-bahn{height:4px}.leerzustand{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;text-align:center;color:var(--text-3)}.leerzustand-symbol{display:grid;place-items:center;width:42px;height:42px;margin-bottom:2px;border-radius:var(--radius-m);background:var(--flaeche-3);color:var(--text-3)}.leerzustand strong{color:var(--text-2);font-weight:600}.schimmer{border-radius:var(--radius-s);background:linear-gradient(90deg,var(--flaeche-3) 25%,var(--flaeche-2) 37%,var(--flaeche-3) 63%);background-size:400% 100%;animation:schimmern 1.4s ease infinite}@keyframes schimmern{0%{background-position:100% 50%}to{background-position:0 50%}}.hinweisfeld{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;border:1px solid var(--rand);border-radius:var(--radius-s);background:var(--flaeche-3);color:var(--text-2);font-size:.8125rem}.hinweisfeld svg{flex:none;margin-top:1px}.hinweisfeld.fehler{background:var(--abz-krit-bg);border-color:transparent;color:var(--abz-krit-text)}.hinweisfeld.warnung{background:var(--abz-warn-bg);border-color:transparent;color:var(--abz-warn-text)}.hinweis{color:var(--text-3);font-size:.8125rem}.tokenfeld{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid var(--rand-stark);border-radius:var(--radius-s);background:var(--flaeche-3)}.tokenfeld code{flex:1;min-width:0;font-family:var(--schrift-mono);font-size:.8125rem;word-break:break-all}.dialog-schleier{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#0d131d80;animation:einblenden var(--tempo) var(--kurve)}.dialog{width:100%;max-width:520px;max-height:calc(100vh - 40px);display:flex;flex-direction:column;background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius-l);box-shadow:var(--schatten-3);animation:dialog-auf var(--tempo) var(--kurve)}@keyframes dialog-auf{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}.dialog.breit{max-width:920px}.dialog-kopf{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--rand)}.dialog-kopf h2{flex:1}.dialog-koerper{padding:18px;overflow-y:auto}.dialog-fuss{display:flex;justify-content:flex-end;gap:8px;padding:14px 18px;border-top:1px solid var(--rand)}.toast-bereich{position:fixed;z-index:200;right:18px;bottom:18px;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:9px;max-width:380px;padding:11px 13px;border:1px solid var(--rand);border-radius:var(--radius-m);background:var(--flaeche);box-shadow:var(--schatten-2);font-size:.875rem;pointer-events:auto;animation:toast-auf var(--tempo) var(--kurve)}.toast svg{flex:none;margin-top:1px}.toast.gut svg{color:var(--status-gut)}.toast.fehler svg{color:var(--status-kritisch)}@keyframes toast-auf{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}.anmeldung{display:grid;grid-template-columns:1fr minmax(0,460px);min-height:100vh}.anmeldung-marke{display:flex;flex-direction:column;justify-content:space-between;gap:40px;padding:48px;background:radial-gradient(120% 90% at 12% 8%,rgba(103,145,213,.28) 0%,transparent 56%),linear-gradient(160deg,var(--marke-900) 0%,var(--marke-950) 100%);color:#fff;overflow:hidden}.anmeldung-marke .schlagzeile{font-size:2rem;font-weight:650;letter-spacing:-.025em;line-height:1.2;max-width:15ch}.anmeldung-marke .fliess{margin-top:14px;max-width:42ch;color:var(--marke-200)}.anmeldung-marke .fuss{font-size:.8125rem;color:var(--marke-300)}.anmeldung-punkte{display:flex;flex-direction:column;gap:10px;margin-top:26px}.anmeldung-punkte li{display:flex;align-items:center;gap:10px;color:var(--marke-200);font-size:.9375rem}.anmeldung-punkte svg{flex:none;color:var(--marke-400)}.anmeldung-formular{display:flex;align-items:center;justify-content:center;padding:40px 24px;background:var(--flaeche)}.anmeldung-formular form{width:100%;max-width:340px;display:flex;flex-direction:column;gap:14px}.anmeldung-formular .knopf{margin-top:4px;padding-block:10px}@media(max-width:860px){.anmeldung{grid-template-columns:minmax(0,1fr)}.anmeldung-marke{display:none}.anmeldung-formular{background:var(--plane)}.anmeldung-formular form{padding:24px;background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius-l);box-shadow:var(--schatten-1)}}.zeile{display:flex;align-items:center;gap:8px;min-width:0}.zeile.verteilt{justify-content:space-between}.aktionen{display:flex;gap:6px;flex-wrap:wrap}.definitionsliste{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;font-size:.875rem}.definitionsliste dt{color:var(--text-3);white-space:nowrap}.definitionsliste dd{margin:0;color:var(--text)}.laedt-nach{opacity:.55;transition:opacity var(--tempo) var(--kurve);pointer-events:none}.verlauf{display:flex;flex-direction:column;gap:10px;margin-top:14px}.verlauf-nachricht{padding:10px 12px;border:1px solid var(--rand);border-radius:var(--radius-m);background:var(--flaeche);font-size:.875rem}.verlauf-nachricht.anwender{background:var(--flaeche-2)}.verlauf-nachricht.bewertet{border-color:var(--primaer-weich-rand);box-shadow:inset 3px 0 0 var(--primaer)}.verlauf-rolle{display:flex;align-items:center;gap:8px;margin-bottom:6px;color:var(--text-3);font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.verlauf-text{margin:0;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}.verlauf-text+.verlauf-text,.verlauf-text+.verlauf-block,.verlauf-block+.verlauf-text,.verlauf-block+.verlauf-block{margin-top:6px}.verlauf-block summary{color:var(--text-2);font-size:.8125rem;cursor:pointer}.verlauf-block pre{max-height:320px;margin:6px 0 0;padding:8px 10px;overflow:auto;border-radius:var(--radius-s);background:var(--flaeche-3);color:var(--text);font-family:var(--schrift-mono);font-size:.75rem;white-space:pre-wrap;overflow-wrap:anywhere}.reiter{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--rand)}.reiter a{padding:8px 12px 9px;margin-bottom:-1px;border-bottom:2px solid transparent;color:var(--text-2);font-size:.875rem;font-weight:550;white-space:nowrap}.reiter a:hover{color:var(--text);text-decoration:none}.reiter a.aktiv{color:var(--text);border-bottom-color:var(--primaer)}.kleintext{font-size:.75rem}.verweisknopf{padding:0;border:none;background:none;color:var(--link);font-weight:600;text-align:left;cursor:pointer}.verweisknopf:hover{text-decoration:underline;text-underline-offset:2px}.berichtskopf{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-bottom:14px}.berichtskopf h2{font-size:1.125rem}.karte-abschnitt{padding:18px 18px 6px}.tabellenrahmen.mit-trenner{border-top:1px solid var(--rand)}tbody tr.summenzeile td{font-weight:620;border-top:1px solid var(--rand-stark)}.ausschoepfung{display:flex;align-items:center;gap:10px;min-width:150px}.ausschoepfung .messbalken-bahn{flex:none;width:64px;height:5px}.abweisungszahl{color:var(--abz-krit-text)}.kontingentmatrix{font-size:.8125rem}.kontingentmatrix tbody td{padding:8px 10px;vertical-align:top}.kontingentmatrix tbody tr.gruppenanfang td{border-top:1px solid var(--rand-stark)}.kontingentmatrix tbody tr:first-child td{border-top:none}.kontingentmatrix .matrix-kunde,.kontingentmatrix .matrix-produkt{position:sticky;z-index:1;background:var(--flaeche)}.kontingentmatrix .matrix-kunde{left:0;width:190px;min-width:190px;max-width:190px}.kontingentmatrix .matrix-produkt{left:190px;width:132px;min-width:132px;white-space:nowrap;box-shadow:inset -1px 0 0 var(--rand)}.kontingentmatrix thead th.matrix-kunde,.kontingentmatrix thead th.matrix-produkt{z-index:2;background:var(--flaeche-3)}.kontingentmatrix .matrixzelle{min-width:70px;text-align:right;white-space:nowrap}.matrixzelle-wert{font-weight:600;font-variant-numeric:tabular-nums}.matrixzelle-unter{margin-top:2px;color:var(--text-3);font-size:.75rem;font-variant-numeric:tabular-nums}.matrixzelle-abweisung{display:inline-flex;align-items:center;gap:3px;margin-top:3px;color:var(--abz-krit-text);font-size:.6875rem;font-weight:600}.diagramm{position:relative;width:100%;min-width:0}.diagramm svg{display:block;width:100%;overflow:visible}.diagramm-gitter{stroke:var(--gitter);stroke-width:1;shape-rendering:crispEdges}.diagramm-achse{stroke:var(--rand-stark);stroke-width:1;shape-rendering:crispEdges}.diagramm-tick{fill:var(--text-3);font-size:11px;font-variant-numeric:tabular-nums}.diagramm-linie{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.diagramm-flaeche-fuellung{stroke:none}.diagramm-punkt{stroke:var(--flaeche);stroke-width:2}.diagramm-fadenkreuz{stroke:var(--text-3);stroke-width:1;shape-rendering:crispEdges}.diagramm-treffer{fill:transparent;cursor:crosshair}.diagramm-balken{transition:opacity var(--tempo-schnell) var(--kurve)}.diagramm-balken:hover,.diagramm-balken:focus-visible{opacity:.82}.diagramm-etikett{fill:var(--text-2);font-size:11px;font-weight:550;font-variant-numeric:tabular-nums}.diagramm-tooltip{position:absolute;z-index:30;min-width:128px;padding:8px 10px;border:1px solid var(--rand);border-radius:var(--radius-s);background:var(--flaeche);box-shadow:var(--schatten-2);pointer-events:none;transform:translate(-50%,calc(-100% - 12px));white-space:nowrap}.diagramm-tooltip .kopf{margin-bottom:5px;font-size:.75rem;font-weight:600;color:var(--text-3)}.diagramm-tooltip .zeile{display:flex;align-items:baseline;gap:7px;font-size:.8125rem}.diagramm-tooltip .schluessel{flex:none;width:10px;height:2px;border-radius:1px;margin-bottom:3px}.diagramm-tooltip .wert{font-weight:620;color:var(--text);font-variant-numeric:tabular-nums}.diagramm-tooltip .name{color:var(--text-3)}.diagramm-legende{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px}.diagramm-legende li{display:flex;align-items:center;gap:7px;font-size:.8125rem;color:var(--text-2)}.diagramm-legende .schluessel-flaeche{flex:none;width:11px;height:11px;border-radius:3px}.diagramm-legende .schluessel-linie{flex:none;width:14px;height:2px;border-radius:1px}.diagramm-legende .zahl{color:var(--text-3);font-variant-numeric:tabular-nums}.stapelbalken{display:flex;width:100%;height:12px;gap:2px;border-radius:var(--radius-rund);overflow:hidden}.stapelbalken>span{height:100%;min-width:3px;transition:opacity var(--tempo-schnell) var(--kurve)}.stapelbalken>span:first-child{border-radius:var(--radius-rund) 0 0 var(--radius-rund)}.stapelbalken>span:last-child{border-radius:0 var(--radius-rund) var(--radius-rund) 0}.diagramm-tabelle{margin-top:4px;max-height:260px;overflow-y:auto;border:1px solid var(--rand);border-radius:var(--radius-s)}.diagramm-tabelle table{font-size:.8125rem}.diagramm-tabelle thead th,.diagramm-tabelle tbody td{padding:7px 12px}.rangliste{display:flex;flex-direction:column;gap:13px}.rangliste-zeile{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:baseline}.rangliste-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem}.rangliste-wert{font-size:.875rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.rangliste-bahn{grid-column:1 / -1;height:8px;border-radius:var(--radius-xs);background:var(--flaeche-3);overflow:hidden}.rangliste-fuellung{display:block;height:100%;border-radius:0 var(--radius-xs) var(--radius-xs) 0;background:var(--serie-1);transition:width var(--tempo) var(--kurve)}.diagramm-grenze{fill:none;stroke:var(--text-2);stroke-width:2;stroke-linejoin:round;pointer-events:none}.diagramm-spalte{fill:var(--flaeche-3)}
