:root{--blau:#001659;--orange:#FF5F1F;--grau:#f3f4f7;--rand:#dfe3ea;--text:#1d2433;--muted:#6b7280;--weiss:#fff}
*{box-sizing:border-box}body{margin:0;font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;font-size:14px;color:var(--text);background:var(--grau)}
a{color:var(--blau);text-decoration:none}a:hover{text-decoration:underline}
.top{background:var(--blau);color:#fff;display:flex;align-items:center;gap:18px;padding:0 20px;height:52px;position:sticky;top:0;z-index:5}
.top .logo{font-weight:700;letter-spacing:.5px;font-size:17px;color:#fff}.top .logo span{color:var(--orange)}
.top nav a{color:#dfe6ff;padding:8px 10px;border-radius:6px;font-weight:500}.top nav a:hover,.top nav a.aktiv{background:rgba(255,255,255,.12);color:#fff;text-decoration:none}
.top form.suche{margin-left:auto;display:flex}.top form.suche input{width:280px;border:0;border-radius:6px 0 0 6px;padding:7px 10px;font-size:14px}.top form.suche button{border:0;background:var(--orange);color:#fff;border-radius:0 6px 6px 0;padding:0 12px;cursor:pointer}
.top .benutzer{color:#dfe6ff;font-size:13px;display:flex;align-items:center;gap:10px}.top .benutzer button{background:transparent;border:1px solid #6b7bb5;color:#fff;border-radius:6px;padding:4px 8px;cursor:pointer;font-size:12px}
.demo-band{background:var(--orange);color:#fff;text-align:center;padding:4px;font-size:13px;font-weight:600}
main{max-width:1400px;margin:0 auto;padding:22px 20px 60px}
h1{font-size:22px;margin:0 0 14px;color:var(--blau)}h2{font-size:16px;margin:22px 0 8px;color:var(--blau)}h3{font-size:14px;margin:14px 0 6px}
.karten{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:20px}
.karte{background:#fff;border:1px solid var(--rand);border-radius:10px;padding:14px 16px}.karte .wert{font-size:24px;font-weight:600;color:var(--blau)}.karte .titel{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.4px}
.box{background:#fff;border:1px solid var(--rand);border-radius:10px;padding:14px 16px;margin-bottom:16px}
table{width:100%;border-collapse:collapse;background:#fff}th{text-align:left;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.3px;padding:8px 10px;border-bottom:2px solid var(--rand);white-space:nowrap}
td{padding:7px 10px;border-bottom:1px solid #edf0f4;vertical-align:top}tr:hover td{background:#f8f9fc}td.r,th.r{text-align:right;white-space:nowrap}td.nr{white-space:nowrap;font-variant-numeric:tabular-nums}
.tag{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px;background:#e8ecf6;color:var(--blau)}.tag.orange{background:#ffe9df;color:#b53f00}.tag.gruen{background:#e3f5e8;color:#14612d}.tag.grau{background:#eceef2;color:#555}
.spalten{display:grid;grid-template-columns:1fr 1fr;gap:16px}.spalten3{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}@media(max-width:900px){.spalten,.spalten3{grid-template-columns:1fr}}
dl{display:grid;grid-template-columns:140px 1fr;gap:4px 10px;margin:0}dt{color:var(--muted)}dd{margin:0}
.tabs{display:flex;gap:4px;border-bottom:2px solid var(--rand);margin:16px 0 10px;flex-wrap:wrap}.tabs a{padding:8px 12px;border-radius:6px 6px 0 0;color:var(--muted);font-weight:500}.tabs a.aktiv{color:var(--blau);background:#fff;border:1px solid var(--rand);border-bottom-color:#fff;margin-bottom:-2px}
form.filter{display:flex;gap:8px;align-items:center;margin-bottom:12px;flex-wrap:wrap}input[type=text],input[type=password],select{border:1px solid var(--rand);border-radius:6px;padding:7px 10px;font-size:14px}
button.knopf,a.knopf{background:var(--blau);color:#fff;border:0;border-radius:6px;padding:8px 14px;cursor:pointer;font-size:14px}button.knopf.orange{background:var(--orange)}
.pos{border-collapse:collapse}.pos td{padding:6px 8px}.pos tr.gruppe td{background:#eef1f8;font-weight:600;color:var(--blau)}.pos tr.untergruppe td{background:#f5f7fb;font-weight:600}
.pos tr.ende td{background:#f8f9fc;font-weight:600;border-top:1px solid var(--rand)}.pos tr.text td{color:#444;font-style:italic}.pos tr.jumbo td{background:#fff5ef;font-weight:600}
.pos tr.unter td{color:#666;font-size:13px}.pos tr.entfaellt td{text-decoration:line-through;color:#999}.pos .lang{white-space:pre-wrap;color:#555;font-size:13px;margin-top:3px;max-width:900px}
.ebene1{padding-left:18px}.ebene2{padding-left:36px}.ebene3{padding-left:54px}
.login{max-width:380px;margin:80px auto;background:#fff;border-radius:12px;padding:30px;border:1px solid var(--rand)}.login label{display:block;margin:12px 0 4px;color:var(--muted)}.login input{width:100%}
.fehler{background:#ffe9df;color:#b53f00;padding:8px 12px;border-radius:6px;margin-bottom:10px}
.muted{color:var(--muted)}.klein{font-size:12px}.summe{font-size:18px;font-weight:600;color:var(--blau)}
details summary{cursor:pointer;color:var(--blau)}
.pfad{word-break:break-all;color:var(--muted);font-size:12px}
@media(max-width:800px){.top{height:auto;flex-wrap:wrap;padding:8px 12px;gap:8px}.top nav{order:3;width:100%;display:flex;overflow-x:auto;gap:2px}.top nav a{padding:6px 8px;white-space:nowrap}.top form.suche{margin-left:0;width:100%;order:2}.top form.suche input{width:100%}.top .benutzer{margin-left:auto}
main{padding:12px 10px 40px}.karten{grid-template-columns:repeat(2,1fr)}table{display:block;overflow-x:auto}th,td{padding:6px 6px}h1{font-size:18px}dl{grid-template-columns:110px 1fr}}