/* Targeted fix: Startseite + Vorstand, ohne übriges Design zu verändern */

/* Hero-Texte vertikal und horizontal mittig */
.hero,
.page-hero {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}
.hero .hero-content,
.page-hero .hero-content {
  width: min(1100px, calc(100% - 40px)) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
  position: relative !important;
  z-index: 2 !important;
}
.hero .hero-content h1,
.hero .hero-content h4,
.hero .hero-content p,
.page-hero .hero-content h1,
.page-hero .hero-content p {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Startseite im Dark Mode */
body.website-dark,
body.dark-mode {
  background: #07110b !important;
  color: #eef8f1 !important;
}
body.website-dark .about,
body.website-dark .departments,
body.website-dark .facts,
body.website-dark .news,
body.website-dark .events,
body.dark-mode .about,
body.dark-mode .departments,
body.dark-mode .facts,
body.dark-mode .news,
body.dark-mode .events {
  background: #07110b !important;
  color: #eef8f1 !important;
}
body.website-dark .mountains path,
body.dark-mode .mountains path {
  fill: #07110b !important;
}
body.website-dark .about h2,
body.website-dark .about h3,
body.website-dark .about p,
body.website-dark .section-head h2,
body.website-dark .section-head span,
body.website-dark .facts-head h2,
body.website-dark .facts-head span,
body.website-dark .fact h3,
body.website-dark .fact p,
body.dark-mode .about h2,
body.dark-mode .about h3,
body.dark-mode .about p,
body.dark-mode .section-head h2,
body.dark-mode .section-head span,
body.dark-mode .facts-head h2,
body.dark-mode .facts-head span,
body.dark-mode .fact h3,
body.dark-mode .fact p {
  color: #eef8f1 !important;
}
body.website-dark .floating-card,
body.website-dark .fact,
body.website-dark .news-big,
body.website-dark .news-card,
body.website-dark .event,
body.website-dark .event-card,
body.dark-mode .floating-card,
body.dark-mode .fact,
body.dark-mode .news-big,
body.dark-mode .news-card,
body.dark-mode .event,
body.dark-mode .event-card {
  background: #10271d !important;
  color: #eef8f1 !important;
  border-color: rgba(255,255,255,.12) !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.28) !important;
}
body.website-dark .floating-card span,
body.website-dark .news-text p,
body.website-dark .news-info p,
body.website-dark .news-info small,
body.website-dark .event p,
body.website-dark .event-card p,
body.dark-mode .floating-card span,
body.dark-mode .news-text p,
body.dark-mode .news-info p,
body.dark-mode .news-info small,
body.dark-mode .event p,
body.dark-mode .event-card p {
  color: #c8dace !important;
}

/* Vorstand im Dark Mode */
body.website-dark .board-grid,
body.dark-mode .board-grid {
  background: #07110b !important;
}
body.website-dark .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-contact p,
body.dark-mode .board-card h3,
body.dark-mode .board-card p,
body.dark-mode .board-contact p {
  color: #eef8f1 !important;
}
body.website-dark .board-card a,
body.dark-mode .board-card a {
  color: #9de6b5 !important;
}
body.website-dark .board-card img,
body.dark-mode .board-card img {
  background: #183426 !important;
}

/* Navigation in beiden Seiten */
body.website-dark .header,
body.website-dark .navbar,
body.website-dark .navbar.scrolled,
body.dark-mode .header,
body.dark-mode .navbar,
body.dark-mode .navbar.scrolled {
  background: rgba(3,29,18,.97) !important;
  border-color: rgba(255,255,255,.10) !important;
}
body.website-dark .nav-links > li > a,
body.website-dark .nav-dropdown-menu a,
body.dark-mode .nav-links > li > a,
body.dark-mode .nav-dropdown-menu a {
  color: #ffffff !important;
}
body.website-dark .nav-dropdown-menu,
body.dark-mode .nav-dropdown-menu {
  background: #10271d !important;
  border-color: rgba(255,255,255,.12) !important;
}

/* Footer */
body.website-dark .footer,
body.dark-mode .footer {
  background: #030805 !important;
  color: #eef8f1 !important;
}
body.website-dark .footer h3,
body.website-dark .footer h4,
body.website-dark .footer p,
body.website-dark .footer a,
body.dark-mode .footer h3,
body.dark-mode .footer h4,
body.dark-mode .footer p,
body.dark-mode .footer a {
  color: #eef8f1 !important;
}

@media (max-width: 768px) {
  .hero,
  .page-hero {
    min-height: 360px !important;
  }
  .hero .hero-content,
  .page-hero .hero-content {
    width: calc(100% - 28px) !important;
  }
}