/* === Hintergrundfarben auf Weiß setzen === */
body,
.site,
.site-grid,
.container-component {
  background: #ffffff !important;
  color: #000000 !important; /* Schwarzer Text */
}

/* Footer dunkel lassen */
.footer {
  background-color: #1b1b1b !important;
  color: #ffffff !important;
}

/* Header / Inhaltsbereich */
.container-header,
.header,
.hero,
.site-grid {
  background-image: none !important;
  background-color: #ffffff !important;
  color: #000000 !important; /* Schwarzer Text */
}

/* Pseudo-Elemente entfernen */
.site::before,
.site::after {
  background-image: none !important;
  background: none !important;
}

/* Überschriften */
h1, h2, h3, h4, h5, h6 {
  color: #000000 !important;
}

/* Allgemeine Textinhalte */
p, span, div, li, td {
  color: #000000 !important;
}

/* Links auf Rot */
a {
  color: #c00d0d !important;
}

a:hover,
a:focus {
  color: #900a0a !important;
}

/* Menütexte schwarz (aktiver Link rot) */
.mod-menu a,
.navbar-nav .nav-item > a {
  color: #000000 !important;
}

.mod-menu a:hover,
.mod-menu a:focus,
.mod-menu a.active,
.navbar-nav .nav-item.active > a {
  color: #c00d0d !important;
}

/* Buttons in Rot */
.btn,
.button,
button {
  background-color: #c00d0d !important;
  color: #ffffff !important;
  border: none !important;
}

.btn:hover,
.button:hover,
button:hover {
  background-color: #900a0a !important;
}

/* Footer-Links */
.footer a {
  color: #ffffff !important;
}

/* Header-Hintergrund leicht hell */
.container-header {
  background-color: #f2f2f2 !important;
}

/* Cassiopeia Farbvariablen auf Rot setzen */
:root {
  --cassiopeia-color-primary: #c00d0d !important;
  --cassiopeia-color-link: #c00d0d !important;
  --cassiopeia-color-hover: #900a0a !important;
  --cassiopeia-color-background: #ffffff !important;
}