.fallkurve{background:var(--c-white);border:1px solid var(--line);border-radius:var(--radius);margin:0;padding:1.5rem}.fallkurve figcaption{color:var(--color-text);margin-bottom:.75rem;font-size:.9rem}.fallkurve .null{stroke:var(--c-text);stroke-width:1.5px;opacity:.45}.fallkurve text{font-family:var(--font-body)}.fallkurve .bar{outline:none}.fallkurve .bar rect{transform-box:fill-box;transition:filter .15s}.fallkurve .bar.plus rect{fill:var(--c-verdigris);transform-origin:50% 100%}.fallkurve .bar.minus rect{fill:var(--c-tiger);transform-origin:50% 0}.fallkurve .bar:hover rect,.fallkurve .bar:focus-visible rect{filter:brightness(.82)}.fallkurve .bar:focus-visible rect{outline:2px solid var(--c-onyx);outline-offset:3px}.fallkurve text.wert{fill:var(--color-heading);text-anchor:middle;font-size:15px;font-weight:600}.fallkurve text.monat{fill:var(--color-text);text-anchor:middle;font-size:14px}.fallkurve text.readout{fill:var(--color-heading);opacity:0;pointer-events:none;font-size:13px;font-weight:600;transition:opacity .15s}.fallkurve .bar:hover text.readout,.fallkurve .bar:focus text.readout{opacity:1}.fallkurve .start line{stroke:var(--c-onyx);stroke-width:1.5px;stroke-dasharray:4 4;opacity:.5}.fallkurve .start text{fill:var(--color-text);font-size:13px;transition:opacity .15s}.fallkurve .bars:hover~.start text,.fallkurve .bars:focus-within~.start text{opacity:0}.js [data-reveal]:not(.in) .fallkurve:not(.sofort) .bar rect{transform:scaleY(0)}.js [data-reveal]:not(.in) .fallkurve:not(.sofort) .bar text.wert{opacity:0}.js [data-reveal].in .fallkurve .bar rect,.js .fallkurve.sofort .bar rect{animation:.8s cubic-bezier(.2,.7,.2,1) both fk-wachsen;animation-delay:var(--d,0s)}.js [data-reveal].in .fallkurve .bar text.wert,.js .fallkurve.sofort .bar text.wert{animation:.4s both fk-ein;animation-delay:calc(var(--d,0s) + .55s)}@keyframes fk-wachsen{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes fk-ein{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.fallkurve .bar rect,.fallkurve .bar text.wert{opacity:1!important;animation:none!important;transform:none!important}}.fheld{align-self:center;margin:0;position:relative}.fheld img{aspect-ratio:4/3;object-fit:cover;border-radius:calc(var(--radius) * 2);width:100%;box-shadow:var(--shadow-card);display:block}.fheld-karte{background:var(--c-white);border:1px solid var(--line);border-radius:var(--radius);gap:.15rem;min-width:13.5rem;padding:1rem 1.15rem;display:grid;position:absolute;bottom:-1.75rem;left:-1.5rem;box-shadow:0 22px 44px -20px #0006}.fheld-label{color:var(--color-text);font-size:.82rem}.fheld-wert{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--color-heading);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700;line-height:1.1}.fheld-karte svg{width:10rem;height:3rem;margin-top:.35rem;overflow:visible}.fheld-karte .linie{fill:none;stroke:var(--c-verdigris);stroke-width:2.5px;stroke-linecap:round}.fheld-karte .flaeche{fill:var(--c-verdigris);opacity:.12}.fheld-karte circle{fill:var(--c-verdigris)}.fheld-fuss{color:var(--color-text);opacity:.8;font-size:.76rem}@media (width<=900px){.fheld{margin-top:2rem}.fheld-karte{bottom:-1.25rem;left:1rem}}.js .fheld img{animation:.9s cubic-bezier(.2,.7,.2,1) both fh-bild}.js .fheld-karte{animation:.7s cubic-bezier(.2,.7,.2,1) .35s both fh-karte}.js .fheld-karte .linie{stroke-dasharray:420;stroke-dashoffset:420px;animation:1.6s cubic-bezier(.2,.7,.2,1) .8s forwards fh-linie}@keyframes fh-bild{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes fh-karte{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fh-linie{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.fheld img,.fheld-karte,.fheld-karte .linie{stroke-dashoffset:0!important;animation:none!important}}
