/* 1. Die mobilen Umschalt-Buttons (Hamburger) komplett verstecken */
.elementor-widget-jet-mega-menu .jet-mega-menu-toggle {
    display: none !important;
}

/* 2. Den Haupt-Container zwingen, immer sichtbar und flexibel zu sein */
.elementor-widget-jet-mega-menu .jet-mega-menu-container {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 3. Die Hauptpunkte untereinander anordnen */
.elementor-widget-jet-mega-menu .jet-mega-menu-list {
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
   margin: 0!important;
}

/* 4. Untermenüs (Dropdowns) permanent ausklappen und unter dem Hauptpunkt platzieren */
.elementor-widget-jet-mega-menu .jet-mega-menu-sub-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    
    /* Absolute Positionierung aufheben, damit es den nachfolgenden Inhalt nach unten schiebt */
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    width: 100% !important;
    box-shadow: none !important;
    
    background: transparent !important; 
    padding: 0 !important;
}

/* 5. Die Unterpunkte (z.B. Datenschutz, Karriere) optisch einrücken */
.elementor-widget-jet-mega-menu .jet-mega-menu-sub-menu__list {
  margin-left: -10px;
}

/* 6. Textfarbe, Hintergründe und Schriftgrößen vereinheitlichen */
.elementor-widget-jet-mega-menu .jet-mega-menu-item__inner,
.elementor-widget-jet-mega-menu .jet-mega-menu-item__link {
    background: transparent !important; /* Entfernt weiße Balken */
}


/* Optional: Die kleinen Dropdown-Pfeile ausblenden, da das Menü eh immer offen ist */
.elementor-widget-jet-mega-menu .jet-mega-menu-item__dropdown {
    display: none !important;
}