/*NAVI TRANS HOME*/ 

.mobile-logo-dark{
   display: none !important;
}

#transwhite .top-bar{
   background: transparent !important;
}

#transwhite .top-bar.navbar-light .header-social-icon > a, #transwhite .top-bar.navbar-light, 
#transwhite .top-bar.navbar-light .header-search-icon > a, #transwhite .menu-sprache-menu-en-container a, 
#transwhite .menu-sprache-menu-container a{
    color: #fff;
}

#transwhite .bg-light{
    background-color: transparent!important;
}


.header-with-topbar.sticky.header-appear#transwhite .bg-light{
    background-color: #fff !important;
}

#transwhite .header-with-topbar.sticky.header-appear{
    background-color: #fff !important;
}

#transwhite .box-shadow-extra-large{
    box-shadow: none;
}

#transwhite #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    
    color: #fff;
}
.header-with-topbar.sticky.header-appear#transwhite #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
 color: #000 ;
}

#transwhite #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {
    
    color: #cb1517 !important;
}

#transwhite .highlight.alt-font a{
 color: #fff;
}

.header-with-topbar.sticky.header-appear#transwhite .highlight.alt-font a{
    color: #000;
}





/* Navigation breakpoint start */
@media (max-width: 991px) {
    body.mega-menu-primary-mobile-open header#transwhite{

    }
    body.mega-menu-primary-mobile-open header#transwhite .navbar-expand-lg>.container-fluid{
       background: #fff;
    }
    body.mega-menu-primary-mobile-open header#transwhite #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, body.mega-menu-primary-mobile-open header#transwhite #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after{
       background-color: #333;
    }
    body.mega-menu-primary-mobile-open header#transwhite .highlight.alt-font a {
        color: #333;
    }

    body.mega-menu-primary-mobile-open header#transwhite .top-bar {
        background: #fff !important;
            -webkit-transition-duration: 0s;
        -moz-transition-duration: 0s;
        -ms-transition-duration: 0s;
        -o-transition-duration: 0s;
        transition-duration: 0s;
    }

    body header#transwhite .top-bar {
        -webkit-transition-duration: 0s;
        -moz-transition-duration: 0s;
        -ms-transition-duration: 0s;
        -o-transition-duration: 0s;
        transition-duration: 0s;
    }

    body header#transwhite .mobile-logo{
       display: block;
    }
    body.mega-menu-primary-mobile-open header#transwhite .mobile-logo{
       display: none!important;
    }
    body header#transwhite .mobile-logo-dark.fortrans{
       display: none;
    }

    body.mega-menu-primary-mobile-open header#transwhite .mobile-logo-dark.fortrans{
       display: block!important;
    }

    body header#transwhite .top-bar.navbar-light .header-social-icon > a, body header#transwhite .top-bar.navbar-light, body header#transwhite .top-bar.navbar-light .header-search-icon > a, body header#transwhite .menu-sprache-menu-en-container a, body header#transwhite .menu-sprache-menu-container a {
        color: #fff;
    }


    body.mega-menu-primary-mobile-open header#transwhite .top-bar.navbar-light .header-social-icon > a, body.mega-menu-primary-mobile-open header#transwhite .top-bar.navbar-light, body.mega-menu-primary-mobile-open header#transwhite .top-bar.navbar-light .header-search-icon > a, body.mega-menu-primary-mobile-open header#transwhite .menu-sprache-menu-en-container a, body.mega-menu-primary-mobile-open header#transwhite .menu-sprache-menu-container a {
        color: #333;
    }
    body.mega-menu-primary-mobile-open header#transwhite .top-bar.navbar-light{
       color: #333;
           border-bottom: 1px solid rgb(0 0 0 / 10%) !important;
    }
    body.mega-menu-primary-mobile-open header#transwhite .top-bar.navbar-light .header-social-icon > a:hover, body.mega-menu-primary-mobile-open header#transwhite .top-bar.navbar-light .header-search-icon > a:hover, body.mega-menu-primary-mobile-open header#transwhite .menu-sprache-menu-en-container a:hover, body.mega-menu-primary-mobile-open header#transwhite .menu-sprache-menu-container a:hover {
        color: #C91517!important;
    }


     

    

       #transwhite #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, #transwhite #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, #transwhite #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after{
        background-color: #fff;
    }

    #transwhite #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
        color: #000;
    }

    .sticky#transwhite #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, .sticky#transwhite #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, .sticky#transwhite #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after{
        background-color: #000;
    }

    .sticky#transwhite .mobile-logo-dark{
       display: block !important;
    }

    body header.sticky#transwhite .mobile-logo-dark.fortrans {
       display: none !important;
    }
    .sticky#transwhite .mobile-logo{
       display: none !important;
    }

}