main#inhalt{padding:var(--s8) 0 0}.ablauf-vorspann{max-width:62ch;margin-bottom:var(--s8);font-size:1.06rem;color:var(--tinte-2)}.ablauf-schritte{list-style:none;margin:0;padding:0}.ablauf-schritt{position:relative;display:grid;gap:var(--s4);padding:var(--s6) 0 var(--s8);border-top:1px solid var(--linie-marke)}.ablauf-schritt:last-child{padding-bottom:var(--s7)}@media (min-width: 760px){.ablauf-schritt{grid-template-columns:3.5rem minmax(0,1fr);column-gap:var(--s7);align-items:start;padding-top:0;border-top:0}.ablauf-schritt:before{content:"";position:absolute;left:calc(1.75rem - .5px);top:3.9rem;bottom:0;width:1px;background:var(--linie-marke)}.ablauf-schritt:last-child:before{content:none}}.ablauf-zahl{display:grid;place-items:center;position:relative;z-index:1;width:3.5rem;height:3.5rem;border:1px solid var(--linie-marke);border-radius:50%;background:var(--karte);color:var(--olive);font-size:.84rem;font-weight:650;letter-spacing:.08em;transition:border-color var(--kurz) var(--kurve),color var(--kurz) var(--kurve),background-color var(--kurz) var(--kurve)}.ablauf-zahl.ist-erreicht{background:var(--olive);border-color:var(--olive);color:var(--auf-flaeche)}.ablauf-inhalt .augenbraue{margin-bottom:var(--s3)}.ablauf-inhalt h2{font-size:clamp(1.5rem,3vw,2rem);max-width:18ch}.ablauf-inhalt p{margin-top:var(--s4);color:var(--tinte-2);max-width:58ch}.ablauf-inhalt>p:not(.augenbraue):first-of-type{color:var(--tinte)}.schritt-fakten{margin:var(--s5) 0 0;padding-top:var(--s4);border-top:1px solid var(--linie);max-width:58ch;display:grid;gap:var(--s4)}@media (min-width: 620px){.schritt-fakten{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5)}}.schritt-fakten dt{font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--still)}.schritt-fakten dd{margin:var(--s2) 0 0;color:var(--tinte-2);font-size:.96rem;line-height:1.55}.ablauf-danach{margin-top:var(--s7);max-width:760px;margin-inline:auto;padding:var(--s6) var(--s5);background:var(--karte-2);border-radius:var(--radius);text-align:center}@media (min-width: 760px){.ablauf-danach{padding:var(--s6)}}.ablauf-danach h2{font-size:clamp(1.4rem,2.8vw,1.8rem);margin-inline:auto;text-wrap:balance}.ablauf-danach p{margin:var(--s4) auto 0;color:var(--tinte-2);max-width:54ch}.ablauf-danach>p:not(.augenbraue):first-of-type{color:var(--tinte)}main#inhalt .abschluss{margin-top:var(--s8)}@media (hover: hover) and (pointer: fine){.ablauf-schritt:hover .ablauf-zahl{border-color:var(--olive);color:var(--olive)}}.ablauf-strang-bereich{position:relative}#strang-root{pointer-events:none}.strang{position:absolute;width:0}.strang-fuellung{position:absolute;top:0;left:-1px;width:2px;height:100%;background:var(--olive);transform-origin:top;z-index:0}.strang-spitze{position:absolute;top:0;left:-5px;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--olive);z-index:0}.strang-ring{position:absolute;left:50%;border:1.5px solid var(--olive);border-radius:50%;transform:translate(-50%,-50%);z-index:2}.regler{margin:var(--s6) 0 0}.regler-buehne{--teilung: 50%;position:relative;overflow:hidden;aspect-ratio:16 / 10;border:1px solid var(--linie);border-radius:var(--radius);background:var(--karte);touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none}.regler-buehne img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;pointer-events:none}.regler-skizze{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 calc(100% - var(--teilung)) 0 0)}.regler-griff{position:absolute;top:0;bottom:0;left:var(--teilung);width:44px;margin-left:-22px;display:grid;place-items:center}.regler-griff:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:var(--olive)}.regler-griff:after{content:"";position:relative;width:28px;height:28px;border:2px solid var(--olive);border-radius:50%;background:var(--karte)}.regler figcaption{margin-top:var(--s3);font-size:var(--satz-2);color:var(--still);max-width:58ch}.abschluss-zeichen{display:none}@media (min-width: 1000px){.ablauf-schritt:last-child:before{content:""}.ablauf-danach-bereich{position:relative;padding:var(--s7) 0 var(--s8)}.ablauf-danach-bereich:before{content:"";position:absolute;left:calc(1.75rem - .5px);top:0;bottom:0;width:1px;background:var(--linie-marke)}.ablauf-danach-bereich .ablauf-danach{margin-top:0}main#inhalt .abschluss{margin-top:0;text-align:left}main#inhalt .abschluss .wrap{position:relative;display:grid;grid-template-columns:3.5rem minmax(0,1fr);column-gap:var(--s7);align-items:start}main#inhalt .abschluss .wrap:before{content:"";position:absolute;left:calc(var(--rand-gross) + 1.75rem - .5px);top:calc(-1 * var(--s8));height:calc(var(--s8) + 6px);width:1px;background:var(--linie-marke)}.abschluss-zeichen{display:block;grid-column:1;grid-row:1;width:3.5rem;height:auto;margin-top:6px;color:var(--olive)}main#inhalt .abschluss-zeile{grid-column:2;grid-row:1;margin-inline:0}main#inhalt .abschluss .knopf{grid-column:2;grid-row:2;justify-self:start}}
