:root{--grund:#23272E;--flaeche:#F6F7F9;--karte:#FFFFFF;--text:#23272E;--neben:#6B717C;--linie:#E4E7EC;--signal:#F2B705;--eingriff:#C8322B;--gruen:#3D8B5C}*{box-sizing:border-box}html,body,#wurzel{height:100%;margin:0}body{font-family:-apple-system,Segoe UI,Inter,Roboto,sans-serif;background:var(--flaeche);color:var(--text);font-size:14px}a{color:inherit}.versteckt{display:none}.rahmen{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.leiste{background:var(--grund);color:#fff;display:flex;flex-direction:column;padding:20px 16px;position:sticky;top:0;height:100vh}.marke{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;letter-spacing:.02em}.marke.gross{font-size:22px;justify-content:center;margin-bottom:6px}.sicherung{width:26px;height:26px;border-radius:6px;background:#fff;position:relative;display:inline-block}.sicherung:after{content:"";position:absolute;left:11px;top:5px;width:4px;height:16px;background:var(--signal);border-radius:2px}.marke.gross .sicurung{width:34px}.leiste nav{display:flex;flex-direction:column;gap:4px;margin-top:28px}.leiste nav a{color:#c9cdd4;text-decoration:none;padding:9px 12px;border-radius:8px;font-weight:600}.leiste nav a.active{background:#ffffff14;color:#fff;border-left:3px solid var(--signal)}.leiste-fuss{margin-top:auto;font-size:12px;color:#c9cdd4}.mandant{font-weight:700;color:#fff}.benutzer{margin:2px 0 10px;word-break:break-all}.leiste-knoepfe{display:flex;gap:6px}.inhalt{padding:28px 32px;max-width:1280px;width:100%}.kopf{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;flex-wrap:wrap}h1{margin:0;font-size:26px}h2{margin:0 0 12px;font-size:15px;color:var(--neben);text-transform:uppercase;letter-spacing:.04em}h2.abstand{margin-top:24px}.zurueck{display:inline-block;font-size:13px;color:var(--neben);text-decoration:none;margin-bottom:6px}.neben{color:var(--neben);font-size:12px}.rot{color:var(--eingriff)}.schalter{display:flex;background:#fff;border:1px solid var(--linie);border-radius:8px;overflow:hidden}.schalter button{border:0;background:none;padding:8px 14px;font-weight:600;cursor:pointer;color:var(--neben)}.schalter button.aktiv{background:var(--grund);color:#fff}.kacheln{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px}.kachel{background:var(--karte);border-radius:10px;padding:14px 16px;border:1px solid var(--linie)}.kachel.haupt{border-top:4px solid var(--signal)}.kachel.warn .kachel-wert{color:var(--eingriff)}.kachel-titel{font-size:12px;color:var(--neben);text-transform:uppercase;letter-spacing:.04em}.kachel-wert{font-size:26px;font-weight:700;margin:6px 0 2px;font-variant-numeric:tabular-nums}.kachel.haupt .kachel-wert{font-size:32px}.kachel-hinweis{font-size:12px;color:var(--neben)}.karte{background:var(--karte);border:1px solid var(--linie);border-radius:10px;padding:16px 18px;margin-bottom:16px}.zweispaltig{display:grid;grid-template-columns:1fr 1fr;gap:16px}.diagramm{width:100%}.tabelle{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.tabelle th{text-align:left;font-size:12px;color:var(--neben);font-weight:600;padding:8px;border-bottom:1px solid var(--linie)}.tabelle td{padding:9px 8px;border-bottom:1px solid var(--linie);vertical-align:top}.tabelle .rechts{text-align:right}.tabelle.klickbar tbody tr{cursor:pointer}.tabelle.klickbar tbody tr:hover{background:var(--flaeche)}.zeile-fehler td{background:#fff4f3}.funken{width:120px}.liste{list-style:none;margin:8px 0 0;padding:0}.liste li{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:7px 0;border-top:1px solid var(--linie);align-items:center;font-size:13px}.liste li a{font-weight:600;text-decoration:none}.liste li span{color:var(--neben)}.pille{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;background:var(--flaeche);color:var(--neben);border:1px solid var(--linie);white-space:nowrap}.pille.fehler{background:#fdecea;color:var(--eingriff);border-color:#f5c6c2}.pille.warn,.pille.warnen,.pille.drosseln{background:#fff7db;color:#8a6a00;border-color:#f2de9a}.pille.stoppen{background:#fdecea;color:var(--eingriff);border-color:#f5c6c2}.pille.offen{background:#e9f4ee;color:var(--gruen);border-color:#cde5d6}.leer,.laden{color:var(--neben);padding:18px 0;text-align:center}.fehlerkasten{background:#fdecea;color:var(--eingriff);border:1px solid #F5C6C2;border-radius:8px;padding:10px 12px;margin:8px 0}.filter{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filter select,.anmelden input{border:1px solid var(--linie);border-radius:8px;padding:8px 10px;font:inherit;background:#fff}.haken{display:flex;align-items:center;gap:6px;color:var(--neben)}.knopf{border:1px solid var(--linie);background:#fff;border-radius:8px;padding:8px 14px;font:inherit;font-weight:600;cursor:pointer;color:var(--text)}.knopf.klein{padding:5px 9px;font-size:12px}.knopf.primaer{background:var(--grund);color:#fff;border-color:var(--grund);padding:11px 14px}.knopf:disabled{opacity:.6;cursor:default}.leiste .knopf{background:transparent;color:#c9cdd4;border-color:#ffffff2e}.anmelden-seite{min-height:100vh;display:grid;place-items:center;padding:24px}.anmelden{background:#fff;border:1px solid var(--linie);border-top:4px solid var(--signal);border-radius:12px;padding:32px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:12px}.anmelden .claim{margin:0 0 8px;text-align:center;color:var(--neben)}.anmelden label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--neben);font-weight:600}.anmelden .sprache{align-self:center;margin-top:4px}@media (max-width:900px){.rahmen{grid-template-columns:1fr}.leiste{position:static;height:auto;flex-direction:row;align-items:center;gap:12px;padding:12px 16px}.leiste nav{flex-direction:row;margin:0}.leiste-fuss{margin:0 0 0 auto}.inhalt{padding:16px}.zweispaltig{grid-template-columns:1fr}}.befunde{list-style:none;margin:8px 0 12px;padding:0}.befunde li{display:flex;gap:12px;align-items:flex-start;padding:8px 0;border-top:1px solid var(--linie);font-size:13px}.balken{position:relative;height:8px;background:var(--flaeche);border-radius:4px;overflow:hidden;margin-top:6px;min-width:120px}.balken>span{position:absolute;left:0;top:0;bottom:0;background:var(--grund);border-radius:4px}.balken.warn>span{background:var(--signal)}.balken.voll>span{background:var(--eingriff)}.budget-eingabe{display:flex;gap:6px;align-items:center}.budget-eingabe input{width:110px;border:1px solid var(--linie);border-radius:8px;padding:6px 8px;font:inherit;text-align:right}.hinweis{color:var(--neben);font-size:13px;margin:0 0 12px}.hinweis.warn{color:#8a6a00;background:#fff7db;border:1px solid #F2DE9A;border-radius:8px;padding:8px 12px}.klein-eingabe{border:1px solid var(--linie);border-radius:8px;padding:6px 8px;font:inherit;width:130px;margin-left:6px}.formular{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;align-items:end;margin-bottom:12px}.formular label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--neben);font-weight:600}.formular input,.formular select{border:1px solid var(--linie);border-radius:8px;padding:7px 9px;font:inherit;background:#fff}.formular .haken{flex-direction:row;align-items:center}.pille.beobachten{background:var(--flaeche)}.pille.schatten{background:#eef0f4;color:var(--neben)}.zwilling{border-left:4px solid var(--signal)}.zwilling-zeile{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:8px}.zwilling-zeile div{display:flex;flex-direction:column;gap:2px}.zwilling-zeile strong{font-size:20px;font-variant-numeric:tabular-nums}.vorschlag{max-width:520px;color:var(--text);font-size:13px;line-height:1.45}.schluessel-box{background:#1c2026;color:#e4e7ec;padding:12px 14px;border-radius:8px;font-family:ui-monospace,Menlo,monospace;word-break:break-all;display:flex;gap:10px;align-items:center;justify-content:space-between}.schritte{list-style:none;margin:0;padding:0;display:grid;gap:12px}.schritte li{background:var(--karte);border:1px solid var(--linie);border-radius:10px;padding:14px 16px;display:grid;grid-template-columns:32px 1fr;gap:12px}.schritte .nr{width:28px;height:28px;border-radius:50%;background:var(--grund);color:#fff;display:grid;place-items:center;font-weight:700}.schritte .nr.ok{background:var(--gruen)}.pakete{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.paket{border:1px solid var(--linie);border-radius:10px;padding:14px;background:#fff}.paket.aktuell{border-color:var(--signal);border-width:2px}.paket strong{font-size:20px;display:block}