:root{--grund:#f4f6f9;--flaeche:#fff;--rand:#d8dee7;--text:#17202c;--text-leise:#5b6a7d;--marke:#101a2a;--marke-hell:#1d2e49;--akzent:#c47f22;--akzent-hell:#f6ead6;--gut:#1f7a45;--gut-hell:#e6f4ec;--warnung:#9a6a00;--warnung-hell:#fdf3dc;--fehler:#b3261e;--fehler-hell:#fdecea;--radius:10px;--schatten:0 1px 3px #101a2a1f;--tippziel:48px}*{box-sizing:border-box}html,body{background:var(--grund);color:var(--text);-webkit-text-size-adjust:100%;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5}h1,h2,h3{margin:0 0 .5rem;line-height:1.25}h1{font-size:1.4rem}h2{font-size:1.15rem}a{color:var(--marke-hell)}.seite{max-width:960px;padding:1rem 1rem calc(2rem + env(safe-area-inset-bottom));margin:0 auto}.karte{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schatten);margin-bottom:1rem;padding:1rem}.kopf{background:var(--marke);color:#fff;padding-top:env(safe-area-inset-top);z-index:10;position:sticky;top:0}.kopf-innen{flex-wrap:wrap;align-items:center;gap:.75rem;max-width:960px;margin:0 auto;padding:.6rem 1rem;display:flex}.kopf-titel{align-items:center;gap:.5rem;margin-right:auto;font-weight:600;display:flex}.kopf-titel img{border-radius:6px;width:28px;height:28px}.kopf-nutzer{text-align:right;font-size:.85rem;line-height:1.3}.kopf-nutzer .rolle{color:#b9c6d8;display:block}.kopf nav{gap:.5rem;width:100%;max-width:960px;margin:0 auto;padding:0 1rem .5rem;display:flex;overflow-x:auto}.kopf nav a{color:#cfd9e6;white-space:nowrap;border-radius:8px;padding:.4rem .7rem;font-size:.95rem;text-decoration:none}.kopf nav a.router-link-active{background:var(--marke-hell);color:#fff}.feld{margin-bottom:.9rem}.feld label{margin-bottom:.25rem;font-size:.9rem;font-weight:600;display:block}.feld .hinweis{color:var(--text-leise);margin-top:.2rem;font-size:.82rem}input[type=text],input[type=password],input[type=email],select,textarea{width:100%;min-height:var(--tippziel);color:var(--text);border:1px solid var(--rand);border-radius:var(--radius);background:#fff;padding:.6rem .7rem;font-family:inherit;font-size:1rem}input:focus-visible{outline:3px solid var(--akzent);outline-offset:1px}select:focus-visible{outline:3px solid var(--akzent);outline-offset:1px}textarea:focus-visible{outline:3px solid var(--akzent);outline-offset:1px}button:focus-visible{outline:3px solid var(--akzent);outline-offset:1px}textarea{resize:vertical;min-height:5rem}.passwortfeld{gap:.4rem;display:flex}.passwortfeld input{flex:1}.haken{min-height:var(--tippziel);align-items:center;gap:.6rem;display:flex}.haken input{flex:none;width:22px;height:22px}.haken label{margin:0;font-weight:400}.haken+button{margin-top:.75rem}button,.knopf{min-height:var(--tippziel);border-radius:var(--radius);background:var(--marke);color:#fff;cursor:pointer;border:1px solid #0000;padding:.6rem 1.1rem;font-family:inherit;font-size:1rem;font-weight:600}button:hover:not(:disabled){background:var(--marke-hell)}button:disabled{opacity:.55;cursor:not-allowed}button.weit{width:100%}button.zweit{color:var(--marke);border-color:var(--rand);background:#fff}button.zweit:hover:not(:disabled){background:var(--grund)}button.gefahr{background:var(--fehler)}button.klein{min-height:38px;padding:.3rem .7rem;font-size:.88rem}.knopfreihe{flex-wrap:wrap;gap:.5rem;display:flex}.meldung{border-radius:var(--radius);border:1px solid #0000;margin-bottom:1rem;padding:.7rem .9rem;font-size:.95rem}.meldung.fehler{background:var(--fehler-hell);color:#7d1a15;border-color:#f2c3bf}.meldung.gut{background:var(--gut-hell);color:#145c33;border-color:#b9dcc7}.meldung.warnung{background:var(--warnung-hell);color:#6b4a00;border-color:#ecd9a4}.meldung.hinweis{border-color:var(--rand);color:var(--text-leise);background:#eef2f8}.abzeichen{border:1px solid var(--rand);background:var(--grund);color:var(--text-leise);white-space:nowrap;border-radius:999px;padding:.15rem .55rem;font-size:.78rem;font-weight:600;display:inline-block}.abzeichen.admin{background:var(--akzent-hell);color:#7a4d05;border-color:#e3c896}.abzeichen.aktiv{background:var(--gut-hell);color:#145c33;border-color:#b9dcc7}.abzeichen.inaktiv{background:var(--fehler-hell);color:#7d1a15;border-color:#f2c3bf}.nutzerliste{gap:.75rem;display:grid}.nutzer{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schatten);padding:.85rem}.nutzer.ist-inaktiv{opacity:.7}.nutzer-kopf{flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-bottom:.35rem;display:flex}.nutzer-name{font-size:1.05rem;font-weight:600}.nutzer-login{color:var(--text-leise);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem}.nutzer-zeilen{color:var(--text-leise);margin-bottom:.6rem;font-size:.88rem}.startpasswort{letter-spacing:.05em;border:2px dashed var(--akzent);border-radius:var(--radius);text-align:center;-webkit-user-select:all;user-select:all;word-break:break-all;background:#fff;margin:.6rem 0;padding:.8rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.35rem}.anmelde-seite{min-height:100vh;background:linear-gradient(160deg, var(--marke) 0%, #223b5e 100%);justify-content:center;align-items:center;min-height:100dvh;padding:1rem;display:flex}.anmelde-karte{background:var(--flaeche);border-radius:14px;width:100%;max-width:400px;padding:1.5rem;box-shadow:0 10px 30px #0000004d}.anmelde-marke{text-align:center;margin-bottom:1.25rem}.anmelde-marke img{border-radius:16px;width:72px;height:72px}.anmelde-marke h1{margin:.6rem 0 .15rem;font-size:1.3rem}.anmelde-marke p{color:var(--text-leise);margin:0;font-size:.9rem}.leise{color:var(--text-leise);font-size:.88rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@media (min-width:720px){.seite{padding:1.5rem}h1{font-size:1.7rem}.karte{padding:1.35rem}.nutzerliste{grid-template-columns:repeat(2,1fr)}.kopf nav{order:0;width:auto;padding:0}.kopf-innen{flex-wrap:nowrap}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}