:root{--nacht-1:#12092b;--nacht-2:#0a0616;--nacht-3:#070512;--violett:#a78bfa;--violett-hell:#ddd6fe;--violett-mittel:#c4b5fd;--mint:#34d399;--mint-hell:#6ee7b7;--rot:#f87171;--tinte:#f3f0e8;--dim-62:#9e97b5;--dim-45:#7c7596;--dim-38:#615b78;--linie:#a78bfa1a;--linie-stark:#a78bfa38}*{box-sizing:border-box}html,body{background:radial-gradient(120% 90% at 18% 0%, var(--nacht-1) 0%, var(--nacht-2) 45%, var(--nacht-3) 100%) fixed;min-height:100%;color:var(--tinte);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px}a{color:var(--violett-mittel);text-decoration:none}a:hover{color:var(--violett-hell)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#a78bfa40;border-radius:6px}.panel{border:1px solid var(--linie);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:linear-gradient(#8b5cf614,#0c081c8c);border-radius:16px}.kachel{min-height:152px;padding:15px 16px 14px;position:relative}.sparkhuelle{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.mini{border:1px solid var(--linie);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:linear-gradient(#8b5cf61a,#0c081c80);border-radius:11px;flex-direction:column;gap:2px;padding:9px 13px;display:flex;position:relative}.pillenleiste{background:#06041080;border:1px solid #a78bfa1f;border-radius:999px;gap:3px;padding:4px;display:flex}.pille{height:28px;color:var(--dim-45);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;align-items:center;padding:0 13px;font-size:12.5px;display:inline-flex}.pille:hover{color:var(--tinte)}.pille.aktiv{color:var(--tinte);background:#a78bfa29}.knopf-rand{height:36px;color:var(--violett-hell);font:inherit;cursor:pointer;background:0 0;border:1px solid #a78bfa8c;border-radius:999px;padding:0 16px;font-size:13px}.knopf-rand:hover{background:#a78bfa1f}.feld{border:1px solid var(--linie-stark);width:100%;height:40px;color:var(--tinte);font:inherit;background:#0a0b1480;border-radius:10px;padding:0 14px;font-size:13px}.feld:focus{border-color:#a78bfa8c;outline:none}button.filterknopf{cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;width:auto;height:36px;display:inline-flex}button.filterknopf:hover{border-color:#a78bfa73}select.feld{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--dim-45) 50%), linear-gradient(135deg, var(--dim-45) 50%, transparent 50%);background-position:calc(100% - 16px),calc(100% - 11px);background-repeat:no-repeat;background-size:5px 5px;border-radius:999px;width:auto;height:36px;padding-right:30px}.untertab{border:1px solid var(--linie-stark);height:32px;color:var(--dim-45);background:#0a0b1459;border-radius:999px;align-items:center;padding:0 15px;font-size:12.5px;display:inline-flex}.untertab:hover{color:var(--tinte)}.untertab.aktiv{color:var(--violett-hell);background:#a78bfa1a;border-color:#a78bfa80}.kachel:hover,.mini:hover{z-index:30}.infotip{cursor:help;color:var(--dim-38);align-items:center;display:inline-flex;position:relative}.infotip:hover{color:var(--dim-62)}.infotext{text-transform:none;letter-spacing:normal;text-align:left;z-index:6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:240px;color:var(--dim-62);white-space:normal;pointer-events:none;background:#0d0f1bf5;border:1px solid #a78bfa29;border-radius:10px;padding:10px 12px;font-size:11.5px;font-weight:400;line-height:1.55;display:none;position:absolute;top:22px;left:-8px}.infotip:hover .infotext{display:block}.infotext.rechts{left:auto;right:-8px}.infotext.warntext{color:var(--dim-62);border-color:#f8717159}.infotext .rechnung{color:var(--dim-38);font-variant-numeric:tabular-nums;margin-top:6px;display:block}.eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--dim-45);font-size:12.5px}.h1{letter-spacing:-.02em;margin:0;font-size:34px;font-weight:500;line-height:1.1}.kachel-wert{z-index:1;letter-spacing:-.02em;margin-top:14px;font-size:30px;font-weight:500;position:relative}.delta{white-space:nowrap;border-radius:999px;padding:2px 7px;font-size:11.5px}.delta.gut{color:var(--mint-hell);background:#34d39924}.delta.schlecht{color:var(--rot);background:#f8717121}.delta.neutral{color:var(--dim-45);background:#a78bfa1f}.warnbadge{color:var(--rot);white-space:nowrap;background:#f8717114;border:1px solid #f8717159;border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:10.5px;display:inline-flex}.tbl{border-collapse:collapse;width:100%;font-size:12.5px}.tbl th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--dim-45);border-bottom:1px solid var(--linie-stark);padding:7px 10px;font-size:11px;font-weight:400}.tbl td{color:var(--tinte);border-bottom:1px solid #a78bfa14;padding:9px 10px}.tbl th.r,.tbl td.r{text-align:right;font-variant-numeric:tabular-nums}@keyframes mfPulse{0%,to{r:4.5;opacity:1}50%{r:7;opacity:.55}}@keyframes mfIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes mfZeichnen{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes mfStricheln{0%{opacity:0}to{opacity:1}}.linieRein{stroke-dasharray:1;stroke-dashoffset:0;animation:1.2s cubic-bezier(.22,.8,.3,1) both mfZeichnen}.linieRein.schnell{animation-duration:.8s}.linieRein[style*=mfStricheln]{stroke-dasharray:4 5;animation:1.4s ease-out both mfStricheln}.flaecheRein{animation:1.1s ease-out .25s both mfIn}.rein{animation:.5s ease-out both mfIn}@keyframes mfWachsen{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.balkenRein{transform-box:fill-box;transform-origin:bottom;transition:opacity .15s ease-out;animation:.6s cubic-bezier(.22,.8,.3,1) both mfWachsen}.pulsPunkt{animation:2.6s ease-in-out infinite mfPulse}@media (prefers-reduced-motion:reduce){.rein,.pulsPunkt,.linieRein,.balkenRein,.flaecheRein{animation:none}}@keyframes mfRingWachsen{0%{stroke-dasharray:0 1}to{stroke-dasharray:var(--anteil) 1}}.donutStueck{stroke-dasharray:var(--anteil) 1;animation:.85s cubic-bezier(.22,1,.36,1) backwards mfRingWachsen}@media (prefers-reduced-motion:reduce){.donutStueck{animation:none}}.schalter{border:1px solid var(--linie);background:#ffffff05;border-radius:999px;gap:3px;padding:3px;display:inline-flex}.schalter-teil{color:var(--dim-45);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:5px 13px;font-size:12.5px;line-height:1.2;transition:background .16s ease-out,color .16s ease-out}.schalter-teil:hover{color:var(--dim-62)}.schalter-teil.aktiv{color:var(--tinte);background:#a78bfa38;border:1px solid #a78bfa6b;padding:4px 12px}@media (prefers-reduced-motion:reduce){.schalter-teil{transition:none}}@keyframes dreh{to{transform:rotate(360deg)}}