/* V130 – only board dark mode and department hero positioning/image */

/* Vorstand: all cards use the same dark appearance. */
body.website-dark .board-grid {
  background: transparent !important;
}
body.website-dark .board-card,
html.dark-mode .board-card,
body.dark-mode .board-card {
  background: #10271d !important;
  color: #eef8f1 !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.32) !important;
}
body.website-dark .board-card h3,
body.website-dark .board-card > p,
body.website-dark .board-card .board-contact,
body.website-dark .board-card .board-contact p,
html.dark-mode .board-card h3,
html.dark-mode .board-card > p,
html.dark-mode .board-card .board-contact,
html.dark-mode .board-card .board-contact p,
body.dark-mode .board-card h3,
body.dark-mode .board-card > p,
body.dark-mode .board-card .board-contact,
body.dark-mode .board-card .board-contact p {
  color: #eef8f1 !important;
}
body.website-dark .board-card .contact-icons a,
html.dark-mode .board-card .contact-icons a,
body.dark-mode .board-card .contact-icons a {
  background: #183d2b !important;
  color: #b8f2c8 !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}
body.website-dark .board-card .contact-icons a:hover,
html.dark-mode .board-card .contact-icons a:hover,
body.dark-mode .board-card .contact-icons a:hover {
  background: #23884b !important;
  color: #fff !important;
}

/* Board and department hero text: default horizontal + vertical center, but
   overridable per Abteilung über "Position von Titel & Untertitel im Kopfbild"
   (data-department-heading-position, von department-content.js gesetzt). */
.page-hero.turnen-hero {
  min-height: 430px !important;
  height: 430px !important;
  padding: 40px 60px !important;
  display: grid !important;
  place-items: center !important;
  box-sizing: border-box !important;
  background-position: center !important;
  background-size: cover !important;
}
.page-hero.turnen-hero .hero-content {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  width: min(1100px,100%) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
  align-self: center !important;
  justify-self: center !important;
}
.page-hero.turnen-hero .hero-content h1,
.page-hero.turnen-hero .hero-content p {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* Vertikal: oben/unten statt Mitte */
.page-hero.turnen-hero[data-department-heading-position^="top-"] { align-items: start !important; }
.page-hero.turnen-hero[data-department-heading-position^="bottom-"] { align-items: end !important; }
/* Horizontal: links/rechts statt Mitte */
.page-hero.turnen-hero[data-department-heading-position$="-left"] { justify-items: start !important; }
.page-hero.turnen-hero[data-department-heading-position$="-right"] { justify-items: end !important; }
.page-hero.turnen-hero[data-department-heading-position$="-left"] .hero-content,
.page-hero.turnen-hero[data-department-heading-position$="-left"] .hero-content h1,
.page-hero.turnen-hero[data-department-heading-position$="-left"] .hero-content p {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}
.page-hero.turnen-hero[data-department-heading-position$="-right"] .hero-content,
.page-hero.turnen-hero[data-department-heading-position$="-right"] .hero-content h1,
.page-hero.turnen-hero[data-department-heading-position$="-right"] .hero-content p {
  text-align: right !important;
  margin-left: auto !important;
  margin-right: 0 !important;
}

/* (Feste Vorgabe auf hero.jpg entfernt – Turnen nutzt jetzt wie alle Abteilungen das im Portal hinterlegte Bild.) */

@media (max-width: 768px) {
  .page-hero.turnen-hero {
    min-height: 340px !important;
    height: 340px !important;
    padding-inline: 16px !important;
  }
}