:root{--bg: #000000;--bg-erhoben: #14161a;--bg-karte: #16191e;--bg-karte-hover: #1e2228;--bg-eingabe: #0b0d10;--rand: #262a31;--rand-stark: #3d434c;--text: #ffffff;--text-leise: #a2a9b4;--text-sehr-leise: #6f7783;--akzent: #4aa8e0;--akzent-dunkel: #0d2637;--akzent-text: #04141f;--ok: #5ed17a;--ok-dunkel: #10331b;--warn: #f7b955;--warn-dunkel: #3a2a0c;--gefahr: #ff6b5b;--gefahr-dunkel: #3d1512;--info: #6cb6ff;--info-dunkel: #10263d;--radius: 14px;--radius-klein: 9px;--touch: 48px;--touch-gross: 56px;--schrift: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--sicher-oben: env(safe-area-inset-top, 0px);--sicher-unten: env(safe-area-inset-bottom, 0px);--navhoehe: 64px;color-scheme:dark}:root[data-theme=hell]{--bg: #f2f4f6;--bg-erhoben: #ffffff;--bg-karte: #ffffff;--bg-karte-hover: #eaeef2;--bg-eingabe: #ffffff;--rand: #d3d9e0;--rand-stark: #98a2ae;--text: #0b0d10;--text-leise: #4c545e;--text-sehr-leise: #6f7783;--akzent: #0f5f92;--akzent-dunkel: #d9eaf7;--akzent-text: #ffffff;--ok: #17803d;--ok-dunkel: #d6f2de;--warn: #96590a;--warn-dunkel: #fbeccd;--gefahr: #c0271a;--gefahr-dunkel: #fadad6;--info: #14568f;--info-dunkel: #d8e9fb;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--schrift);font-size:17px;line-height:1.45;overscroll-behavior-y:none}body,#root{min-height:100dvh}h1,h2,h3,h4{margin:0;line-height:1.25;letter-spacing:-.01em}h1{font-size:1.5rem;font-weight:600}h2{font-size:1.18rem;font-weight:650}h3{font-size:1rem;font-weight:650}p{margin:0}a{color:var(--akzent);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{width:100%;min-height:var(--touch);padding:11px 13px;background:var(--bg-eingabe);border:1.5px solid var(--rand);border-radius:var(--radius-klein);outline:none}textarea{min-height:90px;resize:vertical;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:var(--akzent);box-shadow:0 0 0 3px color-mix(in srgb,var(--akzent) 25%,transparent)}input[type=checkbox]{width:26px;height:26px;min-height:0;accent-color:var(--akzent)}::placeholder{color:var(--text-sehr-leise)}.app{min-height:100dvh;display:flex;flex-direction:column}.inhalt{flex:1;padding:14px 14px calc(var(--navhoehe) + var(--sicher-unten) + 28px);max-width:1100px;width:100%;margin:0 auto}.kopf{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--rand);padding:calc(var(--sicher-oben) + 10px) 14px 10px}.kopf-zeile{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:12px;min-height:40px}.kopf-titel{flex:1;min-width:0}.kopf-titel h1{font-size:1.24rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kopf-unterzeile{font-size:.82rem;color:var(--text-leise);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zurueck{min-width:44px;height:44px;display:grid;place-items:center;background:var(--bg-karte);border:1px solid var(--rand);border-radius:50%;font-size:1.2rem;cursor:pointer;flex-shrink:0}.nav{position:fixed;bottom:0;left:0;right:0;z-index:40;display:flex;background:color-mix(in srgb,var(--bg-erhoben) 96%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--rand);padding-bottom:var(--sicher-unten)}.nav a{flex:1;min-height:var(--navhoehe);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--text-leise);position:relative;padding:6px 2px}.nav a .icon{position:relative;display:grid;place-items:center;width:54px;height:30px;border-radius:999px;background:transparent;transition:background .16s ease,color .16s ease}.nav a .nav-label{font-size:.66rem;font-weight:600;letter-spacing:.02em;line-height:1}.nav a.aktiv{color:var(--akzent)}.nav a.aktiv .icon{background:color-mix(in srgb,var(--akzent) 17%,transparent)}.nav a.aktiv .nav-label{font-weight:700}.nav a .zaehler{position:absolute;top:-6px;right:0;background:var(--gefahr);color:#fff;font-size:.6rem;font-weight:700;min-width:17px;height:17px;border-radius:9px;display:grid;place-items:center;padding:0 5px;border:2px solid var(--bg-erhoben);box-sizing:content-box}.karte{background:var(--bg-karte);border:1px solid var(--rand);border-radius:var(--radius);padding:15px;margin-bottom:12px}.karte-knopf{display:block;width:100%;text-align:left;background:var(--bg-karte);border:1px solid var(--rand);border-radius:var(--radius);padding:15px;margin-bottom:10px;cursor:pointer;color:inherit;min-height:var(--touch-gross)}.karte-knopf:active{background:var(--bg-karte-hover);transform:scale(.995)}.liste-eintrag{display:flex;align-items:center;gap:13px;width:100%;text-align:left;background:var(--bg-karte);border:1px solid var(--rand);border-radius:var(--radius);padding:13px 15px;margin-bottom:9px;min-height:var(--touch-gross);cursor:pointer;color:inherit}.liste-eintrag:active{background:var(--bg-karte-hover)}.liste-eintrag .haupt{flex:1;min-width:0}.liste-eintrag .titel{display:block;font-weight:600;overflow-wrap:anywhere}.liste-eintrag .unter{display:block;font-size:.83rem;color:var(--text-leise);margin-top:2px;overflow-wrap:anywhere}.liste-eintrag .pfeil{color:var(--text-sehr-leise);font-size:1.2rem;flex-shrink:0}.avatar{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:1.28rem;background:var(--bg-erhoben);border:1px solid var(--rand);flex-shrink:0}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--touch);padding:0 18px;background:var(--bg-karte);color:var(--text);border:1.5px solid var(--rand-stark);border-radius:var(--radius-klein);font-weight:600;cursor:pointer;text-align:center}.knopf:active{transform:scale(.98)}.knopf.primaer{background:var(--akzent);color:var(--akzent-text);border-color:var(--akzent)}.knopf.gefahr{background:transparent;color:var(--gefahr);border-color:var(--gefahr)}.knopf.gross{min-height:var(--touch-gross);width:100%;font-size:1.05rem}.knopf.leise{background:transparent;border-color:var(--rand);color:var(--text-leise)}.knopf:disabled{opacity:.45;cursor:not-allowed}.knopf-reihe{display:flex;gap:9px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:650;border:1px solid var(--rand);background:var(--bg-erhoben);color:var(--text-leise);max-width:100%;flex-shrink:0;overflow-wrap:anywhere}.chip.ok{background:var(--ok-dunkel);color:var(--ok);border-color:transparent}.chip.warn{background:var(--warn-dunkel);color:var(--warn);border-color:transparent}.chip.gefahr{background:var(--gefahr-dunkel);color:var(--gefahr);border-color:transparent}.chip.info{background:var(--info-dunkel);color:var(--info);border-color:transparent}.chip.akzent{background:var(--akzent-dunkel);color:var(--akzent);border-color:transparent}.chip-reihe{display:flex;flex-wrap:wrap;gap:6px}.filterleiste{display:flex;gap:7px;overflow-x:auto;margin:0 -14px 4px;padding:3px 14px 9px;scrollbar-width:none}.filterleiste::-webkit-scrollbar{display:none}.filter-chip{flex-shrink:0;min-height:40px;padding:0 15px;border-radius:999px;border:1.5px solid var(--rand);background:var(--bg-karte);color:var(--text-leise);font-size:.87rem;font-weight:600;cursor:pointer;white-space:nowrap}.filter-chip.aktiv{background:var(--akzent);border-color:var(--akzent);color:var(--akzent-text)}.hinweis{display:flex;gap:11px;padding:13px 14px;border-radius:var(--radius);border:1px solid var(--rand);background:var(--bg-erhoben);font-size:.89rem;line-height:1.45;margin-bottom:12px}.hinweis .zeichen{font-size:1.15rem;line-height:1.2;flex-shrink:0}.hinweis.warn{background:var(--warn-dunkel);border-color:color-mix(in srgb,var(--warn) 45%,transparent);color:var(--text)}.hinweis.gefahr{background:var(--gefahr-dunkel);border-color:color-mix(in srgb,var(--gefahr) 50%,transparent)}.hinweis.info{background:var(--info-dunkel);border-color:color-mix(in srgb,var(--info) 40%,transparent)}.hinweis.ok{background:var(--ok-dunkel);border-color:color-mix(in srgb,var(--ok) 40%,transparent)}.datenzeile{display:flex;gap:12px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--rand)}.datenzeile:last-child{border-bottom:none}.datenzeile .label{flex:1 1 46%;min-width:0;color:var(--text-leise);font-size:.89rem}.datenzeile .wert{flex:1 1 54%;text-align:right;font-weight:620;overflow-wrap:anywhere}.datenzeile .wert.offen{color:var(--text-sehr-leise);font-weight:500;font-style:italic}.abschnitt-titel{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 10px}.abschnitt-titel h2{font-size:.86rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-sehr-leise);font-weight:700}.kachel-gitter{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px}.kachel{position:relative;background:linear-gradient(160deg,color-mix(in srgb,var(--bg-karte) 92%,var(--text) 8%) 0%,var(--bg-karte) 55%);border:1px solid var(--rand);border-radius:var(--radius);padding:13px 14px 14px;min-height:116px;display:flex;flex-direction:column;gap:2px;cursor:pointer;color:inherit;text-align:left;overflow:hidden;transition:border-color .15s ease,transform .12s ease}.kachel:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:transparent}.kachel:active{background:var(--bg-karte-hover);transform:scale(.985)}.kachel-kopf{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.kachel-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:1rem;background:var(--bg-erhoben);border:1px solid var(--rand);color:var(--text-leise);flex-shrink:0}.kachel-icon.gross{width:40px;height:40px;border-radius:11px}.kachel-pfeil{color:var(--text-sehr-leise);font-size:1.05rem;line-height:1}.kachel .kachel-zahl{font-size:1.85rem;font-weight:300;line-height:1.05;letter-spacing:-.02em}.kachel .kachel-label{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-leise);margin-top:4px}.kachel .kachel-zusatz{font-size:.7rem;color:var(--text-sehr-leise);letter-spacing:0;text-transform:none;font-weight:500;display:block;margin-top:3px}.kachel[data-ton=warn]{border-color:color-mix(in srgb,var(--warn) 45%,var(--rand))}.kachel[data-ton=warn]:before{background:var(--warn)}.kachel[data-ton=warn] .kachel-zahl{color:var(--warn)}.kachel[data-ton=warn] .kachel-icon{background:var(--warn-dunkel);border-color:transparent;color:var(--warn)}.kachel[data-ton=gefahr]{border-color:color-mix(in srgb,var(--gefahr) 45%,var(--rand))}.kachel[data-ton=gefahr]:before{background:var(--gefahr)}.kachel[data-ton=gefahr] .kachel-zahl{color:var(--gefahr)}.kachel[data-ton=gefahr] .kachel-icon{background:var(--gefahr-dunkel);border-color:transparent;color:var(--gefahr)}.kachel[data-ton=ok] .kachel-icon{background:var(--ok-dunkel);border-color:transparent;color:var(--ok)}.fortschritt{height:9px;background:var(--bg-eingabe);border-radius:999px;overflow:hidden;border:1px solid var(--rand)}.fortschritt .balken{height:100%;background:var(--akzent);transition:width .25s ease}.fortschritt .balken.blockiert{background:var(--warn)}.pruefpunkt{display:flex;gap:13px;align-items:flex-start;padding:14px;background:var(--bg-karte);border:1.5px solid var(--rand);border-radius:var(--radius);margin-bottom:9px;cursor:pointer;width:100%;text-align:left;color:inherit;min-height:var(--touch-gross)}.pruefpunkt.blocker{border-color:var(--gefahr);background:color-mix(in srgb,var(--gefahr-dunkel) 55%,var(--bg-karte))}.pruefpunkt.erledigt{border-color:color-mix(in srgb,var(--ok) 45%,transparent);background:color-mix(in srgb,var(--ok-dunkel) 45%,var(--bg-karte))}.pruefpunkt.erledigt .pp-text{color:var(--text-leise);text-decoration:line-through;text-decoration-color:var(--text-sehr-leise)}.pruefpunkt.uebersprungen{opacity:.55}.pp-box{width:30px;height:30px;border-radius:8px;border:2px solid var(--rand-stark);display:grid;place-items:center;flex-shrink:0;font-size:1rem;font-weight:700;margin-top:1px}.pruefpunkt.erledigt .pp-box{background:var(--ok);border-color:var(--ok);color:#06210f}.pruefpunkt.blocker:not(.erledigt) .pp-box{border-color:var(--gefahr)}.pp-inhalt{flex:1;min-width:0}.pp-text{font-weight:560;overflow-wrap:anywhere}.pp-hinweis{font-size:.82rem;color:var(--text-leise);margin-top:4px;overflow-wrap:anywhere}.pp-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.modal-hg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0000009e;display:flex;align-items:flex-end;justify-content:center;padding:0}.modal{background:var(--bg-erhoben);border:1px solid var(--rand);border-bottom:none;border-radius:20px 20px 0 0;width:100%;max-width:620px;max-height:92dvh;overflow-y:auto;padding:18px 16px calc(20px + var(--sicher-unten))}.modal-griff{width:42px;height:4px;border-radius:999px;background:var(--rand-stark);margin:-6px auto 14px}.feld{margin-bottom:14px}.feld label{display:block;font-size:.83rem;font-weight:650;color:var(--text-leise);margin-bottom:6px}.feld .feld-hinweis{font-size:.78rem;color:var(--text-sehr-leise);margin-top:5px;line-height:1.4}.leer{text-align:center;padding:44px 20px;color:var(--text-sehr-leise)}.leer .zeichen{font-size:2.4rem;display:block;margin-bottom:10px;opacity:.6}.suchfeld{position:relative;margin-bottom:12px}.suchfeld input{padding-left:42px;min-height:var(--touch-gross)}.suchfeld .lupe{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-sehr-leise);pointer-events:none}.trenner{height:1px;background:var(--rand);margin:16px 0;border:none}.klein{font-size:.82rem;color:var(--text-leise);line-height:1.5}.sehr-klein{font-size:.75rem;color:var(--text-sehr-leise);line-height:1.45}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.zeile{display:flex;align-items:center;gap:10px}.zwischen{justify-content:space-between}.wrap{flex-wrap:wrap}.ampelpunkt{width:11px;height:11px;border-radius:50%;flex-shrink:0}.ampelpunkt.gruen{background:var(--ok)}.ampelpunkt.gelb{background:var(--warn)}.ampelpunkt.rot{background:var(--gefahr)}.ampelpunkt.grau{background:var(--text-sehr-leise)}.filter-reihe{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:14px}.filter-auswahl label{display:block;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-sehr-leise);margin-bottom:5px}.filter-auswahl select{min-height:var(--touch);background:var(--bg-karte);border-color:var(--rand)}.filter-auswahl select.gesetzt{border-color:var(--akzent);color:var(--akzent);font-weight:600}.klapp-kopf{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;padding:0;color:inherit;cursor:pointer;text-align:left;min-height:var(--touch)}.klapp-pfeil{flex-shrink:0;width:22px;color:var(--text-sehr-leise);font-size:.9rem;transition:transform .18s ease}.klapp-kopf[aria-expanded=true] .klapp-pfeil{transform:rotate(90deg)}.klapp-ebene1{border-bottom:1px solid var(--rand);padding-bottom:12px;margin:26px 0 4px}.klapp-ebene1 h2{flex:1;font-size:1.05rem;font-weight:600}.klapp-ebene2{margin:20px 0 10px}.klapp-ebene2 .beschriftung{flex:1;font-size:.86rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-sehr-leise);font-weight:700}.cockpit{padding-top:0}.cockpit-held{position:relative;margin:calc(-1 * var(--sicher-oben) - 14px) -14px 0;aspect-ratio:4 / 5;max-height:62dvh;overflow:hidden;background:var(--bg)}.cockpit-held img{width:100%;height:100%;object-fit:cover;object-position:center 42%;display:block}.cockpit-held:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,color-mix(in srgb,var(--bg) 55%,transparent) 0%,transparent 26%,transparent 46%,color-mix(in srgb,var(--bg) 78%,transparent) 78%,var(--bg) 100%);pointer-events:none}.cockpit-kopf{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:0 18px 14px}.cockpit-modell{font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-leise);margin-bottom:6px}.cockpit-kopf h1{font-size:1.85rem;font-weight:300;letter-spacing:-.015em;line-height:1.15}.cockpit-marke{display:flex;align-items:center;flex-wrap:wrap;gap:4px 9px;margin-top:10px;font-size:.83rem;color:var(--text-leise)}.cockpit-kennzeichen{display:inline-block;border:1.5px solid var(--rand-stark);border-radius:5px;padding:2px 9px;font-weight:650;letter-spacing:.06em;color:var(--text);font-size:.82rem;white-space:nowrap;flex-shrink:0}.cockpit-status{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rand);border-top:1px solid var(--rand);border-bottom:1px solid var(--rand);margin:4px -14px 22px}.cockpit-status>*{background:var(--bg);padding:15px 12px;text-align:center;border:none;color:inherit;cursor:pointer;min-height:78px}.cockpit-status .wert{font-size:1.35rem;font-weight:300;line-height:1.2;letter-spacing:-.01em;white-space:nowrap}.cockpit-status .wert .einheit{font-size:.78rem;font-weight:500;color:var(--text-leise);margin-left:3px}.cockpit-status .label{font-size:.63rem;font-weight:650;letter-spacing:.11em;text-transform:uppercase;color:var(--text-leise);margin-top:6px}.cockpit-aktionen{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:9px}.cockpit-aktion{background:linear-gradient(160deg,color-mix(in srgb,var(--bg-karte) 92%,var(--text) 8%) 0%,var(--bg-karte) 55%);border:1px solid var(--rand);border-radius:var(--radius);padding:14px 8px 13px;display:flex;flex-direction:column;align-items:center;gap:9px;cursor:pointer;color:inherit;min-height:98px;text-align:center;transition:border-color .15s ease,transform .12s ease}.cockpit-aktion:active{background:var(--bg-karte-hover);transform:scale(.985)}.cockpit-aktion .kachel-icon{font-size:1.05rem}.cockpit-aktion .titel{font-size:.7rem;font-weight:700;letter-spacing:.04em;line-height:1.3;color:var(--text-leise)}@media(min-width:860px){.nav{top:0;bottom:0;right:auto;width:108px;flex-direction:column;justify-content:flex-start;padding-top:calc(var(--sicher-oben) + 16px);border-top:none;border-right:1px solid var(--rand);gap:4px}.nav a{flex:0 0 auto;min-height:68px;padding:8px 6px}.nav a .zaehler{right:8px}.app{padding-left:108px}.inhalt{padding:20px 26px 60px}.kopf{padding-left:26px;padding-right:26px}.modal-hg{align-items:center;padding:24px}.modal{border-radius:18px;border-bottom:1px solid var(--rand);max-height:86dvh}.filterleiste{margin-left:0;margin-right:0;padding-left:0;padding-right:0;flex-wrap:wrap}.cockpit-held{margin:-20px -26px 0;aspect-ratio:21 / 9;max-height:52dvh;border-radius:0 0 var(--radius) var(--radius)}.cockpit-held img{object-position:center 38%}.cockpit-kopf{padding:0 26px 20px}.cockpit-kopf h1{font-size:2.3rem}.cockpit-status{margin-left:-26px;margin-right:-26px}}