/* 1. Hintergrundfarbe für die gesamte Menüleiste (Position "menu") */
.container-header .mod-menu {
    background-color: #FFFFFF; /* Blauer Hintergrund der Leiste */
    padding: 5px 15px;
    border-radius: 4px;
    width: 100%;
}

/* Schriftfarbe für die normalen, unselected Menüpunkte */
.container-header .mod-menu .nav-link {
    color: #FFFFFF !important; /* Schwarze Schrift */
}

/* 2. Highlight-Effekt beim Darüberfahren mit der Maus (Hover) */
.container-header .mod-menu .nav-link:hover {
    background-color: #0099ff; /* Blau */
    color: #000000 !important; /* Schwarze Schrift beim Hover */
    border-radius: 4px;
}

/* 3. Highlight-Effekt für den AKTIVEN (ausgewählten) Menüpunkt */
.container-header .mod-menu .nav-item.active > .nav-link,
.container-header .mod-menu .nav-link.active {
    background-color: #0056b3 !important; /* Kräftiges Blau für die aktive Seite */
    color: #ffffff !important;           /* Weiße Schrift auf dem aktiven Button */
    border-radius: 4px;
    font-weight: bold;                   /* Schrift fett darstellen */
}

/* Ändert die Farbe der 3 Striche und des Rahmens vom Burger-Button */
.container-header .navbar-toggler {
    color: #ff5722;             /* Farbe für die 3 Striche (z. B. Orange) */
    border-color: #ff5722;      /* Farbe für den dünnen Rahmen um den Button */
}
/* Hintergrundfarbe für den Burger-Button */
.container-header .navbar-toggler {
    background-color: #ffffff;  /* Weißer Button-Hintergrund */
    padding: 0.5rem;            /* Etwas Innenabstand für bessere Optik */
    border-radius: 4px;         /* Leicht abgerundete Ecken */
}