/* Vorstand-Modul — blau/weiss/grau, kein Gold. Nutzt --ssg-* Tokens. */
.ssg-vorstand { max-width: 1400px; margin: 0 auto; padding: 0 16px; }
.ssg-vorstand__heading {
  text-align: center; font-weight: 900; color: var(--ssg-navy-deep, #0B0A19);
  font-size: clamp(28px, 4vw, 50px); margin: 0 0 1.5rem;
}
.ssg-vorstand__heading--ref { margin-top: 3rem; }
.ssg-vorstand__grid {
  display: grid; gap: 2.5rem 1.5rem;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  justify-items: center;
}
/* Referenten: maximal 3 nebeneinander (4 Personen → 2 Reihen), klar abgegrenzt vom Vorstand */
.ssg-vorstand__grid--ref {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 820px; margin-inline: auto;
}
@media (max-width: 700px) { .ssg-vorstand__grid--ref { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 430px) { .ssg-vorstand__grid--ref { grid-template-columns: 1fr; } }
.ssg-vorstand-card { text-align: center; max-width: 260px; }
.ssg-vorstand-card__photo {
  width: 160px; height: 160px; border-radius: 50%; object-fit: cover;
  object-position: center top; background: #e9eef5; display: block; margin: 0 auto 1rem;
}
.ssg-vorstand-card__photo--placeholder {
  display: flex; align-items: center; justify-content: center;
  color: var(--ssg-navy, #1e3560); font-size: 48px; font-weight: 700;
}
/* Visuelle Hierarchie: Vorstand-Fotos größer, Referenten-Fotos kleiner */
.ssg-vorstand__grid:not(.ssg-vorstand__grid--ref) .ssg-vorstand-card__photo { width: 200px; height: 200px; }
.ssg-vorstand__grid--ref .ssg-vorstand-card__photo { width: 116px; height: 116px; margin-bottom: .75rem; }
.ssg-vorstand__grid--ref .ssg-vorstand-card__photo--placeholder { font-size: 34px; }
.ssg-vorstand-card__name {
  font-weight: 900; color: var(--ssg-navy-deep, #0B0A19);
  font-size: clamp(20px, 2.2vw, 30px); margin: 0;
}
/* Referenten-Namen kleiner als Vorstands-Namen (klare Abgrenzung) */
.ssg-vorstand__grid--ref .ssg-vorstand-card__name { font-size: clamp(15px, 1.5vw, 19px); }
.ssg-vorstand-card__accent {
  width: 28px; height: 3px; border-radius: 2px; margin: .5rem auto;
  background: linear-gradient(90deg, var(--ssg-accent-blue, #3b82c4), #0870b0);
}
.ssg-vorstand-card__titel {
  color: #686868; text-transform: uppercase; letter-spacing: 3px;
  font-size: 13px; font-weight: 300; margin: 0 0 .75rem;
}
.ssg-vorstand-card__links { display: flex; gap: .75rem; justify-content: center; }
.ssg-vorstand-card__links a {
  display: inline-flex; align-items: center; justify-content: center;
  width: 34px; height: 34px; border-radius: 50%;
  background: var(--ssg-navy, #1e3560); color: #fff; text-decoration: none !important;
  transition: transform .15s ease;
}
.ssg-vorstand-card__links a:hover { transform: scale(1.08); }
.ssg-vorstand-card__links svg { width: 16px; height: 16px; fill: currentColor; }