/* Social Club · Update 52 · Website Halle und Bonn
   Tokens aus styles.css, Radien 999/14/8, Schrift ab 14 px, Klickflächen ab 44 px,
   Gold nie als Text auf hellem Grund, Fokusring an jedem Bedienelement. */

/* ---------- Mindestteilnehmerzahl im Eventformular ---------- */
.sc52-feld{display:flex;flex-direction:column;gap:6px;margin:4px 0 2px}
.sc52-feld label{font-size:14px;font-weight:600;color:var(--felt-soft)}
.sc52-feld input{max-width:220px;min-height:44px;border:1.5px solid var(--line);border-radius:8px;padding:8px 12px;font:inherit;font-size:16px;background:#fff;color:var(--ink)}
.sc52-feld input:focus-visible{outline:2px solid var(--felt-soft);outline-offset:2px;border-color:var(--felt-soft)}
.sc52-hilfe{margin:0;font-size:14px;line-height:1.5;color:var(--felt-soft);max-width:62ch}

/* ---------- Abschnitt "Konto und Daten" ---------- */
.sc52-konto p{margin:0 0 12px;font-size:15px;line-height:1.55;color:var(--ink)}

/* ---------- Dialog ---------- */
.sc52{font-size:16px;line-height:1.55;color:var(--ink)}
.sc52 p{margin:12px 0 0}
.sc52 .m-title{margin-bottom:4px}
.sc52-einstieg{font-size:16px}
.sc52-liste{margin:10px 0 0;padding-left:20px}
.sc52-liste li{margin:0 0 8px;font-size:15px}
.sc52-gruende{border:0;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sc52-gruende legend{font-size:15px;font-weight:600;color:var(--felt-deep);margin-bottom:8px;padding:0}
.sc52-chip{position:relative;display:inline-flex}
.sc52-chip input{position:absolute;opacity:0;width:1px;height:1px}
.sc52-chip span{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border-radius:999px;border:1.5px solid var(--line);
  background:#fff;color:var(--felt-deep);font-size:14px;font-weight:600;cursor:pointer;transition:background .16s ease-out,border-color .16s ease-out}
.sc52-chip span:hover{border-color:var(--felt-soft)}
.sc52-chip input:checked + span{background:var(--felt-deep);border-color:var(--felt-deep);color:var(--cream)}
.sc52-chip input:focus-visible + span{outline:2px solid var(--felt-soft);outline-offset:2px}
.sc52-label{display:block;margin:16px 0 6px;font-size:15px;font-weight:600;color:var(--felt-deep)}
.sc52 textarea,.sc52 input[type="password"]{width:100%;min-height:44px;border:1.5px solid var(--line);border-radius:8px;padding:10px 12px;
  font:inherit;font-size:16px;background:#fff;color:var(--ink);box-sizing:border-box}
.sc52 textarea{resize:vertical;min-height:88px}
.sc52 textarea:focus-visible,.sc52 input[type="password"]:focus-visible{outline:2px solid var(--felt-soft);outline-offset:2px;border-color:var(--felt-soft)}
.sc52-bestaetigen{display:flex;gap:10px;align-items:flex-start;margin:16px 0 0;font-size:15px;line-height:1.5;cursor:pointer;min-height:44px}
.sc52-bestaetigen input{width:22px;height:22px;flex:none;margin:1px 0 0;accent-color:var(--felt-deep)}
.sc52-bestaetigen input:focus-visible{outline:2px solid var(--felt-soft);outline-offset:2px}
.sc52-reihe{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}

/* Knöpfe */
.sc52-knopf{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border-radius:999px;
  border:2px solid var(--felt-deep);background:var(--felt-deep);color:var(--cream);font:600 15px/1.2 'Instrument Sans',system-ui,sans-serif;cursor:pointer;
  transition:background .16s ease-out,border-color .16s ease-out,color .16s ease-out}
.sc52-knopf:hover{background:var(--felt);border-color:var(--felt)}
.sc52-knopf:focus-visible{outline:2px solid var(--felt-soft);outline-offset:2px}
.sc52-knopf.zweit{background:transparent;color:var(--felt-deep)}
.sc52-knopf.zweit:hover{background:var(--cream)}
.sc52-knopf.gefahr{background:transparent;border-color:var(--red);color:var(--red)}
.sc52-knopf.gefahr:hover:not(:disabled){background:var(--red);color:#fff}
.sc52-knopf:disabled{opacity:.5;cursor:not-allowed}

/* Ladezustand in der Form des Inhalts */
.sc52-laden{height:18px;border-radius:8px;margin:16px 0 0;background:linear-gradient(90deg,var(--cream) 0%,var(--cream-dim) 50%,var(--cream) 100%);background-size:200% 100%;animation:sc52laden 1.2s ease-in-out infinite}
.sc52-laden.kurz{width:60%}
@keyframes sc52laden{from{background-position:200% 0}to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.sc52-laden{animation:none}.sc52-knopf,.sc52-chip span{transition:none}}