@property --s5f-schwebe{syntax:"<number>";inherits:false;initial-value:0}@property --s5f-glitch{syntax:"<number>";inherits:false;initial-value:0}.s5f{--s5f-em:var(--regyva-emerald,#00ff94);--s5f-rot:#ff5f5f;--s5f-seide:#f2fff9f0;--s5f-dim:#f2fff98c;--s5f-ease:cubic-bezier(.16, 1, .3, 1);--s5f-zeile:52px;--s5f-pad:14px;--s5f-av:24px;--schraeg:calc(1 - var(--aufricht,0));--sp:calc(28px * (1 - var(--raster,0))) minmax(0, 1fr) auto;min-height:280svh;color:var(--s5f-seide);font-family:var(--body);font-variant-numeric:tabular-nums;background:#05070a;font-size:13px;position:relative}.s5f-buehne{box-sizing:border-box;grid-template-rows:auto minmax(0,1fr) auto;row-gap:20px;height:100svh;padding:84px 16px 22px;display:grid;position:sticky;top:0;overflow:hidden}.s5f-buehne>*{z-index:1;position:relative}.s5f-boden{display:none}.s5f-wechsel,.s5f-brauch,.s5f-h,.s5f-sub{width:100%;display:grid}.s5f-wechsel>*,.s5f-brauch>*,.s5f-h>*,.s5f-sub>*{grid-area:1/1}.s5f-kopf,.s5f-blattkopf{--aus:var(--kopf-aus,0);--ein:var(--kopf-ein,0)}.s5f-alt{opacity:calc(1 - var(--aus,0));translate:0 calc(var(--aus,0) * -6px)}.s5f-neu{opacity:var(--ein,0);translate:0 calc((1 - var(--ein,0)) * 6px)}.s5f-kopf{row-gap:12px;width:100%;max-width:1180px;margin:0 auto;display:grid}.s5f-brauch{letter-spacing:.14em;text-transform:uppercase;color:var(--s5f-dim);margin:0;font-size:11px}.s5f-brauch>*{align-items:center;gap:8px;display:inline-flex}.s5f-brauch b{color:var(--s5f-seide);font-weight:600}.s5f-trenner{opacity:.5}.s5f-punkt{background:var(--s5f-em);border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 8px #00ff94cc}.s5f-brauch .s5f-alt .s5f-punkt,.s5f-fehler .s5f-punkt{background:var(--s5f-rot);box-shadow:0 0 8px #ff5f5fb3}.s5f-h{font-family:"Regyva Display", var(--body);letter-spacing:-.03em;color:var(--s5f-seide);margin:0;font-size:clamp(27px,3.6vw,54px);font-weight:600;line-height:1.04}.s5f-h em{font-style:normal}.s5f-h .s5f-alt em{color:var(--s5f-rot);text-shadow:0 0 24px #ff5f5f59}.s5f-h .s5f-neu em{color:var(--s5f-em);text-shadow:0 0 26px #00ff9459}.s5f-sub{max-width:560px;color:var(--s5f-dim);margin:0;font-size:14px;line-height:1.5}.s5f-feld{align-self:start;width:100%;max-width:1180px;margin:0 auto;position:relative}.s5f-quelle,.s5f-netz{display:none}.s5f-raum{position:relative}.s5f-blatt{z-index:1;box-shadow:inset 0 1px 0 #ffffff0f, 0 30px 60px -30px #000c, 0 0 calc(44px * var(--ende,0)) rgba(0, 255, 148, calc(.14 * var(--ende,0)));backdrop-filter:blur(12px)saturate(1.15);background:linear-gradient(#f2fff90d,#f2fff903 60%),#080d0cbd;border:1px solid #f2fff91c;border-radius:16px;position:relative}.s5f-blatt:before,.s5f-quelle:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#00ff94bf,#0000);height:1px;position:absolute;top:-1px;left:14%;right:14%}.s5f-blatt:before{opacity:var(--ende,0)}.s5f-quelle:before{top:0}.s5f-blattkopf{color:var(--s5f-dim);border-bottom:1px solid #f2fff914;justify-content:space-between;gap:16px;padding:12px 14px;font-size:11px;display:flex}.s5f-blattkopf .s5f-wechsel{width:auto}.s5f-rechts{text-align:right}.s5f-rechts .s5f-neu{justify-self:end;align-items:center;gap:8px;display:inline-flex}.s5f-live{animation:2s ease-in-out infinite s5f-glimm;position:relative}.s5f-live:after{content:"";border:1px solid #00ff94b3;border-radius:50%;animation:2s cubic-bezier(.2,.6,.3,1) infinite s5f-ring;position:absolute;inset:0}@keyframes s5f-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(3.6)}}@keyframes s5f-glimm{0%,to{opacity:1}50%{opacity:.6}}.s5f-schwund{opacity:calc(1 - var(--raster,0))}.s5f-formel,.s5f-spalten,.s5f-zeile--kopf,.s5f-status{box-sizing:border-box;height:calc(var(--hoehe) * (1 - var(--raster,0)));overflow:hidden}.s5f-formel{--hoehe:40px;color:var(--s5f-dim);border-bottom:1px solid rgba(242, 255, 249, calc(.08 * (1 - var(--raster,0))));align-items:center;gap:10px;padding:0 18px;font-size:12px;display:none}.s5f-zellname{color:var(--s5f-seide);border:1px solid #f2fff924;border-radius:6px;padding:3px 8px}.s5f-fx{opacity:.7;font-style:italic}.s5f-spalten{--hoehe:24px;grid-template-columns:var(--sp);letter-spacing:.12em;color:var(--s5f-dim);text-align:center;align-items:center;font-size:10px;display:none}.s5f-zeile.s5f-zeile--kopf{--hoehe:40px;min-height:0;height:calc(var(--hoehe) * (1 - var(--raster,0)));color:var(--s5f-dim);padding:0;font-size:12px;display:none}.s5f-zeile{grid-template-columns:var(--sp);box-sizing:border-box;border-bottom:1px solid rgba(242, 255, 249, max(0, calc(.1 - .04 * var(--raster,0) - .06 * var(--ende,0))));grid-template-areas:"nr name wert""nr grund satz";align-items:center;min-height:44px;padding:6px 0;display:grid;position:relative}.s5f [data-stufe="0"]{--s5f-a:1}.s5f [data-stufe="1"]{--s5f-a:.78}.s5f [data-stufe="2"]{--s5f-a:.58}.s5f [data-stufe="3"]{--s5f-a:.4}.s5f-anteil{left:var(--s5f-pad);right:var(--s5f-pad);background:rgba(242, 255, 249, calc(.06 * var(--ende,0)));pointer-events:none;height:1px;position:absolute;bottom:0}.s5f-anteil:before{content:"";width:calc(var(--anteil,0) * 100%);background:rgba(0, 255, 148, calc(.45 + .55 * var(--s5f-a,1)));box-shadow:0 0 6px rgba(0, 255, 148, calc(.5 * var(--s5f-a,1)));transform-origin:0;position:absolute;top:0;bottom:0;left:0;transform:scaleX(0)}.s5f-nr{color:var(--s5f-dim);opacity:calc(1 - var(--raster,0));grid-area:nr;justify-content:center;align-self:stretch;align-items:center;font-size:11px;display:flex;overflow:hidden}.s5f-zelle{box-sizing:border-box;min-width:0;padding:0 var(--s5f-pad);align-items:center;display:flex;position:relative}.s5f-zelle[data-spalte="0"]{grid-area:name}.s5f-zelle[data-spalte="1"]{grid-area:grund}.s5f-zelle[data-spalte="2"]{grid-area:satz}.s5f-zelle[data-spalte="3"]{grid-area:wert}.s5f-zelle--name{flex-wrap:wrap;gap:4px 10px}.s5f-name{align-items:center;font-weight:500;display:inline-flex}.s5f-avatar{width:calc(var(--s5f-av) * var(--ende,0));height:calc(var(--s5f-av) * var(--ende,0));margin-right:calc(var(--s5f-av) * .42 * var(--ende,0));background:radial-gradient(circle at 35% 25%, #f2fff924, transparent 60%), rgba(0, 255, 148, calc(.2 * var(--s5f-a,1)));box-shadow:inset 0 0 0 1px rgba(0, 255, 148, calc(.25 + .45 * var(--s5f-a,1)));font-size:calc(var(--s5f-av) * .38);letter-spacing:.02em;color:var(--s5f-seide);opacity:var(--ende,0);border-radius:50%;flex:none;place-items:center;font-weight:600;line-height:1;transition:box-shadow .25s;display:inline-grid;overflow:hidden}.s5f-pille{letter-spacing:.08em;text-transform:uppercase;color:#9dffd3;opacity:var(--ein,0);translate:calc((1 - var(--ein,0)) * -6px) 0;background:#00ff940f;border:1px solid #00ff9447;border-radius:999px;align-items:center;gap:6px;padding:3px 9px 3px 7px;font-size:10.5px;display:inline-flex}.s5f-zelle--grund,.s5f-zelle--satz{color:var(--s5f-dim);font-size:13px}.s5f-zelle--grund .s5f-alt{color:var(--s5f-seide);justify-self:end}.s5f-zelle--grund .s5f-alt[data-text],.s5f-zelle--grund .s5f-neu{justify-self:start}.s5f-plakette{color:var(--s5f-dim);opacity:.8;margin-top:2px;font-size:11px;display:block}.s5f-zelle--satz .s5f-alt,.s5f-zelle--satz .s5f-neu{justify-self:end}.s5f-zelle--satz .s5f-alt{color:var(--s5f-seide)}.s5f-zelle--satz .s5f-alt[data-kaputt]{color:var(--s5f-rot)}.s5f-kommentar{border-style:solid;border-width:0 7px 7px 0;border-color:transparent var(--s5f-rot) transparent transparent;position:absolute;top:0;right:0}.s5f-notiz{display:none}.s5f-zelle--wert{--von:var(--s5f-seide);text-align:right;font-size:calc(13px + 2px * var(--ende,0));color:color-mix(in oklab, var(--von), var(--s5f-em) calc(var(--q,0) * 100%));text-shadow:0 0 calc(18px * var(--q,0)) rgba(0, 255, 148, calc(.35 * var(--q,0)));justify-content:flex-end;font-weight:600}.s5f-zelle--wert[data-kaputt]{--von:var(--s5f-rot);box-shadow:inset 0 0 0 1px rgba(255, 95, 95, calc(.7 * var(--schraeg))), 0 0 14px rgba(255, 95, 95, calc(.22 * var(--schraeg)));background:rgba(255, 95, 95, calc(.06 * var(--schraeg)))}.s5f-glitch{translate:calc(var(--s5f-glitch) * var(--schraeg) * 1.5px) calc(var(--s5f-glitch) * var(--schraeg) * -1px);text-shadow:calc(var(--s5f-glitch) * -2px) 0 rgba(255, 95, 95, calc(.85 * var(--s5f-glitch) * var(--schraeg))), calc(var(--s5f-glitch) * 2px) 0 rgba(0, 255, 148, calc(.45 * var(--s5f-glitch) * var(--schraeg)));animation:3.2s step-end infinite s5f-glitch;display:inline-block}.s5f-glitch[data-spaet]{animation-delay:1.1s}@keyframes s5f-glitch{0%,89%,94%,to{--s5f-glitch:0}90%{--s5f-glitch:1}92%{--s5f-glitch:-.7}96%{--s5f-glitch:.6}}.s5f-zeile[data-neu],.s5f-zeile--rest{min-height:0}.s5f-zeile[data-neu]{max-height:calc(120px * var(--ben,0));opacity:var(--ben,0);padding-top:calc(8px * var(--ben,0));padding-bottom:calc(8px * var(--ben,0));overflow:hidden}.s5f-zeile--summe{--q:var(--summe,0);--aus:var(--summe-aus,0);--ein:var(--summe-ein,0);border-top:1px solid rgba(242, 255, 249, calc(.12 - .05 * var(--ende,0)));background:linear-gradient(90deg, rgba(0, 255, 148, calc(.06 * var(--ende,0))), rgba(242, 255, 249, calc(.03 * var(--ende,0))));font-weight:600}.s5f-zeile--summe .s5f-zelle--name .s5f-alt{color:var(--s5f-dim)}.s5f-zeile--rest{--q:var(--rest,0);max-height:calc(120px * var(--rest,0));opacity:var(--rest,0);padding-top:calc(8px * var(--rest,0));padding-bottom:calc(8px * var(--rest,0));color:var(--s5f-dim);overflow:hidden}.s5f-zeile--rest .s5f-zelle--wert{--von:var(--s5f-seide);color:var(--s5f-seide);text-shadow:none}.s5f-status{--hoehe:40px;color:var(--s5f-dim);justify-content:space-between;align-items:center;padding:0 18px;font-size:11.5px;display:flex}.s5f-reiter{gap:4px;display:flex}.s5f-reiter span{border-radius:6px;padding:3px 9px}.s5f-reiter span[data-aktiv]{color:var(--s5f-seide);background:#f2fff914}.s5f-fehler{color:var(--s5f-rot);align-items:center;gap:6px;display:inline-flex}.s5f-fuss{width:100%;max-width:1180px;color:var(--s5f-dim);opacity:var(--ende,0);translate:0 calc((1 - var(--ende,0)) * 8px);flex-direction:column;gap:6px;margin:0 auto;font-size:11.5px;display:flex}.s5f-fuss-rechts{flex-wrap:wrap;gap:6px 18px;display:flex}@media (min-width:900px){.s5f{--sp:calc(40px * (1 - var(--raster,0))) minmax(calc(37% * var(--ende,0)), 1.35fr) minmax(calc(32% * var(--ende,0)), 1.45fr) minmax(0, .8fr) minmax(0, 1fr);--s5f-skala:1;--s5f-ziel:clamp(1px, calc((50vw + 542px) / 1180), calc(1px * var(--s5f-skala)));--s5f-e:calc(1px + (var(--s5f-ziel) - 1px) * var(--ende,0));--s5f-zeile:calc((52 + 6 * var(--ende,0)) * var(--s5f-e));--s5f-pad:calc((14 + 4 * var(--ende,0)) * var(--s5f-e));--s5f-av:calc(28 * var(--s5f-e));font-size:calc(14 * var(--s5f-e))}.s5f-buehne{row-gap:28px;padding-top:96px}.s5f-boden{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0,#000 24% 86%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 24% 86%,#0000 100%)}.s5f-sub{font-size:15px}.s5f-feld{max-width:calc(1180 * var(--s5f-e));grid-template-columns:calc(200 * var(--s5f-e) * var(--ende,0)) minmax(0, 1fr);column-gap:calc(120 * var(--s5f-e) * var(--ende,0));align-self:center;align-items:center;display:grid}.s5f-raum{perspective:1400px;translate:0 calc(var(--s5f-schwebe) * var(--schraeg) * -8px);animation:7s ease-in-out infinite s5f-schweben}.s5f-blatt{border-radius:calc(16 * var(--s5f-e));transform-origin:50% 60%;transform:rotateX(calc(var(--schraeg) * 7deg)) rotateY(calc(var(--schraeg) * -8deg)) scale(calc(1 - var(--schraeg) * .06))}.s5f-quelle{z-index:1;box-sizing:border-box;gap:calc(18 * var(--s5f-e));height:100%;min-height:calc(240 * var(--s5f-e));padding:calc(26 * var(--s5f-e)) calc(22 * var(--s5f-e)) calc(24 * var(--s5f-e));white-space:nowrap;border-radius:calc(16 * var(--s5f-e));backdrop-filter:blur(12px)saturate(1.15);min-width:0;opacity:clamp(0, calc((var(--ende,0) - .5) * 2), 1);translate:calc((1 - var(--ende,0)) * -20px) 0;background:radial-gradient(120% 70% at 30% 0,#00ff941a,#0000 70%),linear-gradient(#f2fff912,#f2fff904 60%),#080d0c9e;border:1px solid #f2fff91c;border-right-color:#00ff948c;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,inset -1px 0 #00ff9473,0 0 64px -14px #00ff944d,0 30px 60px -30px #000c}.s5f-quelle-kern{gap:calc(12 * var(--s5f-e));margin-top:auto;display:grid}.s5f-quelle-wert{align-items:baseline;gap:calc(5 * var(--s5f-e));font-family:"Regyva Display", var(--body);font-weight:600;line-height:1;display:flex}.s5f-quelle-zahl{font-size:calc(40 * var(--s5f-e));letter-spacing:-.035em;background:linear-gradient(#f2fff9 20%,#8dffcf);color:#0000;filter:drop-shadow(0 0 18px #00ff9459);-webkit-background-clip:text;background-clip:text}.s5f-quelle-waehrung{font-size:calc(18 * var(--s5f-e));color:#00ff94a6}.s5f-quelle-sub{gap:calc(3 * var(--s5f-e));font-size:calc(12 * var(--s5f-e));color:var(--s5f-dim);display:grid}.s5f-quelle-sub>:first-child{color:#f2fff9c7}.s5f-balken{height:calc(6 * var(--s5f-e));background:#f2fff90f;border-radius:999px;margin-top:auto;display:block;overflow:hidden}.s5f-balken-fuellung{transform-origin:0;height:100%;display:flex;transform:scaleX(0)}.s5f-segment{background:rgba(0, 255, 148, var(--s5f-a,1));flex:none;height:100%;transition:opacity .25s,box-shadow .25s}.s5f-segment[data-stufe="4"]{background:#f2fff924}.s5f-netz{z-index:2;pointer-events:none;display:block;position:absolute;inset:0;overflow:visible}.s5f-bahnen{filter:drop-shadow(0 0 3px #00ff9473)}.s5f-bahn{fill:none;stroke:#00ff946b;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:calc(1 - var(--netz,0));transition:stroke .25s,stroke-width .25s}.s5f-port{fill:#9dffd3;filter:drop-shadow(0 0 4px #00ff94cc);opacity:var(--netz,0)}.s5f-impuls{fill:none;stroke:#e2fff2;stroke-width:1.8px;stroke-linecap:round;stroke-dasharray:.07 2;filter:drop-shadow(0 0 3px #00ff94e6)drop-shadow(0 0 8px #00ff948c);animation:20s cubic-bezier(.45,0,.25,1) infinite both s5f-lauf,20s ease-in-out infinite both s5f-impuls-sicht}.s5f-spalten,.s5f-zeile.s5f-zeile--kopf{display:grid}.s5f-formel{display:flex}.s5f-zeile{height:var(--s5f-zeile);grid-template-areas:"nr name grund satz wert";min-height:0;padding:0}.s5f-blattkopf{padding:calc((14 + 4 * var(--ende,0)) * var(--s5f-e)) calc(18 * var(--s5f-e));font-size:calc(12 * var(--s5f-e))}.s5f-zeile[data-neu]{max-height:calc(var(--s5f-zeile) * var(--ben,0))}.s5f-zeile--rest{max-height:calc(var(--s5f-zeile) * var(--rest,0))}.s5f-zelle{height:100%;padding:0 var(--s5f-pad);border-right:1px solid rgba(242, 255, 249, calc(.09 * (1 - var(--raster,0))))}.s5f-zelle[data-spalte="3"]{border-right:0}.s5f-nr{border-right:1px solid rgba(242, 255, 249, calc(.09 * (1 - var(--raster,0))))}.s5f-zelle--name{gap:calc(4 * var(--s5f-e)) calc(10 * var(--s5f-e));flex-wrap:nowrap}.s5f-pille{gap:calc(6 * var(--s5f-e));padding:calc(3 * var(--s5f-e)) calc(9 * var(--s5f-e)) calc(3 * var(--s5f-e)) calc(7 * var(--s5f-e));font-size:calc(10.5 * var(--s5f-e))}.s5f-plakette{font-size:calc(11 * var(--s5f-e))}.s5f-zelle--grund,.s5f-zelle--satz{font-size:calc(14 * var(--s5f-e))}.s5f-zeile--kopf .s5f-zelle{font-size:12px}.s5f-zelle--wert{font-size:calc((14 + 3 * var(--ende,0)) * var(--s5f-e))}.s5f-notiz{z-index:3;white-space:nowrap;color:var(--s5f-dim);translate:0 calc(var(--raster,0) * 6px);background:#0c1210f0;border:1px solid #ff5f5f59;border-radius:9px;gap:2px;padding:7px 11px;font-size:11px;line-height:1.3;display:grid;position:absolute;top:calc(100% - 5px);right:10px;box-shadow:0 10px 24px -14px #000000e6}.s5f-notiz b{color:var(--s5f-seide);font-weight:500}.s5f-fuss{flex-direction:row;justify-content:space-between;gap:16px}.s5f-fuss-rechts{text-align:right;justify-content:flex-end}}@media (min-width:1200px){.s5f{--s5f-skala:1.04}.s5f-name,.s5f-pille{white-space:nowrap}.s5f-feld{width:calc(1180 * var(--s5f-e));justify-self:start;max-width:calc(100% + -1*max(0px,50% - 590px) - 32px);margin-left:max(0px,50% - 590px);margin-right:0}}@media (min-width:1400px){.s5f{--s5f-skala:1.14}}.s5f[data-phase=ende] .s5f-anteil:before,.s5f[data-phase=ende] .s5f-balken-fuellung{animation:s5f-aufbau 1.2s var(--s5f-ease) both;transform:scaleX(1)}@keyframes s5f-aufbau{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (hover:hover){.s5f[data-phase=ende] .s5f-zeile[data-hover]:not(.s5f-zeile--summe){border-radius:calc(10 * var(--s5f-e,1px));background:#f2fff908}.s5f[data-phase=ende] .s5f-zeile[data-hover] .s5f-avatar{box-shadow:inset 0 0 0 1px #00ff94e6,0 0 14px #00ff9473}.s5f-netz[data-hover] .s5f-bahn{stroke:#00ff9429}.s5f-netz[data-hover] .s5f-bahn[data-hover]{stroke:#00ff94f2;stroke-width:1.8px}.s5f-balken[data-hover] .s5f-segment{opacity:.3}.s5f-balken[data-hover] .s5f-segment[data-hover]{opacity:1;box-shadow:0 0 10px #00ff94cc}}@keyframes s5f-schweben{0%,to{--s5f-schwebe:0}50%{--s5f-schwebe:1}}@keyframes s5f-lauf{0%{stroke-dashoffset:.07px}10%,to{stroke-dashoffset:-1px}}@keyframes s5f-impuls-sicht{0%,10%,to{opacity:0}1.9%,7.7%{opacity:1}}@media (prefers-reduced-motion:reduce){.s5f *,.s5f :before,.s5f :after{transition:none!important;animation:none!important}.s5f-live:after{display:none}}
