.einfuehrung{display:flex;gap:24px;padding:clamp(22px,4vw,42px);margin:24px 0 30px;background:var(--card,#fff);border:1px solid var(--line,#e1dfd6);border-radius:28px;box-shadow:0 12px 40px #271b4808;scroll-margin-top:30px;animation:einstieg-ankommen .32s ease-out both}
.einfuehrung__zeichen{flex:0 0 92px;width:92px;height:64px;border-radius:22px;background:var(--brand-tint,#f1eaff);display:grid;place-items:center;overflow:hidden}
.einfuehrung__zeichen svg{position:static;opacity:1;width:66px;height:auto;aspect-ratio:3.71}.einfuehrung__inhalt{min-width:0;flex:1}.einfuehrung h2{margin:6px 0 14px;font-size:clamp(24px,3vw,34px);line-height:1.16;letter-spacing:-.025em;text-wrap:balance}.einfuehrung p{max-width:72ch;line-height:1.6}.einfuehrung__weg{display:flex;gap:10px 24px;flex-wrap:wrap;list-style:none;padding:0;margin:24px 0;counter-reset:einstieg}.einfuehrung__weg li{counter-increment:einstieg;display:flex;align-items:center;gap:9px;font-size:14px;color:var(--ink-2,#5b6071)}.einfuehrung__weg li::before{content:counter(einstieg);display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line,#ddd);border-radius:50%;font-weight:700}.einfuehrung__weg [aria-current=step]{font-weight:700;color:var(--ink,#171728)}.einfuehrung__weg [aria-current=step]::before,.einfuehrung__weg .ist-erledigt::before{background:var(--accent,#6336e8);border-color:transparent;color:white}.einfuehrung__weg .ist-erledigt::before{content:'✓'}.einfuehrung__aktionen{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px}.einfuehrung__aktionen form{margin:0}.einfuehrung__spaeter{color:var(--ink-2,#5b6071);font:inherit;border:0;background:none;min-height:44px;padding:10px 16px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.einfuehrung__spaeter:hover{color:var(--ink,#171728)}.einfuehrung__spaeter:focus-visible{outline:2px solid var(--accent,#6336e8);outline-offset:3px;border-radius:8px}.einfuehrung .einfuehrung__hinweis{font-size:13px;color:var(--ink-2,#5b6071);margin:18px 0 0}.einfuehrung--pause{padding:24px}.einfuehrung--pause h2{font-size:22px}
@keyframes einstieg-ankommen{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:600px){.einfuehrung{gap:14px;flex-direction:column}.einfuehrung__zeichen{flex-basis:auto;width:68px;height:48px;border-radius:16px}.einfuehrung__zeichen svg{width:49px;height:auto}.einfuehrung__weg{display:grid;gap:9px}.einfuehrung__aktionen{align-items:stretch}.einfuehrung__aktionen form,.einfuehrung__aktionen>a{width:100%}.einfuehrung__aktionen .btn{width:100%;justify-content:center;white-space:normal}}
@media(prefers-reduced-motion:reduce){.einfuehrung{animation:none}}