@property --ablauf-erreicht{syntax:"<percentage>";inherits:true;initial-value:100%}@property --ablauf-aktiv{syntax:"<number>";inherits:true;initial-value:1}@property --ablauf-strecke{syntax:"<percentage>";inherits:true;initial-value:100%}@property --ablauf-luft{syntax:"<length>";inherits:true;initial-value:1.5rem}@property --ablauf-karte{syntax:"<length>";inherits:true;initial-value:20rem}.StepsBlock-module__yyblzW__ablauf{color:var(--fl-ground-ink,var(--tenant-color-text,#111))}.StepsBlock-module__yyblzW__buehne{position:relative}.StepsBlock-module__yyblzW__halt{container-type:inline-size}.StepsBlock-module__yyblzW__liste{--ablauf-luft:clamp(1rem, 3cqi, 2.5rem);--ablauf-karte-min:16rem;--ablauf-karte:clamp(var(--ablauf-karte-min), 32cqi, 26rem);--ablauf-fluss-tel:var(--fl-when-phone) column;--ablauf-schritt-tel:var(--fl-when-phone) row;--ablauf-schritt-flex-tel:var(--fl-when-phone) none;--ablauf-kopf-tel:var(--fl-when-phone) column;--ablauf-ueberlauf-tel:var(--fl-when-phone) visible;--ablauf-strecke-breite-tel:var(--fl-when-phone) 2px;--ablauf-strecke-hoehe-tel:var(--fl-when-phone) auto;--ablauf-strecke-rand-quer-tel:var(--fl-when-phone) 0;--ablauf-strecke-rand-hoch-tel:var(--fl-when-phone) .5rem calc(.5rem - var(--ablauf-luft));--ablauf-richtung-tel:var(--fl-when-phone) to bottom;flex-direction:var(--ablauf-fluss-tel,row);gap:var(--ablauf-luft);overflow-x:var(--ablauf-ueberlauf-tel,auto);scroll-snap-type:x proximity;margin:0;padding:0;list-style:none;display:flex}.StepsBlock-module__yyblzW__schritt{flex:var(--ablauf-schritt-flex-tel,1 0 var(--ablauf-karte-min));flex-direction:var(--ablauf-schritt-tel,column);scroll-snap-align:start;gap:clamp(.75rem,2.5cqi,1.25rem);min-inline-size:0;display:flex;container-type:inline-size}.StepsBlock-module__yyblzW__kopf{flex:none;flex-direction:var(--ablauf-kopf-tel,row);align-items:center;display:flex}.StepsBlock-module__yyblzW__nummer{box-sizing:border-box;border:1px solid color-mix(in oklab, var(--fl-ground-accent) var(--ablauf-erreicht), var(--fl-linie-stark));border-radius:var(--tenant-radius-badge,9999px);background:color-mix(in oklab, var(--fl-ground-accent) var(--ablauf-erreicht), transparent);block-size:2.6em;inline-size:2.6em;color:color-mix(in oklab, var(--fl-ground-on-accent) var(--ablauf-erreicht), currentcolor);font-variant-numeric:tabular-nums;flex:none;place-items:center;display:grid}.StepsBlock-module__yyblzW__strecke{min-block-size:0;min-inline-size:0;inline-size:var(--ablauf-strecke-breite-tel,auto);block-size:var(--ablauf-strecke-hoehe-tel,2px);margin-inline:var(--ablauf-strecke-rand-quer-tel,.5rem calc(.5rem - var(--ablauf-luft)));margin-block:var(--ablauf-strecke-rand-hoch-tel,0);background:linear-gradient(var(--ablauf-richtung-tel,to right), var(--fl-ground-accent) var(--ablauf-strecke), var(--fl-linie-stark) var(--ablauf-strecke));border-radius:1px;flex:1 1 0}.StepsBlock-module__yyblzW__karte{min-inline-size:0;opacity:calc(.5 + .5 * var(--ablauf-aktiv));flex-direction:column;flex:auto;display:flex;overflow:hidden}.StepsBlock-module__yyblzW__bild{block-size:clamp(8rem, calc(var(--fl-fenster-h,100svh) * .24), 15rem);flex:none;position:relative;container:fl-fokus/size}.StepsBlock-module__yyblzW__bild img{object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}.StepsBlock-module__yyblzW__zeichen{color:var(--fl-ground-accent);flex:none;align-items:center;padding:clamp(1.25rem,6cqi,2rem) clamp(1.25rem,6cqi,2rem) 0;display:flex}.StepsBlock-module__yyblzW__inhalt{flex-direction:column;flex:1;gap:.75rem;padding:clamp(1.25rem,6cqi,2rem);display:flex}.StepsBlock-module__yyblzW__titel{font-size:min(var(--type-h3-size), 12cqi);-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:8 4 4;-webkit-hyphenate-limit-before:4;-webkit-hyphenate-limit-after:4;overflow-wrap:break-word;margin:0}.StepsBlock-module__yyblzW__text{margin:0}.StepsBlock-module__yyblzW__buehne[data-bewegt]{margin-inline:calc(50% - 50vw);padding-inline:calc(50vw - 50%);overflow-x:clip}[data-fl-band] .StepsBlock-module__yyblzW__buehne[data-bewegt]{margin-inline:0;padding-inline:0}.StepsBlock-module__yyblzW__buehne[data-bewegt] .StepsBlock-module__yyblzW__liste{scroll-snap-type:none;will-change:transform;inline-size:max-content;overflow:visible}.StepsBlock-module__yyblzW__buehne[data-bewegt] .StepsBlock-module__yyblzW__schritt{flex:0 0 var(--ablauf-karte)}.StepsBlock-module__yyblzW__buehne[data-bewegt] .StepsBlock-module__yyblzW__halt>*{translate:var(--ablauf-lift,none)}
