: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:100%;max-width:none;padding:24px 24px 64px}.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:100%;max-width:none;padding:0 24px}.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;position:sticky;top:16px;align-self:start}.admin-huelle>main{min-width:0}.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}.doku-tabs{margin:12px 0 16px}.doku-tabs a{padding:6px 14px;font-size:.9rem;border-radius:6px;text-decoration:none;border:1px solid #d6dee0;color:var(--petrol)}.doku-tabs a.aktiv{background:var(--petrol);border-color:var(--petrol);color:var(--weiss)}.doku-inhalt{background:var(--hellgrau);border-radius:8px;padding:12px 16px;margin-bottom:20px;font-size:.92rem}.doku-inhalt ul{margin:6px 0 0;padding-left:18px}.doku-inhalt li{margin:2px 0}.doku-text{line-height:1.55;max-width:820px}.doku-text h1{margin-bottom:12px}.doku-text h2{font-size:1.2rem;margin:28px 0 8px;scroll-margin-top:16px}.doku-text h3{font-size:1rem;margin:18px 0 6px;scroll-margin-top:16px}.doku-text ul,.doku-text ol{padding-left:22px;margin:6px 0}.doku-text li{margin:3px 0}.doku-text code{font-size:.85em;background:var(--hellgrau);padding:1px 4px;border-radius:4px}.doku-anker{margin-left:8px;color:var(--grau);text-decoration:none;opacity:0;font-weight:400}.doku-text h2:hover .doku-anker,.doku-text h3:hover .doku-anker,.doku-anker:focus{opacity:1}.hilfe-link{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:6px;border-radius:50%;border:1px solid var(--petrol);font-size:.75rem;font-weight:600;text-decoration:none;vertical-align:middle;line-height:1}.hilfe-link:hover{background:var(--petrol);color:var(--weiss)}.checkliste{list-style:none;padding:0;margin:8px 0 0}.checkliste li{display:grid;grid-template-columns:22px 1fr;gap:4px;margin:4px 0}.checkliste .ok{color:var(--gruen);font-weight:700}.checkliste .nein{color:var(--rot);font-weight:700}.checkliste .gelb-zeichen{color:var(--gold);font-weight:700}.checkliste .info{color:var(--grau);font-weight:700}.kunden-tabelle{width:100%}.kunden-tabelle th{position:sticky;top:0;z-index:2;background:var(--weiss);box-shadow:inset 0 -1px 0 var(--hellgrau)}.kunden-tabelle td{vertical-align:top}.kunden-tabelle tr.klickbar{cursor:pointer}.kunden-tabelle tr.klickbar:hover td{background:#f7f9fa}.sp-kunde strong,.sp-kunde .unterzeile{display:block;max-width:clamp(170px,18vw,380px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kunden-tabelle .betrag{font-size:1.05rem}.unterzeile{color:var(--grau);font-size:.78rem;line-height:1.35;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-aktionen{text-align:right;width:1%}.unterzeile.teile{white-space:normal;overflow:visible}.unterzeile.teile>span{white-space:nowrap}.icon{width:18px;height:18px;display:block}.status-icons{display:inline-flex;gap:6px;align-items:center}.status-icons>span{display:inline-flex}.st-normal{color:#aab5b8}.st-leer{color:#d5dcde}.st-gelb{color:var(--gelb)}.st-orange{color:#d9822b}.st-rot{color:var(--rot)}button.knopf-icon{padding:5px 8px;line-height:1;font-size:1rem;min-width:34px;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.sp-aktionen>button,.sp-aktionen>.menue{margin-left:4px}.menue{position:relative;display:inline-block}.menue-liste{position:absolute;right:0;top:calc(100% + 4px);z-index:20;background:var(--weiss);border-radius:8px;box-shadow:var(--schatten);border:1px solid var(--hellgrau);padding:4px;min-width:160px;display:flex;flex-direction:column}.menue-liste button{background:transparent;color:var(--petrol);border:none;text-align:left;padding:8px 12px;border-radius:6px;font-weight:500}.menue-liste button:hover:not(:disabled){background:var(--hellgrau)}.menue-liste button.menue-gefahr{color:var(--rot)}@media(max-width:1100px){.kunden-tabelle .unterzeile,.kunden-tabelle .sp-paket{display:none}}.dialog-grund{position:fixed;top:0;right:0;bottom:0;left:0;background:#273a4173;z-index:60;display:flex;align-items:center;justify-content:center;padding:16px}.dialog{max-width:520px;width:100%;max-height:90vh;overflow-y:auto}