/*
Theme Name: Gerbernzunft Child
Template: gerbernzunft
Author: Gally Websolutions GmbH
Author URI: https://www.gally-websolutions.com
Description:  Child Theme für Gerbernzunft
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Eigene CSS-Anpassungen hier */

css/* Grundeinstellungen wie zuvor */
ul.nav-menu .sub-menu,
ul.menu .sub-menu,
nav ul .sub-menu,
#primary-menu .sub-menu,
.main-navigation ul ul {
    display: none !important;
}

ul.nav-menu li:hover > .sub-menu,
ul.menu li:hover > .sub-menu,
nav ul li:hover > .sub-menu,
#primary-menu li:hover > .sub-menu,
.main-navigation li:hover > ul {
    display: block !important;
}

/* WICHTIG: Der übergeordnete Menüpunkt braucht relative Positionierung */
ul.nav-menu > li,
ul.menu > li,
nav ul > li,
#primary-menu > li,
.main-navigation ul > li,
li.menu-item-has-children {
    position: relative;
}

/* Position des Submenüs direkt unter dem Hauptmenüpunkt */
/* Hintergrund für das gesamte Sub-Menü */
ul.nav-menu .sub-menu,
ul.menu .sub-menu,
nav ul .sub-menu,
#primary-menu .sub-menu,
.main-navigation ul ul {
    position: absolute;
    left: 0;
    top: 100%;       /* Direkt unter dem Elternelement */
    width: 100%;     /* Gleiche Breite wie Elternelement */
    min-width: 200px;
    background-color: #f0f0f0; /* HINTERGRUNDFARBE */
    border: 1px solid #ccc;    /* optional für Abgrenzung */
    z-index: 999;
}

/* Vertikale Ausrichtung der Untermenüpunkte */
ul.nav-menu .sub-menu li,
ul.menu .sub-menu li,
nav ul .sub-menu li,
#primary-menu .sub-menu li,
.main-navigation ul ul li {
    display: block;
    width: 100%;
}