.schritte[data-astro-cid-eab5tsaw]{--schritt-dauer:3.2s;container-type:inline-size}.schritte__liste[data-astro-cid-eab5tsaw]{grid-template-columns:minmax(0,1fr);display:grid}.schritt[data-astro-cid-eab5tsaw]{min-width:0;padding-bottom:2rem;padding-left:3rem;position:relative}.schritt[data-astro-cid-eab5tsaw]:last-child{padding-bottom:0}.schritt__kreis[data-astro-cid-eab5tsaw]{border:1px solid var(--color-brand-500);width:2rem;height:2rem;color:var(--color-brand-600);background:#fff;border-radius:9999px;justify-content:center;align-items:center;font-weight:500;transition:background-color .4s,color .4s,border-color .4s;display:flex;position:absolute;top:0;left:0}.schritt__kreis[data-astro-cid-eab5tsaw][data-form=quadrat]{border-radius:.5rem}.schritt__punkt[data-astro-cid-eab5tsaw]{background:var(--color-brand-500);width:.5rem;height:.5rem;transition:background-color .4s}.schritt[data-astro-cid-eab5tsaw][data-betont] .schritt__kreis[data-astro-cid-eab5tsaw]{border-color:var(--color-error-700);color:var(--color-error-700)}.schritt[data-astro-cid-eab5tsaw][data-betont] .schritt__titel[data-astro-cid-eab5tsaw]{color:var(--color-error-700)}.schritt__titel[data-astro-cid-eab5tsaw]{transition:color .4s}.schritt__linie[data-astro-cid-eab5tsaw]{background:linear-gradient(var(--color-base-300), var(--color-base-300)) center / 1px 100% no-repeat;width:3px;position:absolute;top:2rem;bottom:0;left:calc(1rem - 1.5px);overflow:hidden}.schritt__strahl[data-astro-cid-eab5tsaw]{background:linear-gradient(to bottom, transparent, var(--color-brand-500) 70%, transparent);opacity:0;border-radius:9999px;height:45%;position:absolute;top:-45%;left:.5px;right:.5px}@container (width>=26rem){.schritte[data-astro-cid-eab5tsaw][data-spalten="2"]{& .schritte__liste{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 2rem}& .schritt{padding:3rem 0 0}& .schritt__linie{background-size:100% 1px;width:auto;height:3px;inset:calc(1rem - 1.5px) -2rem auto 2rem}& .schritt[data-reihenende] .schritt__linie{display:none}& .schritt__strahl{background:linear-gradient(to right, transparent, var(--color-brand-500) 70%, transparent);width:35%;height:auto;inset:.5px auto .5px -35%}& .schritt[data-aktiv] .schritt__strahl{animation-name:strahl-waagerecht}}}@container (width>=39rem){.schritte[data-astro-cid-eab5tsaw][data-spalten="3"]{& .schritte__liste{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem 2rem}& .schritt{padding:3rem 0 0}& .schritt__linie{background-size:100% 1px;width:auto;height:3px;inset:calc(1rem - 1.5px) -2rem auto 2rem}& .schritt[data-reihenende] .schritt__linie{display:none}& .schritt__strahl{background:linear-gradient(to right, transparent, var(--color-brand-500) 70%, transparent);width:35%;height:auto;inset:.5px auto .5px -35%}& .schritt[data-aktiv] .schritt__strahl{animation-name:strahl-waagerecht}}}@container (width>=52rem){.schritte[data-astro-cid-eab5tsaw][data-spalten="4"]{& .schritte__liste{grid-template-columns:repeat(4,minmax(0,1fr));gap:2.5rem 2rem}& .schritt{padding:3rem 0 0}& .schritt__linie{background-size:100% 1px;width:auto;height:3px;inset:calc(1rem - 1.5px) -2rem auto 2rem}& .schritt[data-reihenende] .schritt__linie{display:none}& .schritt__strahl{background:linear-gradient(to right, transparent, var(--color-brand-500) 70%, transparent);width:35%;height:auto;inset:.5px auto .5px -35%}& .schritt[data-aktiv] .schritt__strahl{animation-name:strahl-waagerecht}}}@container (width>=62rem){.schritte[data-astro-cid-eab5tsaw][data-spalten="5"]{& .schritte__liste{grid-template-columns:repeat(5,minmax(0,1fr));gap:2.5rem 2rem}& .schritt{padding:3rem 0 0}& .schritt__linie{background-size:100% 1px;width:auto;height:3px;inset:calc(1rem - 1.5px) -2rem auto 2rem}& .schritt[data-reihenende] .schritt__linie{display:none}& .schritt__strahl{background:linear-gradient(to right, transparent, var(--color-brand-500) 70%, transparent);width:35%;height:auto;inset:.5px auto .5px -35%}& .schritt[data-aktiv] .schritt__strahl{animation-name:strahl-waagerecht}}}.schritt[data-astro-cid-eab5tsaw][data-aktiv] .schritt__kreis[data-astro-cid-eab5tsaw]{background:var(--color-brand-500);color:#fff}.schritt[data-astro-cid-eab5tsaw][data-aktiv] .schritt__punkt[data-astro-cid-eab5tsaw]{background:#fff}.schritt[data-astro-cid-eab5tsaw][data-aktiv] .schritt__titel[data-astro-cid-eab5tsaw]{color:var(--color-brand-700)}.schritt[data-astro-cid-eab5tsaw][data-aktiv][data-betont] .schritt__kreis[data-astro-cid-eab5tsaw]{background:var(--color-error-700);border-color:var(--color-error-700)}.schritt[data-astro-cid-eab5tsaw][data-aktiv][data-betont] .schritt__titel[data-astro-cid-eab5tsaw]{color:var(--color-error-700)}.schritt[data-astro-cid-eab5tsaw][data-aktiv] .schritt__strahl[data-astro-cid-eab5tsaw]{animation:strahl-senkrecht var(--schritt-dauer) cubic-bezier(.45, 0, .55, 1) forwards}.schritte[data-astro-cid-eab5tsaw][data-pause] .schritt__strahl[data-astro-cid-eab5tsaw]{animation-play-state:paused}@keyframes strahl-senkrecht{0%{opacity:0;top:-45%}15%{opacity:1}85%{opacity:1}to{opacity:0;top:100%}}@keyframes strahl-waagerecht{0%{opacity:0;left:-35%}15%{opacity:1}85%{opacity:1}to{opacity:0;left:100%}}@media (prefers-reduced-motion:reduce){.schritt__strahl[data-astro-cid-eab5tsaw]{display:none}.schritt__kreis[data-astro-cid-eab5tsaw],.schritt__punkt[data-astro-cid-eab5tsaw],.schritt__titel[data-astro-cid-eab5tsaw]{transition:none}}