:root{--bg:#f3f4f6;--karte:#fff;--text:#1c2330;--leise:#5f6878;--linie:#dde1e7;--akzent:#1f5fa8;--akzent-hell:#e8f0fa;--ok:#17703f;--ok-hell:#e2f3e9;--nok:#b42318;--nok-hell:#fdecea;--warn:#855600;--warn-hell:#fff4d9;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px}*{box-sizing:border-box}body{background:var(--bg);margin:0}.app{max-width:760px;margin:0 auto;padding:12px 16px 140px}h1{margin:0;font-size:1.35rem}h3{margin:20px 0 8px;font-size:1rem}.kopf{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.menue{position:relative}.menue summary{cursor:pointer;border-radius:8px;padding:4px 12px;font-size:1.4rem;list-style:none}.menue summary::-webkit-details-marker{display:none}.menue[open] summary{background:var(--karte)}.menue-liste{z-index:20;background:var(--karte);border:1px solid var(--linie);border-radius:10px;flex-direction:column;width:min(320px,100vw - 32px);padding:6px;display:flex;position:absolute;right:0;box-shadow:0 8px 24px #0000001f}.menue-liste button{text-align:left;border:none;padding:10px 12px}.menue-titel{color:var(--leise);padding:10px 12px 2px;font-size:.8rem}.schritte{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:16px;display:grid}.schritte button{border:1px solid var(--linie);background:var(--karte);color:var(--leise);border-radius:10px;padding:10px 4px;font-weight:600}.schritte button.an{background:var(--akzent);border-color:var(--akzent);color:#fff}.nummer{background:#00000014;border-radius:50%;width:1.4em;height:1.4em;font-size:.85em;line-height:1.4em;display:inline-block}.schritte button.an .nummer{background:#ffffff40}.frage{background:var(--karte);border:1px solid var(--linie);border-radius:12px;margin-bottom:10px;padding:14px}.raum-editor .frage{border:none;border-bottom:1px solid var(--linie);border-radius:0;margin:0;padding:10px 0}.frage-titel{margin-bottom:8px;font-weight:600}.frage-hilfe{color:var(--leise);margin:-4px 0 8px;font-size:.85rem}.auswahl{flex-wrap:wrap;gap:6px;display:flex}.auswahl button{border:1.5px solid var(--linie);-webkit-hyphens:manual;hyphens:manual;background:#fff;border-radius:10px;flex:1 1 0;min-width:110px;padding:11px 10px;font-weight:500}.auswahl button.an{border-color:var(--akzent);background:var(--akzent-hell);color:var(--akzent);font-weight:700}.unterfrage{margin-top:10px}.unterfrage>span{margin-bottom:6px;font-size:.9rem;display:block}.kurve-info{color:var(--leise);margin-top:8px;font-size:.82rem}.eingerueckt{border-left:3px solid var(--akzent-hell);margin-top:10px;padding-left:12px}.raster{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px 12px;margin-bottom:8px;display:grid}.raster.drei{grid-template-columns:repeat(3,1fr)}.feld{flex-direction:column;gap:4px;font-size:.85rem;display:flex}.feld-label{color:var(--leise)}.einheit{opacity:.8}input,select,button{font:inherit;color:var(--text)}input,select{border:1px solid var(--linie);background:#fff;border-radius:8px;width:100%;min-width:0;padding:10px;font-size:16px}input::placeholder{color:#9aa2b1}input:focus,select:focus{outline:2px solid var(--akzent);outline-offset:-1px}input.ungueltig{border-color:var(--nok);background:var(--nok-hell)}button{cursor:pointer;border:1px solid var(--linie);background:#fff;border-radius:10px;padding:10px 14px}button.primaer{background:var(--akzent);border-color:var(--akzent);color:#fff;font-weight:600}button.gefahr{color:var(--nok);background:0 0;border-color:#0000}button.link{color:var(--leise);background:0 0;border:none;padding:4px;text-decoration:underline}button.breit{width:100%;margin-top:8px}.zaehler{align-items:center;gap:14px;display:inline-flex}.zaehler button{width:44px;height:44px;padding:0;font-size:1.3rem}.zaehler span{text-align:center;min-width:2ch;font-size:1.2rem;font-weight:700}.aufklapp{margin:10px 0}.aufklapp summary{cursor:pointer;color:var(--akzent);padding:8px 0;font-weight:500}.aufklapp.klein summary{color:var(--leise);font-size:.85rem}.leer{color:var(--leise)}.raum{background:var(--karte);border:1px solid var(--linie);border-left:5px solid var(--akzent);border-radius:12px;margin-bottom:10px;overflow:hidden}.raum.kein-vlr{border-left-color:var(--linie)}.raum-zeile{text-align:left;background:0 0;border:none;border-radius:0;grid-template-columns:1fr auto;grid-template-areas:"name pfeil""info pfeil";width:100%;padding:12px 14px;display:grid}.raum-name{flex-wrap:wrap;grid-area:name;align-items:center;gap:8px;font-weight:700;display:flex}.raum-info{color:var(--leise);grid-area:info;font-size:.88rem}.pfeil{color:var(--leise);grid-area:pfeil;align-self:center}.raum-editor{padding:0 14px 14px}.raum-ergebnis{background:var(--akzent-hell);border-radius:8px;margin-top:12px;padding:10px 12px;font-weight:600}.raum-aktionen{justify-content:space-between;margin-top:12px;display:flex}.marke{background:var(--warn-hell);color:var(--warn);border-radius:99px;padding:2px 8px;font-size:.72rem;font-weight:600}.feuerstaette{border:1px solid var(--linie);border-radius:10px;margin-bottom:8px;padding:10px}.fs-fuss{justify-content:space-between;align-items:center;margin-top:8px;font-size:.9rem;display:flex}.warnung,.fehler,.ok-zeile{border-radius:8px;margin:8px 0 0;padding:10px 12px;font-size:.9rem}.warnung{background:var(--warn-hell);color:var(--warn)}.warnung.klein{padding:6px 10px;font-size:.82rem}.fehler{background:var(--nok-hell);color:var(--nok)}.ok-zeile{background:var(--ok-hell);color:var(--ok)}.rot{color:var(--nok);font-weight:600}.ergebnis-kachel{background:var(--akzent-hell);border-radius:12px;margin-bottom:10px;padding:14px}.ergebnis-kachel>div{color:var(--akzent);flex-wrap:wrap;justify-content:space-between;gap:6px;display:flex}.ergebnis-kachel strong{font-size:1.15rem}.ergebnis-kachel p{color:var(--leise);margin:6px 0 0;font-size:.85rem}.urteil{border-radius:14px;margin-bottom:12px;padding:18px}.urteil.ok{background:var(--ok-hell);color:var(--ok)}.urteil.nok{background:var(--nok-hell);color:var(--nok)}.urteil.offen{background:var(--warn-hell);color:var(--warn)}.urteil-titel{margin-bottom:6px;font-size:1.35rem;font-weight:800}.balken{background:#00000014;border-radius:99px;height:10px;margin:12px 0 8px;overflow:hidden}.balken>div{background:currentColor;border-radius:99px;height:100%}.urteil-zahlen{color:var(--text);flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:.92rem;display:flex}.herkunft{background:var(--karte);border:1px solid var(--linie);border-radius:12px;margin:0;padding:0;list-style:none}.herkunft li{border-bottom:1px solid var(--linie);justify-content:space-between;padding:10px 14px;display:flex}.herkunft li:last-child{border-bottom:none}.status{white-space:nowrap;border-radius:99px;padding:3px 10px;font-size:.85rem;font-weight:700}.status.ok{background:var(--ok-hell);color:var(--ok)}.status.nok{background:var(--nok-hell);color:var(--nok)}.status.offen{background:var(--warn-hell);color:var(--warn)}.tabelle-scroll{overflow-x:auto}.tabelle{border-collapse:collapse;background:#fff;width:100%;font-size:.8rem}.tabelle th,.tabelle td{border:1px solid var(--linie);text-align:right;vertical-align:top;padding:4px 6px}.tabelle th{background:var(--bg)}.tabelle td:nth-child(2),.tabelle td:nth-child(6),.tabelle td:nth-child(11){text-align:left}.tabelle tfoot td{background:var(--bg);font-weight:700}.formblatt-kopf{font-size:.85rem}.leiste{z-index:10;background:var(--karte);border-top:1px solid var(--linie);padding:10px 16px calc(10px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000000f}.leiste-zahlen,.leiste-knoepfe{align-items:center;gap:10px;max-width:728px;margin:0 auto;display:flex}.leiste-zahlen{color:var(--leise);flex-wrap:wrap;margin-bottom:8px;font-size:.88rem}.leiste-zahlen strong{color:var(--text)}.leiste-zahlen .status{margin-left:auto}.leiste-knoepfe button{flex:1}.hinweis-fuss{color:var(--leise);padding:16px 0;font-size:.78rem}.druck-only{display:none}@media print{:root{background:#fff;font-size:10px}body{background:#fff}.keindruck,.aufklapp,.leiste{display:none!important}.druck-only{display:block}.app{max-width:none;padding:0}@page{size:A4 landscape;margin:10mm}}.karte-klein{background:var(--karte);border:1px solid var(--linie);border-radius:12px;margin-bottom:10px;padding:12px 14px}.karte-klein.nok{border-left:5px solid var(--nok)}.karte-klein.ok{border-left:5px solid var(--ok)}.karte-zeile{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:6px;display:flex}.massnahme-zeile{grid-template-columns:1fr auto;align-items:end;gap:12px;display:grid}.vorher-nachher{background:var(--bg);border-radius:8px;justify-content:space-between;gap:8px;margin-top:10px;padding:8px 12px;font-size:.9rem;display:flex}.vorher-nachher .plus{color:var(--ok);font-weight:700}.ausdruck{color:var(--leise);font-size:.8rem}.start-kopf{margin:8px 0 16px}.start-kopf h1{font-size:1.6rem}.start-kopf p{margin:4px 0 0}button.gross{border-radius:12px;width:100%;padding:16px;font-size:1.1rem}.start-titel{align-items:baseline;gap:8px;margin:24px 0 10px;display:flex}.start-titel h2{margin:0;font-size:1.1rem}.suche{margin-bottom:10px}.projektliste{margin:0;padding:0;list-style:none}.projekt-karte{background:var(--karte);border:1px solid var(--linie);border-radius:12px;margin-bottom:10px;position:relative}.projekt-haupt{text-align:left;background:0 0;border:none;border-radius:12px;grid-template-columns:1fr auto;grid-template-areas:"name status""ort status""info status";gap:2px 10px;width:100%;padding:14px 52px 14px 14px;display:grid}.projekt-name{grid-area:name;font-weight:700}.projekt-ort{grid-area:ort;font-size:.9rem}.projekt-info{color:var(--leise);grid-area:info;font-size:.8rem}.projekt-status{grid-area:status;align-self:center}.projekt-karte .menue{position:absolute;top:6px;right:4px}.projekt-karte .menue summary{color:var(--leise);font-size:1.3rem}.menue-liste button.gefahr{color:var(--nok)}.start-aktionen{margin:14px 0}.start-aktionen button{width:100%}.beispiele{flex-direction:column;gap:6px;display:flex}.beispiele button{text-align:left}.kopf{gap:10px}.zurueck{color:var(--akzent);white-space:nowrap;background:0 0;border:none;padding:6px 4px;font-weight:600}.kopf-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.raster.adresse{grid-template-columns:1fr 90px;margin-top:10px}@media (width<=420px){.projekt-haupt{grid-template-columns:1fr;grid-template-areas:"name""ort""info""status"}.projekt-status{justify-self:start;margin-top:6px}}.massnahme-zeile.nur-ald{grid-template-columns:auto}.tuer-fehlt select{border-color:var(--warn);background:var(--warn-hell)}.tuer-fehlt{margin-bottom:10px}.konto-seite{max-width:440px;padding-top:40px}.konto-seite .feld{margin-bottom:10px}.konto-seite .breit{margin-top:6px}.knopfzeile{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.knopfzeile button{padding:7px 10px;font-size:.85rem}button.gefahr{color:var(--nok)}.karte-klein.inaktiv{opacity:.65}.passwort{letter-spacing:.04em;font-family:ui-monospace,Consolas,monospace;font-size:1.1rem}.speicher{color:var(--leise);white-space:nowrap;font-size:.75rem}.speicher.ok{color:var(--ok)}.fehler-knopf{color:var(--nok);border-color:var(--nok);padding:4px 8px}.start-kopf.kopf{align-items:flex-start}p.fehler.app{margin-top:16px}.update-hinweis{z-index:50;padding:10px 16px calc(10px + env(safe-area-inset-top,0px));background:var(--akzent-hell);border-bottom:1px solid var(--akzent);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-weight:600;display:flex;position:fixed;top:0;left:0;right:0}.fehler-text{white-space:pre-wrap;word-break:break-word;background:var(--bg);border-radius:6px;padding:8px;font-size:.75rem}button,.status,.marke,.speicher,.urteil-titel,.schritte button,.menue-liste button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.menue-liste button{justify-content:flex-start}.urteil-titel{justify-content:flex-start;gap:10px;display:flex}.raum-zeile{display:grid}.menue summary{align-items:center;display:flex}.marke{gap:4px}.suche-feld{margin-bottom:10px;position:relative}.suche-feld svg{color:var(--leise);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.suche-feld .suche{margin:0;padding-left:36px}@keyframes drehen{to{transform:rotate(360deg)}}.dreht{animation:1s linear infinite drehen}@media (width<=480px){.schritte button{flex-direction:column;gap:2px;padding:8px 2px;font-size:.75rem}}.urteil-reserve{flex-wrap:wrap;justify-content:space-between;gap:6px;margin-top:8px;font-size:1.05rem;display:flex}.urteil-reserve span{color:var(--text);font-size:.9rem}.befunde{color:var(--text);margin:8px 0 0;padding-left:20px;font-size:.92rem}.leiste-zahlen .plus{color:var(--ok);font-weight:700}.leiste-zahlen .minus{color:var(--nok);font-weight:700}.vorschlaege{background:var(--karte);border:2px solid var(--akzent);border-radius:14px;margin-bottom:16px;padding:14px}.vorschlaege .frage-titel{color:var(--akzent);align-items:center;gap:8px;display:flex}.variante{border:1px solid var(--linie);border-radius:10px;margin-top:10px;padding:10px 12px}.variante:first-of-type{border-color:var(--ok);background:var(--ok-hell)}.variante ul{margin:6px 0;padding-left:18px}.variante-kopf,.variante-fuss{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.kennzahlen{border-collapse:collapse;width:100%;color:var(--text);margin-top:10px;font-size:.95rem}.kennzahlen td{border-bottom:1px solid #00000012;padding:4px 0}.kennzahlen td:last-child{text-align:right}.checkliste,.befundliste{background:var(--karte);border:1px solid var(--linie);border-radius:12px;margin:0 0 16px;padding:0;list-style:none}.checkliste li,.befundliste li{border-bottom:1px solid var(--linie);align-items:flex-start;gap:8px;padding:9px 12px;display:flex}.checkliste li:last-child,.befundliste li:last-child{border-bottom:none}.checkliste li.ok svg{color:var(--ok)}.checkliste li.nok,.befundliste li.fehler{color:var(--nok)}.befundliste li.warnung{color:var(--warn)}.checkliste svg,.befundliste svg{flex-shrink:0;margin-top:2px}.grundlagen-liste{margin:6px 0 10px;padding-left:18px;font-size:.9rem}.frage-hilfe.klein{font-size:.78rem}.offline-hinweis{background:var(--warn-hell);max-width:728px;color:var(--warn);border-radius:8px;align-items:center;gap:8px;margin:8px auto;padding:8px 12px;font-size:.88rem;font-weight:600;display:flex}.foto-aufnahme{grid-template-columns:1fr;gap:8px;display:grid}@media (width>=560px){.foto-aufnahme{grid-template-columns:1fr auto auto}}.foto-raster{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:12px;display:grid}.foto-karte{border:1px solid var(--linie);border-radius:10px;flex-direction:column;gap:6px;padding:6px;display:flex}.foto-karte input,.foto-karte select{padding:6px 8px;font-size:.85rem}.foto-karte button{padding:6px;font-size:.85rem}.foto-bild{aspect-ratio:4/3;background:var(--bg);border-radius:6px;position:relative;overflow:hidden}.foto-bild img{object-fit:cover;width:100%;height:100%}.foto-status{background:var(--warn-hell);color:var(--warn);border-radius:99px;padding:3px;display:flex;position:absolute;top:4px;right:4px}.unterschrift-feld canvas{border:2px dashed var(--linie);touch-action:none;background:#fff;border-radius:10px;width:100%;display:block}.unterschrift-fertig{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.unterschrift-fertig img{border-bottom:1px solid var(--text);max-width:60%;max-height:80px}textarea{font:inherit;border:1px solid var(--linie);resize:vertical;border-radius:8px;width:100%;padding:10px}.frage-titel svg{vertical-align:-3px;margin-right:4px}.stand-sichern{grid-template-columns:1fr auto;gap:8px;margin:8px 0;display:grid}.verlauf-liste{margin:0;padding:0;list-style:none}.verlauf-liste li{border-bottom:1px solid var(--linie);justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}.verlauf-liste li:last-child{border-bottom:none}.verlauf-liste .marke{margin-left:6px}.verlauf-knoepfe{flex-shrink:0;gap:4px;display:flex}.verlauf-knoepfe button{padding:6px 8px}.ald-typ{margin-top:8px}