/* --- CASSIOPEIA MAIN MENU STYLING --- */

/* Das Hauptmenü-Band im Header dunkler färben (falls gewünscht) */
/*    background-color: #ffffff !important;
}
*/

/* Die normalen Menüpunkte stylen */
.container-header .mod-menu a,
.container-header .mod-menu .nav-link {
    color: #333333 !important;
    padding: 14px 16px !important;
    text-decoration: none !important;
    transition: background-color 0.3s ease, color 0.3s ease !important;
}

/* HOVER-EFFEKT: Hellgrau mit dunkler Schrift */
.container-header .mod-menu a:hover,
.container-header .mod-menu .nav-link:hover {
    background-color: #e0e0e0 !important; /* Hellgrau */
    color: #333333 !important;            /* Dunkelgrau */
}

/* AKTIVER MENÜPUNKT: Bleibt hellgrau wie beim Hovern */
.container-header .mod-menu li.active > a,
.container-header .mod-menu li.current > a,
.container-header .mod-menu .active > .nav-link {
    background-color: #e0e0e0 !important; /* Hellgrau */
    color: #333333 !important;            /* Dunkelgrau */
}