.sm-page .feier-schritte{--fs-akzent: #ebacd1;--fs-knopf: #b4337c;--fs-knopf-rand: #cc75a9;--fs-knopf-text: #fff;--fs-linie: #ffffff24;--fs-text: #f4f5fa;--fs-leise: #c3cce0;--fs-gut: #a4d2c9;--fs-gut-flaeche: #203f42;container-type:inline-size;color:var(--fs-text);font:15px/1.55 var(--sm-font-body);text-align:left}.sm-page .feier-schritte *,.sm-page .feier-schritte *:before{box-sizing:border-box}.sm-page .feier-schritte__kopf{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;margin:0 0 6px}.sm-page .feier-schritte__kopf :is(h2,h3){margin:0;color:var(--fs-text);font:500 24px/1.15 var(--sm-font-display);letter-spacing:-.02em;text-transform:none;text-shadow:none}.sm-page .feier-schritte .feier-schritte__zaehler{margin:0;color:var(--fs-gut);font-size:13px;font-weight:600}.sm-page .feier-schritte__liste{list-style:none;margin:0;padding:0;display:grid}.sm-page .feier-schritt{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:14px;margin:0;padding:14px 0;border-top:1px solid var(--fs-linie)}.sm-page .feier-schritt:first-child{border-top:0}.sm-page .feier-schritt__marke{grid-row:1 / span 2;display:grid;place-items:center;width:30px;height:30px;margin-top:1px;border:1px solid var(--fs-akzent);border-radius:50%;color:var(--fs-akzent);font-size:14px;font-weight:700;line-height:1}.sm-page .feier-schritt[data-zustand=erledigt] .feier-schritt__marke{border-color:#94c7b870;background:var(--fs-gut-flaeche);color:var(--fs-gut)}.sm-page .feier-schritt[data-zustand=vorbei] .feier-schritt__marke{border-color:var(--fs-linie);color:var(--fs-leise)}.sm-page .feier-schritt__text{min-width:0}.sm-page .feier-schritt__text :is(h3,h4){margin:0;color:var(--fs-text);font:500 19px/1.3 var(--sm-font-display);letter-spacing:-.01em;text-transform:none;text-shadow:none}.sm-page .feier-schritte .feier-schritt__text p{margin:2px 0 0;color:var(--fs-leise);font-size:13px;line-height:1.5;overflow-wrap:anywhere}.sm-page .feier-schritte .feier-schritt__link{display:inline;margin:0;padding:0;border:0;background:none;color:var(--fs-akzent);font:inherit;font-weight:700;letter-spacing:0;text-decoration:underline;text-underline-offset:4px;text-transform:none;white-space:nowrap;cursor:pointer}.sm-page .feier-schritte .feier-schritt__link:focus-visible{outline:2px solid var(--fs-akzent);outline-offset:3px}.sm-page .feier-schritt__zustand{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sm-page .feier-schritt__aktion{grid-column:2;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.sm-page .feier-schritte .feier-schritt__knopf{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 16px;border:1px solid #ffffff4d;border-radius:9px;background:transparent;color:var(--fs-text);font:700 13px/1.3 var(--sm-font-body);letter-spacing:0;text-decoration:none;text-transform:none;box-shadow:none;cursor:pointer;transition:background .15s ease,border-color .15s ease}.sm-page .feier-schritte .feier-schritt__knopf:hover{border-color:var(--fs-akzent)}.sm-page .feier-schritte .feier-schritt__knopf--haupt{border-color:var(--fs-knopf-rand);background:var(--fs-knopf);color:var(--fs-knopf-text)}.sm-page .feier-schritte .feier-schritt__knopf--haupt:hover{filter:brightness(1.08)}.sm-page .feier-schritte .feier-schritt__knopf:disabled{cursor:default;opacity:.65}.sm-page .feier-schritte .feier-schritt__knopf:focus-visible{outline:2px solid var(--fs-akzent);outline-offset:3px}.sm-page .feier-schritte .feier-schritte__meldung{margin:0;color:var(--fs-gut);font-size:13px}.sm-page .feier-schritte .feier-schritte__meldung:empty{display:none}.sm-page .feier-schritte .feier-schritte__meldung[data-fehler]{color:#efb5c1}.sm-page .feier-schritte[data-laedt] .feier-schritt__text p{opacity:.6}@container (min-width: 560px) and (max-width: 839.98px){.sm-page .feier-schritt{grid-template-columns:30px minmax(0,1fr) auto;column-gap:16px;align-items:center}.sm-page .feier-schritt__marke{grid-row:1;align-self:start}.sm-page .feier-schritt__aktion{grid-column:3;grid-row:1;margin-top:0}}@container (min-width: 840px){.sm-page .feier-schritte__kopf{margin-bottom:14px}.sm-page .feier-schritte__liste{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px}.sm-page .feier-schritt{grid-template-rows:auto 1fr;align-content:start;padding:2px 0 2px 28px;border-top:0;border-left:1px solid var(--fs-linie)}.sm-page .feier-schritt:first-child{padding-left:0;border-left:0}.sm-page .feier-schritt__aktion{align-self:end;margin-top:14px}}.sm-page.birthday-flow .feier-schritte{padding:22px 24px;border:1px solid #cd91bb66;border-radius:14px;background:#241e43}.sm-page .bd-manage .feier-schritte{--fs-akzent: var(--sm-pink-text, #ebacd1);margin-bottom:18px;padding:22px;border:1px solid var(--sm-line-strong);border-radius:var(--sm-r-md, 16px);background:#2e265359}.sm-page.account-page .feier-schritte{--fs-akzent: var(--sm-tuerkis);--fs-knopf: var(--sm-tuerkis);--fs-knopf-rand: var(--sm-tuerkis);--fs-knopf-text: var(--sm-dark);--fs-linie: var(--sm-line);margin:22px 0 6px}@media(max-width:480px){.sm-page.birthday-flow .feier-schritte,.sm-page .bd-manage .feier-schritte{padding:16px 18px}.sm-page .feier-schritte__kopf{gap:4px 8px;margin-bottom:2px}.sm-page .feier-schritte__kopf :is(h2,h3){font-size:20px}.sm-page .feier-schritt{padding:12px 0}.sm-page .feier-schritte .feier-schritt__knopf{padding:9px 12px}}
