:root{--tinte: #17263a;--grund: #eceff3;--flaeche: #fff;--rand: #cfd6df;--text: #1c2430;--leise: #5b6676;--amt: #1d4f7c;--offen: #d99a00;--bearb: #2a7fb8;--fertig: #3f8f5b;--fehler: #b3261e}@media(prefers-color-scheme:dark){:root{--grund: #11161d;--flaeche: #1a222d;--rand: #2c3746;--text: #e6ebf2;--leise: #9aa7b8;--tinte: #0b1017;--amt: #6aa7dc}}*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,Segoe UI,sans-serif;background:var(--grund);color:var(--text)}h1{font-size:1.75rem;margin:0 0 1.25rem}h2{font-size:1.05rem;margin:0 0 .75rem}.layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.seite{background:var(--tinte);color:#fff;padding:1.5rem 1rem}.marke{font-weight:700;font-size:1.1rem;margin-bottom:1.5rem}.seite nav{display:grid;gap:.25rem}.seite a{color:#c9d4e2;text-decoration:none;padding:.5rem .75rem;border-radius:4px}.seite a.router-link-exact-active{background:#fff;color:var(--tinte);font-weight:600}main{padding:1.75rem 2rem;max-width:960px;width:100%}.box{background:var(--flaeche);border:1px solid var(--rand);border-radius:6px;padding:1.25rem;margin-bottom:1.25rem}.zwei{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.zahlen{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:1.25rem}.zahl{background:var(--flaeche);border:1px solid var(--rand);border-left:6px solid var(--rand);border-radius:6px;padding:1rem 1.25rem;display:grid}.zahl strong{font-size:2.25rem;line-height:1.1}.zahl span{color:var(--leise)}.liste{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.liste li{display:grid}.liste span,.liste p{color:var(--leise);font-size:.9rem;margin:0}.zeile{background:var(--flaeche);border:1px solid var(--rand);border-left:6px solid var(--rand);border-radius:6px;padding:.75rem 1rem;display:flex!important;justify-content:space-between;gap:1rem;align-items:start}.zeile>div:first-child{display:grid;gap:.15rem}.box .liste .zeile{background:transparent}.zeile ol{margin:.4rem 0 0;padding-left:1.25rem;color:var(--leise);font-size:.9rem}.s-offen{border-left-color:var(--offen)}.s-inbearbeitung{border-left-color:var(--bearb)}.s-erledigt{border-left-color:var(--fertig)}.aktionen{display:flex;gap:.5rem;flex-shrink:0}.formular{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1rem}.formular h2,.formular .breit,.formular .fehler,.formular button{grid-column:1 / -1}label{display:grid;gap:.25rem;font-size:.9rem;color:var(--leise)}input,select,textarea,button{font:inherit}input,select,textarea{padding:.5rem .6rem;border:1px solid var(--rand);border-radius:4px;background:var(--flaeche);color:var(--text)}button{padding:.5rem .9rem;border-radius:4px;border:1px solid var(--rand);background:var(--flaeche);color:var(--text);cursor:pointer}.primaer{background:var(--amt);border-color:var(--amt);color:#fff;justify-self:start;font-weight:600}.gefahr{color:var(--fehler)}.fehler{color:var(--fehler);margin:0}.leer{color:var(--leise)}.werkzeuge{display:flex;gap:.75rem;margin-bottom:1rem}.werkzeuge input{flex:1}:focus-visible{outline:3px solid var(--amt);outline-offset:2px}@media(max-width:760px){.layout{grid-template-columns:1fr}.seite{padding:.75rem 1rem}.seite nav{grid-auto-flow:column;overflow-x:auto}.marke{margin-bottom:.5rem}main{padding:1.25rem 1rem}.zwei,.zahlen,.formular{grid-template-columns:1fr}.zeile{flex-direction:column}}