/* Social Club · Update 48 · Anmeldung, Abfangseite, Teambestätigung
   Farben und Maße nach Designregelwerk (Radien 999/14/8, Schrift ab 14 px,
   Klickflächen ab 44 px, Gold nie als Text auf hellem Grund). */
:root{
  --s48-felt-deep:#12291F; --s48-felt:#1E3D2F; --s48-felt-soft:#2A5240;
  --s48-paper:#FBF8F0; --s48-cream:#F4EEDF; --s48-cream-dim:#E7DFC9;
  --s48-ink:#14201A; --s48-gold:#C9A227; --s48-gold-soft:#E3C55F; --s48-red:#8A2A3D;
  --s48-line:rgba(20,32,26,.16); --s48-muted:#4A5A51;
}
[hidden]{display:none!important}

/* Vor der Prüfung nichts vom Business Club zeigen */
html.sc48-tor #bhPublic, html.sc48-tor #bhApp{visibility:hidden}

/* Angemeldet bleiben */
.sc48-bleiben{display:flex;align-items:center;gap:10px;min-height:44px;margin:8px 0 2px;font-size:15px;color:var(--s48-muted);cursor:pointer}
.sc48-bleiben input{width:20px;height:20px;accent-color:var(--s48-felt-deep);flex:none;margin:0}

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

/* Hinweis für Teammitglieder */
.sc48-zf{position:fixed;left:16px;right:16px;bottom:16px;z-index:9000;max-width:520px;margin:0 auto;background:var(--s48-felt-deep);color:var(--s48-cream);
  border:1px solid var(--s48-felt-soft);border-radius:14px;padding:16px 18px;box-shadow:0 14px 40px rgba(18,41,31,.28);font-size:15px;line-height:1.5}
.sc48-zf p{margin:0 0 10px}
.sc48-zf-titel{font-family:'Bricolage Grotesque','Instrument Sans',sans-serif;font-weight:600;font-size:17px;color:var(--s48-gold-soft)}
.sc48-zf-reihe{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.sc48-zf input{flex:1 1 140px;min-height:44px;border-radius:8px;border:1px solid var(--s48-felt-soft);background:var(--s48-paper);color:var(--s48-ink);
  padding:8px 12px;font:600 20px/1 'Spline Sans Mono',monospace;letter-spacing:.18em;text-align:center}
.sc48-zf .sc48-knopf{background:var(--s48-gold-soft);border-color:var(--s48-gold-soft);color:var(--s48-felt-deep)}
.sc48-zf .sc48-knopf.zweit{background:transparent;border-color:var(--s48-cream-dim);color:var(--s48-cream)}
.sc48-zf-msg{min-height:1.4em;margin:8px 0 0!important;color:var(--s48-cream)}
/* Am Handy über der unteren Menüleiste des Mitgliederbereichs */
@media (max-width:899px){.sc48-zf{bottom:calc(84px + env(safe-area-inset-bottom,0px))}}

/* Abfangseite Business Club */
.sc48-tor{min-height:calc(100vh - 80px);display:grid;place-items:center;padding:40px 16px;background:var(--s48-cream)}
.sc48-tor-karte{width:100%;max-width:440px;background:var(--s48-paper);border:1px solid var(--s48-line);border-radius:14px;padding:28px 24px;
  box-shadow:0 12px 40px rgba(18,41,31,.10);text-align:left;color:var(--s48-ink);font:16px/1.55 'Instrument Sans',system-ui,sans-serif}
.sc48-tor-logo{display:block;border-radius:999px;background:var(--s48-felt-deep);margin:0 0 14px}
.sc48-tor-label{font-family:'Spline Sans Mono',monospace;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--s48-felt-soft);margin:0 0 6px}
.sc48-tor h1{font:800 clamp(26px,6vw,32px)/1.15 'Bricolage Grotesque','Instrument Sans',sans-serif;color:var(--s48-felt-deep);margin:0 0 10px}
.sc48-tor p{margin:0 0 14px;color:var(--s48-muted)}
.sc48-feld{display:block;margin:0 0 12px}
.sc48-feld span{display:block;font-size:14px;font-weight:600;color:var(--s48-felt-deep);margin:0 0 6px}
.sc48-feld input{width:100%;min-height:48px;border-radius:8px;border:1px solid var(--s48-line);background:#fff;padding:10px 12px;font-size:16px;color:var(--s48-ink)}
.sc48-feld input:focus-visible{outline:2px solid var(--s48-felt-soft);outline-offset:1px;border-color:var(--s48-felt-soft)}
.sc48-tor-reihe{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.sc48-tor-msg{min-height:1.4em;margin:10px 0 0!important;color:var(--s48-red)!important;font-weight:600}
.sc48-tor-fuss{margin:16px 0 0!important;font-size:14px}
.sc48-tor-fuss a{color:var(--s48-felt-soft);text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;min-height:44px;padding:0 4px}
.sc48-tor-fuss a:focus-visible{outline:2px solid var(--s48-felt-soft);outline-offset:2px;border-radius:8px}

/* Anmeldefenster als Abfangseite: kein "Mitglied werden" */
#loginOverlay.sc48-tor-login .m-section{display:none}

/* Anmeldefenster: Schließen-Knopf groß genug */
#loginOverlay .close{min-width:44px;min-height:44px}
#loginOverlay #loginMsg{font-size:14px}

/* Auf allen Geräten abmelden */
.sc48-ueberall{margin-left:8px}

@media (prefers-reduced-motion:reduce){.sc48-knopf{transition:none}}