body {
    background-color: #FFFFFF; /* Beitragsbereich */
    background-image: none;
}

.container-header {
    background-color: #000000; /* Header */
    background-image: none; /* Entfernt ggf. ein Standard-Hintergrundbild */
}
.container-footer {
    background-color: #000000; /* Footer */
    background-image: none;
}
.card-body { /* Modul- oder Beitragsbereiche */
    background-color: #0000FF; /* Hellblau für den Inhalt von "Karten" */
}
/*Footer-Links in Cassiopeia bündig ausrichten*/

.footer-nav ul {
  justify-content: flex-end; /* oder center, flex-start */
  text-align: left; /* oder center, right */
}

/* Das Dropdown-Menu im Menu färbst du mit der Klasse .metismenu.mod-menu .mm-collapse ein */

.metismenu.mod-menu .mm-collapse {
  background: #000000;
}

/* Die Links im Dropdown Menu musst du dann auch einzeln ansteuern */
.metismenu.mod-menu .mm-collapse .metismenu-item a {
    color: #ffffff;
}

/* Standardzustand der Links */
a {
    color: inherit; /* Verwendet die Standardtextfarbe des Elternelements */
    text-decoration: none; /* Entfernt die Unterstreichung */
    font-weight: bold; /* Macht den Text fett */
}

/* Zustand der Links bei Mouseover (hover) */
a:hover {
    text-decoration: underline; /* Fügt eine Unterstreichung bei Mouseover hinzu */
}