:root{--grund:#eff2f1;--papier:#fff;--tinte:#15211e;--tinte-sanft:#4a5a56;--linie:#d5dcda;--akzent:#0f6e63;--akzent-sanft:#e2efec;--amber:#c8811b;--kopf-text-sanft:#9db3ae;--kopf-text-hell:#c9d9d5}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--grund);color:var(--tinte);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.45}h1,h2,h3{margin:0;font-weight:600}p{margin:0}a{color:var(--akzent)}button,input,textarea,select{font:inherit;color:inherit}input,textarea,select{background:var(--papier);border:1px solid var(--linie);border-radius:8px;width:100%;min-height:48px;padding:12px;font-size:16px}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid var(--akzent);outline-offset:1px}.app{min-height:100dvh;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.kopf{background:var(--tinte);color:#fff;padding:calc(16px + env(safe-area-inset-top)) 16px 16px}.kopf-innen{justify-content:space-between;align-items:flex-start;gap:16px;max-width:680px;margin:0 auto;display:flex}.kopf h1{text-overflow:ellipsis;white-space:nowrap;font-size:18px;line-height:1.25;overflow:hidden}.kopf .unterzeile{color:var(--kopf-text-sanft);margin-top:4px;font-size:12px}.kopf .auftrag{max-width:680px;color:var(--kopf-text-hell);margin:12px auto 0;font-size:12px;line-height:1.5}.kopf-knopf{color:#fff;cursor:pointer;background:0 0;border:1px solid #3c4d49;border-radius:8px;flex-shrink:0;min-height:44px;padding:10px 12px;font-size:12px}.inhalt{max-width:680px;margin:0 auto;padding:16px}.hinweistext{color:var(--tinte-sanft);overflow-wrap:anywhere;margin-bottom:16px;font-size:14px;line-height:1.5}.tableiste{background:var(--papier);border-top:1px solid var(--linie);padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:0;right:0}.tableiste-innen{grid-template-columns:repeat(3,1fr);max-width:680px;margin:0 auto;display:grid}.tab{color:var(--tinte-sanft);cursor:pointer;text-align:center;background:0 0;border:0;border-top:2px solid #0000;min-height:56px;padding:16px 4px;font-size:14px;font-weight:500;text-decoration:none}.tab.aktiv{color:var(--akzent);border-top-color:var(--akzent)}.tab:disabled{opacity:.4;cursor:default}.karte{background:var(--papier);border:1px solid var(--linie);border-radius:12px;padding:16px}.karte+.karte{margin-top:12px}.leer{border:1px dashed var(--linie);color:var(--tinte-sanft);border-radius:12px;padding:24px;font-size:14px}.feld{margin-bottom:16px;display:block}.feld-label{margin-bottom:4px;font-size:14px;font-weight:500;display:block}.feld-hilfe{color:var(--tinte-sanft);margin-bottom:8px;font-size:12px;display:block}.zeile-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.knopf{cursor:pointer;background:var(--akzent);color:#fff;border:1px solid var(--akzent);border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;padding:12px 16px;font-size:16px;font-weight:500;text-decoration:none;display:inline-flex}.knopf:disabled{background:var(--linie);border-color:var(--linie);color:var(--tinte-sanft);cursor:default}.knopf.leise{background:var(--papier);color:var(--tinte);border-color:var(--linie)}.knopf.dunkel{background:var(--tinte);border-color:var(--tinte)}.knopf.klein{width:auto;min-height:44px;padding:8px 12px;font-size:14px}.textknopf{color:var(--tinte-sanft);cursor:pointer;background:0 0;border:0;min-height:44px;padding:8px 0;font-size:13px;text-decoration:underline}.fehler{color:#a63d2a;margin-top:8px;font-size:14px}.hinweis{color:var(--akzent);margin-top:8px;font-size:14px}.marke{background:var(--akzent-sanft);color:var(--akzent);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.marke.amber{color:var(--amber);background:#f6e9d6}.marke.grau{background:var(--grund);color:var(--tinte-sanft)}.liste{gap:12px;margin:0;padding:0;list-style:none;display:grid}.liste-eintrag{background:var(--papier);border:1px solid var(--linie);color:inherit;border-left-width:4px;border-radius:8px;padding:12px 14px;text-decoration:none;display:block}.liste-eintrag .titel{font-weight:500;line-height:1.3}.liste-eintrag .meta{color:var(--tinte-sanft);margin-top:4px;font-size:12px}.meldung{z-index:20;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed;bottom:88px;left:0;right:0}.meldung span{background:var(--tinte);color:#fff;border-radius:999px;padding:8px 16px;font-size:14px;box-shadow:0 8px 24px #0003}.modal-hintergrund{z-index:30;background:#15211e80;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--grund);border-radius:16px 16px 0 0;width:100%;max-width:480px;max-height:100dvh;padding:20px;overflow-y:auto}.modal h2{margin-bottom:4px;font-size:18px}@media (width>=640px){.modal-hintergrund{align-items:center}.modal{border-radius:16px}}.anmelden{max-width:420px;margin:10vh auto;padding:0 16px}.anmelden .logo{text-align:center;margin-bottom:24px}.anmelden h1{margin-top:12px;font-size:22px}.code{word-break:break-all;background:var(--grund);border-radius:6px;padding:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.abschnitt-titel{margin:24px 0 4px;font-size:16px;font-weight:600}.abschnitt-hilfe{color:var(--tinte-sanft);margin-bottom:12px;font-size:14px}.kennzahlen{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.kennzahl{background:var(--papier);border:1px solid var(--linie);border-radius:8px;padding:12px}.kennzahl .wert{font-size:24px;font-weight:600;line-height:1}.kennzahl .label{color:var(--tinte-sanft);margin-top:8px;font-size:12px}.tabelle{border-collapse:collapse;width:100%;font-size:14px}.tabelle th,.tabelle td{text-align:left;border-bottom:1px solid var(--linie);vertical-align:top;padding:10px 6px}.tabelle th{color:var(--tinte-sanft);font-size:12px;font-weight:500}.chip{background:var(--papier);color:var(--tinte-sanft);border:1px solid var(--linie);cursor:pointer;border-radius:999px;min-height:44px;padding:10px 14px;font-size:13px;font-weight:500}.chip.aktiv{background:var(--tinte);color:#fff;border-color:var(--tinte)}.unternav{gap:8px;max-width:680px;margin:0 auto;padding:8px 16px 0;display:flex;overflow-x:auto}.unternav a{color:var(--kopf-text-hell);white-space:nowrap;border-radius:8px;align-items:center;min-height:40px;padding:8px 10px;font-size:13px;text-decoration:none;display:inline-flex}.unternav a.aktiv{color:#fff;background:#ffffff1f;font-weight:500}.vorschlaege{border:1px solid var(--linie);background:var(--papier);border-radius:8px;margin:6px 0 0;padding:0;list-style:none;overflow:hidden}.vorschlaege li+li{border-top:1px solid var(--linie)}.vorschlaege button{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;min-height:48px;padding:10px 12px;display:block}.vorschlaege button:active{background:var(--akzent-sanft)}.vorschlaege .name{font-size:15px;display:block}.vorschlaege .meta{color:var(--tinte-sanft);margin-top:2px;font-size:12px;display:block}.auswahl-gewaehlt{background:var(--akzent-sanft);border:1px solid var(--linie);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.briefing-box{border-left:4px solid var(--amber);background:#fbf3e6;border-radius:8px;margin:-4px 0 16px;padding:10px 12px}.leitfragen{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.leitfragen button{text-align:left;background:var(--papier);border:1px solid var(--linie);cursor:pointer;border-radius:8px;align-items:flex-start;gap:8px;width:100%;min-height:44px;padding:8px 10px;font-size:14px;display:flex}.leitfragen button.erledigt{color:var(--tinte-sanft);text-decoration:line-through}.leitfragen .haken{border:1px solid var(--linie);width:20px;height:20px;color:var(--akzent);background:var(--papier);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:inline-flex}.fotostrecke{gap:8px;margin-bottom:8px;padding-bottom:8px;display:flex;overflow-x:auto}.foto-kachel{flex-shrink:0;position:relative}.foto-kachel img{object-fit:cover;cursor:pointer;border-radius:6px;width:80px;height:80px;display:block}.foto-kachel button{background:var(--tinte);color:#fff;cursor:pointer;border:0;border-radius:50%;width:24px;height:24px;font-size:14px;line-height:1;position:absolute;top:4px;right:4px}.gross-ansicht{z-index:40;background:#15211ee6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.gross-ansicht img{border-radius:8px;max-width:100%;max-height:100%}.schon-erfasst{background:var(--akzent-sanft);border-left:4px solid var(--akzent);border-radius:8px;margin:-4px 0 16px;padding:10px 12px}.schon-erfasst-eintrag{background:var(--papier);border-radius:8px;margin-top:8px;padding:8px 10px}.ergaenzung{border-top:1px dashed var(--linie);margin-top:10px;padding-top:8px}.ergaenzung .wer{color:var(--tinte-sanft);font-size:12px}.sammel-leiste{left:0;right:0;bottom:calc(57px + env(safe-area-inset-bottom));background:var(--papier);border-top:1px solid var(--linie);z-index:15;padding:10px 16px 12px;position:fixed;box-shadow:0 -6px 20px #00000014}