/* ==========================================================
   MENÜ-DESIGN OPTIMIERT (Schrift & Zeilenumbruch)
   ========================================================== */

/* Abstände und Ausrichtung */
.sppb-addon-module ul.menu {
    display: flex !important;
    flex-direction: row !important;
    list-style: none !important;
    gap: 30px !important; /* Etwas kompakterer Abstand */
    padding: 0 !important;
    margin: 0 !important;
    flex-wrap: nowrap !important; /* Verhindert das Umbrechen in neue Zeilen */
}

/* Schrift-Styling */
.sppb-addon-module ul.menu li a {
    color: #ef8531 !important; 
    font-weight: 800 !important;
    font-size: 18px !important; /* Schrift kleiner gemacht */
    text-decoration: none !important;
    padding: 10px 0 !important;
    white-space: nowrap !important; /* Zwingt "Über Erasmus" in eine Zeile */
}

/* Hover-Effekt */
.sppb-addon-module ul.menu li a:hover {
    color: #d67025 !important;
}

/* Dropdown-Logik */
.sppb-addon-module ul.menu li { position: relative !important; }
.sppb-addon-module ul.menu li ul {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    background: #fff !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
    padding: 15px !important;
    z-index: 9999 !important;
    min-width: 200px !important;
}
.sppb-addon-module ul.menu li:hover > ul { display: block !important; }

/* Editor-Schutz */
.com_sppagebuilder.view_page.layout_edit .sppb-addon-module {
    pointer-events: none !important;
}