.join-v1{max-width:860px;margin:0 auto}.join-v1 .join-head{text-align:center;margin:1rem 0 1.5rem}.join-v1 .join-head h1{font-size:clamp(2rem,5vw,3.5rem);margin:.3rem 0}.join-v1 .join-card{padding:clamp(1rem,3vw,2rem)}.join-v1 .application-section{padding:1.2rem 0;border-top:1px solid var(--border)}.join-v1 .application-section:first-of-type{border-top:0}.join-v1 .application-section-title{font-size:1.08rem;font-weight:800;margin:0 0 1rem}.join-v1 .two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.join-v1 label{display:grid;gap:.4rem;margin-bottom:.9rem}.join-v1 input:not([type=checkbox]):not([type=radio]),.join-v1 textarea{width:100%}.join-v1 .required{color:var(--brand)}.join-v1 .minor{padding:1rem;border:1px solid rgba(255,190,80,.35);border-radius:14px;background:rgba(255,190,80,.05);margin-bottom:1rem}.join-v1 .submit-row{display:flex;justify-content:flex-end;margin-top:1rem}.join-v1 .form-note{color:var(--muted)}@media(max-width:650px){.join-v1 .two{grid-template-columns:1fr}.join-v1 .submit-row .btn{width:100%}}

/* Fortschritt des Aufnahmeverfahrens.
   Der Antrag ist mit dem Absenden nicht fertig - es folgen E-Mail-Bestaetigung
   und Vereinsfreigabe. Die Anzeige macht das sichtbar, damit niemand auf ein
   sofort aktives Konto wartet. Farben ausschliesslich ueber Theme-Tokens. */
.membership-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;list-style:none;margin:0 0 1.5rem;padding:0}
.membership-progress__step{display:flex;align-items:center;gap:.5rem;min-width:0;padding:.65rem .7rem;border:1px solid var(--border);border-radius:.75rem}
.membership-progress__marker{display:inline-grid;place-items:center;flex:0 0 1.75rem;width:1.75rem;height:1.75rem;border-radius:50%;font-weight:700;font-size:.85rem;border:1px solid currentColor}
.membership-progress__label{min-width:0;font-size:.86rem;font-weight:600;line-height:1.2}
.membership-progress__step.is-complete{color:var(--brand);border-color:var(--brand)}
.membership-progress__step.is-current{color:var(--brand);border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}
.membership-progress__step.is-pending{color:var(--muted)}
@media(max-width:650px){.membership-progress{grid-template-columns:1fr 1fr}}

/* Feldbezogene Fehler stehen unter ihrem Feld - eine Sammelmeldung oben
   zwingt den Antragsteller, den Fehler selbst zu suchen. */
.join-v1 .field-error{color:var(--danger,#e0574c);font-size:.85rem;font-weight:600}
.join-v1 [aria-invalid="true"]{border-color:var(--danger,#e0574c)}

/* Der Honigtopf muss fuer Menschen unerreichbar sein, aber im DOM stehen -
   display:none macht ihn fuer manche Automaten gerade erkennbar. */
.join-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.join-pending-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}