.container-header {
    max-height: 180px; /* Passen Sie den Wert hier an (Standard ist oft 250px+) */
}

/* Cassiopeia: Dropdown-Hintergrund auf iOS/Safari nicht transparent */
.container-header .mod-menu .dropdown-menu,
.container-header .mod-menu .mm-collapse,
.container-header .mod-menu .metismenu.mod-menu .mm-collapse {
    background-color: #bdea81 !important;
}

/* Hover / Fokus / aktiver Menüpunkt */
.container-header .mod-menu .dropdown-menu a:hover,
.container-header .mod-menu .dropdown-menu a:focus,
.container-header .mod-menu .mm-collapse a:hover,
.container-header .mod-menu .mm-collapse a:focus {
    background-color: #eeeeee !important;
    color: #bdea81 !important;
}

@media (max-width: 991.98px) {
    .container-header .mod-menu .dropdown-menu,
    .container-header .mod-menu .mm-collapse {
        background-color: #bdea81 !important;
    }
}

/* Rahmen und Hintergrund des Hamburger-Buttons (optional) */
.navbar-toggler {
  color: #bdea81; /* Textfarbe/Icon-Farbe als Fallback */
  border-color: #bdea81; /* Rahmenfarbe */
  background-color: #bdea81; /* Hintergrundfarbe */
}
.container-header .mod-menu {
color: #000000;
background-color: #bdea81;
}