/* Header */

/* 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: #487b4c;
    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 {
    bottom: 10%;
}

.et-social-facebook.icon.menu-item i.fa-facebook:before {
    font-family: ETmodules!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    content: "\e093";
}

/* Logo */
@media only screen and ( max-width: 767px ) {
    #logo {
        height: 70% !important;
        max-height: 70% !important;
        width: auto;
        max-width: 75% !important;
    }
}

/* Warenkorb */

a.et-cart-info {
    display: none;
}

/* Ende Navigation */

/* Mobile Navigation */

/* Ende Mobile Navigation */

/* Seitenheader */

#seitenheader {
    height:75vh;
    background-image: linear-gradient(170deg,#487b4c 25%,#dddd66 100%)!important;
}

#seitenheader .et_pb_bottom_inside_divider {
    background-size: 100% 150px;
    height: 150px;
}

/* Ende Seitenheader */


/* Pageheader */

#pageheader {
    background-size: cover!important;
    background-repeat: no-repeat;
    background-position: center;
}

@media only screen and ( min-width: 1100px ) {
    #pageheader {
        height:420px;
    }
}
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {
    #pageheader {
        height:400px;
    }
}

@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
    #pageheader {
        height:300px;
    }
}

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

@media only screen and ( max-width: 479px ) {
    #pageheader {
        height:150px;
    }
}

.post-type-archive-product #pageheader, .tax-product_cat #pageheader, .single-product #pageheader {
    display: none;
}