/* 1. ALLE UNTERMENÜS UND PFEILE GRUNDSÄTZLICH VERSTECKEN */
.mod-menu .mod-menu__sub {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    list-style: none;
    padding-left: 15px;
}

.mod-menu .nav-item .nav-toggle {
    display: none !important;
}

/* 2. DIE STRIKTE RECHTECK-REGEL (NUR AKTIVE UNTERMENÜS ÖFFNEN) */
/* Diese Regel besagt: Ein Untermenü darf NUR DANN sichtbar werden, */
/* wenn der direkt übergeordnete Menüpunkt (.nav-item) die Klasse */
/* "active" ODER "current" hat. */
.mod-menu .nav-item.active > .mod-menu__sub,
.mod-menu .nav-item.current > .mod-menu__sub {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
}

/* 3. GESCHWISTER-UNTERMENÜS SCHLIESSEN */
/* Wenn ein Unterpunkt aktiv ist, sorgt dieser Code dafür, dass alle anderen */
/* Untermenüs auf derselben Ebene, die NICHT aktiv sind, aktiv versteckt werden. */
.mod-menu .nav-item:not(.active):not(.current) > .mod-menu__sub {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}