/* Erzwingt das Aufklappen bei Hover am PC (ab 992px Bildschirmbreite) */
@media (min-width: 992px) {
    /* 1. Verhindert das Verstecken der Unterpunkte */
    .container-header .mod-menu .mm-collapse,
    .container-header .mod-menu ul {
        display: none !important;
        visibility: hidden !important;
        opacity: 0;
        transition: opacity 0.2s ease-in-out;
    }

    /* 2. Zeigt die Unterpunkte sofort an, wenn die Maus über dem Haupteintrag ist */
    .container-header .mod-menu li:hover > .mm-collapse,
    .container-header .mod-menu li:hover > ul {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: absolute;
        top: 100%;
        left: 0;
        background-color: #ffffff; /* Hintergrundfarbe des Dropdowns */
        box-shadow: 0px 4px 10px rgba(0,0,0,0.15); /* Eleganter Schatten */
        padding: 10px;
        min-width: 220px;
        z-index: 9999;
    }

    /* 3. Richtet die Unterpunkte im Dropdown ordentlich untereinander aus */
    .container-header .mod-menu li:hover > ul li {
        display: block !important;
        width: 100%;
        padding: 5px 10px;
    }
}