:root {
  /* Die Hauptfarbe (Standardmäßig das Cassiopeia-Dunkelblau) */
  --cassiopeia-color-primary: #721717; 
  
  /* Die Linkfarbe beim Drüberfahren (Hover) */
  --cassiopeia-color-hover: #721717;
  
  /* Die Farbe für normale Links im Text */
  --cassiopeia-color-link: #721717;
}

body {
  /* Hier stellen Sie die Hintergrundfarbe der gesamten Website ein */
  background-color: #fff; 
  
  /* Falls Sie ein Hintergrundbild nutzen möchten (Bild muss im images-Ordner liegen): */
  /* background-image: url('/images/ihr-hintergrund.jpg'); */
}

.header {
  /* Hintergrundfarbe des oberen Kopfbereichs (wo Logo und Menü sitzen) */
  background: #fff; 
}

/* 1. Die normale Textfarbe der Menüpunkte (Erweitert für Cassiopeia Navbar) */
.navbar-nav .nav-link,
.metismenu.mod-menu a {
  color: #721717 !important; 
}

/* 2. Farbe beim Drüberfahren (Hover) */
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus,
.metismenu.mod-menu a:hover, 
.metismenu.mod-menu a:focus {
  color: #0088cc !important; 
  background-color: transparent !important; 
}

/* 3. Farbe des aktuell aktiven Menüpunkts */
.navbar-nav .active > .nav-link,
.navbar-nav .current > .nav-link,
.metismenu.mod-menu .active > a, 
.metismenu.mod-menu .current > a {
  color: #fff !important; 
  background-color: #721717 !important;
}
/* Farbe des Dropdown-Pfeils im normalen Zustand (Weinrot) */
.navbar-nav .dropdown-toggle::after,
.metismenu .mm-toggler::after {
  border-top-color: #721717 !important;
}

/* Farbe des Pfeils, wenn man mit der Maus drüberfährt (Hover zu Blau) */
.navbar-nav .dropdown-toggle:hover::after,
.metismenu .mm-toggler:hover::after {
  border-top-color: #0088cc !important;
}

/* Farbe des Pfeils im aktiven/geöffneten Menüpunkt (Weiß auf Weinrot) */
.navbar-nav .active .dropdown-toggle::after,
.navbar-nav .current .dropdown-toggle::after {
  border-top-color: #fff !important;
}

/* Erzwingt das Aufklappen bei Mauskontakt für das Collapsible Dropdown (Metismenu) */
@media (min-width: 992px) {
  /* Hebelt die JavaScript-Höhenblockade von Metismenu aus */
  .navbar-nav .dropdown:hover > .dropdown-menu,
  .navbar-nav .nav-item.dropdown:hover > .collapse,
  .navbar-nav .nav-item.dropdown:hover > .collapsing {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: visible !important;
  }
}