:root{--grund: #0d1723;--flaeche: #13293b;--karte: #1c3042;--erhoeht: #253d54;--marke: #23a1de;--hell: #4fc9ff;--akzent: #ff8a3d;--rahmen: #22384c;--rahmen-stark: #2f4d68;--gut: #26d9a3;--warn: #ffc94a;--gefahr: #ff5257;--text: #f2f8fc;--text-leise: #a7bdd2;--text-still: #7a93a9;--anzeige: "Bahnschrift", "DIN Next", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--schrift: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, sans-serif;--mono: "Cascadia Mono", "JetBrains Mono", "Consolas", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#wurzel{height:100%}body{background:var(--grund);color:var(--text);font:14.5px/1.55 var(--schrift);-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}::selection{background:var(--marke);color:#04101a}:focus-visible{outline:2px solid var(--hell);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{transition:none!important}}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.etikett{font:700 9.5px/1 var(--anzeige);letter-spacing:.14em;text-transform:uppercase;color:var(--text-still)}.wert{font-weight:600}.wert-leise{color:var(--text-still)}.wert-warn{color:var(--warn)}.wert-gut{color:var(--gut)}.wert-gefahr{color:var(--gefahr)}.kleingedruckt{font-size:12px;color:var(--text-still);margin-top:8px}.vortext{color:var(--text-leise);max-width:78ch;margin-bottom:12px}.unter-titel{font:700 11px/1 var(--anzeige);letter-spacing:.14em;text-transform:uppercase;color:var(--text-leise);margin:16px 0 8px}.code{letter-spacing:.05em;font-weight:600}.marke{width:8px;height:8px;border-radius:1px;flex-shrink:0;display:inline-block}.marke-marke{background:var(--marke);box-shadow:0 0 8px #23a1deb3}.marke-gut{background:var(--gut);box-shadow:0 0 8px #26d9a399}.marke-warn{background:var(--warn);box-shadow:0 0 8px #ffc94a99}.marke-gefahr{background:var(--gefahr);box-shadow:0 0 8px #ff525799}.marke-still{background:var(--text-still)}.plakette{display:inline-block;padding:2px 8px;border:1px solid currentColor;border-radius:2px;font:700 10px/1.6 var(--anzeige);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.plakette-marke{color:var(--hell)}.plakette-gut{color:var(--gut)}.plakette-warn{color:var(--warn)}.plakette-gefahr{color:var(--gefahr)}.plakette-still{color:var(--text-still)}.schale{display:grid;grid-template-rows:auto auto 1fr auto;height:100%}.kopfleiste{display:flex;align-items:center;gap:20px;padding:10px 20px;background:linear-gradient(180deg,#16283a,#10202f);border-bottom:1px solid var(--rahmen-stark)}.kopf-bereich{font:700 11px/1 var(--anzeige);letter-spacing:.22em;text-transform:uppercase;color:var(--text-still);padding-left:20px;border-left:1px solid var(--rahmen)}.kopf-werkzeug{margin-left:auto;display:flex;align-items:center;gap:12px}.kontoleiste{display:flex;gap:0;background:var(--flaeche);border-bottom:1px solid var(--rahmen);position:relative}.kontoleiste:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,#4fc9ff,#23a1de 55%,#ff8a3d 82%,#e5484d);opacity:.8}.kontoleiste-block{display:flex;flex-direction:column;gap:3px;padding:9px 20px;border-right:1px solid var(--rahmen);min-width:0}.kontoleiste-block .wert-leise,.kontoleiste-block .wert,.kontoleiste-block .wert-gefahr{font-size:13.5px}.kontoleiste-block .plakette{align-self:flex-start}.rumpf{display:flex;min-height:0}.arbeitsbereich{flex:1;min-width:0;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.statusleiste{display:flex;align-items:center;gap:24px;padding:6px 20px;background:var(--flaeche);border-top:1px solid var(--rahmen);font-size:12px;color:var(--text-leise)}.status-block{display:inline-flex;align-items:center;gap:8px}.status-uhr{margin-left:auto}.wegweiser{width:216px;flex-shrink:0;background:var(--flaeche);border-right:1px solid var(--rahmen);display:flex;flex-direction:column;overflow:auto}.wegpunkt{display:flex;align-items:flex-start;gap:10px;padding:11px 14px;background:none;border:0;border-bottom:1px solid var(--rahmen);border-left:3px solid transparent;text-align:left;cursor:pointer;transition:background .12s}.wegpunkt:hover{background:var(--karte)}.wegpunkt.offen{background:var(--karte);border-left-color:var(--marke)}.wegpunkt .marke{margin-top:5px}.wegpunkt-text{display:flex;flex-direction:column;gap:2px;min-width:0}.wegpunkt-name{font-weight:600}.wegpunkt-zustand{font:11.5px/1.35 var(--mono);font-variant-numeric:tabular-nums;color:var(--text-still)}.wegpunkt.offen .wegpunkt-zustand{color:var(--text-leise)}.bereich{border:1px solid var(--rahmen);background:var(--karte)}.bereich-kopf{display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--erhoeht);border-bottom:1px solid var(--rahmen)}.bereich-titel{font:700 12px/1 var(--anzeige);letter-spacing:.14em;text-transform:uppercase}.bereich-zustand{font:700 12px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--hell)}.bereich-werkzeug{margin-left:auto;display:flex;gap:8px}.bereich-inhalt{padding:14px}.kennzahlraster{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1px;background:var(--rahmen);border:1px solid var(--rahmen)}.kennzahl{background:var(--karte);padding:12px 14px;border-left:3px solid var(--text-still)}.kennzahl-marke{border-left-color:var(--marke)}.kennzahl-gut{border-left-color:var(--gut)}.kennzahl-warn{border-left-color:var(--warn)}.kennzahl-gefahr{border-left-color:var(--gefahr)}.kennzahl-wert{font:700 26px/1.1 var(--mono);font-variant-numeric:tabular-nums}.kennzahl-warn .kennzahl-wert{color:var(--warn)}.kennzahl-gefahr .kennzahl-wert{color:var(--gefahr)}.kennzahl-name{margin-top:4px;font:700 10px/1.3 var(--anzeige);letter-spacing:.12em;text-transform:uppercase;color:var(--text-still)}.kennzahl-fuss{margin-top:4px;font-size:12px;color:var(--text-leise)}.angabenraster{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1px;background:var(--rahmen);border:1px solid var(--rahmen)}.angabe{display:flex;flex-direction:column;gap:4px;padding:9px 12px;background:var(--karte);min-width:0}.angabe-wert{font-size:13.5px;word-break:break-word}.meldung{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-left:3px solid;background:#00000038;margin-bottom:12px}.meldung-fehler{border-color:var(--gefahr)}.meldung-gut{border-color:var(--gut)}.meldung-hinweis{border-color:var(--warn)}.meldung-text{display:flex;flex-direction:column;gap:3px}.meldung-fehler strong{color:var(--gefahr)}.meldung-gut strong{color:var(--gut)}.meldung-hinweis strong{color:var(--warn)}.meldung-schritt{color:var(--text-leise);font-size:13px}.meldung-werkzeug{margin-left:auto}.laden{color:var(--text-leise);padding:8px 0}.leer{padding:18px 0;color:var(--text-leise)}.leer-hinweis{margin-top:4px;font-size:13px;color:var(--text-still)}.knopf{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--erhoeht);border:1px solid var(--rahmen-stark);color:var(--text);font-weight:600;font-size:13.5px;cursor:pointer;transition:background .12s,border-color .12s}.knopf:hover:not(:disabled){background:#2d4a64;border-color:var(--marke)}.knopf:disabled{opacity:.45;cursor:not-allowed}.knopf-haupt{background:linear-gradient(135deg,#29b8f5,#0f6ea0);border-color:#0f6ea0;color:#04101a}.knopf-haupt:hover:not(:disabled){filter:brightness(1.12);background:linear-gradient(135deg,#29b8f5,#0f6ea0)}.knopf-leise{background:none;border-color:var(--rahmen);color:var(--text-leise)}.knopf-leise:hover:not(:disabled){color:var(--text);background:var(--erhoeht)}.knopfreihe{display:flex;gap:8px;align-items:center}.knopfreihe-abstand{margin-top:14px}.leiseknopf{padding:4px 0;background:none;border:0;border-bottom:1px dotted var(--rahmen-stark);color:var(--text-still);font-size:12px;cursor:pointer;white-space:nowrap}.leiseknopf:hover{color:var(--hell);border-bottom-color:var(--hell)}.formular{display:flex;flex-direction:column;gap:14px;max-width:460px}.feld{display:flex;flex-direction:column;gap:5px}.feld-name{font:700 10px/1 var(--anzeige);letter-spacing:.14em;text-transform:uppercase;color:var(--text-leise)}.feld input,.feld select{padding:9px 11px;background:#0000004d;border:1px solid var(--rahmen-stark);color:var(--text)}.feld input:focus,.feld select:focus{border-color:var(--marke);outline:none}.feld-flach{flex:1;min-width:220px;max-width:420px}.suchleiste{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-bottom:14px}.modulraster{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1px;background:var(--rahmen);border:1px solid var(--rahmen)}.modulfeld{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding:8px 10px;background:var(--karte);border-left:3px solid transparent}.modulfeld.an{border-left-color:var(--marke)}.modulfeld.fest{color:var(--text-leise)}.modulname{font-weight:600;font-size:13.5px}.tabelle{width:100%;border-collapse:collapse;font-size:13.5px}.tabelle-abstand{margin-top:16px}.tabelle th{text-align:left;padding:7px 10px;font:700 9.5px/1.4 var(--anzeige);letter-spacing:.14em;text-transform:uppercase;color:var(--text-still);border-bottom:1px solid var(--rahmen-stark);white-space:nowrap}.tabelle td{padding:8px 10px;border-bottom:1px solid var(--rahmen);vertical-align:top}.tabelle tbody tr:hover td{background:#ffffff06}.tabelle .rechts{text-align:right}.zeile-notiz{display:block;margin-top:3px;font-size:12px;color:var(--text-still);max-width:46ch}.zeile-notiz-gefahr{color:var(--gefahr)}.zellenreihe{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.zeile-klickbar{cursor:pointer}.zeile-klickbar:hover td{background:#23a1de14}.zeilenknopf{padding:0;background:none;border:0;border-bottom:1px dotted var(--rahmen-stark);color:var(--text);font:inherit;font-weight:600;text-align:left;cursor:pointer}.zeilenknopf:hover{color:var(--hell);border-bottom-color:var(--hell)}.zeile-gesperrt td{background:#ff52570f}.zeile-gesperrt td:first-child{box-shadow:inset 3px 0 0 var(--gefahr)}.zeile-gesperrt:hover td{background:#ff52571a}.fahrzeugliste{list-style:none;display:flex;flex-direction:column;gap:4px}.fahrzeugliste li{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;font-size:13px}.zeitstrahl{list-style:none;position:relative;padding-left:22px}.zeitstrahl:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:1px;background:var(--rahmen-stark)}.zeitpunkt{position:relative;padding:10px 0 10px 4px;border-bottom:1px solid var(--rahmen)}.zeitpunkt:last-child{border-bottom:0}.zeitpunkt:before{content:"";position:absolute;left:-21px;top:16px;width:9px;height:9px;border-radius:1px;background:var(--text-still)}.zeitpunkt-gut:before{background:var(--gut);box-shadow:0 0 8px #26d9a399}.zeitpunkt-warn:before{background:var(--warn);box-shadow:0 0 8px #ffc94a99}.zeitpunkt-gefahr:before{background:var(--gefahr);box-shadow:0 0 8px #ff525799}.zeitpunkt-marke:before{background:var(--marke);box-shadow:0 0 8px #23a1deb3}.zeitpunkt-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.zeitpunkt-datum{font-weight:600;font-size:13.5px}.zeitpunkt-art{color:var(--text-leise);font-size:13px}.zeitpunkt-knopf{margin-left:auto}.zeitpunkt-werte{display:flex;flex-wrap:wrap;gap:16px;margin-top:5px;font-size:12.5px;color:var(--text-leise)}.sprachwahl{display:inline-flex;border:1px solid var(--rahmen)}.sprachwahl button{padding:6px 10px;font:600 11px/1 var(--mono);letter-spacing:.08em;background:none;border:0;color:var(--text-still);cursor:pointer;transition:background .12s,color .12s}.sprachwahl button[aria-pressed=true]{background:var(--marke);color:#04101a}.sprachwahl button:not([aria-pressed=true]):hover{color:var(--text)}.anmeldeschale{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 30% 20%,rgba(35,161,222,.1),transparent 55%),var(--grund)}.anmeldebogen{width:100%;max-width:430px}.anmeldebogen-breit{max-width:640px}.anmeldekopf{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}@media (max-width: 900px){.rumpf{flex-direction:column}.wegweiser{width:auto;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--rahmen)}.wegpunkt{border-bottom:0;border-right:1px solid var(--rahmen);border-left:0;border-top:3px solid transparent;white-space:nowrap}.wegpunkt.offen{border-left-color:transparent;border-top-color:var(--marke)}.kontoleiste{flex-wrap:wrap}.statusleiste{flex-wrap:wrap;gap:12px}.status-uhr,.zeitpunkt-knopf{margin-left:0}}