/* 
Styling for Header 
Styling for Menu
*/

.mm-ocd.mm-ocd--open{
    z-index: 999999999;
}

.mm-ocd__content .elementor-nav-menu__container .elementor-nav-menu,
.mm-ocd__content .elementor-nav-menu__container .elementor-nav-menu .sub-menu.elementor-nav-menu--dropdown.mm-spn--open {
    padding-top: 0 !important;
    top: 62px;
}

/* Styling for all Menu Items */
.elementor-nav-menu--main .elementor-nav-menu>.menu-item>a {
    margin-bottom: 10px;
}

.elementor-nav-menu--main .elementor-nav-menu>.menu-item>a::after {
    opacity: 1 !important;
}

.elementor-nav-menu--main .elementor-nav-menu .menu-item.menu-item-has-children>.elementor-item.has-submenu .sub-arrow {
    display: none;
}

.elementor-nav-menu--main .elementor-nav-menu .menu-item.menu-item-has-children>.elementor-sub-item.has-submenu .sub-arrow {
    transform: rotate(90deg);
    margin: 0 !important;
    height: fit-content;
    width: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
}

.elementor-nav-menu--main .elementor-nav-menu .menu-item.menu-item-has-children .elementor-sub-item {
    border-left: none;
    gap: 10px;
    justify-content: space-between;
}

.elementor-nav-menu--dropdown.elementor-nav-menu__container .elementor-sub-item {
    border-left: none;
}

.elementor-nav-menu--main .elementor-nav-menu .menu-item.menu-item-has-children>.elementor-sub-item.has-submenu[aria-expanded="true"] .sub-arrow {
    transform: rotate(0deg);
}

.elementor-nav-menu--main .elementor-nav-menu .menu-item.menu-item-has-children>.elementor-sub-item.has-submenu .sub-arrow svg {
    height: 12px;
    width: 12px;
}

/* Externer Link Pfeil */

.elementor-nav-menu--main .elementor-nav-menu .menu-item-has-children>a.elementor-item.has-submenu {
    padding-right: 25px;
}


.elementor-nav-menu--main .elementor-nav-menu .menu-item-has-children>a[target="_blank"]::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: auto;
    vertical-align: middle;
    background-color: currentColor !important;
    -webkit-mask-image: url("../assets/icons/external-link.svg");
    mask-image: url("../assets/icons/external-link.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    opacity: 1 !important;
    right: 10px;
}

.elementor-nav-menu--main .elementor-nav-menu .menu-item-has-children .sub-menu .menu-item>a[target="_blank"]::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: auto;
    vertical-align: middle;
    background-color: currentColor !important;
    -webkit-mask-image: url("../assets/icons/external-link.svg");
    mask-image: url("../assets/icons/external-link.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.elementor-nav-menu--main .elementor-nav-menu .menu-item-has-children a[target="_blank"] {
    display: flex;
    gap: 10px;
}

.elementor-nav-menu--main .elementor-nav-menu .menu-item .sub-menu .menu-item a {
    background-color: #fff !important;
    border-radius: 5px;
    padding: 10px 15px;
}

.elementor-nav-menu--main .elementor-nav-menu .menu-item .sub-menu .menu-item:not(:last-child) a {
    margin-bottom: 10px;
}

.elementor-nav-menu--main .elementor-nav-menu .menu-item .sub-menu .menu-item:last-child .elementor-sub-item {
    margin-bottom: 0;
}

.elementor-nav-menu--main .elementor-nav-menu .menu-item .sub-menu .menu-item:last-child .sub-menu .menu-item:not(:last-child) a {
    margin-bottom: 10px;
}

.elementor-nav-menu--main .elementor-nav-menu .menu-item .sub-menu .menu-item a:hover {
    background-color: #fff !important;
}

.elementor-nav-menu--main .elementor-nav-menu .menu-item .sub-menu {
    border-radius: 5px;
    padding: 20px;
    min-width: 200px !important;
    width: 100%;
}

.elementor-nav-menu--main .elementor-nav-menu .menu-item a:hover,
.elementor-nav-menu--main .elementor-nav-menu .menu-item a[aria-expanded="true"] {
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);
}

/* Styling for "Deine Stelle" Menu Item */
.elementor-nav-menu--main .elementor-nav-menu .deine-stelle.menu-item a::after {
    background-color: var(--grundfarbe_bja);
}

.elementor-nav-menu--main .elementor-nav-menu .deine-stelle.menu-item:hover a {
    background-color: var(--grundfarbe_hover_bja);
}

.elementor-nav-menu--main .elementor-nav-menu .deine-stelle.menu-item .sub-menu {
    background-color: var(--grundfarbe_bja);
}

/* Styling for "Fachstellen" Menu Item */

.elementor-nav-menu--main .elementor-nav-menu .fachstellen.menu-item a::after {
    background-color: var(--grundfarbe_fachstellen);
}

.elementor-nav-menu--main .elementor-nav-menu .fachstellen.menu-item:hover a {
    background-color: var(--grundfarbe_hover_fachstellen);
}

.elementor-nav-menu--main .elementor-nav-menu>.fachstellen.menu-item:hover>a {
    color: #fff !important;
}

.elementor-nav-menu--main .elementor-nav-menu .fachstellen.menu-item .sub-menu {
    background-color: var(--grundfarbe_fachstellen);
}

/* Styling for "Veranstaltungen" Menu Item */

.elementor-nav-menu--main .elementor-nav-menu .veranstaltungen.menu-item a::after {
    background-color: var(--grundfarbe_veranstaltungen);
}

.elementor-nav-menu--main .elementor-nav-menu .veranstaltungen.menu-item:hover a {
    background-color: var(--grundfarbe_hover_veranstaltungen);
}

.elementor-nav-menu--main .elementor-nav-menu>.veranstaltungen.menu-item:hover>a {
    color: #fff !important;
}

.elementor-nav-menu--main .elementor-nav-menu .veranstaltungen.menu-item .sub-menu {
    background-color: var(--grundfarbe_veranstaltungen);
}

/* Styling for "Service" Menu Item */

.elementor-nav-menu--main .elementor-nav-menu .service.menu-item a::after {
    background-color: var(--grundfarbe_service);
}

.elementor-nav-menu--main .elementor-nav-menu .service.menu-item:hover a {
    background-color: var(--grundfarbe_hover_service);
}

.elementor-nav-menu--main .elementor-nav-menu>.service.menu-item:hover>a {
    color: #fff !important;
}

.elementor-nav-menu--main .elementor-nav-menu .service.menu-item .sub-menu {
    background-color: var(--grundfarbe_service);
}

/* Styling for "Verbände" Menu Item */

.elementor-nav-menu--main .elementor-nav-menu .verbaende.menu-item a::after {
    background-color: var(--grundfarbe_verbaende);
}

.elementor-nav-menu--main .elementor-nav-menu .verbaende.menu-item:hover a {
    background-color: var(--grundfarbe_hover_verbaende);
}

.elementor-nav-menu--main .elementor-nav-menu>.verbaende.menu-item:hover>a {
    color: #fff !important;
}

.elementor-nav-menu--main .elementor-nav-menu .verbaende.menu-item .sub-menu {
    background-color: var(--grundfarbe_verbaende);
}

/* Styling for "Jugendstellen" Menu Item */
.elementor-nav-menu--main .elementor-nav-menu .jugendstellen.menu-item a::after {
    background-color: var(--grundfarbe_jugendstellen);
}

.elementor-nav-menu--main .elementor-nav-menu .jugendstellen.menu-item:hover a {
    background-color: var(--grundfarbe_hover_jugendstellen);
}

.elementor-nav-menu--main .elementor-nav-menu .jugendstellen.menu-item .sub-menu {
    background-color: var(--grundfarbe_jugendstellen);
}

/* Scroll-Logo */
.bja-scroll-logo {
    transition: opacity 0.3s ease;
}

.bja-logo--hidden {
    opacity: 0;
    pointer-events: none;
    display: none !important;
}

/* Scroll-Effekt: header-line-container ausblenden */
.header-line-container {
    max-height: 200px;
    overflow: hidden;
    transition: opacity 0.3s ease, max-height 0.3s ease;
}

.header-line-container.is-scrolled {
    opacity: 0;
    max-height: 0;
    pointer-events: none;
    padding: 0;
}

/* Dekorative Trennlinie unterhalb .header-line-container */
@media screen and (min-width: 1201px) {
    .header-line-container::after {
        content: '';
        display: block;
        width: 100%;
        height: 6px;
        background-image: url("data:image/svg+xml,%3Csvg width='1206' height='6' viewBox='0 0 1206 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-1.0252e-05 2.66663C-1.03653e-05 4.13939 1.1939 5.33329 2.66666 5.33329C4.13942 5.33329 5.33332 4.13939 5.33332 2.66663C5.33332 1.19387 4.13942 -4.06232e-05 2.66666 -4.07696e-05C1.1939 -4.09159e-05 -1.01387e-05 1.19387 -1.0252e-05 2.66663ZM1200 2.66674C1200 4.1395 1201.19 5.33341 1202.67 5.33341C1204.14 5.33341 1205.33 4.1395 1205.33 2.66675C1205.33 1.19399 1204.14 7.86399e-05 1202.67 7.84935e-05C1201.19 7.83471e-05 1200 1.19399 1200 2.66674ZM2.66666 2.66663L2.66666 3.16663L1202.67 3.16675L1202.67 2.66675L1202.67 2.16675L2.66666 2.16663L2.66666 2.66663Z' fill='%23C6C6C6'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        margin-top: 10px;
    }
}

.mm-ocd__content {
    --mm-ocd-width: 100%;
    --mm-ocd-max-width: 600px;
    z-index: 10;
    background: #F7F5F2;
    color: var(--e-global-color-text);
    --mm-spn-item-height: 62px;
    --mm-spn-item-indent: 10px;
    display: flex;
    flex-direction: column;
}

/* Zeile 1: Close-Leiste */
.bja-mmenu-closebar {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    height: var(--mm-spn-item-height, 62px);
    border-bottom: 1px solid #e0e0e0;
    background: #F7F5F2;
    box-sizing: border-box;
    overflow: hidden;
}

.bja-mmenu-close {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    width: 100%;
    height: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    background: none;
    border: none;
    cursor: pointer;
    color: var(--e-global-color-text);
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    background: var(--e-global-color-00db696);
}

.bja-mmenu-close svg {
    flex-shrink: 0;
    display: block;
    color: var(--e-global-color-text);
}

.bja-mmenu-close span {
    font-size: 16px;
    font-weight: normal;
}

.bja-mmenu-close:hover {
    opacity: 0.6;
}

/* Nav-Bereich scrollbar, füllt den verfügbaren Platz */
.mm-ocd__content>nav {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

/* Navbar-Titelzeile: Titel des aktuellen Panels */
.mm-spn.mm-spn--navbar::after {
    content: attr(data-mm-spn-title);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: var(--mm-spn-item-height, 62px);
    height: var(--mm-spn-item-height, 62px);
    line-height: var(--mm-spn-item-height, 62px);
    padding-left: calc(var(--mm-spn-item-indent, 10px) * 3 + 10px);
    font-size: 16px;
    color: var(--e-global-color-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 1;
    text-align: left;
    height: 50px;
    margin-left: 10px;
    font-weight: 700;
}

/* Hauptebene: kein Zurück-Pfeil, Titel nicht eingerückt */
.mm-spn.mm-spn--navbar.mm-spn--main::after {
    padding-left: var(--mm-spn-item-indent, 10px);
    right: var(--mm-spn-item-height, 62px);
    text-align: left;
    height: 50px;
}

/* Unterebene: statt Titel nur "Zurück" anzeigen */
.mm-spn.mm-spn--navbar:not(.mm-spn--main)::after {
    content: 'Zurück';
    font-weight: normal;
}

/* Unterebene: zweite Zeile für Titel als Direktlink */
.mm-spn.mm-spn--navbar:not(.mm-spn--main) ul {
    top: calc(var(--mm-spn-item-height, 62px) * 2 + 5px) !important;
}

.bja-mmenu-sublevel-link {
    display: none;
    /* JS setzt display: flex */
    position: absolute;
    top: var(--mm-spn-item-height, 62px);
    left: 0;
    right: 0;
    height: var(--mm-spn-item-height, 62px);
    align-items: center;
    gap: 8px;
    padding: 0 var(--mm-spn-item-indent, 10px);
    font-size: 15px;
    font-weight: 700;
    color: var(--e-global-color-text);
    text-decoration: none;
    justify-content: space-between;
    border-top: 2px solid var(--grundfarbe_bja);
    width: 95%;
    left: 2.5%;
}

.bja-mmenu-sublevel-link .bja-mmenu-sublevel-link__text {
    padding: 0;
    font-size: 16px;
    font-weight: 700;
}

.bja-mmenu-sublevel-link svg {
    margin-right: 7.5px;
}

.bja-mmenu-sublevel-link:hover {
    background: var(--e-global-color-b3fad13);
}

/* Zurück-Pfeil */
.mm-spn.mm-spn--navbar::before {
    content: '';
    display: block;
    position: absolute;
    top: calc(var(--mm-spn-item-height, 62px) / 2);
    left: var(--mm-spn-item-indent, 10px);
    width: 10px;
    height: 10px;
    border-top: 2px solid var(--e-global-color-text);
    border-left: 2px solid var(--e-global-color-text);
    transform: rotate(-45deg) translate(50%, -50%);
    opacity: 0.75;
}

/* Auf Hauptebene keinen Zurück-Pfeil */
.mm-spn.mm-spn--navbar.mm-spn--main::before {
    display: none;
}

/* Trennlinie unter Navbar-Header */
.mm-spn.mm-spn--navbar ul::before {
    content: '';
    display: block;
    position: sticky;
    top: 0;
    z-index: 2;
    width: 100%;
    border-top: 1px solid #e0e0e0;
    opacity: 1;
}

.mm-ocd__content .elementor-nav-menu__container {
    margin: 0;
}

.mm-ocd__content .elementor-nav-menu__container .menu-item a:hover,
.mm-ocd__content .elementor-nav-menu__container .menu-item .elementor-item-active,
.mm-ocd__content .elementor-nav-menu__container .menu-item a:focus,
.mm-ocd__content .elementor-nav-menu__container .menu-item a:active {
    color: var(--e-global-color-text) !important;
    background-color: transparent !important;
    padding: calc((var(--mm-spn-item-height) - var(--mm-spn-line-height))/ 2) var(--mm-spn-item-indent);
}

.mm-ocd__content .elementor-nav-menu__container .menu-item a::after {
    border-color: #B5B5B5;
    opacity: 1 !important;
}

.mm-ocd__content .elementor-nav-menu__container .menu-item:not(.menu-item-has-children)::before {
    opacity: 0;
    visibility: hidden;
    height: 0;
    width: 0;
}

.mm-ocd__content .elementor-nav-menu__container .elementor-nav-menu,
.mm-ocd__content .elementor-nav-menu__container .elementor-nav-menu .sub-menu {
    width: 100%;
    padding: 10px;
    background: #F7F5F2;
}

.mm-spn a {
    font-size: 16px !important;
    font-weight: normal !important;
}

.mm-spn li {
    border-radius: 5px;
    background: var(--e-global-color-3e57056);
    margin-bottom: 10px;
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.25);
    border-bottom: 3px solid var(--grundfarbe_bja, #F3963F);
    max-height: 61px;
}

.mm-spn li a:hover {
    color: var(--e-global-color-text) !important;
    background-color: transparent !important;
}

/* Kategorie-Farben als border-bottom – Oberpunkt + alle Unterpunkte */
.mm-spn li.deine-stelle,
.mm-spn li.deine-stelle ul li {
    border-bottom-color: var(--grundfarbe_bja, #F3963F);
}

.mm-spn li.fachstellen,
.mm-spn li.fachstellen ul li {
    border-bottom-color: var(--grundfarbe_fachstellen);
}

.mm-spn li.veranstaltungen,
.mm-spn li.veranstaltungen ul li {
    border-bottom-color: var(--grundfarbe_veranstaltungen);
}

.mm-spn li.service,
.mm-spn li.service ul li {
    border-bottom-color: var(--grundfarbe_service);
}

.mm-spn li.verbaende,
.mm-spn li.verbaende ul li {
    border-bottom-color: var(--grundfarbe_verbaende);
}

.mm-spn li.jugendstellen,
.mm-spn li.jugendstellen ul li {
    border-bottom-color: var(--grundfarbe_jugendstellen);
}

/* Pfeilbereich (rechte 62px):
   background-color = Hintergrundfläche (transparent by default, Kategoriefarbe on hover)
   background-image = SVG-Pfeil (Pfeilfarbe direkt im SVG fill='%23xxxxxx' anpassen) */
.mm-spn li.menu-item-has-children::before {
    top: 0;
    right: 0;
    height: 100%;
    width: 62px;
    transform: rotate(0deg);
    border: none;
    opacity: 1;
    content: '';
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%232A2A2A' d='M4.64397 5.455L0.170332 0.971819C0.0518051 0.859654 -0.00486322 0.727316 0.00032653 0.574804C0.00551628 0.422126 0.067375 0.289787 0.185902 0.177789C0.304262 0.0592624 0.440701 0 0.595222 0C0.749742 0 0.886265 0.0592624 1.00479 0.177789L5.774 4.94699C5.85134 5.02434 5.90834 5.10327 5.94501 5.1838C5.98167 5.26415 6 5.35456 6 5.455C6 5.54909 5.98167 5.63798 5.94501 5.72169C5.90834 5.80539 5.85134 5.88592 5.774 5.96326L0.989223 10.7478C0.877225 10.8599 0.74497 10.915 0.592458 10.913C0.43978 10.911 0.304261 10.8508 0.185902 10.7325C0.0673746 10.6139 0.00811065 10.4774 0.00811065 10.3229C0.00811066 10.1684 0.0673746 10.0319 0.185902 9.91332L4.64397 5.455Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 6px 11px;
}

/* Mobile Menu Hover Effekt: Hintergrundfarbe der Kategorie-Farbe */
/* Elternelement-Hover (nicht aktiv, wenn ::before gehovert wird) */
.mm-spn li.deine-stelle:not(.is-before-hover) .elementor-item:hover,
.mm-spn li.deine-stelle ul li:not(.is-before-hover) .elementor-sub-item:hover {
    background-color: var(--grundfarbe_hover_bja, #F3963F) !important;
}

/* ::before-Hover */
.mm-spn li.deine-stelle.menu-item-has-children.is-before-hover::before,
.mm-spn li.deine-stelle ul li.menu-item-has-children.is-before-hover::before {
    background-color: var(--grundfarbe_hover_bja, #F3963F) !important;
}

.mm-spn li.fachstellen:not(.is-before-hover) .elementor-item:hover,
.mm-spn li.fachstellen ul li:not(.is-before-hover) .elementor-sub-item:hover {
    background-color: var(--grundfarbe_hover_fachstellen) !important;
    color: var(--e-global-color-3e57056) !important;
}

.mm-spn li.fachstellen.menu-item-has-children.is-before-hover::before,
.mm-spn li.fachstellen ul li.menu-item-has-children.is-before-hover::before {
    background-color: var(--grundfarbe_hover_fachstellen) !important;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M4.64397 5.455L0.170332 0.971819C0.0518051 0.859654 -0.00486322 0.727316 0.00032653 0.574804C0.00551628 0.422126 0.067375 0.289787 0.185902 0.177789C0.304262 0.0592624 0.440701 0 0.595222 0C0.749742 0 0.886265 0.0592624 1.00479 0.177789L5.774 4.94699C5.85134 5.02434 5.90834 5.10327 5.94501 5.1838C5.98167 5.26415 6 5.35456 6 5.455C6 5.54909 5.98167 5.63798 5.94501 5.72169C5.90834 5.80539 5.85134 5.88592 5.774 5.96326L0.989223 10.7478C0.877225 10.8599 0.74497 10.915 0.592458 10.913C0.43978 10.911 0.304261 10.8508 0.185902 10.7325C0.0673746 10.6139 0.00811065 10.4774 0.00811065 10.3229C0.00811066 10.1684 0.0673746 10.0319 0.185902 9.91332L4.64397 5.455Z'/%3E%3C/svg%3E") !important;
}

.mm-spn li.veranstaltungen:not(.is-before-hover) .elementor-item:hover,
.mm-spn li.veranstaltungen ul li:not(.is-before-hover) .elementor-sub-item:hover {
    background-color: var(--grundfarbe_hover_veranstaltungen) !important;
    color: var(--e-global-color-3e57056) !important;
}

.mm-spn li.veranstaltungen.menu-item-has-children.is-before-hover::before,
.mm-spn li.veranstaltungen ul li.menu-item-has-children.is-before-hover::before {
    background-color: var(--grundfarbe_hover_veranstaltungen) !important;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M4.64397 5.455L0.170332 0.971819C0.0518051 0.859654 -0.00486322 0.727316 0.00032653 0.574804C0.00551628 0.422126 0.067375 0.289787 0.185902 0.177789C0.304262 0.0592624 0.440701 0 0.595222 0C0.749742 0 0.886265 0.0592624 1.00479 0.177789L5.774 4.94699C5.85134 5.02434 5.90834 5.10327 5.94501 5.1838C5.98167 5.26415 6 5.35456 6 5.455C6 5.54909 5.98167 5.63798 5.94501 5.72169C5.90834 5.80539 5.85134 5.88592 5.774 5.96326L0.989223 10.7478C0.877225 10.8599 0.74497 10.915 0.592458 10.913C0.43978 10.911 0.304261 10.8508 0.185902 10.7325C0.0673746 10.6139 0.00811065 10.4774 0.00811065 10.3229C0.00811066 10.1684 0.0673746 10.0319 0.185902 9.91332L4.64397 5.455Z'/%3E%3C/svg%3E") !important;
}

.mm-spn li.service:not(.is-before-hover) .elementor-item:hover,
.mm-spn li.service ul li:not(.is-before-hover) .elementor-sub-item:hover {
    background-color: var(--grundfarbe_hover_service) !important;
    color: var(--e-global-color-3e57056) !important;
}

.mm-spn li.service.menu-item-has-children.is-before-hover::before,
.mm-spn li.service ul li.menu-item-has-children.is-before-hover::before {
    background-color: var(--grundfarbe_hover_service) !important;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M4.64397 5.455L0.170332 0.971819C0.0518051 0.859654 -0.00486322 0.727316 0.00032653 0.574804C0.00551628 0.422126 0.067375 0.289787 0.185902 0.177789C0.304262 0.0592624 0.440701 0 0.595222 0C0.749742 0 0.886265 0.0592624 1.00479 0.177789L5.774 4.94699C5.85134 5.02434 5.90834 5.10327 5.94501 5.1838C5.98167 5.26415 6 5.35456 6 5.455C6 5.54909 5.98167 5.63798 5.94501 5.72169C5.90834 5.80539 5.85134 5.88592 5.774 5.96326L0.989223 10.7478C0.877225 10.8599 0.74497 10.915 0.592458 10.913C0.43978 10.911 0.304261 10.8508 0.185902 10.7325C0.0673746 10.6139 0.00811065 10.4774 0.00811065 10.3229C0.00811066 10.1684 0.0673746 10.0319 0.185902 9.91332L4.64397 5.455Z'/%3E%3C/svg%3E") !important;
}

.mm-spn li.verbaende:not(.is-before-hover) .elementor-item:hover,
.mm-spn li.verbaende ul li:not(.is-before-hover) .elementor-sub-item:hover {
    background-color: var(--grundfarbe_hover_verbaende) !important;
    color: var(--e-global-color-3e57056) !important;
}

.mm-spn li.verbaende.menu-item-has-children.is-before-hover::before,
.mm-spn li.verbaende ul li.menu-item-has-children.is-before-hover::before {
    background-color: var(--grundfarbe_hover_verbaende) !important;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M4.64397 5.455L0.170332 0.971819C0.0518051 0.859654 -0.00486322 0.727316 0.00032653 0.574804C0.00551628 0.422126 0.067375 0.289787 0.185902 0.177789C0.304262 0.0592624 0.440701 0 0.595222 0C0.749742 0 0.886265 0.0592624 1.00479 0.177789L5.774 4.94699C5.85134 5.02434 5.90834 5.10327 5.94501 5.1838C5.98167 5.26415 6 5.35456 6 5.455C6 5.54909 5.98167 5.63798 5.94501 5.72169C5.90834 5.80539 5.85134 5.88592 5.774 5.96326L0.989223 10.7478C0.877225 10.8599 0.74497 10.915 0.592458 10.913C0.43978 10.911 0.304261 10.8508 0.185902 10.7325C0.0673746 10.6139 0.00811065 10.4774 0.00811065 10.3229C0.00811066 10.1684 0.0673746 10.0319 0.185902 9.91332L4.64397 5.455Z'/%3E%3C/svg%3E") !important;
}

.mm-spn li.jugendstellen:not(.is-before-hover) .elementor-item:hover,
.mm-spn li.jugendstellen ul li:not(.is-before-hover) .elementor-sub-item:hover {
    background-color: var(--grundfarbe_hover_jugendstellen) !important;
}

.mm-spn li.jugendstellen.menu-item-has-children.is-before-hover::before,
.mm-spn li.jugendstellen ul li.menu-item-has-children.is-before-hover::before {
    background-color: var(--grundfarbe_hover_jugendstellen) !important;
}

/* === Extra-Menü-Links (gleicher Stil wie mm-spn li, neutrale Farbe) === */
.bja-mmenu-extras {
    padding: 10px 10px 0;
}

.bja-mmenu-extras .bja-mmenu-extras__title {
    font-weight: 700;
}

/* Extras + Social nur auf der ersten Ebene sichtbar */
.mm-ocd__content:has(nav:not(.mm-spn--main)) .bja-mmenu-extras,
.mm-ocd__content:has(nav:not(.mm-spn--main)) .bja-mmenu-social {
    display: none;
}

.bja-mmenu-extras ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.bja-mmenu-extras ul li {
    border-radius: 5px;
    background: #fff;
    margin-bottom: 10px;
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.25);
    border-bottom: 3px solid #cccccc;
}

.bja-mmenu-extras ul li a {
    display: block;
    padding: 0 var(--mm-spn-item-indent, 10px);
    height: var(--mm-spn-item-height, 62px);
    line-height: var(--mm-spn-item-height, 62px);
    font-size: 16px;
    color: #1a1a1a;
    text-decoration: none;
}

.bja-mmenu-extras ul li a:hover {
    background: var(--grundfarbe_hover_bja, #F3963F);
    border-radius: 5px;
}

.bja-mmenu-social {
    display: flex;
    gap: 15px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 0 5px;
}