:root{--gruen:#14532d;--gruen-hell:#e7f2ea;--rot:#b91c1c;--rot-hell:#fdecec;--gelb:#b45309;--gelb-hell:#fef3e2;--grau:#6b7280;--rand:#d6dbe1;--bg:#f4f6f8;color:#1a222c;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}#app{max-width:1100px;margin:0 auto;padding:0 12px 90px}h1{margin:14px 0 10px;font-size:1.5rem}h2{margin:18px 0 8px;font-size:1.2rem}h3{margin:12px 0 6px;font-size:1.05rem}button,.btn{border:1px solid var(--rand);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:10px;min-height:48px;padding:12px 18px;font-size:1rem}button:disabled{opacity:.5;cursor:not-allowed}.btn-primaer{background:var(--gruen);border-color:var(--gruen);color:#fff;font-weight:600}.btn-gefahr{background:var(--rot);border-color:var(--rot);color:#fff}.btn-klein{min-height:38px;padding:6px 12px;font-size:.9rem}input,select,textarea{border:1px solid var(--rand);background:#fff;border-radius:10px;width:100%;min-height:48px;padding:12px;font-size:1rem}textarea{resize:vertical;min-height:80px}label{margin:10px 0 4px;font-size:.92rem;font-weight:600;display:block}.karte{border:1px solid var(--rand);background:#fff;border-radius:14px;margin:10px 0;padding:16px}.zeile{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.zeile>*{flex:1}.zeile>.fix{flex:none}.badge{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:.82rem;font-weight:600;display:inline-block}.b-gruen{background:var(--gruen-hell);color:var(--gruen)}.b-rot{background:var(--rot-hell);color:var(--rot)}.b-gelb{background:var(--gelb-hell);color:var(--gelb)}.b-grau{color:var(--grau);background:#eceff3}.fehler{background:var(--rot-hell);color:var(--rot);border-radius:10px;margin:10px 0;padding:10px 14px}.erfolg{background:var(--gruen-hell);color:var(--gruen);border-radius:10px;margin:10px 0;padding:10px 14px}.klein{color:var(--grau);font-size:.85rem}.topnav{border-bottom:1px solid var(--rand);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;padding:10px 0;display:flex}.topnav a{color:#1a222c;border-radius:10px;padding:10px 14px;font-weight:600;text-decoration:none}.topnav a.router-link-active{background:var(--gruen);color:#fff}.topnav .spacer{flex:1}.fortschritt{background:#e5e9ee;border-radius:999px;height:10px;overflow:hidden}.fortschritt>div{background:var(--gruen);height:100%;transition:width .3s}.fab{z-index:50;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:18px;right:18px}.fab-haupt{background:var(--gruen);color:#fff;border:none;border-radius:50%;width:64px;height:64px;font-size:1.8rem;box-shadow:0 4px 14px #00000040}.fab-aktion{border:1px solid var(--rand);background:#fff;border-radius:999px;padding:12px 18px;font-weight:600;box-shadow:0 3px 10px #0003}.dialog-hintergrund{z-index:100;background:#0a141e73;justify-content:center;align-items:center;padding:14px;display:flex;position:fixed;inset:0}.dialog{background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:90vh;padding:20px;overflow-y:auto}table.liste{border-collapse:collapse;width:100%}table.liste th,table.liste td{text-align:left;border-bottom:1px solid var(--rand);padding:10px 8px}.foto-vorschau{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.foto-vorschau img{border:1px solid var(--rand);border-radius:8px;height:90px}
