:root{--akzent:#3a3a40;--ink:#16161a;--text:#26262c;--muted:#77777f;--bg:#f7f6f3;--panel:#fff;--border:#e8e6e1;--rot:#4a4a52;--rot-bg:#ececee;--gruen-bg:#f0efec;--gruen:#4a4a52;--radius:12px;font-family:Jost,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Jost,sans-serif;font-size:15.5px;line-height:1.5}a{color:var(--akzent);font-weight:500;text-decoration:none}a:hover{text-decoration:underline}h1{margin:0 0 20px;font-size:24px;font-weight:600}h2{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0 0 14px;font-size:14px;font-weight:600}.topbar{z-index:20;background:var(--panel);border-bottom:1px solid var(--border);align-items:center;gap:24px;height:60px;padding:0 28px;display:flex;position:sticky;top:0}.marke{color:var(--ink);font-size:18px;font-weight:600}.topbar nav{gap:6px;display:flex}.topbar nav a{color:var(--muted);border-radius:8px;padding:8px 14px;font-weight:500}.topbar nav a:hover{color:var(--ink);text-decoration:none}.topbar nav a.aktiv{color:var(--akzent);background:#ececee}main{width:100%;margin:28px 0 80px;padding:0 28px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:18px;padding:22px}button,.button{background:var(--akzent);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:15px;font-weight:600;display:inline-flex}button:hover:not(:disabled){background:var(--ink)}button.sekundaer{color:var(--text);border:1.5px solid var(--border);background:0 0}button.sekundaer:hover:not(:disabled){border-color:var(--ink);background:0 0}button:disabled{opacity:.45;cursor:default}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:11px 12px;font-size:15px}tr:last-child td{border-bottom:0}th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:500}tr.klickbar{cursor:pointer}tr.klickbar:hover{background:var(--bg)}td.zahl,th.zahl{text-align:right;font-variant-numeric:tabular-nums}.tabelle-scroll{overflow-x:auto}dl.daten{grid-template-columns:auto 1fr;gap:6px 16px;margin:0;font-size:15px;display:grid}dl.daten dt{color:var(--muted)}dl.daten dd{margin:0}form.stapel{gap:13px;max-width:460px;display:grid}label{color:var(--muted);gap:5px;font-size:13px;font-weight:500;display:grid}input,select,textarea{border:1.5px solid var(--border);background:var(--panel);color:var(--text);border-radius:8px;width:100%;padding:10px 13px;font-family:inherit;font-size:15.5px}input:focus,select:focus,textarea:focus{border-color:var(--akzent);outline:0}input:disabled,select:disabled,textarea:disabled{background:var(--bg);color:var(--muted)}.meldung{background:var(--gruen-bg);color:var(--gruen);border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;font-size:14.5px;display:flex}.meldung.fehler{background:var(--rot-bg);color:var(--rot)}.meldung button{padding:6px 12px;font-size:13.5px}.hinweis{color:var(--muted);font-size:13.5px}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;background:var(--panel);padding:48px 24px}.dropzone:hover,.dropzone.aktiv{border-color:var(--akzent)}.dz-titel{color:var(--ink);font-size:17px;font-weight:600}.dz-sub{color:var(--muted);margin-top:4px;font-size:14px}.lade-block{color:var(--muted);justify-items:center;gap:14px;padding:30px 0;display:grid}.fortschritt{align-items:center;gap:14px;display:flex}.fortschritt-balken{background:var(--bg);border-radius:999px;flex:1;height:10px;overflow:hidden}.fortschritt-fuellung{background:var(--akzent);border-radius:999px;height:100%}.fortschritt-prozent{font-variant-numeric:tabular-nums;color:var(--akzent);font-weight:600}.zahlen{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.zahlen>div{border:1px solid var(--border);border-radius:10px;justify-items:center;gap:2px;padding:16px 8px;display:grid}.zahlen b{color:var(--akzent);font-size:26px}.zahlen span{color:var(--muted);text-align:center;font-size:12.5px}.modal-hintergrund{z-index:999;background:#16161a8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--panel);border-radius:16px;gap:22px;width:100%;max-width:520px;padding:30px;display:grid}.modal-kopf{text-align:center;gap:4px;display:grid}.modal-kopf .dz-titel{font-size:21px}.modal-aktionen{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.pruef-layout{grid-template-columns:minmax(0,1fr) 420px;align-items:start;gap:18px;display:grid}.pruef-layout iframe{border:1px solid var(--border);border-radius:var(--radius);background:#fff;width:100%;height:78vh}.login-wrap{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-wrap .panel{width:100%;max-width:380px;padding:32px}@media (width<=760px){.topbar{gap:12px;height:56px;padding:0 14px}main{margin:16px 0 60px;padding:0 14px}.panel{padding:16px}h1{font-size:20px}.pruef-layout{grid-template-columns:1fr}.pruef-layout iframe{height:50vh}.zahlen{grid-template-columns:1fr}form.stapel{max-width:none}table.karten thead{display:none}table.karten,table.karten tbody,table.karten tr,table.karten td{width:100%;display:block}table.karten tr{border:1px solid var(--border);border-radius:10px;margin-bottom:12px;padding:6px 14px}table.karten td{text-align:right;border:0;justify-content:space-between;gap:12px;padding:7px 0;display:flex}table.karten td:before{content:attr(data-label);color:var(--muted);text-transform:uppercase;text-align:left;font-size:12.5px}}