#main-header {
    box-shadow: 0 5px 0 rgba(174, 21, 44, 1);
    -moz-box-shadow: 0 5px 0 rgba(174, 21, 44, 1);
    -webkit-box-shadow: 0 5px 0 rgba(174, 21, 44, 1);
    max-width: 1920px;
}

@media only screen and (min-width: 981px) {

    .et_menu_container,
    .et_fullwidth_nav #main-header .container {
        width: 1400px;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 981px) and (max-width: 1080px) {
    #top-menu li {
        padding-right: 2px;
        font-size: 13px;
    }
}

@media only screen and (min-width: 1081px) and (max-width: 1200px) {
    #top-menu li {
        padding-right: 8px;
    }
}

/* Navigation */
#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
}

#top-menu li a:before {
    content: "";
    position: absolute;
    z-index: -2;
    left: 0;
    right: 100%;
    bottom: 58%;
    background: #ae152c;
    height: 2px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

#top-menu li a:hover {
    opacity: 1 !important;
}

#top-menu li a:hover:before {
    right: 0;
}



#top-menu li li a:before {
    height: 0;
}

#top-menu li li:hover a {
    color: #ae152c;
}

.nav>li>ul {
    border-top: 3px solid #ae152c;
}

/* Ende Navigation */

/* Mobile Navigation */

/* Ende Mobile Navigation */

/* Seitenheader */

#topheader {
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center bottom !important;
    min-height: 70vh;
}

@media (min-width: 1921px) {
    #topheader {
        height: 550px;
        min-height: unset;
    }
}

.page-id-69 #topheader,
.page-id-139 #topheader,
.page-id-94 #topheader {
    background-position: center !important;
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
    #topheader {
        min-height: 40vh;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    #topheader {
        min-height: 30vh;
    }
}

@media only screen and (max-width: 479px) {
    #topheader {
        min-height: 30vh;
    }
}

body.search #topheader {
    display: none;
}


/*********************************
style mobile fixed header
*********************************/

@media (max-width: 980px) {

    .et_non_fixed_nav.et_transparent_nav #main-header,
    .et_non_fixed_nav.et_transparent_nav #top-header,
    .et_fixed_nav #main-header,
    .et_fixed_nav #top-header {

        position: fixed;

    }
}

.et_mobile_menu {
    overflow: scroll !important;

    max-height: 83vh;

}