/*font-family: Onest, serif;*/
/*font-family: Noto Sans, serif;*/
/*color:#d14525;*/
/*color:rgb(209,69,37)*/
/*color:#e1e1e1*/
/*color:#b4b4b4*/
/*background-color: #fae6e2;*/

@import url("fonts/fonts.css");
@import url("fonts/flaticon_empireposten.css");

:root {
    --main-color: #d14525;
    --second-color: #fae6e2;
    --white-color: #fff;
    --black-color: #000;
    --dark-gray-color: #525252;
    --gray-color: #b4b4b4;
    --light-gray-color: #e1e1e1;
}


html {
    width: 100%;
    background-color: #fff;
    scroll-behavior: smooth;
}

body {
    width: 100%;
    font-family: 'Onest', serif;
    /*font-size: 16px;*/
    background-color: #fff;
}

/*****----- GLOBAL -----*****/

.item-slider-warengroup {
    display: none !important;
}

.modal-content {
    border: 2px solid var(--main-color);
}

.modal-title {
    color: var(--main-color);
    font-weight: 500;
}

.modal-content a {
    /*font-weight: 500;*/
}

#ed_list {
    display: none;
}

#ed_gallery {
    display: none;
}

#content {
    padding-bottom: 3rem;
}

#improve_search {
    display: inline-block !important;
}

.btn-primary {
    color: #fff;
    font-weight: 500;
    background-color: var(--main-color);
    border: 2px solid var(--main-color);
    border-radius: 0;
    box-shadow: none;
    transition: all 0.3s ease;
}

.btn {
    /*font-weight: 500;*/
    font-weight: 400;
    transition: all 0.3s ease;
}

.btn-primary:hover {
    /*color: var(--main-color);*/
    /*background-color: #fff;*/
    /*background-color: var(--second-color);*/
    box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.15);
}

.btn-outline-primary {
    border: 2px solid var(--main-color);
    color: var(--main-color) !important;
    border-radius: 0;
    transition: all 0.3s ease;
}

.btn-outline-primary:hover {
    box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.15);
    /*color: #525252 !important;*/
}

.btn-outline-secondary,
.btn-outline-secondary:hover {
    border-color: var(--main-color);
    color: var(--main-color);
    transition: all 0.3s ease;
}

.btn-outline-secondary:hover {
    background-color: var(--second-color);
}

.btn-outline-secondary:not(:disabled):not(.disabled).active {
    border-color: var(--main-color);
    /*background-color: var(--second-color);*/
    background-color: transparent;
    color: var(--main-color);
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show > .btn-outline-secondary.dropdown-toggle {
    border-color: var(--main-color);
    background-color: var(--second-color);
    color: var(--main-color);
}

.form-control,
.form-counter {
    border-radius: 0;
}

.form-control {
    border: 2px solid #b4b4b4;
}

[data-page="18"] #main-wrapper {
    display: flex;
    flex-direction: column;
}

#main-wrapper > .container-fluid:nth-child(1) {
    order: 0;
}

#main-wrapper > .container-fluid:nth-child(2) {
    order: 1;
}

#main-wrapper > .container-fluid:nth-child(7) {
    order: 2;
    margin-top: 1rem;
}

#main-wrapper > .container-fluid:nth-child(3) {
    order: 3;
}

#main-wrapper > .container-fluid:nth-child(4) {
    order: 4;
}

#main-wrapper > .container-fluid:nth-child(8) {
    order: 5;
    margin-top: 3rem;
}

#main-wrapper > .container-fluid:nth-child(5) {
    order: 6;
    padding: 0;
}

#main-wrapper > .index-news-wrapper {
    order: 7;
    padding: 1rem;
}

#main-wrapper > .container-fluid:nth-child(6) {
    /*order: 8;*/
}

[data-page="18"] #content-wrapper:not(.has-fluid) {
    padding-top: 0;
}

[data-page="18"] #content {
    padding-bottom: 0;
}

.productbox-onhover {
    display: block;
}

#content-wrapper {
    padding-top: 1.5rem;
}

.breadcrumb-wrapper {
    margin-bottom: 1.5rem;
}

/*****----- SECTION HEADER -----*****/

/***--- TOP-BAR ---***/

#header-top-bar {
    background-color: #000;
    color: #fff;
    height: 3.5rem;
    overflow: hidden;
}

header .st-topbar {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 2rem;
    color: #fff;
}

header .st-topbar-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.st-topbar-item-upper {
    text-transform: uppercase;
}

/***--- LOGO ---***/

header .navbar-brand img {
    height: auto;
    /*height: 100%;*/
}

/***--- NAVMENU ---***/

header {
    /*box-shadow: none;*/
    /*border-bottom: 2px solid #e1e1e1;*/
    box-shadow: 0 0 0.3rem 0 rgba(0, 0, 0, 0.3);
}

header .hide-navbar {
    display: block !important;
}

header .dropdown-item:hover {
    color: var(--main-color);
}

.navbar-nav > .nav-item:nth-last-child(6) {
    border-left: 2px solid #e1e1e1;
}

header .navbar-nav > .nav-item > .nav-link {
    position: relative;
    padding: 1rem;
}

header .submenu-headline-toplevel {
    font-family: 'Onest', serif;
    font-size: 1rem;
    margin-bottom: 0;
    /*border-bottom: 1px solid var(--main-color);*/
}

header .navbar-collapse {
    height: 3.5rem;
}

.nav-scrollbar-item .dropdown-body {
    padding-top: 1rem;
    padding-bottom: 1rem;
    overflow: hidden;
    border-bottom: 2px solid var(--main-color);
}

.nav-item.nav-scrollbar-item.dropdown.dropdown-full a,
.nav-item.nav-scrollbar-item a {
    font-size: 1rem;
    font-weight: 600;
    color: #000;
}

.categories-recursive-link.d-lg-block.submenu-headline.submenu-headline-toplevel,
.categories-recursive-link.d-lg-block.submenu-headline.submenu-headline-toplevel:hover .text-truncate {
    transition: all 0.1s ease;
}

.categories-recursive-link.d-lg-block.submenu-headline.submenu-headline-toplevel:hover {
    /*background-color: var(--main-color);*/
    background-color: var(--second-color);
}

.categories-recursive-link.d-lg-block.submenu-headline.submenu-headline-toplevel:hover .text-truncate {
    /*color: #fff;*/
}

.nav-item.nav-scrollbar-item.dropdown.dropdown-full a:hover {
    color: var(--main-color);
}

.nav-item-lg-m {
    margin-top: 0.5rem;
    margin-bottom: 0;
}

.nav-item.nav-scrollbar-item a {
    font-size: 1rem;
    font-weight: 500;
    color: #000 !important;
    /*padding: 1rem 0.75rem 0.5rem 0.75rem;*/
}

header .submenu-headline-toplevel {
    /*border-bottom: 1px solid #ebebeb;*/
    border-bottom: none;
}

header .navbar-nav .dropdown .nav-item {
    margin-top: 0;
}

header #mainNavigation {
    margin-right: 0;
}

header #mainNavigation .dropdown-toggle::after {
    display: none;
}

header #mainNavigation .fa-chevron-right::before,
header #mainNavigation .fa-chevron-left::before {
    background-color: var(--main-color);
    border: 2px solid var(--main-color);
    padding: 5px 2px 6px 3px;
    color: #fff;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}

header #mainNavigation .fa-chevron-left::before {
    padding: 5px 3px 6px 2px;
    color: #fff;
}

header #mainNavigation .fa-chevron-right:hover::before,
header #mainNavigation .fa-chevron-left:hover::before {
    background-color: #fff;
    color: var(--main-color);
}

header #mainNavigation .nav-scrollbar-arrow.left {
    background-image: linear-gradient(to right, #ffffff 30%, rgba(255, 255, 255, 0.5) 100%);
    padding-right: 3rem;
    margin-right: -4rem;
}

header #mainNavigation .nav-scrollbar-arrow.right {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 30%, #fff 100%);
    padding-left: 3rem;
    margin-left: -4rem;
}

.menu-multiple-rows-scroll,
.nav-icons-wrapper {
    padding-right: 0;
}

/***--- ICONS ---***/

.full-width-mega .nav-logo-wrapper,
.order-lg-1 {
    margin-right: 0;
}

.order-lg-2 {
    margin-right: auto;
}

.form-control {
    /*border-color: #b4b4b4;*/
    border: 1px solid #e1e1e1;
}

.form-control:focus {
    border-color: var(--main-color);
    /*box-shadow: 0 0 0.3rem 0 rgba(0, 0, 0, 0.2);*/
}

.form-control::placeholder,
.form-control:focus::placeholder {
    color: #b4b4b4 !important;
}

.input-group-append .btn.btn-secondary {
    background-color: var(--main-color);
    border: 1px solid var(--main-color) !important;
}

.input-group-append:hover .btn.btn-secondary {
    /*background-color: #fff;*/
    /*background-color: var(--second-color);*/
    /*color: var(--main-color);*/
    opacity: 0.9;
}

.search-button {
    font-family: 'Onest', serif;
    font-weight: 400;
}

.search-wrapper .input-group {
    /*border: 1px solid #e1e1e1;*/
}

.search-wrapper .flaticon-search-4 {
    display: block;
    color: #fff;
    font-size: 1rem;
    transition: all 0.3s ease;
}

.input-group-append .btn.btn-secondary .fa-search::before {
    margin-right: 10px;
}

.form-clear {
    right: 31%;
}

#search .flaticon-zoom,
.search-wrapper .flaticon-zoom {
    color: #fff;
    font-size: 2rem;
    max-height: 40px;
    max-width: 30px;
    margin-right: 0.5rem;
    transition: all 0.3s ease;
}

#search .btn.btn-secondary,
.search-wrapper .btn.btn-secondary {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1rem 0 0.5rem;
    transition: all 0.3s ease;
}

#search .btn.btn-secondary:hover .flaticon-zoom,
.search-wrapper .btn.btn-secondary:hover .flaticon-zoom {
    font-size: 2.2rem;
}

header .nav-right .nav-link {
    padding: 1rem 0.5rem;
    position: relative;
}

#shop-nav .flaticon-love-1,
#shop-nav .flaticon-square,
#shop-nav .flaticon-task,
#shop-nav .flaticon-bag {
    display: block;
    color: #525252;
    font-size: 1.75rem;
    margin-top: 3px;
    transition: all 0.3s ease;
}

#shop-nav .flaticon-user {
    display: block;
    color: #525252;
    font-size: 1.5rem;
    transition: all 0.3s ease;
}

#shop-nav .flaticon-user,
#shop-nav .flaticon-love-1 {
    margin-top: 4px;
}

#shop-nav .flaticon-bag {
    margin-top: 0;
}

#shop-nav .flaticon-user-2 {
    display: block;
    color: var(--main-color);
    font-size: 1.85rem;
    max-height: 36px;
    transition: all 0.3s ease;
}

#shop-nav .flaticon-bag {
    margin-right: 0;
}

#shop-nav .flaticon-user:hover,
#shop-nav .flaticon-user-2:hover,
#shop-nav .flaticon-love-1:hover,
#shop-nav .flaticon-bag:hover,
#shop-nav .flaticon-square:hover,
#shop-nav .flaticon-task:hover {
    color: var(--main-color);
}

.st-icons,
.st-icons-log {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #b4b4b4;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.st-icons-log {
    border: 2px solid var(--main-color);
    box-shadow: 0 0 0.3rem 0 rgba(0, 0, 0, 0.2);
}

.st-icons:hover {
    color: var(--main-color);
    border-color: var(--main-color);
    box-shadow: 0 0 0.3rem 0 rgba(0, 0, 0, 0.2);
}

.fa-sup {
    top: 15%;
    left: 65%;
    margin-left: 0;
    margin-top: 0;
    padding: 0.2em 0.6em;
    font-size: 0.65rem;
    color: #fff;
    background-color: var(--main-color);
    letter-spacing: -1px;
}

/*****----- SECTION MAIN -----*****/

/*** BANNER-1 ***/

.st-banner1 {
    position: relative;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

.st-banner1-bild {
    margin-bottom: 1rem;
}

.st-banner1 img {
    max-height: 480px;
}

.st-banner1 p {
    margin: 0 0 0.3em 0;
    padding: 0;
}

.st-banner1-text {
    display: block;
    position: absolute;
    bottom: 10%;
    width: 70%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #000;
    color: #fff;
    padding: 1em 1.5em;
    line-height: 1;
}

.st-banner1-text-title {
    text-transform: uppercase;
    font-size: 1.5rem;
    transition: all 0.3s ease;
    overflow: hidden;
}

.st-banner1-text-subtitle {
    overflow: hidden;
    transition: all 0.3s ease;
}

.st-banner1-text a {
    text-decoration: none;
    color: #fff;
}

.st-banner1 .flaticon-right-arrow-2 {
    position: absolute;
    right: 5%;
    bottom: 50%;
    transform: translateY(50%);
    color: #fff;
    font-size: 1.5rem;
    padding: 0.5rem 0.5rem 3px 0.5rem;
    transition: all 0.3s ease;
    border: 2px solid #fff;
}

.st-banner1-bild:hover .st-banner1-text-title,
.st-banner1-bild:hover .st-banner1-text-subtitle {
    /*color: var(--main-color);*/
}

.st-banner1-bild:hover .flaticon-right-arrow-2,
.st-banner1 .flaticon-right-arrow-2:hover {
    padding-left: calc(0.5rem + 3px);
    padding-right: calc(0.5rem - 3px);
    color: var(--main-color);
    border-color: var(--main-color);
    box-shadow: 0 0 6px 1px rgba(255, 255, 255, 0.3);
}

/*** BANNER-2 ***/

.st-banner2 {
    position: relative;
}

.st-banner2-bild {
    margin-bottom: 1rem;
}

.st-banner2 img {
    max-height: 500px;
}

.st-banner2 p {
    margin: 0 0 0.5rem 0;
    padding: 0;
}

.st-banner2-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: 6%;
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #000;
    color: #fff;
    padding: 1em 1.5em;
    line-height: 1;
}

.st-banner2-text-title {
    font-size: 1.1rem;
    transition: all 0.3s ease;
    overflow: hidden;
}

.st-banner2-text a {
    display: block;
    padding: 0.5rem 1rem;
    background-color: var(--main-color);
    border: 2px solid var(--main-color);
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    text-decoration: none;
    text-align: center;
    transition: all 0.3s ease;
}

.st-banner2-bild:hover + .st-banner2-text a,
.st-banner2-text:hover a,
.st-banner2-text a:hover {
    /*background-color: #fff;*/
    /*color: var(--main-color);*/
    box-shadow: 0 0 6px 1px rgba(255, 255, 255, 0.3);
    opacity: 0.9;
}

.st-banner2-bild:hover + .st-banner2-text .st-banner2-text-title {
    color: var(--main-color);
}

/*** BANNER-3 ***/

.st-banner3 {
    /*margin-top: 1rem;*/
    margin-bottom: 1rem;
}

.st-banner3-bild {
    margin-bottom: 1rem;
}

.st-banner3 img {
    max-height: 500px;
}

.st-banner3 p {
    padding: 0.5rem;
}

.st-banner3-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: 5%;
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
    /*background-color: #000;*/
    color: #fff;
    padding: 1em 0;
    line-height: 1;
}

.st-banner3-text-title {
    text-align: center;
    font-size: 1.8rem;
    color: #000;
    font-weight: 700;
    display: block;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    border: 2px solid rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease;
    overflow: hidden;
}

.st-banner3-text a {
    display: block;
    padding: 0.5rem 1rem;
    background-color: var(--main-color);
    border: 2px solid var(--main-color);
    color: #fff;
    font-size: 1rem;
    text-decoration: none;
    text-align: center;
    font-weight: 400;
    transition: all 0.3s ease;
}

.st-banner3-bild:hover + .st-banner3-text a,
.st-banner3-text:hover a,
.st-banner3-text a:hover {
    /*background-color: #fff;*/
    /*color: var(--main-color);*/
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.25);
}

.st-banner3-text a:hover + .st-banner3-text-title {
    border: 2px solid #000;
}

.st-banner3-bild:hover + .st-banner3-text .st-banner3-text-title {
    color: var(--main-color);
}

/*** BANNER-4 ***/

.container-fluid + .st-banner4 {
    padding: 0 1rem !important;
    padding: 0;
    margin-top: 1rem;
}

.st-banner4 div:first-of-type {
    background-color: #e0dcdc;
}

.st-banner4-grid {
    width: 100%;
    text-align: center;
    margin: 0;
}

.st-banner4-grid-item {
    padding: 1rem 1rem 0.5rem 1rem;
}

.st-banner4 h3 {
    font-family: Onest, serif;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 2rem;
    padding-top: 2rem;
}

.st-banner4 .flaticon-picture,
.st-banner4 .flaticon-in-stock,
.st-banner4 .flaticon-free-delivery,
.st-banner4 .flaticon-secure-payment-1 {
    font-size: 2.5rem;
    font-weight: 900;
    color: var(--main-color);
}

.st-banner4,
.st-banner4 h3,
.st-banner4 h4,
.st-banner4 p {
    font-family: Onest, serif;
    color: #000;
}

.st-banner4 h4 {
    font-weight: 500;
    font-size: 1.1rem;
}

/*** BANNER-5 ***/

.st-banner5 {
    margin: 1rem 0;
    color: #000;
}

.st-banner5 .col.col-md-6.col-lg-6.col-xl-6.col-12 {
    padding-left: 0;
    padding-right: 0;
}

.st-banner5-item1,
.st-banner5-item2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 500px;
    padding: 1rem;
    margin: 1rem 1rem 2rem 1rem;
    overflow: hidden;
}

.st-banner5-item1 div,
.st-banner5-item2 div {
    /*margin-top: 50%;*/
    /*transform: translateY(50%);*/
}

.st-banner5-item1 {
    background: url('/media/image/storage/opc/background1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right bottom;
}

.st-banner5-item2 {
    border: 1px solid var(--main-color);
}

.st-banner5-item1 h3,
.st-banner5-item2 h3 {
    color: var(--main-color);
    /*text-align: center;*/
    text-align: left;
    margin-bottom: 2rem;
    font-size: 1.5rem;
}


/*** BLOG NEW  ***/

.container.blog-details h1,
.container.blog-overview h1,
.index-news-wrapper {
    font-family: 'Onest', serif;
}

.container.blog-details h1,
.container.blog-overview h1 {
    color: #000;
}

.index-news-wrapper .container-fluid {
    padding: 0;
}

.index-news-wrapper .product-wrapper-news {
    /*padding: 1rem 0.5rem;*/
    padding: 1rem 1rem 1rem 0.5rem;
}

#content-wrapper + #content + .container.blog-overview {
    padding-top: 0;
}

.index-news-wrapper .slick-track {
    justify-content: space-between;
}

.blog-header {
    margin-bottom: 1rem;
    padding-left: 0.5rem;
    /*padding-right: 1rem;*/
}

.blog-header .hr-sect a {
    margin: 0;
}

.container.blog-details .st-kategorie-title,
.container.blog-overview .st-kategorie-title,
.index-news-wrapper .st-kategorie-title {
    margin-bottom: 1rem;
}

.index-news-wrapper .st-kategorie-text {
    margin: 0;
}

[data-page="7"] #content-wrapper {
    padding-top: 2rem;
}

[data-page="7"] .st-kategorie-text {
    margin: 1rem 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.container.blog-details .ml-auto-util,
.container.overview .ml-auto-util,
.index-news-wrapper .ml-auto-util {
    margin-left: 0;
    margin-right: 1.5rem;
}

.newsbox {
    padding-bottom: 0;
}

.product-wrapper-news {
    /*margin-right: 1rem;*/
    /*padding: 1rem;*/
    height: 100%;
}

.newsbox-header {
    position: relative;
}

.newsbox-image {
    height: 100%;
    max-width: 506px;
}

.newsbox-image img {
    /*max-width: 506px;*/
}

.newsbox-headline {
    display: flex;
    position: absolute;
    bottom: 3%;
    right: 0;
    margin-left: 3rem;
    font-family: 'Onest', serif;
    background-color: var(--main-color);
    color: #fff;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.2;
    text-decoration: none;
    padding: 0.6em 3.5em 0.6em 1em;
    text-transform: uppercase;
    word-wrap: break-word;
    overflow: hidden;
}

.newsbox-headline:hover {
    color: #fff;
}

.newsbox-headline span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: 3rem;
}

.newsbox-footer .flaticon-right-arrow-2 {
    position: absolute;
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.5;
    padding: 0.5rem 10px 0 10px;
    margin-left: 3px;
    transition: all 0.3s ease;
    border: 2px solid #fff;
}

.newsbox-body .row {
    display: none;
}

.newsbox-body p {
    margin: 0;
    color: #000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    word-wrap: break-word;
    overflow: hidden;
}

.product-wrapper:hover .newsbox-footer .flaticon-right-arrow-2,
.newsbox-footer .flaticon-right-arrow-2:hover {
    padding-left: calc(10px + 3px);
    padding-right: calc(10px - 3px);
    box-shadow: 0 0 2px 1px rgba(255, 255, 255, 0.4);
}

@media only screen and (max-width: 1100px) {
    .newsbox-headline {
        font-size: 1rem;
        line-height: 1.5;
    }
}

@media only screen and (max-width: 767px) {
    .row.blog-overview-preview {
        max-width: 510px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 700px) {
    .newsbox-headline {
        font-size: 0.85rem;
        min-height: 2rem;
    }

    .newsbox-footer .flaticon-right-arrow-2 {
        font-size: 1.2rem;
    }
}

@media only screen and (max-width: 600px) {
    .newsbox-headline {
        font-size: 1.25rem;
        line-height: 1.25;
    }

    .newsbox-footer .flaticon-right-arrow-2 {
        font-size: 1.5rem;
    }
}

@media only screen and (max-width: 450px) {
    .newsbox-headline {
        font-size: 1rem;
        line-height: 1.5;
        min-height: 1.5rem;
        margin-left: 1.5rem;
    }

    .container.blog-details .slick-slide {
        padding: 0;
    }

    .container.blog-details .product-wrapper.product-wrapper-news.ml-auto-util {
        margin: 0;
    }
}

/*****----- SECTION: BESTSELLER, NEU, TOPANGEBOT  - TITLE + SUBTITLE -----*****/

.slick-slider-other .slick-slider-other-container {
    font-family: Onest, serif;
    margin-left: 0;
    margin-right: 0;
}

.hr-sect {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 1rem !important;
    border: none;
}

.hr-sect-h2 {
    font-family: Noto Sans, serif;
    width: 100%;
}

.hr-sect::before,
.hr-sect::after {
    display: none;
}

.st-kategorie-title {
    font-family: Noto Sans, serif;
    text-transform: uppercase;
    font-size: 1.75rem;
    font-weight: 400;
    color: #000;
    word-spacing: 2px;
}

.st-kategorie-title span {
    font-weight: 700;
}

.st-kategorie-title::after {
    content: "";
    display: block;
    width: 45%;
    margin-left: 1rem;
    border-bottom: 1px solid var(--main-color);
}

#slider-top-products .st-kategorie-title {
    display: inline-block;
}

#slider-top-products .st-kategorie-title::after {
    width: 90%;
}

.st-kategorie-text {
    font-family: Noto Sans, serif;
    font-size: 1rem;
    font-weight: 400;
    color: #000;
    width: 55%;
    /*padding-bottom: 1rem;*/
}

.st-kategorie-volltext p,
.st-kategorie-volltext h2,
.st-kategorie-volltext h3 {
    font-family: Noto Sans, serif;
    font-weight: 400;
    color: #000;
}

.st-kategorie-volltext h2 {
    font-weight: 600;
}

.st-kategorie-volltext h3 {
    font-weight: 500;
}

.product-slider-NeuImSortiment {
    margin-top: 3rem;
}

#slider-top-products .product-wrapper,
#slider-bestseller-products .product-wrapper {
    border: 1px solid transparent;
}

#slider-top-products .product-wrapper:hover,
#slider-bestseller-products .product-wrapper:hover {
    /*box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.15);*/
    border-color: #f4f4f4;
}

/*****----- SECTION PRODUCTSLIDER -----*****/

.carousel .slick-arrow {
    opacity: 1;
}

.slick-arrow::after {
    font-size: 1.25rem;
}

.product-slider-TopAngebot .slick-slider-other .slick-slider-other-container,
.product-slider-NeuImSortiment .slick-slider-other .slick-slider-other-container {
    padding-left: 0;
}

.carousel-arrows-inside .slick-prev {
    transform: translate(-45%, -200%);
}

.carousel-arrows-inside .slick-next {
    transform: translate(45%, -200%);
}

.index-news-wrapper .carousel-arrows-inside .slick-prev {
    transform: translate(-20%, -150%);
}

.index-news-wrapper .carousel-arrows-inside .slick-next {
    transform: translate(20%, -150%);
}

.slick-arrow,
#image_wrapper #gallery .slick-arrow {
    border: 2px solid var(--main-color);
    background-color: var(--main-color);
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.35);
    padding: 1rem 0.5rem;
}


.slick-prev::after,
.slick-next::after {
    color: #fff;
    /*color: var(--main-color);*/
}

.slick-arrow:hover,
#image_wrapper #gallery .slick-arrow:hover {
    background-color: #fff;
    /*background-color: var(--main-color);*/
}

.slick-arrow:hover::after {
    color: var(--main-color);
    /*color: #fff;*/
}

.product-slider-wrapper .slick-track {
    padding-bottom: 1rem;
}

/***--- ITEM-SLIDER  ---***/

.product-wrapper {
    transition: all 0.3s ease;
}

.product-wrapper .item-slider {
    height: 450px;
    /*box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.35);*/
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.25);
    transition: all 0.3s ease;
    margin: 0.5rem 0;
}

@media only screen and (max-width: 1100px) {
    .product-wrapper .item-slider {
        height: 400px;
    }
}

@media only screen and (max-width: 850px) {
    .product-wrapper .item-slider {
        height: 350px;
    }
}

@media only screen and (max-width: 768px) {
    .product-wrapper .item-slider {
        height: 400px;
    }
}

@media only screen and (max-width: 600px) {
    .product-wrapper .item-slider {
        height: 350px;
    }
}

@media only screen and (max-width: 500px) {
    .product-wrapper .item-slider {
        height: 300px;
    }
}

@media only screen and (max-width: 450px) {
    .product-wrapper .item-slider {
        height: 250px;
    }
}

.item-slider-box-name {
    /*display: flex;*/
    /*align-items: baseline;*/
    /*margin-top: 1rem;*/
}

.slick-slide .text-clamp-2 {
    font-size: 1.1rem;
    line-height: 1.25;
    min-height: 2.7rem;
    font-weight: 600;
    color: #000;
    text-align: left;
    margin-top: 0.5rem;
    /*margin-right: 5px;*/
    /*padding: 0 0.3rem;*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: clip;
    word-wrap: break-word;
}

.product-wrapper:hover .item-slider {
    box-shadow: none;
}

.product-wrapper:hover .st-slider-blockprice .productbox-price,
.product-wrapper:hover .st-slider-blockprice .price_on_application {
    /*text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);*/
}

.product-wrapper:hover .st-warenkorb-button,
.product-wrapper:hover .st-warenkorb-button-out {
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.25);
}

.square-image .inner img {
    width: 100%;
    /*height: auto;*/
    height: 100%;
    object-fit: contain;
    /*object-fit: cover;*/
    /*border: 1px solid #b4b4b4;*/
    transition: all 0.4s ease;
}

.product-wrapper a {
    text-decoration: none;
}

/*****----- SECTION KATEGORIE, SUBKATEGORIE -----*****/

#result-wrapper,
#sidepanel_left a,
#sidepanel_left .productlist-filter-headline {
    color: #000;
}

#result-wrapper .pricestarting {
    color: #707070;
}

#result-wrapper .productlist-header-description-image {
    display: block;
    max-height: 300px;
    width: auto;
    /*margin: 1rem auto;*/
}

/*#result-wrapper h1,*/

#result-wrapper .h1,
#result-wrapper .title .h1,
#result-wrapper .title .h2 {
    display: inline-block;
    font-family: Noto Sans, serif;
    /*text-transform: uppercase;*/
    font-size: 1.75rem;
    font-weight: 600;
    overflow: hidden;
    color: #000;
    word-spacing: 2px;
}

#result-wrapper .price.h1 {
    margin-bottom: 0;
    margin-left: 5px;
}

#result-wrapper .h1::after,
#result-wrapper .title .h1::after,
#result-wrapper .title .h2::after {
    content: "";
    display: block;
    width: 115%;
    margin-left: 1rem;
    border-bottom: 1px solid var(--main-color);
}

#result-wrapper .price.h1::after {
    display: none;
}

#result-wrapper .sub-categories {
    position: relative;
    margin-bottom: 0.5rem;
}

#result-wrapper .d-md-block {
    padding-left: 0.5rem;
    margin: 0;
}

hr.d-none.d-md-block {
    display: none !important;
}

#result-options #js-filters {
    font-weight: 700;
    background-color: var(--main-color);
    color: #fff;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

#result-options #js-filters:hover {
    background-color: var(--second-color);
    color: var(--main-color);
    box-shadow: none;
}

.filter-type-FilterItemSort,
.filter-type-FilterItemLimits {
    /*box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);*/
}

/* VARIANT1 - KategieName mit Border Ohne Bilder */

/*.content-cats-small .sub-categories {*/
/*    padding: 0.5rem 0;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    border: 1px solid var(--main-color);*/
/*}*/

/* VARIANT2 - KategieName mit Bilder */

.subcategories-image.d-none.d-md-flex {
    justify-content: center;
    align-items: center;
}

.content-cats-small {
    margin-bottom: 0;
}

.content-cats-small .subcategories-image {
    width: 100%;
    height: 178px;
    /*height: 400px;*/
    /*box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.35);*/
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.35);
    position: relative;
    transition: all 0.4s ease;
}

.content-cats-small .subcategories-image .img-fluid {
    max-height: 100%;
    height: 100%;
    width: auto;
}

.content-cats-small .sub-categories picture {
    height: 100%;
}

.content-cats-small .sub-categories picture img {
    object-fit: cover;
    transition: all 0.3s ease;
}

.content-cats-small .caption {
    /*box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.35);*/
}

#result-wrapper .sub-categories:hover .content-cats-small .caption {
    box-shadow: none;
}

.sub-categories .caption a {
    background-color: var(--main-color);
    border: 2px solid var(--main-color);
    color: #fff;
    font-size: 0.85rem;
    font-weight: 700;
    text-decoration: none;
    padding: 1px 5px;
    transition: all 0.3s ease;
    min-height: 2rem;
    word-wrap: break-word;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.35);
}

#result-wrapper .sub-categories:hover .caption a {
    background-color: var(--second-color);
    color: var(--main-color);
    box-shadow: none;
}

#result-wrapper .sub-categories:hover .subcategories-image {
    box-shadow: none;
}

.sub-categories ul li {
    list-style-type: none;
    margin-bottom: 0;
    border: 1px solid transparent;
    transition: all 0.3s ease;
}

.sub-categories ul li a {
    text-decoration: none;
    font-weight: 700;
    color: var(--main-color);
    font-size: 0.857rem;
    padding-left: 0.5rem;
}

.sub-categories ul li:hover {
    border-color: var(--main-color);
    background-color: var(--second-color);
}

.content-cats-small .sub-categories .subcategories-image {
    margin-bottom: 0.3rem;
    border: 1px solid #b4b4b4;
    overflow: hidden;
}

/***--- ITEM-BOX und ITEM-LIST ---***/

/* STANDARD SCHADOW ÄNDERN START */

.productbox.productbox-hover:hover .productbox-inner::before {
    left: -0.25rem;
    right: -0.25rem;
    top: -0.25rem;
    bottom: -0.25rem;
}

#product-list.layout-gallery .productbox-hover.productbox-show-variations.show-variation-collapse {
    transition: unset;
    padding: 0;
    margin: 0rem;
    position: static;
    transition: all 0.4s ease;
}

#product-list.layout-gallery .productbox-hover.productbox-show-variations.show-variation-collapse:hover {
    margin: 0;
    padding: 0;
    position: static;
}

#product-list.layout-gallery .productbox-hover.productbox-show-variations:hover {
    /*padding: 0;*/
    /*margin: 0;*/
}

.alert.choose-variations.text-left-util.productbox-onhover.alert-info,
.productbox-show-variations .productbox-variations {
    /*display: none;*/
}

/* STANDARD SCHADOW ÄBDERN END */

#product-list .product-wrapper {
    padding: 0.5rem;
}

#product-list .product-wrapper:not(:last-child) {
    margin-bottom: 1.5rem;
}


#product-list .productbox-image.square.square-image.first-wrapper {
    /*height: 400px;*/
    height: 350px;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}

#product-list.layout-gallery .productbox-hover.productbox-show-variations:hover {
    padding: 0;
    margin: -0.5rem;
}


#product-list .productbox-image.square.square-image.second-wrapper {
    /*height: 400px;*/
    height: 350px;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1100px) {
    #product-list .productbox-image.square.square-image.first-wrapper,
    #product-list .productbox-image.square.square-image.second-wrapper {
        /*height: 350px;*/
        height: 300px;
    }
}

@media only screen and (max-width: 992px) {
    #product-list .productbox-image.square.square-image.first-wrapper,
    #product-list .productbox-image.square.square-image.second-wrapper {
        /*height: 400px;*/
        height: 350px;
    }
}

@media only screen and (max-width: 850px) {
    #product-list .productbox-image.square.square-image.first-wrapper,
    #product-list .productbox-image.square.square-image.second-wrapper {
        /*height: 350px;*/
        height: 300px;
    }
}

@media only screen and (max-width: 767px) {
    #product-list .productbox-image.square.square-image.first-wrapper,
    #product-list .productbox-image.square.square-image.second-wrapper {
        /*height: 400px;*/
        height: 350px;
    }
}

@media only screen and (max-width: 550px) {
    #product-list .productbox-image.square.square-image.first-wrapper,
    #product-list .productbox-image.square.square-image.second-wrapper {
        /*height: 350px;*/
        height: 300px;
    }
}

@media only screen and (max-width: 450px) {
    #product-list .productbox-image.square.square-image.first-wrapper,
    #product-list .productbox-image.square.square-image.second-wrapper {
        /*height: 300px;*/
        height: 250px;
    }
}

#product-list .product-wrapper:hover .productbox-image.square.square-image.first-wrapper {
    box-shadow: none;
}

.productbox-inner {
    font-family: 'Onest', serif;
}

/* 23.01.24 */
.productbox-inner {
    padding: 0.5rem;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.15);
}

#product-list .productbox-image.square.square-image.first-wrapper {
    box-shadow: none;
}

/* */

#product-list .text-clamp-2,
#slider-top-products .text-clamp-2 {
    font-size: 1.1rem;
    line-height: 1.25;
    min-height: 2.7rem;
    font-weight: 600;
    color: #000;
    text-align: left;
    /*margin-right: 5px;*/
    margin-top: 0.6rem;
    /*padding: 0 0.3rem;*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: clip;
    word-wrap: break-word;
}

.layout-list .productbox-title a {
    font-size: 1.3rem;
    font-weight: 700;
    color: #000;
}

.slick-slide .item-slider-warengroup,
#product-list .item-slider-warengroup,
#slider-top-products .item-slider-warengroup {
    text-align: right;
    font-size: 1.1rem;
    font-weight: 400;
    color: #b4b4b4;
    padding: 0 0.3rem;
    display: flex;
    /*display: -webkit-box;*/
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

#product-list .item-slider-warengroup,
#slider-top-products .item-slider-warengroup {
    font-size: 1rem;
}

.slick-slide .st-productcard-merkmale,
#product-list .st-productcard-merkmale,
#slider-top-products .st-productcard-merkmale {
    color: #000;
    text-align: left;
    margin: 0.4rem 0;
    /*padding: 0 0.3rem;*/
    min-height: 1.3rem;
}


/*****----- !*! SECTION CUSTOM BUTTON - WARENCORB und ZUM ARTIKEL -----*****/

/*1 STARTSEITE - Product Sliders  */

.st-slider-blockprice {
    display: flex;
    width: 100%;
    min-height: 3.5rem;
    /*padding: 0 0.3rem;*/
}

.st-blockprice-left {
    display: flex;
    align-items: center;
    width: 45%;
}

.st-blockprice-right {
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
    width: 55%;
    /*padding-left: 5px;*/
    margin-left: 5px;
    text-align: right;
}

.st-blockprice-right .price_wrapper {
    margin-bottom: 0;
}

.st-slider-blockprice .productbox-price,
.is-item-list .productbox-price {
    font-family: 'Onest', serif;
    color: var(--main-color);
    font-size: 1.2rem;
    font-weight: 600;
    transition: all 0.4s ease;
}

.st-slider-blockprice .price_on_application,
.is-item-list .price_on_application {
    font-family: 'Onest', serif;
    line-height: 1;
    color: var(--main-color);
    font-weight: 700;
    transition: all 0.4s ease;
}

.footnote-reference {
    display: none;
}

.st-slider-blockprice .vat_info,
.st-slider-blockprice .vat_info a {
    font-size: 0.75rem;
    color: #000;
    text-align: right;
    margin-top: -1px;
}

.st-slider-blockprice .vat_info a {
    font-weight: 500;
}

[data-page="18"] .product-slider-wrapper .st-warenkorb-button {
    display: flex;
    justify-content: center;
    align-items: center;
    /*padding: 0 0.3rem 0 1rem;*/
    padding: 3px 5px;
}

[data-page="18"] .product-slider-wrapper .st-warenkorb-button .flaticon-shopping-bag-2 {
    display: block;
    font-size: 1.75rem;
    /*margin-left: 0.5rem;*/
    margin-left: 3px;
    max-height: 36px;
}

[data-page="18"] .product-slider-wrapper .st-warenkorb-button-out {
    display: flex;
    justify-content: center;
    align-items: center;
    /*padding: 0 0.3rem 0 1rem;*/
    padding: 3px 5px;
    background-color: var(--white-color);
    color: var(--main-color);
}

[data-page="18"] .product-slider-wrapper .st-warenkorb-button-out .fa-eye {
    display: flex;
    align-items: center;
    height: 36px;
    font-size: 1.45rem;
    margin-left: 0.5rem;
    font-weight: 600;
    transition: all 0.3s ease;
    /*rotate: 90deg;*/
}

[data-page="18"] .product-slider-wrapper .st-warenkorb-button-out:hover .fa-eye {
    font-weight: 400;
    /*rotate: 0deg;*/
}

.st-slider-blockprice span[itemprop="priceSpecification"] {
    display: flex;
}

/*2 PUSHUP-WINDOWS - Button links und 3 Items Slider rechts */

/*.x-selling*/

.pushed-success-buttons .st-warenkorb-button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px 1rem;
}

.pushed-success-buttons .flaticon-shopping-bag-2 {
    display: block;
    font-size: 1.75rem;
    margin-left: 0.5rem;
    max-height: 36px;
}

.pushed-success-buttons .btn-outline-primary {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 10px;
}

.pushed-success-buttons .fa-arrow-circle-left {
    font-size: 2rem;
    margin-right: 0.5rem;
}

#pushed-success .slick-slide .st-warenkorb-button {
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    /*padding: 0 0.3rem 0 1rem;*/
}

#pushed-success .slick-slide .flaticon-shopping-bag-2 {
    /*display: block;*/
    /*font-size: 2rem;*/
    /*margin-left: 0.5rem;*/
    /*max-height: 40px;*/
}

#pushed-success .st-slider-blockprice span[itemprop="priceSpecification"] > span {
    display: inline;
    font-size: 0.9rem;
}

#pushed-success {
    padding: 0.5rem;
}

#pushed-success .img-fluid {
    max-width: 25%;
}

#pushed-success .productbox-inner {
    box-shadow: none !important;
}


/*3 KATEGORIE-SEITE - Kategorie List, Item-box, Item-List und Sliders */
/* BP 991 MIT Left SideBar / BP 768 OHNE Left SideBar */

/* #result-wrapper - alles item-box und KategorieList - !!!Achtung!!! #result-wrapper - auch auf Seite ProductDescription!  */

/* .content-cats-small - Kategorie Liste */
/* #product-list - alle Item-Box */
/* #???- alle item-list */

/* #slider-top-products - TopAngebot Slider */

#slider-top-products .st-blockprice-left,
#product-list .st-blockprice-left {
    display: flex;
    align-items: center;
    width: 47%;
}


#slider-top-products .st-blockprice-right,
#product-list .st-blockprice-right {
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
    width: 53%;
    text-align: right;
    line-height: 1.25;
}

#slider-top-products .st-slider-blockprice span[itemprop="priceSpecification"] > span,
#product-list .st-slider-blockprice span[itemprop="priceSpecification"] > span {
    font-size: 0.8rem;
}

#slider-top-products .st-warenkorb-button,
#product-list .st-warenkorb-button {
    display: flex;
    align-items: center;
    text-align: center;
    padding: 0px 0px 0px 3px;
}

#product-list .item-list-basket-details .st-warenkorb-button {
    justify-content: center;
}

#slider-top-products .st-warenkorb-button .flaticon-shopping-bag-2,
#product-list .st-warenkorb-button .flaticon-shopping-bag-2 {
    display: block;
    font-size: 1.75rem;
    margin-left: 4px;
    max-height: 36px;
}

#slider-top-products .st-warenkorb-button-out,
#product-list .st-warenkorb-button-out {
    display: flex;
    align-items: center;
    /*text-align: left;*/
    /*padding: 0.1rem 0.3rem;*/
    padding: 0 0.3rem;
    background-color: var(--white-color);
    color: var(--main-color);
}

#slider-top-products .st-warenkorb-button-out .fa-eye,
#product-list .st-warenkorb-button-out .fa-eye {
    display: flex;
    align-items: center;
    height: 36px;
    font-size: 1.45rem;
    margin-left: 0.3rem;
    font-weight: 600;
    /*rotate: 90deg;*/
    transition: all 0.3s ease;
}

#slider-top-products .st-warenkorb-button-out:hover .fa-eye,
#product-list .st-warenkorb-button-out:hover .fa-eye {
    font-weight: 400;
    /*rotate: 0;*/
}

#product-list .st-slider-blockprice .vat_info,
#slider-top-products .st-slider-blockprice .vat_info,
#product-list .st-slider-blockprice .vat_info a,
#slider-top-products .st-slider-blockprice .vat_info a {
    font-size: 0.55rem;
}


/*3 KATEGORIE-SEITE Sliders: Top, Bestseller, Ähnliche usw.  -



/*4 DESCRIPTION-SEITE - Sliders: Top, Bestseller, Ähnliche usw. */

/* #result-wrapper - alles auf Seite - !!!Achtung!!! #result-wrapper - auch auf Seite Kategorie!  */
/* #product-offer - ProductDescription */

/* .recommendations - alle unten ProductDescription Sliders */
/* #slider-xsell - Kunden kauften dazu folgende Artikel */
/* #slider-related -  Ähnliche Artikel */


.recommendations .st-warenkorb-button {
    display: flex;
    align-items: center;
    text-align: center;
    padding: 2px 3px;
}

.recommendations .st-warenkorb-button .flaticon-shopping-bag-2 {
    display: block;
    font-size: 1.75rem;
    margin-left: 4px;
    max-height: 36px;
}

.recommendations .st-warenkorb-button-out {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0.3rem;
    background-color: var(--white-color);
    color: var(--main-color);
}

.recommendations .st-warenkorb-button-out .fa-eye {
    display: flex;
    align-items: center;
    height: 36px;
    font-size: 1.45rem;
    margin-left: 0.3rem;
    font-weight: 600;
    transition: all 0.3s ease;
}

#slider-xsell .st-kategorie-title,
#slider-related .st-kategorie-title {
    display: inline-block;
    font-family: Noto Sans, serif;
    text-transform: uppercase;
    font-size: 1.75rem;
    font-weight: 400;
    overflow: hidden;
    color: #000;
    word-spacing: 2px;
    /*letter-spacing: 1px;*/
}

#slider-xsell .st-kategorie-title::after,
#slider-related .st-kategorie-title::after {
    content: "";
    display: block;
    width: 90%;
    margin-left: 1rem;
    border-bottom: 1px solid var(--main-color);
}

/*4 DESCRIPTION-SEITE - Button Add Warencorb */

#add-to-cart .st-warenkorb-button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0.3rem 0 1rem;
    max-height: 45px;
}

#add-to-cart .st-warenkorb-button .flaticon-shopping-bag-2 {
    display: block;
    font-size: 2rem;
    margin-left: 0.5rem;
    max-height: 40px;
}

/*5 WARENCORB-SEITE - Sliders Ähnliche usw. */


/*.basket_wrapper*/
/*#slider-related*/

.basket_wrapper .slick-slide .st-warenkorb-button {
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    /*padding: 0 0.3rem 0 1rem;*/
}

.basket_wrapper .slick-slide .flaticon-shopping-bag-2 {
    /*display: block;*/
    /*font-size: 2rem;*/
    /*margin-left: 0.5rem;*/
    /*max-height: 40px;*/
}

/*6 WISHLIST-SEITE - ProductCard und gemeinsame Button unten */


.product-wrapper .st-warenkorb-button-out {
    /*width: 100%;*/
    /*background-color: var(--white-color);*/
    /*color: var(--main-color);*/
    /*text-align: left;*/
}

.st-warenkorb-button-out span {
    /*margin-left: 0.5rem;*/
    /*line-height: 2;*/
}

.st-warenkorb-button-out .fa-eye {
    /*font-size: 1.65rem;*/
    /*height: 40px;*/
    /*position: absolute;*/
    /*margin-left: 0.5rem;*/
    /*font-weight: 600;*/
}

.st-warenkorb-button-out:hover {
    /*background-color: var(--second-color);*/
}

.st-warenkorb-button-out:hover .fa-eye {
    /*font-weight: 400;*/
}

.wishlist-item-buttons .btn-primary,
.wishlist-all-to-cart .btn-primary {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
}

.wishlist-item-buttons .flaticon-shopping-bag-2,
.wishlist-all-to-cart .flaticon-shopping-bag-2 {
    display: block;
    font-size: 1.75rem;
    margin-left: 0.5rem;
    max-height: 36px;
}

.productbox-show-variations .btn-primary {
    padding-top: 0;
    padding-bottom: 0;
}


/*****----- SECTION PRODUCTCARD DESCRIPTION-SEITE -----*****/

/*.dropdown.bootstrap-select.show-tick.form-control.custom-select.dropup.show .dropdown-menu.show {*/
.vaiation-wrapper .dropdown-menu.show {
    transform: translate3d(0px, 0px, 0px) !important;
    /*top: 25px;*/
}

[data-page="1"] .row.breadcrumb-wrapper.no-gutters {
    display: flex;
    flex-wrap: nowrap;
}

[data-page="1"] .row.breadcrumb-wrapper.no-gutters .navigation-arrows {
    min-width: 60px;
}

[data-page="1"] .row.breadcrumb-wrapper.no-gutters .navigation-arrows .btn.btn-link {
    padding: 5px 3px;
}

.row.breadcrumb-wrapper.no-gutters .fa-chevron-right::before,
.row.breadcrumb-wrapper.no-gutters .fa-chevron-left::before {
    background-color: #fff;
    border: 2px solid var(--main-color);
    padding: 4px 2px;
    color: var(--main-color);
    transition: all 0.3s ease;
}

.row.breadcrumb-wrapper.no-gutters .fa-chevron-right:hover::before,
.row.breadcrumb-wrapper.no-gutters .fa-chevron-left:hover::before {
    background-color: var(--main-color);
    color: #fff;
}


[data-page="1"] #content-wrapper {
    padding-top: 1rem;
}

[data-page="1"] #product-offer {
    position: relative;
}

[data-page="1"] #product-offer .product-info-inner {
    padding: 0 1rem;
    /*position: sticky;*/
    /*top: 120px;*/
    /*box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.15);*/
    background-color: #fff;
    z-index: 1;
}

#product-offer .alert-info {
    color: var(--main-color);
    border-color: var(--main-color);
    background-color: transparent;
    padding: 5px;
    line-height: 1.25;
}

#product-offer .form-error-msg {
    color: #b90000;
    background-color: var(--second-color);
    max-width: 50% !important;
}

#product-offer #image_wrapper {
    /*box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.15);*/
}

.col.product-gallery.col-lg-6.col-12 {
    padding-right: 0;
    /*box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.15);*/
}

#gallery_preview {
    margin-left: 0.5rem;
}

#gallery_preview .slick-arrow {
    border: 0;
    box-shadow: none;
}

#gallery_preview .slick-prev::after,
#gallery_preview .slick-next::after {
    color: var(--main-color);
    border: 1px solid var(--main-color);
}

.js-btn-slider-wrapper {
    color: var(--main-color);
    font-weight: 700 !important;
}

#product-offer .product-image.img-fluid {
    width: 100%;
    height: 100%;
    object-fit: contain;
    /*object-fit: cover;*/
}

#product-offer .slick-slide {
    border: none;
}

#image_wrapper.fullscreen #gallery .square-image .inner img {
    box-shadow: none;
}

#product-offer .product-info {
    padding-right: 0;
}

#product-offer .product-title.h2 {
    font-family: 'Onest', serif;
    color: var(--main-color);
    /*color: #000;*/
    font-weight: 600;
    display: inline-block;
    line-height: 1.1;
}

#product-offer .product-title.h2::after {
    content: "";
    display: block;
    width: 97%;
    margin-left: 1rem;
    /*border-bottom: 1px solid var(--main-color);*/
}

#product-offer .product-info .product-offer .price_wrapper .price,
#product-offer .product-info .product-offer .price_wrapper .price_label.price_on_application {
    color: var(--main-color);
    line-height: 1;
}

#product-offer .product-category.word-break a,
#product-offer .product-manufacturer a {
    /*text-decoration: none;*/
    padding: 0 5px;
    color: #000;
    font-weight: 600;
    border: 1px solid transparent;
    border-radius: 2px;
    transition: all 0.3s ease;
}

#product-offer .product-category.word-break a:hover,
#product-offer .product-manufacturer a:hover {
    color: var(--main-color);
    border-color: var(--main-color);
}

#product-offer :not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]) {
    width: 50%;
}

#result-wrapper .tab-navigation {
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.15);
    margin: 1.5rem -1rem 2rem -1rem;
    padding: 0.5rem 1rem;
}

#product-tabs {
    margin-top: 1rem;
}

/* letzte item-box */
#product-list.layout-gallery .productbox-hover.productbox-show-variations.show-variation-collapse:hover {
    box-shadow: none;
}

.review-form-image img {
    max-width: 150px;
}

.review-form-image span {
    font-family: 'Onest', serif;
    font-size: 1rem;
    font-weight: 600;
    color: var(--main-color);
    display: block;
}

.yousave {
    color: var(--main-color);
}

.popover-body {
    border: 2px solid var(--main-color);
}

.bs-popover-top > .arrow::after,
.bs-popover-top > .arrow::before,
.bs-popover-auto[x-placement^="top"] > .arrow::after,
.bs-popover-auto[x-placement^="top"] > .arrow::before {
    border-top-color: var(--main-color);
}

.product-detail .product-actions {
    right: 15%;
    top: 0;
}

#product-offer .product-info ul.info-essential {
    margin: 0 0 1.5rem 0;
}

#result-wrapper .desc {
    margin: 2.5rem 0;
}

/*** BEWERTUNG VARIANT 1 ***/

#product-offer {
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.15);
    /*border: 1px solid var(--main-color);*/
    padding: 1rem 0;
    margin-left: 0;
    margin-right: 0;
}

#result-wrapper #buy_form {
    /*box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.15);*/
}

#result-wrapper .container {
    position: relative;
}

#product-offer #image_wrapper {
    margin-bottom: 0;
}

#result-wrapper .question-on-item .btn-outline-primary,
#result-wrapper .btn.btn-link.question {
    display: flex;
    align-items: center;
    padding: 0;
    border: none;
    border-radius: 0;
    color: #525252 !important;
    font-weight: 500;
    margin-right: 0.5rem;
    transition: all 0.3s ease;
}

#result-wrapper .question-on-item .btn-outline-primary:hover,
#result-wrapper .btn.btn-link.question:hover {
    background-color: transparent;
    box-shadow: none;
    border: none;
    color: var(--main-color) !important;
}

#result-wrapper #article_rating {
    margin-bottom: 0;
}

#result-wrapper .fa-question-circle,
#result-wrapper .fa-info-circle {
    font-size: 1.05rem;
    margin-right: 3px;
    color: var(--main-color) !important;
}

#product-offer .product-info .question-on-item {
    display: flex;
    gap: 1rem;
}

/*** BEWERTUNG VARIANT 2 + benutzen style aus VARIANT 2 oben ***/

#result-wrapper .question-on-item {
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    /*position: absolute;*/
    /*right: 2%;*/
    /*bottom: 2%;*/
}

#result-wrapper .question-on-item .btn-outline-primary {
    margin-right: 2rem;
}

/*** VARIANT 3 NUR CSS ÄNDERN ***/

#result-wrapper .question-on-item {
    border: 1px solid #ebebeb;
    padding: 2px 0 2px 5px;
    border-radius: 2px 0 0 2px;
    display: flex;
    flex-direction: column;
    width: max-content;
    background-color: #fff;
    position: sticky;
    left: calc(100% - 1rem);
    bottom: 50%;
    z-index: 100;
    margin-right: 0;
}

#result-wrapper .question-on-item .btn-outline-primary {
    margin-right: 0;
}

#result-wrapper #article_rating {
    margin-bottom: 0.5rem;
}


/*****----- SECTION WARENCORB DROPDOWN, WARENCORB/BASKET SEITE -----*****/
.dropdown-menu.dropdown-menu-right {
    border: 2px solid var(--main-color);
    border-top: none;
}

.cart-dropdown {
    min-width: 23rem;
}

.cart-dropdown .dropdown-cart-items img {
    max-width: 50px;
}

.dropdown-body:last-child {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.cart-dropdown .dropdown-body:last-child {
    border-top: 0;
}

.cart-dropdown .table-responsive.max-h-sm.lg-max-h::after {
    content: "";
    height: 2px;
    width: 90%;
    background-color: rgba(0, 0, 0, 0.1);
    margin-bottom: 0;
    margin-left: 5%;
    display: block;
}

.dropdown-cart-items a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.dropdown-item:hover, .dropdown-item:focus {
    color: var(--main-color);
}

.dropdown-cart-items .text-right-util,
.cart-dropdown-total-item-price {
    /*color: var(--main-color);*/
    font-weight: 700;
}

.cart-items-body .cart-items-name {
    text-decoration: none;
    font-weight: 700;
    color: #525252;
}

#basket-shipping-estimate-form .form-control {
    border: 2px solid #b4b4b4;
}

.label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox):not(.blog-overview-main) {
    /*border: 1px solid #b4b4b4;*/
}

.sticky-top.cart-summary {
    padding: 1.5rem 1rem;
    /*box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.35);*/
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.35);
}

.sticky-top.cart-summary .card-header,
.sticky-top.cart-summary .card-body {
    /*color: var(--main-color);*/
    background-color: transparent;
    /*border: 1px solid var(--main-color);*/
    border: none;
}

.basket .basket-summary-top {
    padding-left: 10px;
}

.basket .basket-heading {
    text-align: center;
    color: var(--main-color);
}

.price_overall.text-accent {
    font-family: 'Onest', serif;
    /*color: var(--main-color);*/
    font-weight: 600;
}

#shipping-estimate-form .col-12,
#shipping-estimate-form .btn-outline-primary {
    padding: 9px 3px;
}

.account-icon-dropdown .dropdown-footer {
    font-size: 1rem;
    text-align: center;
}

.account-icon-dropdown .dropdown-footer a {
    /*color: var(--main-color);*/
    font-weight: 600;
}

/*****----- SECTION CHECKOUT, MEIN-KONTO -----*****/

.card-body,
.card-header,
.card-header.alert-success {
    border: 1px solid var(--main-color);
}

#pushed-success .card-body,
#pushed-success .card-header.alert-success {
    border: none;
}

.cart-dropdown .table-responsive,
#wishlist-dropdown-container .table-responsive,
#comparelist-dropdown-container .table-responsive {
    border: none;
}

.card-header:not(.alert-success) {
    background-color: var(--main-color);
}

#panel-submit-order .card-header .btn {
    background-color: var(--main-color);
}

#panel-submit-order .card-gray {
    background-color: transparent;
}

#order-confirm .card-header .h3,
.card-header a {
    color: #fff !important;
}

.checkout-confirmation .checkout-confirmation-legal-notice {
    font-weight: 700;
}

/*****----- SECTION WUNSHLIST / WISHLIST -----*****/

.wishlist-item .first-wrapper,
.wishlist-item .second-wrapper {
    height: 500px;
    /*box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.35);*/
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1100px) {
    .wishlist-item .first-wrapper,
    .wishlist-item .second-wrapper {
        height: 450px;
    }
}

@media only screen and (max-width: 992px) {
    .wishlist-item .first-wrapper,
    .wishlist-item .second-wrapper {
        height: 400px;
    }
}

@media only screen and (max-width: 850px) {
    .wishlist-item .first-wrapper,
    .wishlist-item .second-wrapper {
        height: 350px;
    }
}

@media only screen and (max-width: 767px) {
    .wishlist-item .first-wrapper,
    .wishlist-item .second-wrapper {
        height: 450px;
    }
}

@media only screen and (max-width: 600px) {
    .wishlist-item .first-wrapper,
    .wishlist-item .second-wrapper {
        height: 400px;
    }
}

@media only screen and (max-width: 576px) {
    .wishlist-item .first-wrapper,
    .wishlist-item .second-wrapper {
        height: 450px;
    }
}

@media only screen and (max-width: 450px) {
    .wishlist-item .first-wrapper,
    .wishlist-item .second-wrapper {
        height: 400px;
    }
}

@media only screen and (max-width: 400px) {
    .wishlist-item .first-wrapper,
    .wishlist-item .second-wrapper {
        height: 350px;
    }
}

.badge-circle-1:hover {
    color: var(--main-color);
    border-color: var(--main-color);
}

.far.fa-list-alt:hover {
    /*color: #fff;*/
}

.far.fa-heart:hover {
    /*color: var(--main-color);*/
}

.btn.compare.badge.badge-circle-1.action-tip-animation-b.on-list.btn-secondary:hover,
.btn.wishlist.badge.badge-circle-1.action-tip-animation-b.on-list.btn-secondary:hover {
    color: #fff;
}

.productbox-inner .square-image .inner img {
    /*box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.35);*/
}

.productbox-inner:hover .square-image .inner img {
    /*box-shadow: none;*/
}

.productbox-title.text-clamp-2 {
    font-size: 1.2rem;
    font-weight: 700;
    color: #000;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    min-height: 3.5rem;
    /*max-width: 25ch;*/
    margin-top: 1rem;
    text-decoration: none;
}

.wishlist-item .price_wrapper {
    /*text-align: center;*/
    text-align: right;
}

.wishlist-item .productbox-price {
    font-size: 1.25rem;
    margin-top: 1rem;
    /*margin-bottom: 0.5rem;*/
    color: var(--main-color);
}

.wishlist-item .suggested-price {
    /*text-align: center;*/
    font-size: 0.75rem;
    color: #525252;
}

.wishlist-item .price-note {
    /*min-height: 1.2rem;*/
}

/*****----- SECTION COMPIRELIST / VERGLEICHLIST -----*****/

.comparelist .stretched {
    margin-right: 0.5rem;
}

.comparelist-dropdown-table .form-row.align-items-center-util a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.comparelist-item {
    font-family: Noto Sans, serif;
}

.comparelist-item .comparelist-item-image {
    display: flex;
    height: 450px;
    max-width: 330px;
    width: 100%;
    /*object-fit: contain;*/
    object-fit: cover;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.35);
    transition: all 0.3s ease;
}

.comparelist-item:hover .comparelist-item-image {
    box-shadow: none;
    border: 1px solid #e1e1e1;
}

.comparelist-item span a:not(.shipment) {
    color: #000;
    margin-top: 1rem;
    font-size: 1.1rem;
    text-align: left;
    text-decoration: none;
    line-height: 1.5rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    min-height: 3rem;
}

.comparelist-item .price_wrapper {
    font-family: Noto Sans, serif;
    text-align: right;
    color: #525252;
}

.comparelist-item .productbox-price {
    font-size: 1.2rem;
    margin-top: 1rem;
    text-align: right;
    color: var(--main-color);
}

.comparelist-item .vat_info,
.comparelist-item .vat_info a,
.comparelist-item .suggested-price {
    /*display: flex;*/
    /*justify-content: flex-end;*/
    /*margin-left: 3px;*/
    font-size: 0.75rem;
    font-weight: 400;
}

.comparelist-item .suggested-price {
    margin-top: 0.5rem;
}

.comparelist-item .fas.fa-times {
    /*border: 1px solid #525252;*/
    padding: 2px 4px;
    border-radius: 50%;
    border: 1px solid #e1e1e1;
    background-color: #e1e1e1;
    /*margin-top: 0.9rem;*/
    /*margin-right: 0.4rem;*/
}


/*****----- SECTION FOOTER -----*****/

#footer {
    background-color: #000;
    position: relative;
    z-index: 10;
}

#footer a:not(.btn),
#footer p {
    color: #fff;
}

#footer-boxes .col-lg-3:nth-child(-n+3) {
    flex: 0 0 21%;
    max-width: 21%;
}

#footer-boxes .col-lg-3:last-child {
    flex: 0 0 36%;
    max-width: 36%;
    border-left: 1px solid var(--main-color);
    padding-left: 4rem;
    padding-right: 0;
}

#footer .productlist-filter-headline {
    font-family: 'Onest', serif;
    color: var(--main-color);
    font-size: 1.25rem;
    font-weight: 500;
}

#box122 .productlist-filter-headline {
    /*display: none;*/
    visibility: hidden;
    height: 1.2rem;
    /*margin-bottom: 0;*/
}

#sidebox126 p {
    padding: 0.2rem 0;
    margin-bottom: 0.5rem;
}

#sidebox126 a {
    text-decoration: none;
}

.newsletter-footer {
    flex-direction: column;
    width: 100%;
}

.newsletter-footer .beschreibung {
    /*font-weight: 600;*/
    font-weight: 500;
    text-align: justify;
}

.newsletter-footer .input-group:not(.has-validation) > .form-control:not(:last-child) {
    border: 1px solid var(--main-color);
    border-radius: 0;
}

.newsletter-footer .input-group-append .btn.btn-secondary {
    /*border: none;*/
    /*border-radius: 0;*/
}


.newsletter-footer .info {
    font-size: 0.65rem;
    color: #b4b4b4 !important;
    margin-top: 5px;
    margin-left: 1px;
}

.newsletter-footer .info a {
    color: #b4b4b4 !important;
}

#footer #copyright {
    background-color: #989797;
    color: #fff;
    margin-top: 1rem;
    min-height: 3rem;
    padding: 0 1rem;
}

#footer #copyright > div {
    padding: 0.5rem 2rem;
}

#footer #copyright > div a {
    text-decoration: none;
}

#footer #copyright > div {
    text-align: left;
}

.footnote-vat {
    text-align: right;
}

.footnote-vat .small {
    font-size: 100%;
}

#system-credits {
    text-align: right;
    padding-right: 0 !important;
}

#footer .footer-social-media {
    margin-top: 2rem;
}

.footer-social-media .btn-icon-secondary {
    border-color: var(--main-color);
    color: var(--main-color);
    background-color: transparent;
    border-radius: 0;
    transition: all 0.3s ease;
    padding: 0.5rem;
}

#footer .footer-additional-wrapper li {
    margin-bottom: 0;
}

.st-custom-zahlung-versand-icons {
    padding-left: 2rem;
}

.st-custom-zahlung-versand-icons img {
    margin-right: 0.5rem;
}


.fa-lg {
    vertical-align: -0.1em;
}

.footer-social-media .btn-icon-secondary:hover {
    border-color: #fff;
    color: #fff;
    background-color: var(--main-color);
}

.smoothscroll-top {
    right: 5px;
    width: 45px;
    height: 45px;
    line-height: 1.2;
    border: 2px solid var(--main-color);
    color: var(--main-color);
}

.smoothscroll-top.show {
    border: 2px solid var(--main-color);
    border-radius: 50%;
    bottom: 1.75rem
}

.scroll-top-inner {
    color: var(--main-color);
    line-height: 3.3;
}

.scroll-top-inner .fas.fa-chevron-up:hover {
    /*animation: iconTop 0.7s forwards;*/
}

@keyframes iconTop {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-3px);
    }
    100% {
        transform: translateY(0px);
    }
}

#consent-settings-btn {
    left: 5px;
    bottom: 1.75rem;
    width: 45px;
    height: 45px;
    line-height: 1;
}

.consent-btn-outline-primary {
    background-color: transparent;
    border-color: var(--main-color);
    color: var(--main-color);
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
}

.consent-btn-outline-primary:hover {
    color: var(--main-color);
    /*background-color: transparent;*/
}

#consent-settings-btn:hover,
#consent-settings-btn:focus {
    background: #b4b4b4;
}

/*****----- SECTION OFFIZIELE INFORMATIONEN -----*****/

/* FAQ und HILFE */

[data-page="31"] #content-wrapper:not(.has-fluid) {
    padding: 1rem 3rem;
}

[data-page="31"] .container.link-content h1 {
    text-align: center;
}

[data-page="31"] .container.link-content {
    padding-left: 4rem;
}

[data-page="31"] .container.link-content a[name] {
    display: block;
    position: relative;
    top: -135px;
    visibility: hidden;
}

@media only screen and (max-width: 600px) {
    [data-page="31"] .container.link-content a[name] {
        top: -115px;
    }
}

[data-page="31"] .container.link-content a {
    text-decoration: none;
    color: var(--main-color);
    font-weight: 700;
    line-height: 1.75;
    /*padding: 0 5px;*/
    transition: all 0.2s ease;
}

[data-page="31"] .container.link-content a:hover:not(a[href="#top"]) {
    background-color: var(--second-color);
}

[data-page="31"] .container.link-content a[href="#top"] {
    font-size: 1rem;
    height: 1.5rem;
    font-weight: 900;
    display: inline-block;
}

[data-page="31"] .fas.fa-chevron-up:not(.scroll-top-inner .fas.fa-chevron-up) {
    margin-left: 5px;
    transition: transform 0.3s ease
}

[data-page="31"] a[href="#top"]:hover .fas.fa-chevron-up {
    animation: iconTop 0.7s forwards;
}

[data-page="31"] .container.link-content .u {
    color: #666;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 2.5;
    /*padding-top: 1rem;*/
}

[data-page="31"] .container.link-content .u2 {
    color: #666;
    font-weight: 400;
    padding: 0.5rem;
}

[data-page="31"] .container.link-content hr {
    color: #666;
    font-weight: 500;
}

.container.link-content header {
    box-shadow: none;
    position: static;
}


/*****----- SECTION PLUGINS -----*****/

#product-offer span[id^='zoid-paypal-message-uid'] > *,
#fieldset-payment span[id^='zoid-paypal-message-uid'] > * {
    /*transform: scale(1.04);*/
    /*border: none;*/
}

#product-offer span[id^='zoid-paypal-message-uid'],
#fieldset-payment span[id^='zoid-paypal-message-uid'] {
    /*border: 2px solid #009cde;*/
    /*overflow: hidden;*/
    /*position: relative;*/
    /*width: auto;*/
    padding: 0 0 3px 0;
    /*text-align: center;*/
}

/*****----- SECTION ANDERS -----*****/


/*****----- ***** SECTION RESPONSIV ***** -----*****/

@media only screen and (min-width: 1600px) {
    #opc,
    #maintenance-mode,
    header,
    main,
    footer,
    #consent-manager {
        max-width: 100%;
    }

    nav.navbar,
    .container,
    .container-fluid,
    .opc-Container,
    .product-slider-TopAngebot,
    .product-slider-NeuImSortiment {
        max-width: 1580px;
        margin: 0 auto;
    }

    [data-page="1"] .container.breadcrumb-container,
    #result-wrapper .container {
        max-width: 1350px;
    }

}

@media only screen and (max-width: 1599px) {
    #opc,
    #maintenance-mode,
    header,
    main,
    footer,
    #consent-manager {
        max-width: 100vw;
    }

    nav.navbar,
    .container,
    .opc-Container,
    .product-slider-TopAngebot,
    .product-slider-NeuImSortiment {
        max-width: 96vw;
        margin: 0 auto;
    }

    [data-page="1"] .container.breadcrumb-container,
    #result-wrapper .container {
        max-width: 1350px;
    }
}

@media only screen and (max-width: 1500px) {
    #search {
        margin-right: 0;
    }

    /* productslider */
    [data-page="18"] .product-slider-wrapper .st-warenkorb-button,
    [data-page="18"] .product-slider-wrapper .st-warenkorb-button-out {
        padding-left: 0.5rem;
    }
}

@media only screen and (max-width: 1350px) {
    #result-wrapper .container {
        max-width: 98vw;
    }
}

@media only screen and (max-width: 1300px) {

    /* productslider */
    [data-page="18"] .product-slider-wrapper .st-warenkorb-button,
    [data-page="18"] .product-slider-wrapper .st-warenkorb-button-out {
        padding: 0 0.3rem;
    }

    .st-slider-blockprice span[itemprop="priceSpecification"] > span {
        /*font-size: 0.9rem;*/
        font-size: 0.8rem;
    }

    /* warencorb button */
    #product-list .st-warenkorb-button,
    #product-list .st-warenkorb-button-out {
        padding: 0 0.2rem;
    }

    #product-list .st-warenkorb-button .flaticon-shopping-bag-2,
    #slider-top-products .st-warenkorb-button .flaticon-shopping-bag-2,
    #slider-top-products .st-warenkorb-button-out .fa-eye,
    #product-list .st-warenkorb-button-out .fa-eye {
        /*max-height: 34px;*/
        height: 34px;
    }
}

@media only screen and (max-width: 1100px) {
    .main-search-wrapper {
        padding: 0;
    }

    /* OPC */
    .st-kategorie-text {
        width: 75%;
        margin-bottom: 0;
    }

    .st-banner3-text-title {
        font-size: 1.25rem;
    }

    .st-banner3-text a {
        font-size: 0.85rem;
    }

    .st-banner4-grid-item {
        /*padding: 0.5rem;*/
        padding: 0;
    }

    .st-banner5-item1, .st-banner5-item2 {
        padding: 1rem 0.5rem;
        margin-bottom: 1rem;
    }

    .st-blog-grid-title {
        font-size: 0.9rem;
    }

    .st-blog-grid-descr {
        font-size: 0.75rem;
        line-height: 1.3;
    }

    .st-blog-grid-text {
        padding: 0.5em 1em;
    }

    /* productslider */
    [data-page="18"] .slick-list .product-wrapper {
        padding: 0 0.6rem;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }

    .slick-slide .item-slider-desc.text-clamp-2,
    .slick-slide .item-slider-warengroup {
        font-size: 1.1rem;
    }

    .slick-slide .st-productcard-merkmale {
        font-size: 0.85rem;
    }

    .st-slider-blockprice .vat_info,
    .st-slider-blockprice .vat_info a {
        font-size: 0.65rem;
    }

    [data-page="18"] .product-slider-wrapper .st-warenkorb-button .flaticon-shopping-bag-2,
    [data-page="18"] .product-slider-wrapper .st-warenkorb-button-out .fa-eye {
        margin-left: 0.2rem;
    }

    .st-slider-blockprice span[itemprop="priceSpecification"] > span {
        font-size: 0.75rem;
    }

    /* Subcategories MD-> SM *****/
    .row.content-cats-small > .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .subcategories-image.d-none.d-md-flex {
        display: flex !important;
        justify-content: center;
        align-items: center;
    }

    /* kategorie und item-box */
    #product-list .st-blockprice-right,
    #slider-top-products .st-blockprice-right {
        padding-left: 0;
    }

    #product-list .text-clamp-2,
    #slider-top-products .text-clamp-2 {
        font-size: 1rem;
    }

    #product-list .item-slider-warengroup,
    #slider-top-products .item-slider-warengroup {
        font-size: 0.85rem;
    }

    #product-list.st-productcard-merkmale,
    #slider-top-products .st-productcard-merkmale {
        font-size: 0.75rem;
    }

    #product-list .st-warenkorb-button,
    #slider-top-products .st-warenkorb-button,
    #product-list .st-warenkorb-button-out,
    #slider-top-products .st-warenkorb-button-out {
        padding: 0 0.1rem 0 0.2rem;
    }

    #slider-top-products .st-warenkorb-button-out .fa-eye,
    #product-list .st-warenkorb-button-out .fa-eye {
        margin-left: 0.1rem;
        margin-right: 0.1rem;
    }

    #product-list .st-slider-blockprice .productbox-price,
    #slider-top-products .st-slider-blockprice .productbox-price {
        font-size: 1.1rem;
    }

    /* warencorb button */
    #product-list .st-warenkorb-button-out .fa-eye {
        /*font-size: 1.5rem;*/
    }

    /* footer */
    .newsletter-footer .input-group-append,
    .newsletter-footer .btn.min-w-sm.btn-secondary {
        width: 100%;
        margin-left: 0;
        margin-top: 3px;
    }

    .newsletter-footer .form-control::placeholder {
        text-align: center;
    }

    .newsletter-footer .info {
        text-align: center;
    }
}

@media only screen and (max-width: 992px) {

    #result-wrapper .question-on-item {
        bottom: 20%;
    }

    #result-wrapper .question-on-item .btn-outline-primary,
    #result-wrapper .btn.btn-link.question {
        font-size: 0.75rem;
    }

    #result-wrapper .fa-question-circle,
    #result-wrapper .fa-info-circle {
        font-size: 0.85rem;
    }

    /* header */
    header .navbar-toggler {
        /*color: var(--main-color);*/
        color: #525252;
        margin-top: 1rem;
    }

    #burger-menu {
        display: block;
        /*border: 1px solid rgba(0, 0, 0, 0.05);*/
        border: 1px solid transparent;
        padding: 0 0.5rem;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
        height: 2.85rem;
        border-radius: 50%;
        transition: all 0.3s ease;
    }

    #burger-menu:hover {
        border-color: var(--main-color);
        box-shadow: 0 0 0.3rem 0 rgba(0, 0, 0, 0.2);
    }

    .navbar-toggler .navbar-toggler-icon {
        width: 1.75rem;
        height: 3px;
    }

    .navbar-toggler .navbar-toggler-icon::before {
        width: 1.8rem;
        margin-top: -5px;
        height: 3px;
    }

    .navbar-toggler .navbar-toggler-icon::after {
        width: 1.8rem;
        margin-top: 5px;
        height: 3px;
    }

    .navbar-toggler .navbar-toggler-icon::before,
    .navbar-toggler .navbar-toggler-icon::after {
        transform-origin: 26%;
    }

    #burger-menu:hover span {
        color: var(--main-color);
    }

    .full-width-mega .toggler-logo-wrapper {
        display: flex;
        /*align-items: flex-end;*/
        align-items: center;
        margin-top: 0.5rem;
    }

    #logo .navbar-brand {
        margin-right: 0;
        padding: 0;
    }

    #shop-nav {
        margin-top: -0.5rem;
    }

    .nav-item.dropdown.language-dropdown.d-flex.d-lg-none {
        display: none !important;
    }

    .main-search.flex-grow-1.label-slide {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .order-lg-1 {
        padding-left: 0.5rem;
    }

    .col.col-auto.nav-icons-wrapper.order-lg-3 {
        margin-bottom: 0.5rem;
    }

    header .nav-right .nav-link {
        padding: 0.5rem;
    }

    .search-form-wrapper-fixed {
        padding-bottom: 1rem;
    }

    /* OPC */
    .hr-sect-h2 {
        /*text-align: left;*/
    }

    .st-kategorie-title {
        text-align: left;
        font-size: 1.5rem;
    }

    .st-kategorie-text {
        text-align: left;
        font-size: 0.9rem;
        width: 90%;
    }

    .st-banner3 .col.col-md-6.col-lg-3.col-xl-3.col-12 {
        margin-bottom: 1rem;
    }

    .st-banner3-text {
        width: 75%;
    }

    .st-banner5-item1 h3, .st-banner5-item2 h3 {
        font-size: 1rem;
    }

    .st-banner5-item1 p, .st-banner5-item2 p {
        font-size: 0.75rem;
    }

    /* productslider */
    .product-slider-TopAngebot,
    .product-slider-NeuImSortiment {
        padding: 0 0 0 0.5rem;
        margin-top: 1rem;
    }

    .st-slider-blockprice span[itemprop="priceSpecification"] > span {
        font-size: 0.85rem;
    }

    /* kategorie und item-box */
    #product-list .product-wrapper:not(:last-child) {
        margin-bottom: 2rem;
    }

    #slider-top-products .st-blockprice-left,
    #product-list .st-blockprice-left {
        width: 45%;
    }

    #slider-top-products .st-blockprice-right,
    #product-list .st-blockprice-right {
        width: 55%;
    }

    #product-list .st-warenkorb-button,
    #slider-top-products .st-warenkorb-button {
        padding: 0 0.3rem;
    }

    #product-list .st-warenkorb-button-out,
    #slider-top-products .st-warenkorb-button-out {
        padding: 0 0.3rem 0 0.5rem;
    }

    #slider-top-products .st-warenkorb-button-out .fa-eye,
    #product-list .st-warenkorb-button-out .fa-eye {
        margin-left: 0.3rem;
    }

    #product-list .st-slider-blockprice .productbox-price,
    #slider-top-products .st-slider-blockprice .productbox-price {
        font-size: 1.25rem;
    }

    #product-list .st-slider-blockprice .vat_info,
    #slider-top-products .st-slider-blockprice .vat_info,
    #product-list .st-slider-blockprice .vat_info a,
    #slider-top-products .st-slider-blockprice .vat_info a {
        font-size: 0.75rem;
    }

    #slider-top-products .st-slider-blockprice span[itemprop="priceSpecification"] > span,
    #product-list .st-slider-blockprice span[itemprop="priceSpecification"] > span {
        font-size: 0.95rem;
    }

    /* footer */
    #footer {
        padding-top: 2rem;
    }

    #footer-boxes .col-lg-3:nth-child(-n+3) {
        flex: 0 0 23%;
        max-width: 23%;
        padding-left: 0;
    }

    #footer-boxes .col-lg-3:last-child {
        flex: 0 0 31%;
        max-width: 31%;
        padding-left: 1rem;
    }

    #footer .container.d-print-none {
        padding-right: 0.5rem;
    }

    #footer a:not(.btn),
    #footer p,
    .newsletter-footer .beschreibung {
        font-size: 0.75rem;
    }

    #footer .info,
    #footer .info a {
        font-size: 0.6rem;
    }

    #footer .nav-link {
        /*padding: 0.1rem 0;*/
        padding: 0;
    }

    #sidebox126 p {
        padding: 0;
    }

    #footer .newsletter-footer {
        margin-right: 0;
        text-align: left;
    }

    #footer .footer-social-media {
        margin-right: 1rem;
        margin-top: 0.5rem;
    }

    #footer .footer-social-media .footer-additional-wrapper,
    #footer .newsletter-footer .col-12 {
        padding-right: 0;
    }

    .newsletter-footer .form-control {
        height: 2rem;
    }

    .newsletter-footer .btn.min-w-sm.btn-secondary {
        padding: 0.35rem 0.5rem;
    }

    /* product description */
    #product-offer .product-info {
        padding-left: 0;
    }

    [data-page="1"] #product-offer .product-info-inner {
        position: relative;
        top: unset;
        padding-left: 1rem;
        margin-top: 1rem;
    }

    /* offizielle inhalt*/
    [data-page="31"] .container.link-content {
        padding: 0;
        margin: 0;
    }

    [data-page="31"] .container.link-content .u {
        line-height: 1.5;
        padding-left: 0.5rem;
    }

    [data-page="31"] #content-wrapper:not(.has-fluid) {
        padding: 1rem;
    }

    [data-page="31"] hr {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }
}

@media only screen and (max-width: 860px) {

    /* productslider */
    .st-slider-blockprice span[itemprop="priceSpecification"] > span {
        font-size: 0.75rem;
    }

    /* kategorie und item-box */
    #slider-top-products .st-slider-blockprice span[itemprop="priceSpecification"] > span,
    #product-list .st-slider-blockprice span[itemprop="priceSpecification"] > span {
        font-size: 0.75rem;
    }

    #product-list .st-slider-blockprice .vat_info, #slider-top-products .st-slider-blockprice .vat_info,
    #product-list .st-slider-blockprice .vat_info a, #slider-top-products .st-slider-blockprice .vat_info a {
        font-size: 0.65rem;
    }

}

@media only screen and (max-width: 767px) {
    /* OPC */
    .st-banner2-text {
        width: 65%;
    }

    .st-banner3-text {
        width: 45%;
    }

    .container-fluid + .st-banner4 {
        padding: 0 !important;
    }

    .st-banner5-item1,
    .st-banner5-item2 {
        margin-bottom: 2rem;
    }

    .st-blog-grid-text {
        width: 70%;
        left: 50%;
        transform: translateX(-50%);
    }

    /*item-box hover furst und second img*/
    .productbox.productbox-hover:hover .productbox-inner::before {
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
        left: -1rem;
        right: -1rem;
        top: -1rem;
        bottom: -1rem;
    }

    .productbox.productbox-hover .productbox-inner::before {
        content: "";
        background-color: #ffffff;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        transition: all 0.2s ease-in-out;
    }

    #product-list .ribbon::before {
        display: none;
    }

    /* kategorie und item-box */
    .sub-categories .caption a {
        font-size: 0.8rem;
    }

    #slider-top-products .st-slider-blockprice span[itemprop="priceSpecification"] > span,
    #product-list .st-slider-blockprice span[itemprop="priceSpecification"] > span {
        font-size: 0.95rem;
    }

    #product-list .st-slider-blockprice .vat_info, #slider-top-products .st-slider-blockprice .vat_info,
    #product-list .st-slider-blockprice .vat_info a, #slider-top-products .st-slider-blockprice .vat_info a {
        /*font-size: 0.75rem;*/
    }

    /* footer */
    #footer .productlist-filter-headline {
        font-size: 0.85rem;
        margin-bottom: 1rem;
    }

    #crd-cllps-123,
    #crd-cllps-122 {
        display: block;
    }

    #crd-cllps-122 {
        margin-right: 0.5rem;
    }

    #crd-hdr-123 .text-truncate,
    #crd-hdr-122 .text-truncate {
        display: block;
        font-family: 'Onest', serif;
        font-size: 0.85rem;
        color: var(--main-color);
        margin-bottom: 1rem;
    }

    #crd-hdr-122 {
        visibility: hidden;
        height: 1.25rem;
        margin-bottom: 1rem;
    }

    .box-normal .box-normal-link {
        display: block;
    }

    .dropdown-toggle::after, :not(.navbar-toggler)[data-toggle="collapse"]::after {
        display: none;
    }

    #footer .newsletter-footer .col-12 {
        padding-left: 0.5rem;
    }

    .newsletter-footer .beschreibung {
        font-size: 0.6rem !important;
    }

    .pr-md-8 {
        padding-right: 1rem !important;
    }
}

@media only screen and (max-width: 600px) {

    /* header */
    .col.col-lg-auto.nav-logo-wrapper.order-lg-1,
    .col.col-auto.nav-icons-wrapper.order-lg-3,
    .main-search.flex-grow-1.label-slide {
        padding-left: 0;
        padding-right: 0;
    }

    .col.col-lg-auto.nav-logo-wrapper.order-lg-1 {
        max-width: 45%;
    }

    #burger-menu {
        height: 2.15rem;
        padding: 5px;
        margin-top: 4px;
    }

    .navbar-toggler .navbar-toggler-icon {
        width: 1.35rem;
        height: 2px;
    }

    .navbar-toggler .navbar-toggler-icon::before {
        width: 1.4rem;
        margin-top: -2px;
        height: 2px;
    }

    .navbar-toggler .navbar-toggler-icon::after {
        width: 1.4rem;
        margin-top: 2px;
        height: 2px;
    }

    .navbar-toggler .navbar-toggler-icon::before,
    .navbar-toggler .navbar-toggler-icon::after {
        transform-origin: 40%;
    }

    #shop-nav {
        margin-top: 0;
    }

    .full-width-mega .toggler-logo-wrapper {
        /*margin-top: 0;*/
    }

    #shop-nav .nav-link {
        padding: 0.6rem 0.3rem 0 0.3rem;
    }

    .st-icons, .st-icons-log {
        width: 35px;
        height: 35px;
    }

    #shop-nav .flaticon-love-1,
    #shop-nav .flaticon-square,
    #shop-nav .flaticon-task,
    #shop-nav .flaticon-bag {
        font-size: 1.5rem;
    }

    #shop-nav .flaticon-user {
        font-size: 1.25rem;
    }

    nav.navbar {
        margin-bottom: 0;
        flex-wrap: nowrap;
    }

    .search-form-wrapper-fixed {
        padding-top: 0.1rem;
        padding-bottom: 0.5rem;
    }

    /* OPC */
    .st-banner2-text {
        width: 80%;
    }

    .st-banner3-text {
        width: 60%;
    }

    .st-blog-grid-text {
        width: 85%;
    }

    /* Subcategories MD-> SM */
    .row.content-cats-small > .col-md-4 {
        flex: 0 0 50%;
        max-width: 50%;
        /*padding-left: 1rem;*/
        /*padding-right: 1rem;*/
    }

    .sub-categories .caption a {
        min-height: 2.5rem;
    }

    /* kategorie und item-box */
    .productlist-page-nav .displayoptions {
        text-align: center;
    }

    #slider-top-products .st-slider-blockprice span[itemprop="priceSpecification"] > span,
    #product-list .st-slider-blockprice span[itemprop="priceSpecification"] > span {
        font-size: 0.80rem;
    }

    :not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]) {
        width: 100%;
    }

    /* footer */
    #footer li,
    #sidebox126 p {
        margin-bottom: 0.3rem;
    }

    /* 3+1 */
    /*#footer-boxes .col-lg-3:nth-child(-n+3) {*/
    /*    flex: 0 0 33%;*/
    /*    max-width: 33%;*/
    /*    padding-left: 0.5rem;*/
    /*    padding-right: 0.5rem;*/
    /*}*/
    /*#footer-boxes .col-lg-3:last-child {*/
    /*    flex: 0 0 100%;*/
    /*    max-width: 100%;*/
    /*    border-left: none;*/
    /*    padding-left: 3rem;*/
    /*    padding-right: 2rem;*/
    /*}*/
    /* 2+2 */
    #footer-boxes .col-lg-3:nth-child(-n+3) {
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    #footer-boxes .col-lg-3:last-child {
        flex: 0 0 50%;
        max-width: 50%;
        border-left: none;
        padding-left: 1rem;
    }

    .newsletter-footer .beschreibung {
        font-size: 0.61rem !important;
    }

    #footer .footer-social-media {
        /*text-align: center;*/
    }

    #footer .footer-social-media ul {
        /*justify-content: center;*/
    }

    .row.footer-social-media {
        position: absolute;
        bottom: 2%;
        left: -97%;
    }

    #footer .info, #footer .info a {
        font-size: 0.5rem;
    }

    .st-custom-zahlung-versand-icons {
        display: flex;
        justify-content: center;
        margin: 1rem 0;
        padding-left: 0;
    }

    #footer #copyright {
        padding: 0.3rem 0.5rem;
        min-height: unset;
    }

    #footer #copyright .col-6:first-child {
        padding: 0 0 0 1.5rem;
    }

    #footer #copyright .col-6:nth-child(2) {
        padding: 0 1.5rem 0 0;
    }

    #footer #copyright > div, #footer #copyright > div a {
        font-size: 0.5rem;
    }

    .smoothscroll-top.show,
    #consent-settings-btn {
        width: 40px;
        height: 40px;
        /*bottom: 1.5rem;*/
    }

    .scroll-top-inner {
        line-height: 3.0;
    }

    #footer #copyright > div,
    #footer #copyright > div a {
        font-size: 0.6rem;
    }

    #consent-settings-btn,
    .smoothscroll-top.show {
        bottom: 2.5rem;
    }
}

@media only screen and (max-width: 540px) {

    #content {
        padding-bottom: 1.5rem;
    }

    /* OPC */
    .st-kategorie-title {
        /*font-size: 1.3rem;*/
    }

    .st-kategorie-text {
        font-size: 0.8rem;
        width: 100%;
        margin-bottom: 0;
    }

    .st-banner1-text {
        padding: 0.5em 1em;
    }

    .st-banner1-text-title {
        font-size: 1.25rem;
    }

    .st-banner3-text {
        width: 70%;
    }

    .st-banner4 h3 {
        font-size: 1.5rem;
        margin-bottom: 1rem;
        padding-top: 1rem;
    }

    .st-banner5-item1, .st-banner5-item2 {
        padding: 0.5rem;
        justify-content: flex-start;
    }

    .st-banner5-item1 h3, .st-banner5-item2 h3 {
        font-size: 1rem;
    }

    .st-banner5-item1 p, .st-banner5-item2 p {
        font-size: 0.75rem;
    }

    .st-blog-grid {
        margin-bottom: 1rem;
    }

    .st-blog-grid .flaticon-right-arrow-2 {
        font-size: 1.3rem;
    }

    .st-banner5-item1, .st-banner5-item2 {
        margin: 0.5rem 0.5rem 1rem 0.5rem;
    }

    .container-fluid .st-banner5,
    .index-news-wrapper {
        padding: 0 0.5rem;
    }

    .container-fluid + .st-banner4 {
        padding: 0 0.5rem !important;
    }

    .index-news-wrapper {
        padding: 0 1rem !important;
    }

    .index-news-wrapper .carousel-arrows-inside .slick-prev {
        transform: translate(-45%, -150%);
    }

    .index-news-wrapper .carousel-arrows-inside .slick-next {
        transform: translate(45%, -150%);
    }

    #main-wrapper > .container-fluid:nth-child(7),
    #main-wrapper > .container-fluid:nth-child(8) {
        margin-top: 0;
    }

    .hr-sect {
        margin: 0 !important;
    }

    /* productslider item-slider */
    .product-slider-TopAngebot,
    .product-slider-NeuImSortiment {
        margin-top: 0;
    }

    .product-wrapper .item-slider {
        height: 300px;
    }

    .product-slider-TopAngebot .carousel-arrows-inside .slick-next,
    .product-slider-NeuImSortiment .carousel-arrows-inside .slick-next {
        margin-right: 0.5rem;
    }

    .slick-type-product:not(.slider-no-preview) .slick-list {
        padding-right: 0.5rem;
    }

    [data-page="18"] .slick-list .product-wrapper {
        padding: 0 0.2rem;
    }

    .slick-slide .item-slider-desc.text-clamp-2 {
        font-size: 1rem;
    }

    .slick-slide .st-productcard-merkmale {
        font-size: 0.75rem;
    }

    [data-page="18"] .product-slider-wrapper .st-blockprice-left,
    [data-page="18"] .product-slider-wrapper .st-blockprice-right {
        width: auto;
    }

    [data-page="18"] .product-slider-wrapper .st-warenkorb-button {
        padding: 0 6px;
    }

    [data-page="18"] .product-slider-wrapper .st-warenkorb-button-out {
        padding: 0 5px;
    }

    [data-page="18"] .product-slider-wrapper .st-warenkorb-button .flaticon-shopping-bag-2 {
        margin-left: 0;
    }

    [data-page="18"] .product-slider-wrapper .st-warenkorb-button-out .fa-eye {
        margin-left: 2px;
        margin-right: 2px;
    }

    [data-page="18"] .product-slider-wrapper .st-warenkorb-button span:first-child,
    [data-page="18"] .product-slider-wrapper .st-warenkorb-button-out span:first-child {
        display: none
    }

    .st-slider-blockprice span[itemprop="priceSpecification"] > span {
        font-size: 0.95rem;
    }

    .st-slider-blockprice .vat_info, .st-slider-blockprice .vat_info a {
        font-size: 0.60rem;
    }

    /* kategorie und item-box */
    #product-list .st-slider-blockprice,
    #slider-top-products .st-slider-blockprice {
        min-height: 4.5rem;
    }

    #product-list .st-blockprice-left,
    #slider-top-products .st-blockprice-left {
        width: auto;
    }

    #product-list .st-blockprice-right,
    #slider-top-products .st-blockprice-right {
        width: 100%;
        justify-content: flex-start;
    }

    #product-list .st-warenkorb-button,
    #slider-top-products .st-warenkorb-button {
        padding: 0 0.3rem;
    }

    #product-list .st-warenkorb-button-out,
    #slider-top-products .st-warenkorb-button-out {
        padding: 1px 0.3rem;
    }

    #product-list .st-warenkorb-button span:first-child,
    #slider-top-products .st-warenkorb-button span:first-child,
    #product-list .st-warenkorb-button-out span:first-child,
    #slider-top-products .st-warenkorb-button-out span:first-child {
        display: none
    }

    #product-list .st-warenkorb-button-out .fa-eye,
    #slider-top-products .st-warenkorb-button-out .fa-eye,
    #product-list .st-warenkorb-button .flaticon-shopping-bag-2,
    #slider-top-products .st-warenkorb-button .flaticon-shopping-bag-2 {
        margin-left: 0.1rem;
        margin-right: 0.1rem;
    }
}

@media only screen and (max-width: 455px) {
    .st-slider-blockprice .price_on_application,
    .is-item-list .price_on_application {
        font-size: 0.85rem;
    }
}

@media only screen and (max-width: 430px) {

    /* header */
    header #burger-menu {
        margin-right: 0.5rem;
    }

    .search-wrapper .input-group {
        flex-wrap: nowrap;
    }

    /* productslider item-slider */
    .st-slider-blockprice .productbox-price {
        font-size: 1.1rem;
    }

    .st-slider-blockprice span[itemprop="priceSpecification"] > span {
        font-size: 0.8rem;
    }

    /* kategorie und item-box */
    #product-list .productbox-inner .col.col-12,
    #slider-top-products .productbox-inner .col.col-12 {
        padding: 0 0.5rem;
    }

    .productbox-inner {
        padding: 0.5rem 1rem;
    }

    .recommendations .st-warenkorb-button span:first-child {
        display: none;
    }

    .recommendations .st-warenkorb-button .flaticon-shopping-bag-2 {
        margin-left: 0;
    }

    /* footer */
    #footer #copyright {
        padding: 0 0.3rem;
    }

    #crd-hdr-122 {
        margin-bottom: 0.75rem;
    }

    #crd-hdr-123 .text-truncate,
    #footer .productlist-filter-headline {
        /*font-size: 0.75rem;*/
    }

    .fa-fw {
        width: 1em;
        height: 1em;
    }

    #product-offer :not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]) {
        width: 100%;
    }

    .st-kategorie-title::after {
        width: auto;
    }

    #slider-partslist .st-blockprice-left .st-warenkorb-button span:first-child {
        display: none;
    }

    #slider-partslist .st-blockprice-left .st-warenkorb-button .flaticon-shopping-bag-2::before {
        font-size: 1.5rem;
    }

    #slider-partslist .st-blockprice-left .st-warenkorb-button {
        /*display: none;*/
    }

}

@media only screen and (max-width: 320px) {

}

@media only screen and (max-width: 992px) {
    #product-tabs #label-votes {
        background-color: var(--main-color);
    }

    #product-tabs #label-votes #tab-link-votes {
        color: #fff !important;
    }

    .productbox-show-variations .productbox-variations .productbox-onhover {
        padding-bottom: 0;
    }

    .row.variations.switch-variations dl {
        margin-bottom: 0 !important;
    }

    .row.variations.switch-variations .js-btn-slider-wrapper {
        margin-top: 5px;
        margin-bottom: 0 !important;
    }

    .productbox-show-variations .productbox-variations .text-clamp-2 {
        margin-top: 0;
    }

    .row.variations.switch-variations .filter-option {
        font-size: 0.7rem;
        padding-left: 4px;
        padding-right: 4px;
    }

    .row.variations.switch-variations .dropdown-menu {
        font-size: 0.7rem;
    }

    .row.variations.switch-variations .dropdown-menu .dropdown-item {
        padding: 0.25rem 0.5rem;
        /*white-space: wrap;*/
        line-height: 1.25;
    }

    #product-list .product-wrapper {
        height: 100% !important;
    }
}