/*
 * Platz für eigene Änderungen direkt als CSS
 * Die hier gemachten Änderungen überschreiben ggfs. andere Styles, da diese Datei als letzte geladen wird.
 */

/* top-bar */

#header-top-bar.d-none {
    display:block !important
}

#css-usp {
    display:flex;
    width:100%;
    background-color:#788725;
    color:#fff;
    border-bottom:1px solid #c3c3c3;
    padding:0.6rem 1rem !important;
}

#css-usp .hotline,
#css-usp .fa {
    color:#fff;
    text-transform:uppercase
}


#header-top-bar .container-fluid > div,
#header-top-bar .container-fluid {
    padding:0;
}

#css-usp .fas,
#css-usp a {
    color:#fff !important;
}

#css-usp a:hover {
    color:#FFD700 !important;
}

.is-checkout #css-usp {
    display:none !important;
}

/* top bar */







/* header */

.container-fluid.hide-navbar {
    max-width:103.125rem;
}



header {
    background-color:#f5f5f5
}
header >.container-fluid:not(.hide-navbar) {
    background-color: #b9980b;
}

#header-top-bar a:hover:not(.dropdown-item):not(.btn), header a:hover:not(.dropdown-item):not(.btn) {
    background-color:transparent;
}

header a:hover .fas:not(.fa-search), a:hover .cart-icon-dropdown-price {
    color: #788725;
    background-color:transparent;
}
header .fas:not(.fa-search), .cart-icon-dropdown-price {
    color: #b9980b;
}

@media(min-width:992px) {
    header .nav-mobile-body {
        max-width:103.125rem;
        margin:auto;
    }
    .toggler-logo-wrapper .logo-wrapper {
        padding-left:0
    }
    header .navbar-nav > .nav-item.dropdown-full .dropdown-body {
        max-width:103.125rem;
        margin:0 auto+0.5rem;
        background-color:#fff;
    }
    header .navbar-nav > .nav-item.dropdown-full .dropdown-menu {
        background-color:transparent;
    }

    .categories-recursive-link:hover {
        -webkit-box-shadow: 2px 2px 8px 0 rgba(106, 106, 106, 0.4);
        box-shadow: 2px 2px 8px 0 rgb(106 106 106 / 40%);
    }


    header .navbar-nav .dropdown .nav-item {
        width: 100%;
        text-align:center;
    }
    header .submenu-headline-image {
        margin: 0 auto;
        width:150px;
    }
    .categories-recursive-link {
        padding:0.5rem;
        margin-bottom:0;
        border:1px solid #c3c3c3;
        height:100%
    }

    header .navbar-nav > .nav-item > .nav-link::before {
        border-color: #788725;
    }
    #mainNavigation .nav-home-button a {
        padding:0.5rem 2rem 0 2rem;
    }

    #mainNavigation .nav-home-button:hover {
        background-color:#788725;
    }
    #mainNavigation .nav-home-button a:before {
        display:none;
       }
}

.subcategory-wrapper .text-truncate {
    overflow: hidden;
    text-overflow: unset;
    white-space: normal;
    line-height: normal;
}


@media(max-width:991.98px){
    .container-fluid.hide-navbar .navbar {
        background-color:#b9980b;
        color:#fff;
    }
    .toggler-logo-wrapper .burger-menu-wrapper {
        padding-top: 0
    }

    #burger-menu,
    #shop-nav >li .fas {
        color:#fff;
    }
    .container-fluid.hide-navbar {
        position:relative;
        padding-top:95px;
    }
    #logo {
        position:absolute;
        left:0;
        right:0;
        top:0;
        text-align:center;
    }

    header .navbar-brand img {
        height: 5rem;
        width: auto;
        max-width:80%;
    }

    header .nav-mobile-body {
        background-color: #b9980b;
    }


}


@media(min-width:992px) {
    header .navbar-brand img {
        height: 95px;
    }
}

.css-content-usp {
    padding: 0.5rem 2rem;
    margin-bottom:1.5rem;
}

.css-content-usp .py-3 {
    max-width:100%;
    min-width:33%;
    flex-grow:1;
    padding:0.5rem !important;
    white-space:nowrap;
}

.css-content-usp .d-flex {
    margin-bottom:.5rem;
}

@media(max-width:767.88px) {
    .css-content-usp .py-3 {
        min-width:50%;
    }
}
@media(max-width:575.88px) {
    .css-content-usp .py-3 {
        min-width:100%;
    }
}

.is-checkout #content-wrapper:not(.has-fluid) {
    padding-top: 1rem;
}


/* sidebar */

.box-categories  .dropdown .collapse, .box-linkgroup .dropdown .collapse {
    background: #F6EFD0;
}





/* content */

.sub-categories {
    padding:0.5rem;
    margin-bottom:0;
    border:1px solid #c3c3c3;
    height:100%
}
.sub-categories:hover {
    -webkit-box-shadow: 0 0 5px 1px rgba(106, 106, 106, 0.4);
    box-shadow: 0 0 5px 1px rgba(106, 106, 106, 0.4);
}

#content-wrapper {
    background-color:#fff;
    -webkit-box-shadow: 0 0 5px 1px rgba(106, 106, 106, 0.1);
    box-shadow: 0 0 5px 1px rgba(106, 106, 106, 0.1);
}


#main-wrapper {
    background: #f5f5f5;
}


#content-wrapper:not(.has-fluid) {
    padding-top: 0;
}

/* product */

.bootstrap-select.custom-select.show button.dropdown-toggle, .bootstrap-select.custom-select.show button:not(.navbar-toggler)[data-toggle="collapse"],
.bootstrap-select.custom-select button.dropdown-toggle:hover, .bootstrap-select.custom-select button:not(.navbar-toggler)[data-toggle="collapse"]:hover, .bootstrap-select.custom-select button.dropdown-toggle:focus, .bootstrap-select.custom-select button:not(.navbar-toggler)[data-toggle="collapse"]:focus,
.bootstrap-select.custom-select button.dropdown-toggle, .bootstrap-select.custom-select button:not(.navbar-toggler)[data-toggle="collapse"] {
    background: #778624;
    color: #fff;
}

.variations dt {
    font-weight: bold;
    color:#778624;
}

/* productlist */

@media(min-width:768px) {
    .content-cats-small .caption {
        font-weight: bold;
        font-size: 1.0rem;
    }
}

.btn-outline-secondary:hover,
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle, .show > .btn-outline-secondary:not(.navbar-toggler)[data-toggle="collapse"] {
    border-color: #b9980b;
    background-color: #b9980b;
    color: #fff;
}

.dropdown a:hover {
    border-color: #b9980b;
    background-color: #b9980b;
    color: #fff;
}

#product-list .layout-list .product-wrapper:not(:last-child) .productbox{
    border-width:0;
}
.layout-list .productbox {
    border-bottom:1px solid #b9980b;
}
/* footer */

#footer .productlist-filter-headline {
    border-bottom: 1px solid #ebebeb;
    font-size: 0.875rem;
    font-weight: 700;
    font-family: "Open Sans", sans-serif;
    padding-bottom: 0;
    text-transform:uppercase;
    display:block !important;
}
#footer .collapse {
    display:block !important;
}

#footer a:hover {
    color:#FFD700 !important;
}
footer p {
    line-height:1.5rem
}


#footer .box-normal-link.dropdown-toggle {
    display:none !important;
}

.nowrap {
    white-space:nowrap;
}

a.text-yellow,
.text-yellow {
    color:#FFD700 !important;
}

.variation.dropdown-item:hover,
.variation.active.dropdown-item:hover,
.variation.active.dropdown-item:hover a,
.variation.active.dropdown-item {
    background-color:#b9980b;
    color:#fff;
}
.dropdown-menu,
.card-gray .card-header,
.card-gray .card-body {
    background: #F6EFD0;
}

.card-header {
    border-bottom:1px solid #b9980b
}


.is-checkout header, .is-checkout .navbar {
    height: auto;
}


.alert-success {
    color: #788725 ;
    background-color: rgba(120,135,37,0.3) !important;
    border-color: rgba(120,135,37,0.3) !important;
}

.badge-primary {
    color: #F6EFD0;
    background-color: #788725;
}


.modal-backdrop {
    background-color:#788725!important;
}