:root{--petrol: #273a41;--petrol-dunkel: #20282d;--gold: #ae9c69;--grau: #728287;--hellblau: #c5d7db;--hellgrau: #efefef;--weiss: #ffffff;--gruen: #2e7d5b;--gelb: #c8912f;--rot: #b3453a;--radius: 10px;--schatten: 0 1px 3px rgba(39, 58, 65, .08), 0 8px 24px rgba(39, 58, 65, .06)}*{box-sizing:border-box}body{margin:0;font-family:DM Sans,system-ui,sans-serif;color:var(--petrol-dunkel);background:#f6f8f9;line-height:1.5}a{color:var(--petrol)}.huelle{max-width:880px;margin:0 auto;padding:24px 16px 64px}.huelle-breit{width:90%;max-width:1800px}.leiste{background:var(--petrol);padding:14px 0;margin-bottom:28px}.leiste .leiste-inhalt{max-width:880px;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.leiste-breit .leiste-inhalt{width:90%;max-width:1800px}.leiste img{height:34px;display:block}.leiste .leise{color:var(--hellblau)}.leiste button.zweit{color:var(--weiss);border-color:#ffffff59}.leiste button.zweit:hover:not(:disabled){background:#ffffff1f}.kopf{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:28px}.kopf img{height:38px}h1{font-size:1.6rem;margin:0 0 4px}h2{font-size:1.1rem;margin:0 0 12px}.leise{color:var(--grau);font-size:.9rem}.karte{background:var(--weiss);border-radius:var(--radius);box-shadow:var(--schatten);padding:20px;margin-bottom:16px}.karten-reihe{display:grid;gap:16px;grid-template-columns:1fr 1fr}@media(max-width:700px){.karten-reihe{grid-template-columns:1fr}}.balken{height:10px;background:var(--hellgrau);border-radius:999px;overflow:hidden;margin:10px 0 8px}.balken>div{height:100%;border-radius:999px;transition:width .4s}.gruen{background:var(--gruen)}.gelb{background:var(--gelb)}.rot{background:var(--rot)}.neutral{background:var(--hellblau)}.gross{font-size:1.9rem;font-weight:700}label{display:block;font-size:.9rem;font-weight:500;margin:12px 0 4px}input,select,textarea{width:100%;padding:10px 12px;border:1px solid #d6dee0;border-radius:8px;font:inherit;background:var(--weiss)}input:focus,select:focus,textarea:focus{outline:2px solid var(--hellblau);border-color:var(--petrol)}button{font:inherit;font-weight:500;padding:11px 20px;border-radius:8px;border:1px solid transparent;background:var(--petrol);color:var(--weiss);cursor:pointer}button:hover:not(:disabled){background:var(--petrol-dunkel)}button:disabled{opacity:.5;cursor:default}button.zweit{background:transparent;color:var(--petrol);border-color:#d6dee0}button.zweit:hover:not(:disabled){background:var(--hellgrau)}button.gefahr{background:var(--rot)}.diagramm-kopf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.umschalter{display:flex;gap:6px}.umschalter button{padding:6px 12px;font-size:.85rem;border-radius:6px}button.knopf-klein{padding:2px 8px;font-size:.75rem;border-radius:5px}.marken{display:flex;flex-wrap:wrap;gap:4px}.marke{display:inline-block;padding:2px 7px;border-radius:5px;background:var(--hellgrau);color:var(--petrol);font-size:.75rem;white-space:nowrap}.marke-warnung{background:#fdeceb;color:var(--rot)}.marke-portal{background:#e8f1ee;color:var(--gruen)}.schalter{display:flex;align-items:center;gap:8px;margin-bottom:12px}.schalter input{width:auto;margin:0}.schalter label{margin:0}.fehler{background:#fdeceb;color:var(--rot);padding:10px 12px;border-radius:8px;font-size:.9rem;margin:12px 0}.hinweis{background:#eef4f5;padding:12px 14px;border-radius:8px;font-size:.9rem;color:var(--petrol)}.empfehlung{border-left:4px solid var(--gold)}.info-knopf{width:17px;height:17px;padding:0;margin-left:6px;border:1px solid var(--grau);border-radius:999px;background:transparent;color:var(--grau);font-size:11px;font-weight:700;font-style:italic;line-height:1;cursor:pointer;vertical-align:middle}.info-knopf:hover,.info-knopf[aria-expanded=true]{border-color:var(--petrol);color:var(--petrol);background:var(--hellgrau)}.hinweis-info{margin:10px 0 0}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--hellgrau)}th{font-weight:500;color:var(--grau);font-size:.82rem;text-transform:uppercase;letter-spacing:.03em}td.zahl,th.zahl{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}td.nowrap,th.nowrap{white-space:nowrap}.sp-name{min-width:190px}.sp-mail{min-width:210px}.sp-modell{min-width:250px;white-space:nowrap}.tabelle-scroll{overflow-x:auto}.tabelle-fix th:first-child,.tabelle-fix td:first-child{position:sticky;left:0;background:var(--weiss);border-right:1px solid var(--hellgrau)}.tabelle-fix thead th:first-child{z-index:1}.admin-huelle{display:grid;grid-template-columns:200px 1fr;gap:28px}@media(max-width:800px){.admin-huelle{grid-template-columns:1fr}}.admin-nav{display:flex;flex-direction:column;gap:4px}.admin-nav a{padding:9px 12px;border-radius:8px;text-decoration:none;color:var(--petrol);font-weight:500}.admin-nav a.aktiv{background:var(--petrol);color:var(--weiss)}.knopfreihe{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.betrag-waehler{display:flex;align-items:center;gap:16px;justify-content:center;margin:16px 0}.betrag-waehler button{width:46px;height:46px;padding:0;font-size:1.3rem}