@layer components{.bk-kennzahl{font-family:var(--bk-schrift-display);letter-spacing:-.02em;font-variant-numeric:lining-nums tabular-nums;white-space:nowrap;color:var(--bk-text);margin:0;font-size:clamp(3rem,2rem + 4vw,6.5rem);font-weight:700;line-height:1;display:block}.bk-kennzahl__einheit{font-family:var(--bk-schrift-mono);letter-spacing:.08em;color:var(--bk-text-leise);margin-inline-start:.08em;font-size:.2em}.bk-kennzahl__label{font-family:var(--bk-schrift-mono);letter-spacing:.12em;text-transform:uppercase;white-space:normal;color:var(--bk-text);margin-block-start:12px;font-size:.8125rem;font-weight:500;line-height:1.4;display:block}.bk-kennzahl__beleg{font-family:var(--bk-schrift-text);letter-spacing:normal;white-space:normal;color:var(--bk-text-leise);flex-wrap:wrap;gap:0 8px;margin-block-start:8px;font-size:.75rem;font-weight:400;line-height:1.5;display:flex}}@keyframes bk-kennzahl-einlauf{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){:root:not([data-bewegung=ruhig]) .bk-kennzahl{animation-name:bk-kennzahl-einlauf;animation-duration:auto;animation-timing-function:var(--bk-kurve-aus);animation-fill-mode:both;animation-timeline:view();animation-range:entry}}}
@layer components{.bk-punktmatrix{gap:16px;margin:0;display:grid}.bk-punktmatrix__diagramm{block-size:auto;inline-size:auto;max-inline-size:100%;display:block;overflow:visible}.bk-punktmatrix__punkt{fill:var(--bk-linie)}.bk-punktmatrix__punkt[data-gefuellt]{fill:var(--bk-text)}.bk-punktmatrix__legende{gap:0;margin:0;padding:0;list-style:none;display:grid}.bk-punktmatrix__eintrag{border-block-start:1px solid var(--bk-linie);color:var(--bk-text);justify-content:space-between;align-items:baseline;gap:12px;padding-block:8px;font-size:.875rem;line-height:1.4;display:flex}.bk-punktmatrix__wert{font-family:var(--bk-schrift-mono);font-variant-numeric:tabular-nums;white-space:nowrap}@media (forced-colors:active){.bk-punktmatrix__punkt{fill:canvastext}.bk-punktmatrix__punkt:not([data-gefuellt]){fill:canvas;stroke:canvastext;stroke-width:.5px}}.bk-punktfeld{--bk-punkt-x:repeating-linear-gradient(to right, #000 0 6%, transparent 6% 10%);--bk-punkt-y:repeating-linear-gradient(to bottom, #000 0 6%, transparent 6% 10%);--bk-voll:0;--bk-rest:0;aspect-ratio:1;background:var(--bk-linie);inline-size:100%;max-inline-size:7.5rem;mask-image:var(--bk-punkt-x), var(--bk-punkt-y);mask-composite:intersect;-webkit-mask-image:var(--bk-punkt-x), var(--bk-punkt-y);-webkit-mask-composite:source-in;display:block;position:relative}.bk-punktfeld:before,.bk-punktfeld:after{content:"";background:var(--bk-signal);position:absolute;inset:0}.bk-punktfeld:before{mask-image:linear-gradient(to bottom, #000 calc(var(--bk-voll) * 10%), transparent calc(var(--bk-voll) * 10%))}.bk-punktfeld:after{mask-image:linear-gradient(to bottom, transparent calc(var(--bk-voll) * 10%), #000 calc(var(--bk-voll) * 10%), #000 calc(var(--bk-voll) * 10% + 10%), transparent calc(var(--bk-voll) * 10% + 10%)), linear-gradient(to right, #000 calc(var(--bk-rest) * 10%), transparent calc(var(--bk-rest) * 10%));-webkit-mask-composite:source-in;mask-composite:intersect}}@keyframes bk-punktfeld-fuellen{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){:root:not([data-bewegung=ruhig]) .bk-punktfeld:before,:root:not([data-bewegung=ruhig]) .bk-punktfeld:after{animation-name:bk-punktfeld-fuellen;animation-duration:auto;animation-timing-function:var(--bk-kurve-aus);animation-fill-mode:both;animation-timeline:view();animation-range:entry}}}@keyframes bk-punktmatrix-fuellen{0%{fill:var(--bk-linie)}to{fill:var(--bk-text)}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){:root:not([data-bewegung=ruhig]) .bk-punktmatrix__punkt[data-gefuellt]{animation-name:bk-punktmatrix-fuellen;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range-start:entry min(calc(var(--j,0) * 3%), 60%);animation-range-end:entry}}}
@property --bk-bogen-ecke{syntax:"<length>";inherits:true;initial-value:0}@keyframes bk-papierbogen-ecke{0%{--bk-bogen-ecke:clamp(32px, 8vw, 120px)}to{--bk-bogen-ecke:0px}}@keyframes bk-papierbogen-schatten{0%{opacity:1}to{opacity:0}}@layer components{.bk-papierbogen{--bk-papierbogen-ecke-ruhig:clamp(16px, 2.5vw, 28px);--bk-papierbogen-ueberlapp:clamp(16px, 4vw, 56px);--bk-papierbogen-schatten:clamp(12px, 2vw, 24px);--bk-papierbogen-farbe:var(--bk-grund);color:var(--bk-text);position:relative}.bk-papierbogen[data-ton=grund]{--bk-papierbogen-farbe:var(--bk-grund)}.bk-papierbogen[data-ton=flaeche]{--bk-papierbogen-farbe:var(--bk-flaeche)}.bk-papierbogen[data-ton=signal-hauch]{--bk-papierbogen-farbe:color-mix(in oklab, var(--bk-signal) 12%, var(--bk-grund))}.bk-papierbogen[data-ton=akzent-hauch]{--bk-papierbogen-farbe:color-mix(in oklab, var(--bk-akzent-1) 14%, var(--bk-grund))}.bk-papierbogen__blatt{--bk-bogen-ecke:var(--bk-papierbogen-ecke-ruhig);isolation:isolate;padding:clamp(40px,7vw,112px) clamp(16px,5vw,72px);position:relative}.bk-papierbogen__blatt:before{content:"";z-index:-1;background-color:var(--bk-papierbogen-farbe);position:absolute;inset:0}.bk-papierbogen[data-ecke=schnitt] .bk-papierbogen__blatt:before{clip-path:polygon(var(--bk-bogen-ecke) 0, calc(100% - var(--bk-bogen-ecke)) 0, 100% var(--bk-bogen-ecke), 100% 100%, 0 100%, 0 var(--bk-bogen-ecke))}.bk-papierbogen[data-ecke=treppe] .bk-papierbogen__blatt:before{clip-path:polygon(0 var(--bk-bogen-ecke), calc(var(--bk-bogen-ecke) / 2) var(--bk-bogen-ecke), calc(var(--bk-bogen-ecke) / 2) calc(var(--bk-bogen-ecke) / 2), var(--bk-bogen-ecke) calc(var(--bk-bogen-ecke) / 2), var(--bk-bogen-ecke) 0, calc(100% - var(--bk-bogen-ecke)) 0, calc(100% - var(--bk-bogen-ecke)) calc(var(--bk-bogen-ecke) / 2), calc(100% - var(--bk-bogen-ecke) / 2) calc(var(--bk-bogen-ecke) / 2), calc(100% - var(--bk-bogen-ecke) / 2) var(--bk-bogen-ecke), 100% var(--bk-bogen-ecke), 100% 100%, 0 100%)}.bk-papierbogen[data-ecke=rund] .bk-papierbogen__blatt:before{clip-path:inset(0 round var(--bk-bogen-ecke) var(--bk-bogen-ecke) 0 0)}.bk-papierbogen:before{content:none}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){:root:not([data-bewegung=ruhig]) .bk-papierbogen{view-timeline-name:--bk-papierbogen;view-timeline-axis:block;z-index:1;margin-block-start:calc(-1 * var(--bk-papierbogen-ueberlapp))}:root:not([data-bewegung=ruhig]) .bk-papierbogen__blatt{animation-name:bk-papierbogen-ecke;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--bk-papierbogen;animation-range:cover cover 55%}:root:not([data-bewegung=ruhig]) .bk-papierbogen:before{content:"";inset-inline:0;top:calc(-1 * var(--bk-papierbogen-schatten));height:var(--bk-papierbogen-schatten);background:linear-gradient(to top, color-mix(in oklab, var(--bk-text) 7%, transparent), transparent);pointer-events:none;animation-name:bk-papierbogen-schatten;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--bk-papierbogen;animation-range:cover cover 55%;position:absolute}}}