/*!
 * CrowdFlow globales mobiles Menü
 * @version 1.27.3
 */

/*
 * Astra setzt die Hintergründe des mobilen Menüs an mehreren verschachtelten
 * Elementen. Alle Ebenen erhalten deshalb dieselbe Fläche, damit weder beim
 * Öffnen noch zwischen einzelnen Links helle Streifen sichtbar werden.
 */
body #masthead .ast-mobile-header-content,
body #masthead .ast-builder-menu-mobile,
body #masthead #ast-mobile-site-navigation,
body #masthead #ast-mobile-site-navigation .main-navigation,
body #masthead #ast-mobile-site-navigation .main-header-menu,
body #masthead #ast-mobile-site-navigation .menu-item,
body #masthead #ast-mobile-site-navigation .menu-link {
    background: #151412 !important;
    background-color: #151412 !important;
    background-image: none !important;
}

body #masthead #ast-mobile-site-navigation .menu-link {
    color: #fff !important;
    border-color: rgba(255, 255, 255, .1) !important;
}

body #masthead #ast-mobile-site-navigation .menu-item:hover > .menu-link,
body #masthead #ast-mobile-site-navigation .menu-link:focus-visible,
body #masthead #ast-mobile-site-navigation .current-menu-item > .menu-link,
body #masthead #ast-mobile-site-navigation .current_page_item > .menu-link {
    color: #ff8a3d !important;
    background: #211f1c !important;
    background-color: #211f1c !important;
}

/* Helles Gastformular: Menü übernimmt die klare, helle Formularfläche. */
body:is(.djtk-guest-page-theme--clear, .cw-guest-page-theme--clear)
    #masthead :is(.ast-mobile-header-content, .ast-builder-menu-mobile, #ast-mobile-site-navigation,
    #ast-mobile-site-navigation .main-navigation, #ast-mobile-site-navigation .main-header-menu,
    #ast-mobile-site-navigation .menu-item, #ast-mobile-site-navigation .menu-link) {
    background: #f4f2ed !important;
    background-color: #f4f2ed !important;
    background-image: none !important;
}

body:is(.djtk-guest-page-theme--clear, .cw-guest-page-theme--clear)
    #masthead #ast-mobile-site-navigation .menu-link {
    color: #242931 !important;
    border-color: rgba(36, 43, 51, .16) !important;
}

body:is(.djtk-guest-page-theme--clear, .cw-guest-page-theme--clear)
    #masthead #ast-mobile-site-navigation :is(.menu-item:hover, .current-menu-item, .current_page_item) > .menu-link,
body:is(.djtk-guest-page-theme--clear, .cw-guest-page-theme--clear)
    #masthead #ast-mobile-site-navigation .menu-link:focus-visible {
    color: #242931 !important;
    background: #e7e4de !important;
    background-color: #e7e4de !important;
}

/* Champagner-Gastformular: warme Menüfläche und die vorhandenen Brauntöne. */
body:is(.djtk-guest-page-theme--champagne, .cw-guest-page-theme--champagne)
    #masthead :is(.ast-mobile-header-content, .ast-builder-menu-mobile, #ast-mobile-site-navigation,
    #ast-mobile-site-navigation .main-navigation, #ast-mobile-site-navigation .main-header-menu,
    #ast-mobile-site-navigation .menu-item, #ast-mobile-site-navigation .menu-link) {
    background: #efe2ce !important;
    background-color: #efe2ce !important;
    background-image: none !important;
}

body:is(.djtk-guest-page-theme--champagne, .cw-guest-page-theme--champagne)
    #masthead #ast-mobile-site-navigation .menu-link {
    color: #45372b !important;
    border-color: rgba(118, 87, 56, .22) !important;
}

body:is(.djtk-guest-page-theme--champagne, .cw-guest-page-theme--champagne)
    #masthead #ast-mobile-site-navigation :is(.menu-item:hover, .current-menu-item, .current_page_item) > .menu-link,
body:is(.djtk-guest-page-theme--champagne, .cw-guest-page-theme--champagne)
    #masthead #ast-mobile-site-navigation .menu-link:focus-visible {
    color: #45372b !important;
    background: #e3d2b8 !important;
    background-color: #e3d2b8 !important;
}