.YbuCYG_buchung{padding:clamp(24px,4vw,48px) clamp(16px,4vw,48px) clamp(72px,10vw,120px)}.YbuCYG_raster{max-width:var(--container-max);gap:var(--card-gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:start;margin:0 auto;display:grid}.YbuCYG_leiste{background:var(--surface-dark);color:var(--text-on-dark);border-radius:var(--radius-lg);flex-direction:column;gap:28px;padding:clamp(28px,4vw,52px);display:flex;position:relative;overflow:hidden}@media (min-width:900px){.YbuCYG_leiste{position:sticky;top:100px}}.YbuCYG_leisteRing{border-width:46px;width:380px;height:380px;bottom:-200px;right:-170px}.YbuCYG_leisteKopf{flex-direction:column;gap:18px;display:flex;position:relative}.YbuCYG_h1{color:var(--text-on-dark);letter-spacing:-.04em;font-size:clamp(2.25rem,4.4vw,3.75rem);line-height:1.04;font-weight:var(--fw-medium);text-wrap:balance;margin:0}.YbuCYG_leisteText{font-size:var(--fs-lead);color:var(--text-on-dark-muted);max-width:440px;line-height:1.6}.YbuCYG_schiene{flex-direction:column;margin:0;padding:0;list-style:none;display:flex;position:relative}.YbuCYG_schienenSchritt{border-top:1px solid var(--border-on-dark);color:var(--text-on-dark-muted);font-weight:var(--fw-medium);align-items:center;gap:14px;padding:12px 0;display:flex}.YbuCYG_marke{width:32px;height:32px;font-size:var(--fs-label);font-weight:var(--fw-semibold);color:var(--text-on-dark);border:2px solid var(--border-on-dark);transition:all var(--dur-base);background:0 0;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.YbuCYG_schrittAktiv{color:var(--text-on-dark);font-weight:var(--fw-semibold)}.YbuCYG_schrittAktiv .YbuCYG_marke{border:3px solid var(--brand-accent)}.YbuCYG_schrittErledigt{color:var(--text-on-dark)}.YbuCYG_schrittErledigt .YbuCYG_marke{background:var(--brand-accent);color:var(--text-on-accent);border:0}.YbuCYG_person{background:var(--on-dark-a08);border-radius:var(--radius-md);align-items:center;gap:14px;padding:14px 16px;display:flex;position:relative}.YbuCYG_avatar{background:var(--on-dark-a10);border-radius:50%;flex-shrink:0;width:52px;height:52px;position:relative;overflow:hidden}.YbuCYG_personText{flex-direction:column;display:flex}.YbuCYG_personText strong{font-weight:var(--fw-semibold)}.YbuCYG_personText span{font-size:var(--fs-sub);color:var(--text-on-dark-muted)}.YbuCYG_karte{background:var(--surface-card);border-radius:var(--radius-lg);flex-direction:column;gap:26px;padding:clamp(24px,4vw,48px);scroll-margin-top:100px;display:flex}.YbuCYG_kartenKopf{flex-direction:column;gap:10px;display:flex}.YbuCYG_schrittInfo{font-size:var(--fs-label);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--ls-eyebrow)}.YbuCYG_h2{letter-spacing:-.03em;margin:0;font-size:clamp(1.75rem,3vw,2.375rem);line-height:1.1}.YbuCYG_fortschritt{background:var(--surface-muted);border-radius:6px;height:6px;overflow:hidden}.YbuCYG_fortschritt span{background:var(--brand-primary);height:100%;transition:width var(--dur-slow) var(--ease-out);border-radius:6px;display:block}.YbuCYG_gruppe{border:0;flex-direction:column;gap:10px;min-width:0;margin:0;padding:0;display:flex}.YbuCYG_frage{font-size:var(--fs-sub);font-weight:var(--fw-medium);color:var(--text-heading);padding:0}.YbuCYG_feld{flex-direction:column;gap:8px;display:flex}.YbuCYG_eingabe{border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:var(--surface-card);height:54px;color:var(--text-heading);width:100%;padding:0 20px}.YbuCYG_eingabe:focus,.YbuCYG_textfeld:focus{border-color:var(--brand-primary);outline:none}.YbuCYG_textfeld{border-radius:var(--radius-md);border:1px solid var(--border-subtle);resize:vertical;color:var(--text-heading);width:100%;padding:14px 20px}.YbuCYG_chips{flex-wrap:wrap;gap:8px;display:flex}.YbuCYG_chip{all:unset;cursor:pointer;border-radius:var(--radius-pill);background:var(--surface-card);color:var(--text-heading);border:1px solid var(--border-subtle);font-weight:var(--fw-medium);padding:11px 18px}.YbuCYG_chipAktiv{background:var(--brand-primary);color:var(--text-on-dark);border-color:var(--brand-primary)}.YbuCYG_chip:focus-visible,.YbuCYG_tag:focus-visible,.YbuCYG_zeit:focus-visible,.YbuCYG_zurueck:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px}.YbuCYG_klein{font-size:var(--fs-label);line-height:1.6}.YbuCYG_kontaktRaster{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;display:grid}.YbuCYG_tage{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;display:grid}.YbuCYG_tag{all:unset;cursor:pointer;border-radius:var(--radius-md);text-align:center;background:var(--surface-page);color:var(--text-heading);transition:background var(--dur-fast);flex-direction:column;gap:2px;padding:12px 0;display:flex}.YbuCYG_tagAktiv{background:var(--brand-primary);color:var(--text-on-dark)}.YbuCYG_tagKurz{font-size:11px;font-weight:var(--fw-semibold);text-transform:uppercase}.YbuCYG_tagZahl{font-size:1.375rem;font-weight:var(--fw-semibold)}.YbuCYG_tagMonat{font-size:11px}.YbuCYG_zeiten{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.YbuCYG_zeit{all:unset;cursor:pointer;text-align:center;border-radius:var(--radius-pill);background:var(--surface-card);color:var(--text-heading);border:1px solid var(--border-subtle);font-weight:var(--fw-medium);font-variant-numeric:tabular-nums;padding:12px 0}.YbuCYG_zeit:disabled{cursor:default;background:var(--surface-page);color:var(--color-light-gray)}.YbuCYG_zeitAktiv{background:var(--brand-accent);border-color:var(--brand-accent)}.YbuCYG_fehler{background:var(--state-error-bg);color:var(--state-error-fg);border-radius:var(--radius-sm);font-size:var(--fs-sub);flex-direction:column;gap:2px;padding:12px 16px;display:flex}.YbuCYG_fuss{border-top:1px solid var(--border-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:22px;display:flex}.YbuCYG_zurueck{all:unset;cursor:pointer;border-radius:var(--radius-pill);background:var(--surface-page);font-weight:var(--fw-semibold);color:var(--text-heading);padding:13px 22px}.YbuCYG_zurueck:disabled{opacity:.4;cursor:default}.YbuCYG_passiert{padding:0 clamp(16px, 4vw, 48px) var(--section-y)}.YbuCYG_passiertInnen{max-width:var(--container-max);margin:0 auto}
