/* 1. Grundzustand: Dropdowns sind versteckt */
.navbar-nav .dropdown-menu {
    display: none;
}

/* 2. Anzeige, wenn aktiv: Bootstrap 5 setzt die Klasse .show 
   sowohl auf das li-Element als auch auf das ul-Element */
.navbar-nav .nav-item.dropdown.show > .dropdown-menu,
.navbar-nav .dropdown-menu.show {
    display: block !important;
}

/* 3. Sub-Ebenen Logik */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}

/* 4. Zweite Ebene initial ausblenden, falls verschachtelt */
.dropdown-menu .dropdown-menu {
    display: none;
}

/* 5. Zweite Ebene nur zeigen, wenn das übergeordnete Item aktiv ist */
.dropdown-menu .dropdown-item.show > .dropdown-menu {
    display: block !important;
}