:root{--p-akzent:var(--green);--p-flaeche:rgba(127,127,127,.06);--p-linie:rgba(127,127,127,.22)}.p-w{transition:opacity .25s linear}.p-zaehler{display:inline-flex;font-variant-numeric:tabular-nums;--p-zeile:1.1;line-height:var(--p-zeile)}.p-ziffer{display:inline-block;height:calc(1em * var(--p-zeile));overflow:hidden}.p-ziffer>span{display:flex;flex-direction:column;transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}.p-ziffer>span>i{font-style:normal;height:calc(1em * var(--p-zeile));line-height:calc(1em * var(--p-zeile));display:block}.p-geschichte{position:relative}.p-geschichte__handy{display:none}.p-geschichte__schritt{margin:0 0 2.5rem}.p-geschichte__bild{border-radius:1.2rem;overflow:hidden}.p-geschichte--laeuft{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem;align-items:start}.p-geschichte--laeuft .p-geschichte__handy{display:block;position:sticky;top:12vh;height:min(76vh,640px);aspect-ratio:9/19;margin:0 auto;border-radius:2.4rem;border:10px solid #111;background:#111;overflow:hidden;grid-column:2;grid-row:1}.p-geschichte--laeuft .p-geschichte__handy>.p-geschichte__bild{position:absolute;inset:0;height:100%;aspect-ratio:auto!important;opacity:0;transition:opacity .45s;border-radius:0}.p-geschichte--laeuft .p-geschichte__handy>.p-geschichte__bild.is-an{opacity:1}.p-geschichte--laeuft .p-geschichte__handy img{width:100%;height:100%;object-fit:cover}.p-geschichte--laeuft>ol,.p-geschichte--laeuft>ul{grid-column:1;grid-row:1;list-style:none;margin:0;padding:0}.p-geschichte--laeuft .p-geschichte__schritt{min-height:70vh;display:flex;flex-direction:column;justify-content:center;opacity:.35;transition:opacity .35s}.p-geschichte--laeuft .p-geschichte__schritt.is-an{opacity:1}.p-geschichte--laeuft .p-geschichte__schritt>.p-geschichte__bild{display:none}@media(max-width:860px){.p-geschichte--laeuft{display:block}.p-geschichte--laeuft .p-geschichte__handy{display:none}.p-geschichte--laeuft .p-geschichte__schritt{min-height:0;opacity:1}.p-geschichte--laeuft .p-geschichte__schritt>.p-geschichte__bild{display:block;margin-bottom:1rem}}.p-vergleich [data-p-zustand]{font:inherit;font-weight:600;padding:.55rem 1.1rem;border-radius:999px;border:1px solid var(--p-linie);background:0 0;color:inherit;cursor:pointer}.p-vergleich [data-p-zustand][aria-pressed=true]{background:var(--p-akzent);border-color:var(--p-akzent);color:#fff}.p-vergleich[data-zustand=nachher] .p-vergleich__vorher,.p-vergleich[data-zustand=vorher] .p-vergleich__nachher{display:none}.p-fortschritt__buehne{position:relative;display:grid;place-items:center;margin:0 auto 1.5rem}.p-fortschritt--ring{width:min(240px,70vw);aspect-ratio:1}.p-fortschritt__ring{width:100%;height:100%;transform:rotate(-90deg)}.p-fortschritt__ring circle{fill:none;stroke:var(--p-linie);stroke-width:14;transition:stroke .35s}.p-fortschritt__ring circle.is-an{stroke:var(--p-akzent)}.p-fortschritt--ring .p-fortschritt__zahl{position:absolute;font-size:3.2rem;font-variant-numeric:tabular-nums}.p-fortschritt--leiste{width:100%}.p-fortschritt__leiste{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:5px;width:100%}.p-fortschritt__leiste i{height:44px;border-radius:5px;background:var(--p-linie);transition:background .3s}.p-fortschritt__leiste i.is-an{background:var(--p-akzent)}.p-fortschritt--leiste .p-fortschritt__zahl{font-size:2.4rem;margin-top:.6rem;font-variant-numeric:tabular-nums}@media(max-width:560px){.p-fortschritt__leiste i{height:28px}}.p-strom{position:relative;min-height:320px}.p-strom>canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.p-laufband{display:flex;gap:3rem;align-items:center;overflow:hidden}.p-laufband--laeuft{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.p-laufband__spur{display:flex;gap:3rem;align-items:center;flex-shrink:0;padding-right:3rem;animation:32s linear infinite p-lauf}.p-laufband:hover .p-laufband__spur{animation-play-state:paused}.p-laufband img{height:40px;width:auto;opacity:.75}@keyframes p-lauf{to{transform:translateX(-100%)}}.p-kachel{position:relative;overflow:hidden;background:var(--p-flaeche);border:1px solid var(--p-linie);border-radius:1rem}.p-kachel::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(320px circle at var(--p-x,50%) var(--p-y,50%),color-mix(in srgb,var(--p-akzent) 22%,transparent),transparent 70%)}.p-kachel:hover::before{opacity:1}.p-dashboard [data-p-zeichnen]{stroke-dasharray:var(--p-laenge,1000);stroke-dashoffset:0;transition:stroke-dashoffset 2.2s cubic-bezier(.2,.8,.2,1)}.p-dashboard--wartet [data-p-zeichnen]{stroke-dashoffset:var(--p-laenge,1000)}.p-neigen{perspective:1400px}.p-neigen>*{transition:transform .25s ease-out;transform-style:preserve-3d}.p-zeitleiste{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:2rem;--p-zeit:1}.p-zeitleiste::before{content:"";position:absolute;left:24px;right:24px;top:24px;height:2px;background:var(--p-linie)}.p-zeitleiste__schiene{position:absolute;left:24px;top:24px;height:2px;width:calc((100% - 48px) * var(--p-zeit));background:var(--p-akzent)}.p-zeitleiste>li{position:relative;padding-top:68px}.p-zeitleiste>li::before{content:"";position:absolute;top:0;left:0;width:50px;height:50px;border-radius:50%;border:2px solid var(--p-linie);background:var(--bg,#fff);transition:background .3s,border-color .3s}.p-zeitleiste>li.is-an::before{background:var(--p-akzent);border-color:var(--p-akzent)}@media(max-width:860px){.p-zeitleiste{grid-template-columns:1fr}.p-zeitleiste::before{left:24px;right:auto;top:24px;bottom:24px;width:2px;height:auto}.p-zeitleiste__schiene{left:24px;width:2px;height:calc((100% - 48px) * var(--p-zeit))}.p-zeitleiste>li{padding:0 0 0 72px;min-height:50px}}.p-haken__zeile{transition:opacity .5s,transform .5s}.p-haken--wartet .p-haken__zeile:not(.is-an){opacity:.3;transform:translateY(6px)}@media (prefers-reduced-motion:reduce){.p-laufband__spur{animation:none}.p-dashboard [data-p-zeichnen],.p-haken__zeile,.p-ziffer>span{transition:none}}html.a11y-noanim .p-laufband__spur{animation:none}html.a11y-noanim .p-w{opacity:1!important}html.a11y-noanim .p-haken__zeile{opacity:1!important;transform:none!important}html.a11y-noanim .p-dashboard [data-p-zeichnen]{stroke-dashoffset:0!important}@media(max-width:600px){.p-laufband__spur{animation:none}.p-laufband--laeuft{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.p-laufband--laeuft>.p-laufband__spur[aria-hidden]{display:none}}