/**
Theme Name: Astra Child
Author: Brainstorm Force
Template: astra
*/

/* =========================
   1. ALLGEMEIN
========================= */
.hfe-before-footer-wrap, .js-hide-before-footer { display: none; visibility: hidden; }

.main-navigation {
    font-family: 'Cinzel Decorative', display;
    font-weight: bold;
    font-size: 20px;
}

.ast-icon, .ast-icon-arrow svg { fill: currentColor !important; color: inherit !important; }

/* =========================
   2. DESKTOP & TABLET (ab 922px)
========================= */
@media (min-width: 922px) {
    .main-header-bar, .main-header-bar .ast-container { background-color: transparent !important; }
    .main-header-bar { padding: 25px 0 10px; }

    .main-header-bar-navigation .main-header-menu > li > .menu-link {
        background-color: white !important;
        color: var(--ast-global-color-0) !important;
        border-radius: 10px;
        padding: 8px 22px;
        margin-left: 15px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 48px;
        min-width: 160px;
        transition: all 0.3s ease;
    }

    .main-header-bar-navigation .sub-menu {
        background-color: white !important;
        border-radius: 12px;
        box-shadow: 0 12px 30px rgba(0,0,0,0.15) !important;
        border: none !important;
        padding: 10px 0 !important;
        top: 100% !important;
        left: 15px !important;    
        margin-top: 8px !important;
        min-width: 220px !important;
        visibility: hidden; opacity: 0;
        position: absolute !important;
        transition: all 0.2s ease;
        z-index: 9999;
    }

    .main-header-bar-navigation .sub-menu .menu-link {
        color: var(--ast-global-color-0) !important;
        padding: 12px 20px !important;
        display: block !important;
        font-size: 18px !important;
        text-align: left !important;
    }

    .main-header-bar-navigation .menu-item:hover > .menu-link { color: var(--ast-global-color-1) !important; }
    .main-header-bar-navigation .main-header-menu > li:hover > .sub-menu { visibility: visible; opacity: 1; }
}

/* =========================
   3. MOBILE (FINALES DESIGN)
========================= */
@media (max-width: 921px) {
    
    /* Hamburger Farbe */
    .ast-mobile-menu-buttons .ast-button-wrap .ast-icon { color: white !important; }

    /* Die Card-Position */
    .ast-header-break-point .main-header-bar-navigation .main-header-menu {
        background-color: white !important;
        margin: -30px 15px 10px auto !important; 
        padding: 0 !important;
        border-radius: 12px !important;
        box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;
        display: block !important;
        max-width: 260px !important; 
        overflow: visible !important;
    }

    /* Menü-Links & Pfeile entfernen */
    .ast-header-break-point .main-header-menu .menu-item > .menu-link {
        background-color: transparent !important;
        color: var(--ast-global-color-0) !important;
        padding: 15px 20px !important;
        line-height: 1.2 !important;
        border-bottom: 1px solid rgba(0,0,0,0.06) !important;
        justify-content: center !important;
        display: flex !important;
        font-size: 17px !important;
    }

    /* Entfernt die kleinen ">" vor den Submenü-Punkten */
    .ast-header-break-point .sub-menu .menu-link::before {
        display: none !important;
        content: "" !important;
    }

    /* BLAUER DROPDOWN BUTTON (Pfeil-Bereich) */
    .ast-header-break-point .ast-sub-menu-toggle {
        background-color: #2c5d8f !important; /* Dein Blau */
        color: white !important;
        border-radius: 50% !important;
        right: 10px !important;
        top: 5px !important;
        height: 40px !important;
        width: 40px !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        border: 2px solid white !important;
        box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
    }

    /* Submenü Design */
    .ast-header-break-point .main-header-menu .sub-menu {
        background-color: rgba(0,0,0,0.03) !important;
        display: none;
        position: relative !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .menu-item.ast-submenu-expanded > .sub-menu { display: block !important; }

    .ast-header-break-point .sub-menu .menu-link {
        padding: 12px 20px !important;
        font-size: 15px !important;
        border-bottom: 1px solid rgba(0,0,0,0.03) !important;
    }

    .ast-header-break-point .main-header-menu .menu-item:last-child > .menu-link,
    .ast-header-break-point .main-header-menu .sub-menu li:last-child > .menu-link { border-bottom: none !important; }

    .main-header-bar-navigation .current-menu-item > .menu-link { text-decoration: underline !important; }
}

/* =========================
   4. SONSTIGES
========================= */
.wps-widget--team .wps-team--member-title { font-family: "Cinzel Decorative"; font-size: x-large; font-weight: 700; }
.elementor-element-bb0dd39 { display: none !important; }

#twae-wrapper-b1de11a {
	min-height: 920px !important;
}

#twae-timeline-b1de11a {
	min-height: 900px !important;
}