@layer components{.beleg{--naht-vor:var(--color-rose-50);--naht-nach:var(--color-rose-50);--naht:clamp(7rem, 3.5rem + 11vw, 15rem);--naht-1:#fdf2f6;--naht-2:#f7ebef;--naht-3:#eedbe1;--naht-4:#e2bfcc;--naht-5:#d39ab0;--naht-6:#bb7391;--naht-7:#975270;--naht-8:#6d3c51;--naht-9:#472d38;--naht-10:#2d2125;--naht-11:#1f181b;--naht-12:#1a1417;background-color:var(--color-ink-900);background-image:linear-gradient(to bottom, var(--naht-vor) 0, var(--naht-1) calc(var(--naht) * .0769), var(--naht-2) calc(var(--naht) * .1538), var(--naht-3) calc(var(--naht) * .2308), var(--naht-4) calc(var(--naht) * .3077), var(--naht-5) calc(var(--naht) * .3846), var(--naht-6) calc(var(--naht) * .4615), var(--naht-7) calc(var(--naht) * .5385), var(--naht-8) calc(var(--naht) * .6154), var(--naht-9) calc(var(--naht) * .6923), var(--naht-10) calc(var(--naht) * .7692), var(--naht-11) calc(var(--naht) * .8462), var(--naht-12) calc(var(--naht) * .9231), #15151a var(--naht), #0c0c0e calc(100% - var(--naht)), var(--naht-12) calc(100% - var(--naht) * .9231), var(--naht-11) calc(100% - var(--naht) * .8462), var(--naht-10) calc(100% - var(--naht) * .7692), var(--naht-9) calc(100% - var(--naht) * .6923), var(--naht-8) calc(100% - var(--naht) * .6154), var(--naht-7) calc(100% - var(--naht) * .5385), var(--naht-6) calc(100% - var(--naht) * .4615), var(--naht-5) calc(100% - var(--naht) * .3846), var(--naht-4) calc(100% - var(--naht) * .3077), var(--naht-3) calc(100% - var(--naht) * .2308), var(--naht-2) calc(100% - var(--naht) * .1538), var(--naht-1) calc(100% - var(--naht) * .0769), var(--naht-nach) 100%);background-image:linear-gradient(to bottom in oklab, var(--naht-vor) 0, var(--naht-1) calc(var(--naht) * .0769), var(--naht-2) calc(var(--naht) * .1538), var(--naht-3) calc(var(--naht) * .2308), var(--naht-4) calc(var(--naht) * .3077), var(--naht-5) calc(var(--naht) * .3846), var(--naht-6) calc(var(--naht) * .4615), var(--naht-7) calc(var(--naht) * .5385), var(--naht-8) calc(var(--naht) * .6154), var(--naht-9) calc(var(--naht) * .6923), var(--naht-10) calc(var(--naht) * .7692), var(--naht-11) calc(var(--naht) * .8462), var(--naht-12) calc(var(--naht) * .9231), #15151a var(--naht), #0c0c0e calc(100% - var(--naht)), var(--naht-12) calc(100% - var(--naht) * .9231), var(--naht-11) calc(100% - var(--naht) * .8462), var(--naht-10) calc(100% - var(--naht) * .7692), var(--naht-9) calc(100% - var(--naht) * .6923), var(--naht-8) calc(100% - var(--naht) * .6154), var(--naht-7) calc(100% - var(--naht) * .5385), var(--naht-6) calc(100% - var(--naht) * .4615), var(--naht-5) calc(100% - var(--naht) * .3846), var(--naht-4) calc(100% - var(--naht) * .3077), var(--naht-3) calc(100% - var(--naht) * .2308), var(--naht-2) calc(100% - var(--naht) * .1538), var(--naht-1) calc(100% - var(--naht) * .0769), var(--naht-nach) 100%);color:var(--color-text-on-media);padding-block:max(clamp(3rem, 1.8rem + 5.4vw, 6rem), calc(var(--naht) + 2rem));padding-inline:var(--stage-gutter);position:relative;overflow:hidden}.beleg__glow{z-index:0;inset-inline:0;height:78%;-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--naht));-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--naht));mask-image:linear-gradient(to bottom, transparent 0, #000 var(--naht));pointer-events:none;background-image:radial-gradient(50% 75% at 50% 0,#ff8abd1a,#0000 70%);position:absolute;top:0}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.beleg__glow{animation:linear both beleg-parallax;animation-timeline:view()}}}@keyframes beleg-parallax{0%{translate:0 22px}to{translate:0 -22px}}.beleg__inner{z-index:1;max-width:var(--container-wide);margin-inline:auto;position:relative}.beleg__head{text-align:center}.beleg__kicker{--shine-color:#ffffff42;padding:.625rem 1.125rem;font-size:.9375rem;line-height:1.3333}.beleg__headline{margin-top:clamp(1.25rem,.9rem + 1.5vw,1.75rem);color:var(--color-text-on-media);letter-spacing:-.02em;max-width:16em;margin-inline:auto;font-size:clamp(1.75rem,.95rem + 3.55vw,3.5rem);font-weight:600;line-height:1.12}.beleg__headline .accent-heading{color:var(--color-accent-400);font-weight:400}@media (forced-colors:active){.beleg__glow{display:none}}.force-reduced-motion .beleg__glow{animation:none}}
@layer components{.beleg__lead{max-width:40rem;color:var(--color-text-on-media-muted);margin:clamp(1rem,.8rem + .8vw,1.4rem) auto 0;font-size:clamp(1rem,.95rem + .25vw,1.125rem);line-height:1.6}.belege-reihe{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:clamp(2.5rem,1.5rem + 4vw,3.5rem) 0 0;padding:0;list-style:none;display:grid}.belege-karte{display:flex}.belege-karte__figur{transition:transform var(--dur-base) var(--ease-out-expo), border-color var(--dur-base) var(--ease-out-quad);background-color:#ffffff0a;border:1px solid #ffffff14;border-radius:1.25rem;flex:1;grid-template-rows:auto auto 1fr;gap:.5rem;margin:0;padding:.6rem;display:grid;box-shadow:0 1.5rem 3rem -1.5rem #0009}@media (hover:hover){.belege-karte__figur:hover{border-color:#ff8abd59;transform:translateY(-4px)}}.belege-karte__figur img{border-radius:.8rem;width:100%;height:auto;display:block}.belege-karte__unter{color:var(--color-text-on-media-muted);align-self:end;align-items:center;gap:.8rem;padding:.5rem .5rem .4rem;font-size:.9rem;display:flex}.belege-karte__text b{letter-spacing:-.02em;color:var(--color-text-on-media);font-variant-numeric:tabular-nums;font-size:1.7rem;line-height:1.05;display:block}.belege-ring{flex:none;width:3.4rem;height:3.4rem;rotate:-90deg}.belege-ring circle{fill:none;stroke:#ffffff1a;stroke-width:5px}.belege-ring .belege-ring__wert{stroke:var(--color-accent-400);stroke-linecap:round;stroke-dasharray:var(--anteil) 100;filter:drop-shadow(0 0 6px #ff8abd99)}.belege-h3{text-align:center;color:var(--color-text-on-media);margin-top:clamp(2.5rem,1.8rem + 2.5vw,3.25rem);font-size:clamp(1.1rem,1rem + .4vw,1.3rem);font-weight:600}.belege-verlauf{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:52rem;margin:1.25rem auto 0;padding:0;list-style:none;display:grid}.belege-verlauf__karte{background-color:#ffffff0a;border:1px solid #ffffff14;border-radius:1.25rem;padding:1.2rem 1.3rem;position:relative}.belege-verlauf__kopf{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.belege-verlauf__wer{color:#ffffff8c;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:600}.belege-verlauf__faktor{color:var(--color-accent-400);background-color:#ff8abd29;border-radius:99px;padding:.25rem .6rem;font-size:.8rem;font-weight:700}.belege-verlauf__buehne{position:relative}.belege-verlauf__kurve{width:100%;height:4.5rem;margin-top:.8rem;display:block;overflow:visible}.belege-verlauf__linie{fill:none;stroke:var(--color-accent-400);stroke-width:2.5px;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px #ff8abdb3)}.belege-verlauf__punkt{width:10px;height:10px;box-shadow:0 0 0 3px var(--color-accent-400), 0 0 14px 2px #ff8abdcc;background-color:#fff;border-radius:50%;position:absolute;top:calc(1.1rem - 5px);right:-5px}.belege-verlauf__zahlen{flex-wrap:wrap;align-items:flex-end;gap:.9rem;margin:.6rem 0 0;display:flex}.belege-verlauf__zahlen small{color:#ffffff80;font-size:.75rem;font-weight:500;display:block}.belege-verlauf__vorher{color:#fff9;font-variant-numeric:tabular-nums;font-size:1.4rem}.belege-verlauf__pfeil{color:var(--color-accent-400);padding-bottom:.3rem;font-size:1.4rem}.belege-verlauf__nachher{letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:#0000;background-image:linear-gradient(94deg,#ffc7df,#ff8abd);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,1.5rem + 2vw,2.8rem);font-weight:700}.belege-verlauf__nachher small{color:#ffffff80;-webkit-text-fill-color:#ffffff80}.belege-hinweis{text-align:center;color:#ffffff80;max-width:44rem;margin:1.4rem auto 0;font-size:.8rem;line-height:1.55}.belege-karte--kopie{display:none}@media (max-width:52rem){.belege-fenster{touch-action:pan-y pinch-zoom;margin:clamp(2.5rem,1.5rem + 4vw,3.5rem) calc(50% - 50vw) 0;overflow:clip;-webkit-mask-image:linear-gradient(90deg,#0000,#000 1.5rem calc(100% - 1.5rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 1.5rem calc(100% - 1.5rem),#0000)}.belege-reihe{gap:0;width:max-content;margin:0;padding:.25rem 0 .5rem;animation:36s linear infinite belege-lauf;display:flex}.belege-karte,.belege-karte--kopie{width:min(76vw,20rem);margin-right:1rem;display:flex}@keyframes belege-lauf{0%{transform:translate(0,0)}to{transform:translate(-50%)}}}@media (max-width:52rem) and (prefers-reduced-motion:reduce){.belege-fenster{margin-inline:0;-webkit-mask-image:none;mask-image:none}.belege-reihe{grid-template-columns:minmax(0,1fr);gap:1rem;width:auto;max-width:24rem;margin-inline:auto;animation:none;display:grid}.belege-karte{width:auto;margin-right:0}.belege-karte--kopie{display:none}}@media (max-width:40rem){.belege-verlauf{grid-template-columns:1fr}}.belege-bewegt [data-beleg]{opacity:0;transition:opacity .7s var(--ease-out-quad) calc(var(--i,0) * .12s), transform .9s var(--ease-out-expo) calc(var(--i,0) * .12s);transform:translateY(24px)}.belege-bewegt [data-beleg].ist-da{opacity:1;transform:none}.belege-bewegt .belege-ring__wert{stroke-dasharray:0 100;transition:stroke-dasharray 2.2s cubic-bezier(.22,1,.36,1) .6s}.belege-bewegt .ist-da .belege-ring__wert{stroke-dasharray:var(--anteil) 100}.belege-bewegt .belege-verlauf__kurve{clip-path:inset(-12px 100% -12px 0);transition:clip-path 2.4s cubic-bezier(.45,0,.25,1) .5s}.belege-bewegt .ist-da .belege-verlauf__kurve{clip-path:inset(-12px -12px -12px 0)}.belege-bewegt .belege-verlauf__punkt{transition:scale .6s cubic-bezier(.34,1.56,.64,1) 2.7s;scale:0}.belege-bewegt .ist-da .belege-verlauf__punkt{scale:1}.belege-bewegt .belege-verlauf__faktor{opacity:0;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .3s;transform:scale(.4)}.belege-bewegt .ist-gezaehlt .belege-verlauf__faktor{opacity:1;transform:none}}