@property --bk-schluss-buehne-treppe{syntax:"<number>";inherits:false;initial-value:4}@keyframes bk-schluss-buehne-band-linie{0%{scale:0 1}to{scale:1}}@keyframes bk-schluss-buehne-band-treppe{0%{--bk-schluss-buehne-treppe:0}to{--bk-schluss-buehne-treppe:4}}@layer components{.bk-schluss-buehne--band{--bk-schluss-buehne-stufe:clamp(.5rem, .9vw, .875rem);--bk-schluss-buehne-strich:3px;isolation:isolate;background-image:repeating-linear-gradient(0deg, color-mix(in oklab, var(--bk-text) 3%, transparent) 0 1px, transparent 1px 4px);position:relative;overflow:clip}.bk-schluss-buehne--band:before{content:"";z-index:1;background:linear-gradient(var(--bk-konstrukt-rot) 0 0) top right / 4rem var(--bk-schluss-buehne-strich), linear-gradient(var(--bk-text) 0 0) top left / 100% var(--bk-schluss-buehne-strich), linear-gradient(var(--bk-text) 0 0) top left / var(--bk-schluss-buehne-strich) .75rem, linear-gradient(var(--bk-konstrukt-rot) 0 0) top right / var(--bk-schluss-buehne-strich) .75rem;transform-origin:0;pointer-events:none;background-repeat:no-repeat;block-size:.75rem;position:absolute;inset:0 0 auto}.bk-schluss-buehne--band:after{content:"";z-index:1;block-size:calc(4 * var(--bk-schluss-buehne-stufe));background-image:linear-gradient(var(--bk-text) 0 0), linear-gradient(var(--bk-text) 0 0), linear-gradient(var(--bk-text) 0 0), linear-gradient(var(--bk-text) 0 0);background-position:100% 100%;background-repeat:no-repeat;background-size:25% calc(100% * clamp(0, var(--bk-schluss-buehne-treppe) - 3, 1)), 50% calc(75% * clamp(0, var(--bk-schluss-buehne-treppe) - 2, 1)), 75% calc(50% * clamp(0, var(--bk-schluss-buehne-treppe) - 1, 1)), 100% calc(25% * clamp(0, var(--bk-schluss-buehne-treppe), 1));pointer-events:none;position:absolute;inset:auto 0 0}.bk-schluss-buehne--band h2:before{content:"";background-color:var(--bk-konstrukt-rot);block-size:.875rem;inline-size:.875rem;margin-block-end:1.25rem;display:block}}@media (max-width:63.99rem){.bk-schluss-buehne--band h2{text-wrap:pretty}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){:root:not([data-bewegung=ruhig]) .bk-schluss-buehne--band{view-timeline-name:--bk-schluss-buehne-band;view-timeline-axis:block}:root:not([data-bewegung=ruhig]) .bk-schluss-buehne--band:before{animation-name:bk-schluss-buehne-band-linie;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--bk-schluss-buehne-band;animation-range:entry entry 60%}:root:not([data-bewegung=ruhig]) .bk-schluss-buehne--band:after{animation-name:bk-schluss-buehne-band-treppe;animation-duration:auto;animation-timing-function:steps(8,end);animation-fill-mode:both;animation-timeline:--bk-schluss-buehne-band;animation-range:contain contain 60%}}}