:root{--bg:#f6f7f9;--flaeche:#ffffff;--rand:#e3e6ea;--text:#1a1d21;--text-leise:#6b7280;--akzent:#2563eb;--akzent-text:#ffffff;--rot:#dc2626;--gruen:#16a34a;--gelb:#d97706;--schatten:0 1px 2px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.04);--radius:10px}@media (prefers-color-scheme:dark){:root{--bg:#14171a;--flaeche:#1d2126;--rand:#2f353c;--text:#e8eaed;--text-leise:#9aa3ad;--akzent:#3b82f6;--rot:#f87171;--gruen:#4ade80;--gelb:#fbbf24;--schatten:0 1px 3px rgba(0,0,0,.4)}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font:15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}.huelle{max-width:1100px;margin:0 auto;padding:0 20px 64px}.kopf{display:flex;align-items:center;gap:16px;padding:18px 0;margin-bottom:24px;border-bottom:1px solid var(--rand)}.marke{font-size:19px;font-weight:640;letter-spacing:-.2px}.marke span{color:var(--akzent)}.kopf .rechts{margin-left:auto;display:flex;align-items:center;gap:12px}.wer{color:var(--text-leise);font-size:14px}.karte{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schatten)}.feld{width:100%;padding:9px 12px;background:var(--bg);color:var(--text);border:1px solid var(--rand);border-radius:8px;outline:none;transition:border-color .12s,box-shadow .12s}.feld:focus{border-color:var(--akzent);box-shadow:0 0 0 3px color-mix(in srgb,var(--akzent) 18%,transparent)}textarea.feld{resize:vertical;min-height:74px}label.etikett{display:block;font-size:13px;color:var(--text-leise);margin-bottom:5px}.knopf{padding:9px 15px;border:1px solid var(--rand);border-radius:8px;background:var(--flaeche);cursor:pointer;font-weight:500;transition:background .12s,border-color .12s,opacity .12s}.knopf:hover:not(:disabled){border-color:var(--akzent)}.knopf:disabled{opacity:.5;cursor:not-allowed}.knopf.haupt{background:var(--akzent);color:var(--akzent-text);border-color:var(--akzent)}.knopf.haupt:hover:not(:disabled){filter:brightness(1.08)}.knopf.leise{border:none;background:none;color:var(--text-leise);padding:6px 8px}.knopf.leise:hover{color:var(--text)}.knopf.gefahr:hover{color:var(--rot);border-color:var(--rot)}.reiter{display:flex;gap:4px;margin-bottom:16px;flex-wrap:wrap}.reiter button{padding:7px 13px;border:1px solid transparent;border-radius:999px;background:none;color:var(--text-leise);cursor:pointer;font-size:14px}.reiter button:hover{color:var(--text)}.reiter button.an{background:var(--flaeche);border-color:var(--rand);color:var(--text);font-weight:500}.liste{display:flex;flex-direction:column;gap:8px}.zeile{display:flex;align-items:flex-start;gap:12px;padding:13px 15px;background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);cursor:pointer;transition:border-color .12s,transform .06s}.zeile.gewaehlt,.zeile:hover{border-color:var(--akzent)}.zeile.gewaehlt{box-shadow:0 0 0 3px color-mix(in srgb,var(--akzent) 14%,transparent)}.zeile.fertig .titel{text-decoration:line-through;color:var(--text-leise)}.zeile .mitte{flex:1 1;min-width:0}.zeile .titel{font-weight:500;word-break:break-word}.zeile .unter{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px;font-size:13px;color:var(--text-leise)}.haken{width:19px;height:19px;margin-top:2px;flex-shrink:0;border:1.5px solid var(--rand);border-radius:5px;background:var(--bg);cursor:pointer;display:grid;place-items:center;padding:0}.haken.an,.haken:hover{border-color:var(--gruen)}.haken.an{background:var(--gruen);color:#fff}.plakette{padding:1px 8px;border-radius:999px;font-size:12px;border:1px solid var(--rand)}.plakette.dringend{color:var(--rot);border-color:color-mix(in srgb,var(--rot) 45%,transparent)}.plakette.hoch{color:var(--gelb);border-color:color-mix(in srgb,var(--gelb) 45%,transparent)}.plakette.ueberfaellig{color:var(--rot);border-color:color-mix(in srgb,var(--rot) 45%,transparent);font-weight:500}.detail{margin-top:10px;padding:18px}.detail h3{font-size:14px;color:var(--text-leise);font-weight:500;margin:20px 0 8px}.gitter{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:12px;gap:12px}.kommentar{padding:10px 0;border-bottom:1px solid var(--rand)}.kommentar:last-child{border-bottom:none}.kommentar .kopfzeile{display:flex;gap:8px;font-size:13px;color:var(--text-leise);margin-bottom:3px}.kommentar .kopfzeile b{color:var(--text);font-weight:550}.anhang{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:14px}.anhang a{color:var(--akzent);text-decoration:none;word-break:break-all}.anhang a:hover{text-decoration:underline}.leer{padding:44px 20px;text-align:center;color:var(--text-leise)}.fehler{padding:10px 13px;border-radius:8px;font-size:14px;margin-bottom:12px;background:color-mix(in srgb,var(--rot) 12%,transparent);border:1px solid color-mix(in srgb,var(--rot) 35%,transparent);color:var(--rot)}.anmeldung{max-width:380px;margin:12vh auto;padding:30px}.anmeldung .marke{text-align:center;margin-bottom:6px;font-size:24px}.anmeldung .hinweis{text-align:center;color:var(--text-leise);font-size:14px;margin-bottom:22px}