/* Grundlegender Unterstrich für alle aktiven Elemente */
.container-header .mod-menu li > a {
    font-size: 1.2em;
}

.container-header .mod-menu li.active > a {
    text-decoration: underline;
    text-decoration-thickness: 3px; /* Dicke des Strichs */
    text-underline-offset: 8px; /* Abstand zum Text */
}

/* Individuelle Farben für spezifische Menüpunkte */
.container-header .mod-menu li.item-101.active > a {
    text-decoration-color: #CF3118; /* Rot für Startseite #ff0000 #f56c62*/
}

.container-header .mod-menu li.item-102.active > a {
    text-decoration-color: #52ba31; /* Grün für Seite 2 #00ff00  #89f562*/
}

.container-header .mod-menu li.item-103.active > a {
    text-decoration-color: #62c9f5; /* Blau für Seite 3 #0000ff */
}

.container-header .mod-menu li.item-125.active > a {
    text-decoration-color: #f3a106; /* Orange für Seite 3 #0000ff */
}

/* Header */
.container-header {
    background-color: #333333; /* Schwarz */
    background-image: none; /* Entfernt den Standard-Verlauf */
}

/* Footer schwarz */
.footer {
    background-color: #333333; /* Schwarz */
    color: #ffffff; /* Schriftfarbe auf Weiß setzen, damit man es sieht */
    background-image: none; /* Entfernt den Standard-Verlauf */
}

/* Optional: Links im Footer ebenfalls weiß machen */
.footer a {
    color: #ffffff;
}