: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 */
.metismenu.mod-menu a {
  color: #721717; /* Ihre Wunschfarbe für den Text */
/*  font-weight: bold; /* Optional: Macht die Schrift fett */
}

/* 2. Farbe, wenn man mit der Maus über einen Menüpunkt fährt (Hover) */
.metismenu.mod-menu a:hover, 
.metismenu.mod-menu a:focus {
  color: #0088cc; /* Ihre Wunschfarbe beim Drüberfahren */
  background-color: transparent; /* Verhindert einen unschönen Hintergrund-Block */
}

/* 3. Farbe des aktuell aktiven Menüpunkts (auf welcher Seite man gerade ist) */
.metismenu.mod-menu .active > a, 
.metismenu.mod-menu .current > a {
  color: #fff !important; /* Ihre Wunschfarbe für die aktive Seite */
  background-color: #721717
}