:root {
  --cassiopeia-color-primary: #000;
  --cassiopeia-color-link: #000;
  --link-color: #000;
  --link-color-rgb: 0, 0, 0;
  --cassiopeia-color-hover: #ff0000;
 }

body {
  background-color: #000;  /* schwarz */
  color: #fff;             /* Text weiß */
}

.dj-imageslider,
.dj-slides,
.dj-slide,
.dj-slide-in {
  background-color: #000 !important;  /* Schwarzer Hintergrund */
  color: #fff !important;             /* Helle Schrift */
}

/* Titel und Beschreibungen in Weiß */
.dj-slide-title,
.dj-slide-desc {
  color: #fff !important;
}

/* Navigation: Pfeile links/rechts */
.dj-prev,
.dj-next {
  color: #fff !important;             /* Symbole weiß */
  background: transparent !important; /* Kein weißer Kasten */
  border: none !important;
}

/* Pagination (Punkte/Nummern unter dem Slider) */
.dj-pagination a,
.dj-pagination span {
  background-color: #fff !important;  /* Punkte hell */
  opacity: 0.6;                       /* leicht transparent */
}

.dj-pagination .dj-active {
  opacity: 1;                         /* aktiver Punkt voll sichtbar */
}
/* Alerts auf dunklem Hintergrund gut lesbar machen */
.alert,
.alert-success,
.alert-warning,
.alert-danger,
.alert-info {
  background-color: #111 !important;
  color: #fff !important;
  border-color: #333 !important;
}
.alert a { color: #fff !important; text-decoration: underline; }