/* Untermenü Gestaltung */
.mod-menu__sub {
    background: #00558c !important;
    padding: 10px 0 !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.25);
    min-width: 220px;
}

/* Unterpunkte */
.mod-menu__sub li {
    width: 100%;
}

.mod-menu__sub li a {
    color: white !important;
    display: block;
    padding: 12px 20px !important;
    font-size: 16px;
    text-decoration: none;
}

/* Hover über Unterpunkte */
.mod-menu__sub li a:hover {
    background: rgba(255,255,255,0.15) !important;
    color: white !important;
}
/* Hover-Effekt für EngageBox-Bilder */

[data-ebox][data-ebox-cmd="open"] {
    cursor: pointer;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

[data-ebox][data-ebox-cmd="open"]:hover {
    transform: scale(1.07);
    filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.45));
}
/* Untermenü als Dropdown */
.nav > li {
    position: relative;
}

.nav > li > ul.nav-child {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999;
    min-width: 180px;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #0869a8;
}

.nav > li:hover > ul.nav-child {
    display: block;
}

.nav > li > ul.nav-child li {
    display: block;
    width: 100%;
}

.nav > li > ul.nav-child li a {
    display: block;
    padding: 12px 18px;
    color: white;
    text-decoration: none;
    white-space: nowrap;
}

.nav > li > ul.nav-child li a:hover {
    background: #07588d;
}
/* Untermenü Tanzschule als Dropdown */
#mainmenu li.parent {
    position: relative;
}

#mainmenu li.parent > ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 9999;
    min-width: 180px;
    margin: 0;
    padding: 0;
    background: #0870aa;
}

#mainmenu li.parent:hover > ul {
    display: block;
}

#mainmenu li.parent > ul li {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

#mainmenu li.parent > ul li a {
    display: block;
    padding: 12px 18px;
    color: #ffffff;
    white-space: nowrap;
}

#mainmenu li.parent > ul li a:hover {
    background: #075d8f;
}
/* ========================================
   DROPDOWN MENÜ – TANZSCHULE
   ======================================== */

.navbar-nav > li.parent {
    position: relative;
}

.navbar-nav > li.parent > ul.sub {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    z-index: 9999 !important;
    min-width: 200px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #0870aa !important;
    list-style: none !important;
}

.navbar-nav > li.parent:hover > ul.sub {
    display: block !important;
}

.navbar-nav > li.parent > ul.sub > li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.navbar-nav > li.parent > ul.sub > li > a {
    display: block !important;
    padding: 12px 18px !important;
    color: #ffffff !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.navbar-nav > li.parent > ul.sub > li > a:hover {
    background: #075d8f !important;
}
ul.mod-menu.mod-list.nav.navbar-nav > li.nav-item.parent > ul.mod-menu.sub {
    display: none !important;
}

ul.mod-menu.mod-list.nav.navbar-nav > li.nav-item.parent:hover > ul.mod-menu.sub {
    display: block !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    z-index: 99999 !important;
    min-width: 200px !important;
    background: #0870aa !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* Untermenüs standardmäßig ausblenden */
.nav-item.parent > ul.mod-menu__sub {
    display: none;
    position: absolute;
    background: #006699;
    z-index: 9999;
}

/* Untermenü bei Maus über Tanzschule anzeigen */
.nav-item.parent:hover > ul.mod-menu__sub {
    display: block;
}

/* Untermenü optisch anpassen */
ul.mod-menu__sub li a {
    color: white;
    padding: 12px 20px;
    display: block;
}

ul.mod-menu__sub li a:hover {
    background: rgba(255,255,255,0.15);
}
/* Dropdown Position und Optik */
.nav-item.parent {
    position: relative;
}

.nav-item.parent > .mod-menu__sub {
    top: 100%;
    left: 0;
    min-width: 180px;
    padding: 0;
    margin-top: 0;
    box-shadow: 0 8px 15px rgba(0,0,0,0.25);
}

/* Dropdown-Eintrag */
.nav-item.parent > .mod-menu__sub li a {
    padding: 12px 20px;
    white-space: nowrap;
}