/* LifeCheck-Plattform — Ergänzungen zu den bestehenden Check-Styles */

/* Initialen-Kreis im Kopf, falls der Teampartner (noch) kein Foto hat */
.brand-initials{
  width:52px;height:52px;border-radius:50%;
  background:#0C2C31;color:#F7F3EA;
  display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:1.15rem;flex:none;
  border:2px solid #D99A36;
}

/* Statuszeile auf der Ergebnis-Seite */
.lc-status{
  margin:14px 0;padding:12px 16px;border-radius:12px;
  font-size:.95rem;line-height:1.5;
}
.lc-status-ok{ background:#e7f3ea;color:#1a5c33;border:1px solid #bfe0c8; }
.lc-status-fail{ background:#fdf0e4;color:#8a5416;border:1px solid #ecd3ae; }

/* Rechtsseiten (Impressum/Datenschutz) */
.legal-page{ max-width:720px;margin:0 auto;padding:28px 20px 60px; }
.legal-page h1{ font-size:1.5rem;color:#0C2C31;margin-bottom:6px; }
.legal-page h2{ font-size:1.1rem;color:#123F46;margin:22px 0 6px; }
.legal-page p, .legal-page li{ color:#3a4443;line-height:1.65;margin-bottom:8px; }
.legal-page .entwurf{
  background:#fdf0e4;border:1px solid #ecd3ae;color:#8a5416;
  padding:10px 14px;border-radius:10px;font-size:.9rem;margin-bottom:18px;
}

/* ===== Layout-Korrekturen der alten Checks (Prüfung vom 3. Oktober 2026) =====
 * Kopfbereich: Der Stufen-Zähler ("1 / 11") brach bei schmalen Bildschirmen dreizeilig um und ragte bei 320 px über den Rand;
 * der Sprachwähler war nur 34 px hoch (Antippen); einige Texte hatten nur 11 bis 11,5 px. */
.brand{ min-width:0; flex:1 1 auto; }
.header-right-group{ flex:0 0 auto; }
.step-badge{ white-space:nowrap; }
.lang-toggle-select{ min-height:40px; font-size:12px; }
.tagline, .legal-footer, .legal-footer a, .max-note{ font-size:12px; }
#partnerByline{ font-size:12px !important; }   /* steht im Seitenkopf als Inline-Stil (11,5 px) */
@media (max-width:380px){
  header.top{ padding:18px 14px 22px; }
  .brand{ gap:8px; }
  .brand-photo, .brand-initials{ width:38px; height:38px; }
  .brand-initials{ font-size:.95rem; }
  .brand-name{ font-size:17px; }
  .header-right-group{ gap:6px; }
  .step-badge{ padding:4px 8px; }
  .lang-toggle-select{ padding:8px 6px; }
}