:root{--akzent:#004F9F;--akzent-hell:#6ea8ff;--marke:#08020f;--dunkel2:#191322;--dunkel-text:#a29caa;--flaeche:#f5f6f8;--karte:#ffffff;--linie:#e5e7eb;--text:#111418;--gedaempft:#6b7280;--ok:#1b7f3b;--schlecht:#b00020;--warnung:#8a5a00}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#111418;font:14px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:#004f9f;text-decoration:none}a:hover{color:#003a77}h1{margin:2px 0 0;font-size:21px;font-weight:640;letter-spacing:-.02em}h2{margin:0;font-size:13px;font-weight:640;letter-spacing:-.01em}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.huelle{display:flex;align-items:stretch;min-height:100vh}.seite{width:248px;flex:0 0 248px;background:#08020f;color:#efecf2;display:flex;flex-direction:column;padding:18px 12px 12px}.marke{display:flex;align-items:center;gap:10px;padding:0 6px 16px}.umschalter{display:flex;align-items:center;gap:10px;width:100%;background:#191322;border:1px solid #2c2437;border-radius:9px;padding:9px 10px;margin-bottom:16px}.umschalter-kuerzel{width:30px;height:30px;flex:0 0 auto;border-radius:7px;background:#004f9f;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.umschalter-text{display:flex;flex-direction:column;flex:1;min-width:0}.umschalter-org{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#a29caa}.umschalter-app{font-size:13px;font-weight:600;color:#fff}.umschalter-pfeil{color:#a29caa;display:flex}.nav{display:flex;flex-direction:column;gap:1px;flex:1}.nav-gruppe{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#6b6476;font-weight:650;padding:16px 10px 5px}.nav-eintrag{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:7px;color:#a29caa;font-size:13px;position:relative}.nav-icon{display:flex;opacity:.85}.nav-eintrag.ist-aktiv{background:#191322;color:#fff;font-weight:600}.nav-eintrag.ist-aktiv:before{content:"";position:absolute;left:-12px;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:#6ea8ff}.nav-eintrag.ist-aktiv .nav-icon{color:#6ea8ff;opacity:1}.nav-zusatz{margin-left:auto;font-size:11px;color:#6b6476;font-variant-numeric:tabular-nums}.seite-fuss{border-top:1px solid #241d2e;padding-top:10px;margin-top:10px}.betreiber{border:1px dashed #332b3f;margin-bottom:2px}.person{display:flex;align-items:center;gap:9px;padding:8px 10px 2px}.person-kuerzel{width:28px;height:28px;border-radius:999px;background:#2c2437;color:#ded9e4;font-size:11px;font-weight:650;display:flex;align-items:center;justify-content:center}.person-text{display:flex;flex-direction:column;flex:1;min-width:0}.person-name{font-size:12px;color:#efecf2}.person-rolle{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#6ea8ff}.person-aus{color:#6b6476;display:flex}.arbeit{flex:1;min-width:0;display:flex;flex-direction:column}.kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 28px 16px;background:#fff;border-bottom:1px solid #e5e7eb}.krume{display:flex;align-items:center;gap:5px;font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.08em}.kopf-hinweis{margin:4px 0 0;font-size:12.5px;color:#6b7280;max-width:640px}.kopf-rechts{display:flex;align-items:center;gap:12px}.umgebung{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;border:1px solid #e5e7eb;border-radius:999px;padding:5px 11px}.inhalt{padding:22px 28px;max-width:1180px;display:flex;flex-direction:column;gap:16px}.karte{background:#fff;border:1px solid #e5e7eb;border-radius:10px}.karte-kopf{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid #e5e7eb}.karte-kopf .neben{font-size:12px;color:#6b7280}.karte-koerper{padding:16px}.kacheln{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kachel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:13px 16px;display:flex;flex-direction:column;gap:2px}.kachel-titel{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#6b7280;font-weight:600}.kachel-wert{font-size:25px;font-weight:650;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.kachel-zusatz{font-size:12px;color:#6b7280}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:#6b7280;font-weight:650;padding:9px 16px;border-bottom:1px solid #e5e7eb}td{padding:11px 16px;border-bottom:1px solid #e5e7eb;font-size:13px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}.rechts{text-align:right}.pille{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid #e5e7eb;color:#6b7280}.punkt{width:7px;height:7px;border-radius:999px;display:inline-block;flex:0 0 auto}.knopf{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;padding:8px 14px;border-radius:7px;border:0;background:#004f9f;color:#fff;white-space:nowrap}.knopf.leise{background:transparent;color:#111418;border:1px solid #e5e7eb;font-weight:500}.knopf.zweit{background:transparent;color:#004f9f;border:1px solid #004F9F}.knopf.gefahr{background:transparent;color:#b00020;border:1px solid #e5e7eb;font-weight:500}.feld{display:flex;flex-direction:column;gap:5px}.feld label{font-size:11px;font-weight:650;color:#6b7280;text-transform:uppercase;letter-spacing:.06em}.eingabe{font-size:13px;padding:8px 10px;border:1px solid #e5e7eb;border-radius:7px;background:#fff;color:#111418;width:100%;min-height:36px;display:flex;align-items:center;justify-content:space-between}.eingabe.leer{color:#9ca3af}.feld .hilfe{font-size:11.5px;color:#6b7280}.zwei{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hinweis{padding:11px 14px;border-radius:9px;font-size:13px}.hinweis.gut{border:1px solid #1b7f3b;color:#1b7f3b}.geheim{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:#111418;background:#fff;border:1px dashed #004F9F;border-radius:7px;padding:9px 11px;word-break:break-all}.leer{color:#6b7280;font-size:13px;line-height:1.6}.zustand-zeile{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #e5e7eb}.zustand-zeile:last-child{border-bottom:0}.zustand-name{flex:1;font-size:13px}.zustand-wert{font-size:12px;color:#6b7280;font-variant-numeric:tabular-nums}.modul{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e5e7eb;border-radius:9px;background:#fff}.modul.gewaehlt{border-color:#004f9f;outline:2px solid #004F9F;outline-offset:-1px}.modul.bald{opacity:.55}.modul-icon{width:34px;height:34px;border-radius:8px;background:#f5f6f8;color:#004f9f;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.preset{display:inline-flex;align-items:center;padding:5px 11px;border-radius:999px;border:1px solid #e5e7eb;font-size:12px;color:#111418}.preset.aktiv{border-color:#004f9f;color:#004f9f;background:#004f9f0f}.schritt{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #e5e7eb}.schritt:last-child{border-bottom:0}.schritt-nr{width:24px;height:24px;border-radius:999px;background:#f5f6f8;color:#004f9f;font-size:12px;font-weight:650;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.tab{padding:8px 12px;font-size:13px;color:#6b7280;border-bottom:2px solid transparent}.tab.aktiv{color:#004f9f;border-bottom-color:#004f9f;font-weight:600}.feld input,.feld select,.feld textarea{font:inherit;font-size:13px;padding:8px 10px;border:1px solid #e5e7eb;border-radius:7px;background:#fff;color:#111418;width:100%}.feld input:focus,.feld select:focus,.feld textarea:focus{outline:2px solid #004F9F;outline-offset:-1px;border-color:transparent}.feld .fehler{font-size:11.5px;color:#b00020}.feld.hat-fehler input,.feld.hat-fehler select{border-color:#b00020}.schalter{display:flex;align-items:center;gap:8px;font-size:13px}.schalter input{width:auto}button.knopf,button.preset,button.tab,button.modul{font:inherit;cursor:pointer}button.knopf{font-size:13px;font-weight:600}.knopf:disabled{opacity:.4;cursor:not-allowed}.hinweis.schlecht{border:1px solid #b00020;color:#b00020}.hinweis.warnung{border:1px solid #8a5a00;color:#8a5a00}.geheim-hinweis{margin-top:6px;font-size:12px}.nav-eintrag:hover,.umschalter-eintrag:hover{background:#191322;color:#efecf2}.umschalter-huelle{position:relative}.umschalter-huelle>summary{list-style:none;cursor:pointer}.umschalter-huelle>summary::-webkit-details-marker{display:none}.umschalter-huelle[open]>summary .umschalter-pfeil{transform:rotate(180deg)}.umschalter-liste{position:absolute;z-index:30;left:0;right:0;top:calc(100% - 10px);background:#14101c;border:1px solid #2c2437;border-radius:9px;padding:6px;box-shadow:0 18px 40px #0000008c;max-height:min(60vh,420px);overflow:auto}.umschalter-gruppe{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#6b6476;font-weight:650;padding:9px 9px 4px}.umschalter-eintrag{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:7px;color:#a29caa;font-size:13px}.umschalter-eintrag.ist-hier{color:#fff;font-weight:600}.anmeldung{display:flex;min-height:100vh}.anmeldung-links{flex:1 1 58%;position:relative;overflow:hidden;background:linear-gradient(160deg,#14101c,#08020f 55%,#0d1f3a);color:#efecf2;display:flex;flex-direction:column;justify-content:space-between;padding:44px 56px}.anmeldung-links .bild{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center}.anmeldung-links .schleier{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#08020f00 70%,#08020fbf)}.anmeldung-links .darueber{position:relative}.anmeldung-rechts{flex:1 1 42%;background:#fff;display:flex;align-items:center;justify-content:center;padding:40px}.auswahl{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px}.auswahl-kasten{width:100%;max-width:520px}.auswahl a.eintrag{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e5e7eb;border-radius:9px;color:#111418;background:#fff;margin-bottom:8px}.auswahl a.eintrag:hover{border-color:#004f9f}@media(max-width:900px){.huelle{flex-direction:column}.seite{width:auto;flex:0 0 auto}.anmeldung{flex-direction:column}.anmeldung-links{padding:28px 20px;min-height:320px}.kacheln{grid-template-columns:repeat(2,minmax(0,1fr))}.zwei{grid-template-columns:1fr}.inhalt,.kopf{padding-left:16px;padding-right:16px}}.nichts{color:#6b7280;font-size:13px;line-height:1.6;padding:20px 16px 22px}.weg{text-decoration:line-through;color:#6b7280}
