:root{--grund: #0b1016;--flaeche: #111922;--flaeche-2: #16212d;--linie: #233142;--text: #dbe4ee;--leise: #8a9bb0;--akzent: #e8b04a;--akzent-dunkel: #3a2c10;--gruen: #3fb27f;--gelb: #e0b03a;--orange: #e07b3a;--rot: #e0524a;--blau: #4a90e2;--radius: 8px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--grund);color:var(--text);font-size:14px;line-height:1.45}a{color:var(--akzent);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:22px;margin:0}h2{font-size:15px;margin:0 0 10px;color:var(--leise);text-transform:uppercase;letter-spacing:.06em}.leise{color:var(--leise)}.klein{font-size:12px}.laden{padding:40px;color:var(--leise)}.kopf{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:24px;padding:10px 20px;background:#0b1016eb;border-bottom:1px solid var(--linie);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.marke{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;letter-spacing:.04em}.logo{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:6px;background:var(--akzent-dunkel);color:var(--akzent);font-weight:800}.logo.gross{width:56px;height:56px;font-size:28px;border-radius:12px;margin:0 auto 12px}.navi{display:flex;gap:4px;flex:1}.navi a{color:var(--leise);padding:6px 12px;border-radius:6px}.navi a.active{color:var(--text);background:var(--flaeche-2);text-decoration:none}.wer{display:flex;align-items:center;gap:10px;color:var(--leise)}.inhalt{padding:20px;max-width:1600px;margin:0 auto}.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);padding:18px;margin-bottom:16px}.leiste{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:14px}.leiste h1{margin-right:auto}.knopf{display:inline-block;padding:8px 14px;border-radius:6px;border:1px solid var(--linie);background:var(--flaeche-2);color:var(--text);cursor:pointer;font:inherit}.knopf:hover{border-color:var(--akzent);text-decoration:none}.knopf.haupt{background:var(--akzent);color:#1a1205;border-color:var(--akzent);font-weight:600}.knopf.gefahr{border-color:var(--rot);color:var(--rot);background:transparent}.knopf:disabled{opacity:.5;cursor:not-allowed}button.leise{background:none;border:1px solid transparent;color:var(--leise);cursor:pointer;padding:4px 8px;border-radius:6px;font:inherit}button.leise:hover,button.leise.aktiv{color:var(--text);border-color:var(--linie)}.knoepfe{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}input,select{background:var(--grund);color:var(--text);border:1px solid var(--linie);border-radius:6px;padding:6px 8px;font:inherit}input:focus,select:focus{outline:2px solid var(--akzent);outline-offset:-1px}input.schmal{width:70px}form.inline{display:inline-flex;gap:6px;align-items:center}.feld{display:flex;flex-direction:column;gap:6px;margin:14px 0}.feld>span{color:var(--leise);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.meldung{padding:10px 12px;border-radius:6px;border:1px solid}.meldung.fehler{border-color:var(--rot);background:#e0524a1a}.meldung.warnung{border-color:var(--gelb);background:#e0b03a1a}.fehlertext{color:var(--rot)}.abzeichen{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid transparent;white-space:nowrap}.q-ok{background:#3fb27f24;color:var(--gruen)}.q-unter7t{background:#4a90e224;color:var(--blau)}.q-unter3t{background:#e0b03a29;color:var(--gelb)}.q-unter24h{background:#e07b3a2e;color:var(--orange)}.q-pausiert,.q-leer{background:#e0524a2e;color:var(--rot)}.q-unbekannt{background:var(--flaeche-2);color:var(--leise)}.abzeichen.main{background:var(--akzent-dunkel);color:var(--akzent)}.abzeichen.alt{background:var(--flaeche-2);color:var(--leise)}.abzeichen.hinweis{background:#4a90e224;color:var(--blau)}.chip{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:999px;border:1px solid var(--linie);font-size:12px;color:var(--text);background:var(--flaeche-2)}button.chip{cursor:pointer}.chip-x{background:none;border:0;color:var(--leise);cursor:pointer;padding:0 2px;font-size:14px;line-height:1}.tags{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.tag-eingabe{min-width:160px}.ampel{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--flaeche);border:1px solid var(--linie);color:var(--leise)}.ampel .punkt{width:9px;height:9px;border-radius:50%}.ampel.gruen .punkt{background:var(--gruen)}.ampel.gelb .punkt{background:var(--gelb)}.ampel.rot .punkt{background:var(--rot)}.filter{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.filter input[type=search]{min-width:220px}.schalter{display:inline-flex;gap:6px;align-items:center;color:var(--leise)}.gruppe{margin-bottom:10px;border:1px solid var(--linie);border-radius:var(--radius);background:var(--flaeche);overflow:hidden}.gruppenkopf{width:100%;display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 14px;background:var(--flaeche-2);border:0;color:var(--text);cursor:pointer;font:inherit;text-align:left}.pfeil{color:var(--leise);width:12px}.tabelle-huelle{overflow-x:auto}.tabelle{width:100%;border-collapse:collapse}.tabelle th{text-align:left;font-weight:500;color:var(--leise);font-size:12px;padding:8px 10px;border-bottom:1px solid var(--linie);white-space:nowrap}.tabelle td{padding:6px 10px;border-bottom:1px solid rgba(35,49,66,.6);vertical-align:middle}.tabelle tr:last-child td{border-bottom:0}.tabelle tr:hover td{background:#16212d99}.tabelle .zahl{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.tabelle tr.veraltet td{opacity:.65}.pilot{display:inline-flex;align-items:center;gap:8px;color:var(--text);white-space:nowrap}.pilot img{border-radius:4px}.anmelden{min-height:100vh;display:grid;place-items:center;padding:20px}.anmelden .karte{max-width:380px;text-align:center;padding:32px}.anmelden .knopf{margin:16px 0 8px}.leerzustand{max-width:640px}.dialog{max-width:620px;margin:0 auto}.dialog-kopf{display:flex;gap:18px;align-items:flex-start}.dialog-kopf img{border-radius:8px}.dialog-kopf h1{margin-bottom:6px}.spalten{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.queue{margin:0;padding-left:20px}.queue li{display:flex;justify-content:space-between;gap:10px;padding:3px 0}.karte.gefahr{border-color:#e0524a66}@media(max-width:700px){.kopf{flex-wrap:wrap;gap:10px}.inhalt{padding:12px}.dialog-kopf{flex-direction:column}}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.glocke{display:inline-flex;align-items:center;gap:4px;color:var(--text);padding:4px 8px;border-radius:6px}.glocke:hover{background:var(--flaeche-2);text-decoration:none}.reiter{display:inline-flex;gap:2px;background:var(--flaeche);border:1px solid var(--linie);border-radius:8px;padding:2px}.reiter button{background:none;border:0;color:var(--leise);padding:6px 12px;border-radius:6px;cursor:pointer;font:inherit}.reiter button.aktiv{background:var(--flaeche-2);color:var(--text)}.faelle .fall{padding:12px 16px;margin-bottom:8px;border-left:4px solid var(--linie)}.fall.s-kritisch{border-left-color:var(--rot)}.fall.s-warnung{border-left-color:var(--orange)}.fall.s-info{border-left-color:var(--blau)}.fall.ruhig{opacity:.6}.fall-kopf{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.fall-kopf img{border-radius:4px}.fall-kopf .rechts{margin-left:auto}.fall-text{margin:6px 0}.fall-aktionen{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.klon h3{font-size:12px;color:var(--leise);margin:12px 0 4px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.klon.falsch{border-color:#e0524a99}.implantate{margin:0;padding-left:18px;font-size:12px}.gruen-text{color:var(--gruen)}.rot-text{color:var(--rot)}.meldung.gut{border-color:var(--gruen);background:#3fb27f1a}form.inline.umbruch,.inline{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}input.breit{min-width:320px;flex:1}.auswahl{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:4px;margin-top:10px}.massen{display:flex;gap:10px;align-items:center;flex-wrap:wrap;position:sticky;top:56px;z-index:4;border-color:var(--akzent)}.tabelle td.zelle{text-align:center;font-weight:600}.einstellungen .karte{max-width:1100px}.chip.chip-auto{border-color:#2bb3a6;color:#6fe0d4;background:#2bb3a61f}.chip.chip-hand{border-color:#c99a3c;color:#f0cd84;background:#e8b04a1a}input.rand-auto{border-color:#2bb3a6}input.rand-hand{border-color:#c99a3c}textarea{width:100%;background:var(--grund);color:var(--text);border:1px solid var(--linie);border-radius:6px;padding:8px;font:inherit;margin:8px 0}code{background:var(--flaeche-2);padding:1px 4px;border-radius:4px}.kennzahlen{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:12px;margin-bottom:16px}.kennzahl{display:flex;flex-direction:column;gap:4px;margin:0}.kennzahl strong{font-size:24px;font-variant-numeric:tabular-nums}.kennzahl.haupt strong{font-size:32px;color:var(--akzent)}.veraenderungen{display:flex;gap:12px;flex-wrap:wrap}.verlauf{position:relative}.verlauf svg{width:100%;height:220px;display:block}.verlauf .gitter{stroke:var(--linie);stroke-width:1}.verlauf .linie{fill:none;stroke:var(--akzent);stroke-width:2;vector-effect:non-scaling-stroke}.verlauf .punkt{stroke:var(--akzent);stroke-width:9;stroke-linecap:round;vector-effect:non-scaling-stroke}.verlauf .achsen{display:flex;justify-content:space-between}.verlauf .fadenkreuz{stroke:var(--leise);stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.verlauf .achse{fill:var(--leise);font-size:12px}.tooltip{position:absolute;top:8px;transform:translate(-50%);background:var(--flaeche-2);border:1px solid var(--linie);border-radius:6px;padding:6px 10px;font-size:12px;pointer-events:none;white-space:nowrap}.balken{display:flex;flex-direction:column;gap:6px}.balken-zeile{display:grid;grid-template-columns:minmax(120px,1.2fr) 2fr auto;gap:10px;align-items:center;font-size:13px}.balken-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.balken-spur{background:var(--flaeche-2);border-radius:4px;height:10px;overflow:hidden}.balken-fuellung{display:block;height:100%;background:var(--akzent);border-radius:0 4px 4px 0}.balken-wert{font-variant-numeric:tabular-nums;text-align:right;min-width:80px}.suche{position:relative}.suche input{width:240px}.suche-ergebnis{position:absolute;right:0;top:40px;width:460px;max-height:70vh;overflow:auto;z-index:10;box-shadow:0 8px 24px #00000080}.suche-ergebnis h3{font-size:11px;color:var(--leise);text-transform:uppercase;margin:10px 0 4px}.treffer{display:block;padding:4px 0;color:var(--text)}details.gruppe>summary{list-style:none}@media(max-width:1000px){.kennzahlen{grid-template-columns:1fr 1fr}.suche input{width:160px}.suche-ergebnis{width:90vw}}.kopf{flex-wrap:wrap;row-gap:8px}.navi a,.wer,.marke{white-space:nowrap}.suche input{width:200px}@media(max-width:1600px){.wer>span{display:none}}.kacheln-zeile{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:16px}.kacheln-zeile .kennzahl{color:var(--text);text-decoration:none}.kacheln-zeile .kennzahl:hover{border-color:var(--akzent)}.kacheln-zeile .kennzahl strong{font-size:22px}.orange-text{color:var(--orange)}.heute{border-left:3px solid var(--linie);padding-left:10px;margin-bottom:8px}.heute.s-kritisch{border-left-color:var(--rot)}.heute.s-warnung{border-left-color:var(--orange)}.heute.s-info{border-left-color:var(--blau)}.heute-kopf{display:flex;gap:8px;align-items:center;width:100%;background:none;border:0;color:var(--text);font:inherit;cursor:pointer;padding:4px 0;text-align:left}.heute-kopf .rechts{margin-left:auto}.liegen{margin-top:12px;padding-top:10px;border-top:1px solid var(--linie)}.slot{display:flex;align-items:center;gap:6px;min-width:110px}.slot-spur{flex:1;height:8px;background:var(--flaeche-2);border-radius:4px;overflow:hidden}.slot-fuellung{display:block;height:100%;background:var(--gruen)}.slot-fuellung.luecke{background:var(--orange)}.kolonie{border-top:1px solid var(--linie);padding:6px 0}.kolonie ul{margin:4px 0 0;padding-left:18px}.kopf{gap:14px;padding:8px 16px}.navi{gap:0;flex-wrap:nowrap}.navi a{padding:6px 9px}.suche input{width:170px}@media(max-width:1500px){.marke>span:not(.logo):not(.abzeichen){display:none}}.verlauf .linie.zweit{stroke:var(--leise);stroke-width:1.5;stroke-dasharray:5 4}.verlauf .band{fill:var(--flaeche-2)}.signal{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.signal-kopf{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.signal-art{font-size:28px;font-weight:600}.plex-mehr .signal-art,.plex-mehr strong,.plex-angebot strong,.plex-angebot .signal-art{color:var(--gruen)}.plex-weniger .signal-art,.plex-weniger strong{color:var(--blau)}.plex-jetztDecken .signal-art,.plex-jetztDecken strong{color:var(--orange)}.plex-gedeckt .signal-art,.plex-gedeckt strong{color:var(--gruen)}.fortschritt{height:8px;background:var(--flaeche-2);border-radius:999px;overflow:hidden;margin:6px 0}.fortschritt>span{display:block;height:100%;background:var(--akzent)}.werte{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:8px 0}.werte dt{color:var(--leise)}.werte dd{margin:0;font-variant-numeric:tabular-nums}.legende{display:flex;gap:14px}.legende i{display:inline-block;width:14px;height:0;border-top:2px solid var(--akzent);vertical-align:middle;margin-right:4px}.legende i.zweit{border-top:2px dashed var(--leise)}.legende i.band{border:0;height:8px;background:var(--flaeche-2)}.eingabe-klein{width:110px}@media(max-width:1000px){.signal{grid-template-columns:1fr}}.alarm-zeile td{background:#e07b3a14}.einfluss{display:inline-block;width:80px;height:6px;background:var(--flaeche-2);border-radius:999px;overflow:hidden;vertical-align:middle}.einfluss>span{display:block;height:100%;background:var(--rot)}@media(max-width:1500px){.navi a{padding:6px;font-size:13px}.suche input{width:150px}.kopf{gap:10px}}