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

/* layout */
/* header */
/* categories page */
/* sidebox */
/* slick slider */
/* product box */
/* product details */

/*******************/
/* layout          */
/*******************/
#content-wrapper:not(.has-fluid) {
    padding-top: 0;
}
@media (min-width: 992px) {
    #content-wrapper:not(.has-fluid) {
        padding-top: 0;
    }
}
#content {
    padding-bottom: 0;
}

/* header */
@media (min-width: 992px) {
    .nav-logo-wrapper {
        max-width: 33%;
    }
}
@media (min-width: 1440px) {
    .nav-logo-wrapper {
        max-width: 25%;
    }
}
/* header .navbar-brand img {
    height: 100%;
    width: 100%;
} */
header .navbar-brand {
    margin-right: 0;
}
#search {
    margin-left: 20px;
}

/*******************/
/* categories page */
/*******************/

.sub-categories {
    padding: 5px;
    border: 1px solid;
    font-weight: bold;
}
.sub-categories a {
    text-decoration: none;
}

/*******************/
/*     sidebox     */
/*******************/
#sidepanel_left {
    background: #dbdbdb;
    padding-right: 20px;
}
#sidepanel_left .box-content-wrapper {
    padding: 10px;
}
#sidepanel_left .box-login .productlist-filter-headline {
    background: #525252;
    color: #fff;
    padding: 10px;
}
#sidepanel_left .box-login {
    border: 1px solid;
}
/* aside .nav-item .dropdown > .nav-link[aria-expanded="true"] {
    border-bottom: 0.375rem solid #e21b20;
} */


/**********************/
/*    slick slider    */
/**********************/
.slick-slider-other .hr-sect.h2 {
    background: #4e4e4e;
    color: #fff;
    padding: 10px;
    justify-content: left;
}
.slick-slider-other .hr-sect::before, .slick-slider-other .hr-sect::after {
    content: none;
}
.slick-type-product a{
    text-decoration: none;
}
.carousel:not(.slick-initialized).slick-type-product a{
    text-decoration: none;
}
.slick-type-product .product-wrapper {
    border: 1px solid;
    margin-left: 20px;
    padding-top: 5px;
}
.carousel:not(.slick-initialized).slick-type-product .product-wrapper {
    width: calc(92.7%/5);
    min-width: calc(92.7%/5);
    border: 1px solid;
    margin-left: 20px;
    padding-top: 5px;
}
/* .slick-track {
    margin: 0;
} */

/* product box */
a.text-clamp-2 {
    text-align: center;
    text-decoration: none;
}
.productbox-column .productbox-inner {
    position: relative;
    border: 1px solid;
    text-align: center;
}
.productbox-row .productbox-inner {
    border: 1px solid;
    padding: 10px 10px 0 0;
}
#product-list .product-wrapper:not(:last-child) {
    margin-bottom: 1rem;
}
.productbox-row .productbox-title a {
    text-decoration: none;
}
.productbox.productbox-hover:not(:hover) .productbox-onhover {
    opacity: 1;
}

/* product details */
.square-image .inner img {
    width: 90%;
}
#product-tabs.nav-tabs .nav-link {
    background-color: #b8b8b8 !important;
    border: 1px solid;
    border-bottom: 0;
    border-color: #4e4e4e !important;
    padding: 10px;
    color: #222;
}
#product-tabs.nav-tabs .nav-link.active {
    background-color: #f5f5f5 !important;
    color: #e31d20;
}
#product-tabs .nav-link::after, #product-tabs .nav-link:hover::after {
    content: none;
}
#tab-content-product-tabs {
    border: 0.5px solid;
    margin-top: 0;
    padding: 5px;
    background: #f5f5f5;
}
#product-tabs .nav-item:not(:last-child) {
    margin-right: 0.5rem;
}
#footer ,#footer  #footer .productlist-filter-headline {
    color: #1f1f1f;
    background: #dbdbdb;
}
.info-essential {
    margin: 0rem 0rem 0.625rem 0rem;
    padding: 0rem 0rem 0.3125rem 0rem;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}
.info-essential > li > strong {
    width: 35%;
    display: inline-block;
}
.vpePer {
    font-size: 10px;
    font-weight: 600;
}
@media (max-width: 425px) {
    .vpePer {
        font-size: 8px;
    }
}