: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{max-width:1180px}.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{max-width:1180px}.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)}.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)}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}.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}