/* Bridge styles for the OXID 7.5 Twig/Apex version of the Stoeberkiste theme. */

.d-none,
[hidden] {
    display: none !important;
}

body.cl-start .wrapper,
body.cl-start .content {
    background: transparent;
}

.sk-header a,
.sk-footer a,
.sk-frontpage a {
    text-decoration: none;
}

.sk-header .logo-link img,
.sk-footer-logo img {
    max-width: 420px;
    height: auto;
}

.sk-header .sk-search {
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: 340px;
}

.sk-header .sk-search input[type="text"] {
    min-width: 180px;
}

.sk-header .search {
    margin: 0;
}

.sk-apex-tools {
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 3;
    align-items: center;
    gap: 4px;
    margin-left: 0;
}

.sk-apex-tools .btn {
    min-width: 38px;
}

.sk-header svg {
    width: 18px;
    height: 18px;
}

.sk-header.header {
    height: 120px;
    min-height: 120px;
    overflow: visible;
}

.sk-header .top-bar {
    position: relative;
    z-index: 2;
}

.sk-header nav[aria-label="Hauptnavigation"] {
    float: right;
}

.sk-header #topnav {
    width: auto;
    background: #fff;
    height: 120px;
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sk-header #topnav li {
    float: left;
    margin-right: 10px;
    height: auto;
    margin-top: 74px;
}

.sk-header #topnav li:last-child {
    margin-right: 0;
}

.sk-header #topnav li a {
    font-size: 14px;
    padding: 8px 16px;
    background: #ebe9e9;
    border-radius: 4px;
    color: #285479;
    transition: all .25s ease;
}

.sk-header #topnav li a:hover {
    background: #285479;
    color: #fff;
}

.sk-header .sk-cart-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.sk-frontpage img,
.sk-footer img {
    max-width: 100%;
    height: auto;
}

.sk-frontpage .tile img {
    display: block;
    width: 100%;
}

.sk-contact-panel {
    max-width: 420px;
}

.sk-list-header .sk-header-image {
    display: block;
    border: 0;
    height: auto;
}

body.cl-alist .sk-list-header,
body.cl-manufacturerlist .sk-list-header {
    position: relative;
    overflow: visible;
    min-height: 360px;
    margin-top: 0;
    padding: 0;
}

body.cl-alist .sk-list-header > .container-xxl,
body.cl-manufacturerlist .sk-list-header > .container-xxl {
    width: 1024px;
    max-width: 1024px;
    min-height: 260px;
    position: relative;
}

body.cl-alist .sk-list-header > .container-xxl > .row,
body.cl-manufacturerlist .sk-list-header > .container-xxl > .row {
    min-height: 360px;
}

body.cl-alist .sk-list-header > .container-xxl > .row > .col-md-7,
body.cl-manufacturerlist .sk-list-header > .container-xxl > .row > .col-md-7 {
    position: relative;
    z-index: 2;
    padding-top: 286px;
}

body.cl-alist .sk-list-header > .container-xxl > .row > .col-md-5,
body.cl-manufacturerlist .sk-list-header > .container-xxl > .row > .col-md-5 {
    position: static;
    padding: 0 !important;
}

body.cl-alist .sk-list-header .sk-header-image,
body.cl-manufacturerlist .sk-list-header .sk-header-image {
    position: absolute;
    top: 0;
    left: 50%;
    width: 2000px !important;
    max-width: none;
    height: 260px;
    margin-left: -1000px;
    object-fit: cover;
    z-index: 1;
}

body.cl-alist .article-list,
body.cl-manufacturerlist .article-list {
    clear: both;
}

body.cl-alist .sk-list-body,
body.cl-manufacturerlist .sk-list-body {
    display: flex;
    align-items: flex-start;
    gap: 24px;
}

body.cl-alist .sk-side-menu,
body.cl-manufacturerlist .sk-side-menu {
    flex: 0 0 260px;
    margin-top: 0;
}

body.cl-alist .sk-side-menu .shop-menu,
body.cl-manufacturerlist .sk-side-menu .shop-menu,
body.cl-alist .sk-side-menu .shop-info-menu,
body.cl-manufacturerlist .sk-side-menu .shop-info-menu {
    margin-bottom: 16px;
}

body.cl-alist .sk-side-menu .categoryBox,
body.cl-manufacturerlist .sk-side-menu .categoryBox {
    display: block !important;
}

body.cl-alist .sk-side-menu .sidebar-header,
body.cl-manufacturerlist .sk-side-menu .sidebar-header {
    padding: 10px;
    background: #285479;
    color: #fff;
}

body.cl-alist .sk-side-menu .nav,
body.cl-manufacturerlist .sk-side-menu .nav,
body.cl-alist .sk-side-menu ul,
body.cl-manufacturerlist .sk-side-menu ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

body.cl-alist .sk-side-menu li,
body.cl-manufacturerlist .sk-side-menu li {
    display: block;
    border-bottom: 1px solid #c2c2c2;
}

body.cl-alist .sk-side-menu a,
body.cl-manufacturerlist .sk-side-menu a {
    display: block;
    padding: 10px;
    background: #ebe9e9;
    color: #285479;
}

body.cl-alist .sk-side-menu .nav .nav,
body.cl-manufacturerlist .sk-side-menu .nav .nav {
    border-top: 1px solid #c2c2c2;
}

body.cl-alist .sk-side-menu .nav .nav a,
body.cl-manufacturerlist .sk-side-menu .nav .nav a {
    background: #fff;
    padding-left: 22px;
}

body.cl-alist .sk-side-menu svg,
body.cl-manufacturerlist .sk-side-menu svg {
    width: 12px;
    height: 12px;
    margin-right: 6px;
}

body.cl-alist .sk-product-list-panel,
body.cl-manufacturerlist .sk-product-list-panel {
    flex: 1 1 auto;
    min-width: 0;
}

body.cl-alist .list-view,
body.cl-manufacturerlist .list-view {
    display: block;
}

body.cl-alist .list-view > *,
body.cl-manufacturerlist .list-view > * {
    width: 100%;
}

body.cl-alist .line-view > .card,
body.cl-manufacturerlist .line-view > .card {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
}

body.cl-alist .line-view .col-lg-1,
body.cl-manufacturerlist .line-view .col-lg-1 {
    flex: 0 0 120px;
    width: 120px;
    max-width: 120px;
}

body.cl-alist .line-view .col-lg-11,
body.cl-manufacturerlist .line-view .col-lg-11 {
    flex: 0 0 calc(100% - 120px);
    width: calc(100% - 120px);
    max-width: calc(100% - 120px);
}

body.cl-alist .product-card,
body.cl-manufacturerlist .product-card {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

body.cl-alist .product-card .card-img,
body.cl-manufacturerlist .product-card .card-img,
body.cl-alist .product-card .product-img,
body.cl-manufacturerlist .product-card .product-img,
body.cl-alist .list-view .card-img,
body.cl-manufacturerlist .list-view .card-img {
    width: 100px !important;
    max-width: 100px;
    height: 100px !important;
    object-fit: contain;
}

.breadcrumb-wrapper svg,
.details svg,
.ratings svg,
.product-links svg,
.details-information svg {
    width: 16px;
    height: 16px;
}

.sk-list-header .breadcrumb-wrapper {
    padding: 0 !important;
    margin: 0 0 8px;
}

.sk-list-header .breadcrumb {
    margin: 0;
    font-size: 16px;
}

.sk-list-header .breadcrumb-item:first-child {
    display: none;
}

.cat-list {
    display: none !important;
}

body.cl-details .sk-detail-header {
    position: relative;
    height: 260px;
    overflow: hidden;
    margin-bottom: 28px;
}

body.cl-details .sk-detail-header .sk-header-image {
    position: absolute;
    top: 0;
    left: 50%;
    width: 2000px;
    max-width: none;
    height: 260px;
    margin-left: -1000px;
    object-fit: cover;
}

body.cl-details .sk-detail-body {
    display: flex;
    align-items: flex-start;
    gap: 40px;
}

body.cl-details .sk-detail-main {
    flex: 1 1 auto;
    min-width: 0;
}

body.cl-details .sk-side-menu {
    flex: 0 0 260px;
}

body.cl-details .sk-side-menu .shop-menu {
    margin-bottom: 16px;
}

body.cl-details .sk-side-menu .categoryBox {
    display: block !important;
}

body.cl-details .sk-side-menu .sidebar-header {
    padding: 10px;
    background: #285479;
    color: #fff;
}

body.cl-details .sk-side-menu .nav,
body.cl-details .sk-side-menu ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

body.cl-details .sk-side-menu li {
    display: block;
    border-bottom: 1px solid #c2c2c2;
}

body.cl-details .sk-side-menu a {
    display: block;
    padding: 10px;
    background: #ebe9e9;
    color: #285479;
}

body.cl-details .sk-side-menu .nav .nav a {
    background: #fff;
    padding-left: 22px;
}

body.cl-details .sk-side-menu svg {
    width: 12px;
    height: 12px;
    margin-right: 6px;
}

body.cl-details #details_container .sk-detail-main .container-xxl {
    width: auto;
    max-width: none;
    padding-right: 0;
    padding-left: 0;
}

body.cl-details .details-top .row {
    margin-right: 0;
    margin-left: 0;
}

body.cl-details .details-top .col-lg-8,
body.cl-details .details-top .col-xl-9 {
    flex: 0 0 52%;
    width: 52%;
    max-width: 52%;
    padding-left: 0;
}

body.cl-details .details-top .col-lg-4,
body.cl-details .details-top .col-xl-3 {
    flex: 0 0 48%;
    width: 48%;
    max-width: 48%;
}

body.cl-details .gallery,
body.cl-details .carousel,
body.cl-details .gallery .wrap {
    width: 100%;
    max-width: 380px;
    height: auto;
}

body.cl-details .gallery .wrap {
    overflow: hidden;
}

body.cl-details .gallery .wrap img {
    display: none;
    width: 362px;
    max-width: 100%;
    height: auto;
}

body.cl-details .gallery .wrap img:first-child {
    display: block;
}

body.cl-details .gallery .thumbnails {
    display: none;
}

body.cl-details .ratings {
    height: auto;
    min-height: 0;
    margin: 4px 0 16px;
}

body.cl-details .ratings svg {
    width: 18px;
    height: 18px;
}

body.cl-details .details-title {
    color: #a40000;
    font-size: 27px;
    line-height: 1.25;
}

body.cl-details .brand-name {
    display: inline-block;
    margin-bottom: 10px;
}

body.cl-details .details-information svg {
    margin-right: 6px;
}

@media (max-width: 767px) {
    body.cl-details .sk-detail-body {
        display: block;
    }

    body.cl-details .sk-side-menu {
        margin-bottom: 24px;
    }

    body.cl-details .details-top .col-lg-8,
    body.cl-details .details-top .col-xl-9,
    body.cl-details .details-top .col-lg-4,
    body.cl-details .details-top .col-xl-3 {
        width: 100%;
        max-width: 100%;
        flex-basis: 100%;
    }
}

/* Final Stoeberkiste parity overrides: keep the old shop layout stable after Apex/Bootstrap rules. */
body.cl-alist .sk-list-intro,
body.cl-manufacturerlist .sk-list-intro {
    margin-bottom: 38px !important;
}

body.cl-alist .sk-list-intro h1,
body.cl-manufacturerlist .sk-list-intro h1 {
    margin-bottom: 16px !important;
}

body.cl-alist .sk-list-intro .categoryDescription,
body.cl-manufacturerlist .sk-list-intro .categoryDescription {
    max-width: 724px !important;
    margin: 0 !important;
    color: #285479 !important;
    font-size: 18px !important;
    line-height: 1.16 !important;
}

body.cl-alist #productList .card,
body.cl-manufacturerlist #productList .card {
    width: 724px !important;
    max-width: 724px !important;
    min-height: 112px !important;
    margin: 0 0 12px !important;
    border: 0 !important;
    border-top: 1px solid #e5e1df !important;
    border-bottom: 1px solid #e5e1df !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #fff !important;
}

body.cl-alist #productList .card > .row,
body.cl-manufacturerlist #productList .card > .row {
    display: grid !important;
    grid-template-columns: 100px 1fr !important;
    gap: 0 14px !important;
    min-height: 112px !important;
    margin: 0 !important;
}

body.cl-alist #productList .card > .row > .col-3,
body.cl-manufacturerlist #productList .card > .row > .col-3 {
    grid-column: 1 !important;
    width: 100px !important;
    max-width: 100px !important;
    padding: 0 !important;
}

body.cl-alist #productList .card > .row > .col-9,
body.cl-manufacturerlist #productList .card > .row > .col-9 {
    grid-column: 2 !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

body.cl-alist #productList .card-img,
body.cl-manufacturerlist #productList .card-img {
    width: 100px !important;
    height: 100px !important;
    object-fit: cover !important;
    border-radius: 0 !important;
}

body.cl-alist #productList .card-body,
body.cl-manufacturerlist #productList .card-body {
    min-height: 112px !important;
    padding: 10px 0 0 !important;
}

body.cl-alist #productList .card-body > .row,
body.cl-manufacturerlist #productList .card-body > .row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 180px !important;
    gap: 0 18px !important;
    margin: 0 !important;
    align-items: start !important;
}

body.cl-alist #productList .card-body > .row > .col-12,
body.cl-manufacturerlist #productList .card-body > .row > .col-12 {
    grid-column: 1 !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

body.cl-alist #productList .card-body > .row > .sk-line-functions,
body.cl-manufacturerlist #productList .card-body > .row > .sk-line-functions {
    display: block !important;
    grid-column: 2 !important;
    width: 180px !important;
    max-width: 180px !important;
    padding: 0 !important;
}

body.cl-alist #productList .card-body > .row > .d-none.d-lg-block,
body.cl-manufacturerlist #productList .card-body > .row > .d-none.d-lg-block,
body.cl-alist #productList .card-text,
body.cl-manufacturerlist #productList .card-text {
    display: none !important;
}

body.cl-alist #productList .card-title,
body.cl-manufacturerlist #productList .card-title {
    display: block !important;
    margin: 0 !important;
    color: #111 !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
}

body.cl-alist #productList .functions,
body.cl-manufacturerlist #productList .functions {
    text-align: right !important;
}

body.cl-alist #productList .price,
body.cl-manufacturerlist #productList .price {
    margin: 0 0 2px !important;
    color: #285479 !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
}

body.cl-alist #productList .price .text-nowrap,
body.cl-manufacturerlist #productList .price .text-nowrap {
    white-space: nowrap !important;
}

body.cl-alist #productList .price .text-nowrap::after,
body.cl-manufacturerlist #productList .price .text-nowrap::after {
    content: "";
}

body.cl-alist #productList .price .text-nowrap,
body.cl-manufacturerlist #productList .price .text-nowrap {
    color: #285479 !important;
}

body.cl-alist #productList .price .text-nowrap + *,
body.cl-manufacturerlist #productList .price .text-nowrap + * {
    display: block !important;
}

body.cl-alist #productList .vat-info-text,
body.cl-manufacturerlist #productList .vat-info-text,
body.cl-alist #productList .pricePerUnit,
body.cl-manufacturerlist #productList .pricePerUnit {
    display: block !important;
    color: #285479 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
}

body.cl-alist #productList .input-group,
body.cl-manufacturerlist #productList .input-group {
    display: none !important;
}

body.cl-alist #productList .functions .btn,
body.cl-manufacturerlist #productList .functions .btn {
    display: inline-block !important;
    width: 78px !important;
    min-width: 78px !important;
    margin: 8px 0 0 auto !important;
    padding: 7px 12px !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: #285479 !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 1.15 !important;
    text-align: center !important;
}

body.cl-alist #productList .functions form::after,
body.cl-manufacturerlist #productList .functions form::after {
    content: "Details";
    display: inline-block;
    width: 78px;
    margin-top: 8px;
    padding: 7px 12px;
    border-radius: 5px;
    background: #285479;
    color: #fff;
    font-size: 16px;
    line-height: 1.15;
    text-align: center;
}

@media (min-width: 768px) {
    body.cl-details #details_container .sk-detail-main .container-xxl,
    body.cl-details .details-top .container-xxl {
        width: 724px !important;
        max-width: 724px !important;
        padding: 0 !important;
    }

    body.cl-details .details-top .row {
        display: grid !important;
        grid-template-columns: 362px 334px !important;
        gap: 0 28px !important;
        align-items: start !important;
        margin: 0 !important;
    }

    body.cl-details .details-top .col-12:first-child,
    body.cl-details .details-top .col-lg-8,
    body.cl-details .details-top .col-xl-9 {
        grid-column: 1 !important;
        width: 362px !important;
        max-width: 362px !important;
        padding: 0 !important;
    }

    body.cl-details .details-top .col-12:nth-child(2),
    body.cl-details .details-top .col-lg-4,
    body.cl-details .details-top .col-xl-3 {
        display: flex !important;
        flex-direction: column !important;
        grid-column: 2 !important;
        width: 334px !important;
        max-width: 334px !important;
        padding: 0 !important;
        color: #285479 !important;
    }

    body.cl-details .sk-detail-description {
        order: 10 !important;
        margin: 0 0 8px !important;
        color: #285479 !important;
        font-size: 18px !important;
        line-height: 1.18 !important;
    }

    body.cl-details .sk-detail-manufacturer-info {
        order: 20 !important;
        color: #285479 !important;
        font-size: 18px !important;
        line-height: 1.18 !important;
    }

    body.cl-details .sk-detail-manufacturer-info strong {
        display: block !important;
        font-weight: 400 !important;
    }

    body.cl-details .details-shortdesc,
    body.cl-details .sk-accessory-hint,
    body.cl-details #variants,
    body.cl-details #productSelections {
        order: 30 !important;
    }

    body.cl-details .tobasket-function {
        order: 40 !important;
        margin-top: 26px !important;
    }

    body.cl-details .price-wrapper {
        order: 50 !important;
        margin: 20px 0 12px !important;
        text-align: right !important;
    }

    body.cl-details .details-information {
        order: 60 !important;
        margin: 0 0 28px !important;
        text-align: right !important;
    }

    body.cl-details .product-links {
        order: 70 !important;
    }
}

body.cl-details .sk-detail-heading {
    width: 724px !important;
    max-width: 724px !important;
    margin-left: auto !important;
    color: #285479 !important;
}

body.cl-details .sk-detail-heading h1 {
    float: left !important;
    margin: 0 0 2px !important;
    color: #900001 !important;
    font-size: 25px !important;
    font-weight: 400 !important;
}

body.cl-details .sk-detail-heading small {
    display: block !important;
    margin: 0 0 26px 284px !important;
    color: #285479 !important;
    font-size: 14px !important;
}

body.cl-details .gallery,
body.cl-details .carousel,
body.cl-details .gallery .wrap {
    width: 362px !important;
    max-width: 362px !important;
}

body.cl-details .gallery .wrap {
    overflow: visible !important;
}

body.cl-details .gallery .wrap img {
    display: none !important;
    width: 362px !important;
    max-width: 362px !important;
    height: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.cl-details .gallery .wrap figure:first-child img,
body.cl-details .gallery .wrap img:first-child {
    display: block !important;
}

body.cl-details .gallery-helper,
body.cl-details .gallery .carousel-indicators,
body.cl-details .gallery .carousel-control-prev,
body.cl-details .gallery .carousel-control-next {
    display: none !important;
}

body.cl-details .gallery .thumbnails {
    display: flex !important;
    gap: 6px !important;
    width: 362px !important;
    max-width: 362px !important;
    margin: 52px 0 36px !important;
}

body.cl-details .gallery .thumb,
body.cl-details .gallery .thumb img {
    width: 54px !important;
    height: 54px !important;
    border-radius: 0 !important;
}

body.cl-details .price-wrapper .price {
    color: #285479 !important;
    font-size: 18px !important;
    font-weight: 400 !important;
}

body.cl-details .tobasket-function {
    display: grid !important;
    grid-template-columns: 74px 88px 1fr !important;
    gap: 12px !important;
    align-items: center !important;
    justify-content: end !important;
    background: transparent !important;
}

body.cl-details .tobasket-function::before {
    content: "Menge:";
    color: #285479;
    font-size: 18px;
    text-align: right;
}

body.cl-details .tobasket-function .form-control {
    width: 80px !important;
    height: 32px !important;
    border: 1px solid #285479 !important;
    border-radius: 3px !important;
    color: #111 !important;
    text-align: right !important;
}

body.cl-details .tobasket-function .btn {
    grid-column: 1 / -1 !important;
    justify-self: end !important;
    width: auto !important;
    margin-top: 26px !important;
    padding: 7px 14px !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: #285479 !important;
    color: #fff !important;
    font-size: 16px !important;
}

body.cl-details .product-links .btn {
    background: #ebe9e9 !important;
    color: #285479 !important;
    border: 0 !important;
    border-radius: 4px !important;
}

@media (min-width: 768px) {
    body:not(.cl-start) .cart-fixed {
        position: fixed !important;
        right: 0 !important;
        bottom: 44% !important;
        width: 170px !important;
        height: 260px !important;
        margin-bottom: 0 !important;
        padding: 35px 10px 0 26px !important;
        background: url(../img/cart-fixed.png) no-repeat center top !important;
        background-size: 170px auto !important;
    }

    body:not(.cl-start) .cart-fixed .count-output {
        margin-bottom: 9px !important;
    }

    body:not(.cl-start) .cart-fixed .to-shop {
        margin-top: 10px !important;
    }

    body:not(.cl-start) .cart-fixed .to-contact {
        margin-top: 10px !important;
    }
}

.contact-all-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 455px !important;
    z-index: 9999999 !important;
    background: #fff !important;
    border-bottom: 4px solid #900001 !important;
}

.contact-all-inner {
    width: 1024px !important;
    max-width: 1024px !important;
    margin: 0 auto !important;
    padding-top: 18px !important;
}

.close-contact {
    top: 54px !important;
    right: 0 !important;
    color: #900001 !important;
    font-size: 16px !important;
}

#contact-ajax {
    top: 96px !important;
    right: 0 !important;
    width: 430px !important;
}

#contact-ajax textarea {
    height: 140px !important;
}

/* Content and legacy static pages from the Claude comparison. */
#cookieNote {
    position: fixed !important;
    left: 20px !important;
    right: 20px !important;
    bottom: 14px !important;
    z-index: 999999 !important;
    max-width: 984px !important;
    margin: 0 auto !important;
}

#cookieNote .alert {
    margin: 0 !important;
    padding: 10px 44px 10px 14px !important;
    border: 1px solid #c2c2c2 !important;
    border-radius: 3px !important;
    background: #e4e8e8 !important;
    color: #285479 !important;
    font-size: 14px !important;
}

#cookieNoteCloseButton {
    position: absolute !important;
    top: 8px !important;
    right: 10px !important;
}

body.cl-content .content,
body.cl-basket .content {
    width: 1024px !important;
    max-width: 1024px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

body.cl-content .sk-content-header {
    position: relative !important;
    left: 50% !important;
    width: 100vw !important;
    height: 260px !important;
    min-height: 260px !important;
    margin: 0 0 28px -50vw !important;
    padding: 0 !important;
    overflow: hidden !important;
}

body.cl-content .sk-content-header .sk-header-image {
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    display: block !important;
    width: 2000px !important;
    max-width: none !important;
    height: 260px !important;
    margin-left: -1000px !important;
    object-fit: cover !important;
}

body.cl-content .sk-content-body {
    display: flex !important;
    align-items: flex-start !important;
    gap: 40px !important;
    width: 1024px !important;
    max-width: 1024px !important;
    padding: 0 !important;
}

body.cl-content .sk-side-menu {
    flex: 0 0 260px !important;
    width: 260px !important;
    margin: 0 !important;
}

body.cl-content .sk-content-main {
    flex: 0 0 724px !important;
    width: 724px !important;
    max-width: 724px !important;
    min-width: 0 !important;
    color: #285479 !important;
}

body.cl-content .sk-content-main h1 {
    float: none !important;
    margin: 0 0 22px !important;
    color: #900001 !important;
    font-size: 26px !important;
    font-weight: 400 !important;
}

body.cl-content .cmsContent {
    color: #285479 !important;
    font-size: 18px !important;
    line-height: 1.32 !important;
}

body.cl-content .cmsContent p,
body.cl-content .cmsContent li {
    float: none !important;
}

body.cl-start .wrapper,
body.cl-start .content {
    width: 1024px !important;
    max-width: 1024px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

body.cl-start .sk-frontpage {
    width: 1024px !important;
    max-width: 1024px !important;
    margin: 0 auto !important;
}

body.cl-start .hello h1 {
    float: none !important;
    margin-bottom: 18px !important;
    color: #900001 !important;
}

body.cl-start .hello p {
    color: #285479 !important;
}

body.cl-start .brands h3 {
    color: #285479 !important;
}

body.cl-content .sk-side-menu .shop-menu,
body.cl-content .sk-side-menu .shop-info-menu {
    width: 100% !important;
    border: 1px solid #c2c2c2 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    margin-bottom: 16px !important;
}

body.cl-content .sk-side-menu .sidebar-header,
body.cl-content .sk-brand-menu li:first-child {
    padding: 10px !important;
    background: #285479 !important;
    color: #fff !important;
    font-size: 18px !important;
}

body.cl-content .sk-side-menu li {
    border-bottom: 1px solid #c2c2c2 !important;
}

body.cl-content .sk-side-menu li:last-child {
    border-bottom: 0 !important;
}

body.cl-content .sk-side-menu a {
    display: block !important;
    padding: 10px !important;
    color: #285479 !important;
    background: #ebe9e9 !important;
    text-decoration: none !important;
    font-size: 18px !important;
}

body.cl-content .sk-side-menu .nav .nav a {
    background: #fff !important;
}

body.cl-content .sk-side-menu a:hover,
body.cl-content .sk-side-menu a.act {
    color: #900001 !important;
}

.sk-laden-page {
    width: 1024px !important;
    max-width: 1024px !important;
    margin: 0 auto !important;
    color: #285479 !important;
}

.sk-laden-page .story {
    clear: both !important;
    width: 100% !important;
    overflow: hidden !important;
}

.sk-laden-page .story h1 {
    float: none !important;
    color: #900001 !important;
    font-weight: 400 !important;
}

.sk-laden-page .kontakt-laden input[type="text"],
.sk-laden-page .kontakt-laden textarea {
    width: 100% !important;
    margin-bottom: 10px !important;
    border: 1px solid #285479 !important;
    border-radius: 3px !important;
    padding: 6px !important;
    color: #285479 !important;
}

.sk-laden-page .kontakt-laden textarea {
    height: 150px !important;
}

.sk-footer.footer {
    clear: both !important;
    width: 100% !important;
    margin-top: 48px !important;
    border-top: 3px solid #285479 !important;
    background: #e4e8e8 !important;
    color: #285479 !important;
}

.sk-footer .container-xxl {
    width: 1024px !important;
    max-width: 1024px !important;
}

.sk-footer ul {
    list-style: none !important;
    padding-left: 0 !important;
}

.sk-footer a {
    color: #285479 !important;
}

/* Pixel parity pass: original desktop header and basket feedback. */
.sk-header.header {
    width: 100% !important;
    height: 120px !important;
    min-height: 120px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: #fff !important;
}

.sk-header .top-bar {
    position: relative !important;
    width: 1024px !important;
    height: 120px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: #fff !important;
}

.sk-header .logo-link {
    position: absolute !important;
    top: 10px !important;
    left: 0 !important;
    display: block !important;
    width: 405px !important;
    height: 96px !important;
    z-index: 2 !important;
}

.sk-header .logo-link img {
    display: block !important;
    width: 405px !important;
    max-width: 405px !important;
    height: auto !important;
    margin: 0 !important;
    float: none !important;
}

.sk-header .sk-search {
    position: absolute !important;
    top: 67px !important;
    left: 425px !important;
    display: block !important;
    width: 342px !important;
    max-width: 342px !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 2 !important;
}

.sk-header .sk-search form,
.sk-header .sk-search .search,
.sk-header .sk-search .input-group {
    position: relative !important;
    display: block !important;
    width: 342px !important;
    height: 33px !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

.sk-header .sk-search input[type="text"],
.sk-header .sk-search .form-control {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 342px !important;
    height: 33px !important;
    min-width: 342px !important;
    padding: 7px 56px 7px 10px !important;
    border: 1px solid #285479 !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #285479 !important;
    font-family: 'Lato', Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 17px !important;
    box-shadow: none !important;
}

.sk-header .sk-search button.btn {
    position: absolute !important;
    z-index: 2 !important;
    top: 0 !important;
    right: -48px !important;
    width: 48px !important;
    height: 33px !important;
    min-width: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #ebe9e9 !important;
    border-left: none !important;
    border-radius: 0 4px 4px 0 !important;
    background: #ebe9e9 url(../img/lense.png) no-repeat center center !important;
    box-shadow: none !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
}

.sk-header .sk-search button.btn svg {
    display: none !important;
}

.sk-header nav[aria-label="Hauptnavigation"] {
    position: absolute !important;
    top: 67px !important;
    right: 0 !important;
    display: block !important;
    width: auto !important;
    height: 33px !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    z-index: 2 !important;
}

.sk-header #topnav {
    display: block !important;
    width: auto !important;
    height: 33px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    float: none !important;
    list-style: none !important;
}

.sk-header #topnav li {
    display: block !important;
    float: left !important;
    height: 33px !important;
    margin: 0 10px 0 0 !important;
    padding: 0 !important;
}

.sk-header #topnav li:last-child {
    margin-right: 0 !important;
}

.sk-header #topnav li a {
    display: block !important;
    height: 33px !important;
    padding: 8px 16px 6px !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: #ebe9e9 !important;
    color: #285479 !important;
    font-size: 14px !important;
    line-height: 19px !important;
    text-decoration: none !important;
}

.sk-header #topnav li a:hover {
    background: #285479 !important;
    color: #fff !important;
}

.sk-header .sk-apex-tools {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

body:not(.cl-start) .cart-fixed {
    z-index: 99 !important;
}

#newItemMsg.msg,
.msg {
    position: fixed !important;
    top: 455px !important;
    left: 50% !important;
    z-index: 9999 !important;
    width: 580px !important;
    max-width: calc(100vw - 40px) !important;
    min-height: 60px !important;
    margin: 0 0 0 -225px !important;
    padding: 16px 56px 16px 16px !important;
    border: 1px solid #285479 !important;
    border-radius: 4px !important;
    background: #fff url(../img/hook-ok.png) no-repeat right center !important;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .25) !important;
    color: #285479 !important;
    font-size: 18px !important;
    line-height: 28px !important;
    overflow: hidden !important;
}

#newItemMsg.msg p,
.msg p {
    float: none !important;
    margin: 0 !important;
    color: #285479 !important;
}

#newItemMsg.msg .btn,
.msg .btn {
    display: inline-block !important;
    margin: 0 6px !important;
    padding: 6px 14px 4px !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: #285479 !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 20px !important;
    text-decoration: none !important;
}

.elch {
    position: fixed !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 9998 !important;
    width: 158px !important;
    height: 155px !important;
    margin-right: -158px;
    margin-bottom: 50px !important;
    background: url(../img/elch.png) no-repeat center center !important;
}

@media (min-width: 1025px) {
    body.cl-alist .sk-list-header,
    body.cl-manufacturerlist .sk-list-header,
    body.cl-details .sk-detail-header {
        position: relative !important;
        left: 50% !important;
        width: 100vw !important;
        max-width: none !important;
        height: 260px !important;
        min-height: 260px !important;
        margin: 0 0 28px -50vw !important;
        overflow: hidden !important;
    }

    body.cl-alist .sk-list-header .sk-header-image,
    body.cl-manufacturerlist .sk-list-header .sk-header-image,
    body.cl-details .sk-detail-header .sk-header-image {
        position: absolute !important;
        top: 0 !important;
        left: 50% !important;
        width: 2000px !important;
        max-width: none !important;
        height: 260px !important;
        margin-left: -1000px !important;
        object-fit: cover !important;
    }

    body.cl-details .breadcrumb-wrapper {
        display: none !important;
    }

    body.cl-alist .sk-list-body,
    body.cl-manufacturerlist .sk-list-body,
    body.cl-details .sk-detail-body {
        width: 1024px !important;
        max-width: 1024px !important;
        display: flex !important;
        gap: 40px !important;
        align-items: flex-start !important;
        padding: 0 !important;
    }

    body.cl-alist .sk-side-menu,
    body.cl-manufacturerlist .sk-side-menu,
    body.cl-details .sk-side-menu {
        flex: 0 0 260px !important;
        width: 260px !important;
        margin-top: 0 !important;
    }

    body.cl-alist .sk-product-list-panel,
    body.cl-manufacturerlist .sk-product-list-panel,
    body.cl-details .sk-detail-main {
        flex: 0 0 724px !important;
        width: 724px !important;
        max-width: 724px !important;
    }

    body:not(.cl-start) .cart-fixed {
        position: fixed !important;
        z-index: 999 !important;
        background: url(../img/cart-fixed.png) no-repeat center center !important;
        width: 170px !important;
        height: 260px !important;
        right: 0 !important;
        left: auto !important;
        bottom: 0 !important;
        margin-bottom: 20% !important;
        padding: 37px 10px 0 26px !important;
    }

    body:not(.cl-start) .cart-fixed .count-output {
        float: none !important;
        width: auto !important;
        margin: 0 0 12px !important;
    }

    body:not(.cl-start) .cart-fixed .btn {
        width: 100% !important;
        text-align: center !important;
        margin: 0 0 6px !important;
        display: block !important;
        float: none !important;
        font-size: 16px !important;
    }

    body:not(.cl-start) .cart-fixed .to-contact {
        margin-top: 10px !important;
    }

    body.cl-details .gallery .wrap img {
        display: none !important;
    }

    body.cl-details .gallery .wrap img:first-child {
        display: block !important;
    }
}

/* Detail page: match the old Stoeberkiste product layout. */
body.cl-details .sk-detail-main {
    color: #285479;
}

body.cl-details .sk-user-meta {
    margin-bottom: 34px;
}

body.cl-details .sk-detail-heading h1 {
    color: #900001;
    font-size: 26px;
    margin: 14px 0 18px;
}

body.cl-details .sk-detail-heading small {
    color: #285479;
    font-size: 14px;
}

body.cl-details .details-top .row {
    align-items: flex-start;
}

body.cl-details .gallery .carousel {
    display: flex;
    flex-direction: column;
}

body.cl-details .gallery .wrap {
    order: 1;
    width: 362px;
    max-width: 362px;
    overflow: visible;
}

body.cl-details .gallery .wrap figure {
    display: none;
    margin: 0;
}

body.cl-details .gallery .wrap figure:first-child,
body.cl-details .gallery .wrap figure:not([hidden]):first-of-type {
    display: block;
}

body.cl-details .gallery .wrap img {
    display: block !important;
    width: 362px;
    max-width: 362px;
    height: auto;
    border: 1px solid #fff;
    border-radius: 2px;
    box-shadow: none;
}

body.cl-details .gallery .thumbnails {
    order: 2;
    display: flex !important;
    gap: 8px;
    width: 362px;
    margin-top: 52px;
}

body.cl-details .gallery .thumb {
    display: block;
    width: 60px;
    height: 60px;
    overflow: hidden;
}

body.cl-details .gallery .thumb img {
    width: 60px;
    height: 60px;
    object-fit: cover;
}

body.cl-details .gallery-helper {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

body.cl-details .details-top .brand-name,
body.cl-details .details-top .details-title,
body.cl-details .ratings,
body.cl-details .details-shortdesc {
    display: none !important;
}

body.cl-details .sk-detail-description {
    border-top: 1px solid #ebe9e9;
    padding-top: 20px;
    margin-bottom: 28px;
    color: #285479;
    font-size: 18px;
    line-height: 1.23;
}

body.cl-details .sk-detail-description p {
    margin: 0 0 10px;
}

body.cl-details .sk-detail-description a {
    color: #285479;
    font-weight: 700;
}

body.cl-details .sk-detail-manufacturer-info {
    margin-top: -14px;
    margin-bottom: 28px;
    font-size: 18px;
    line-height: 1.23;
}

body.cl-details .sk-detail-manufacturer-info p {
    margin: 8px 0 0;
}

body.cl-details .details-information {
    margin: 0 0 26px !important;
    text-align: right;
}

body.cl-details .details-information .weight,
body.cl-details .details-information .ppu,
body.cl-details .details-information .stockFlag {
    display: none;
}

body.cl-details .deliverytime {
    justify-content: flex-end;
}

body.cl-details .deliverytime svg {
    display: none;
}

body.cl-details .tobasket-function {
    justify-content: flex-end;
}

body.cl-details .tobasket-function #amountToBasket {
    flex: 0 0 80px;
    width: 80px;
    text-align: right;
    margin-right: 0;
}

body.cl-details .tobasket-function::before {
    content: "Menge:";
    align-self: center;
    margin-right: 12px;
    color: #285479;
    font-size: 18px;
}

body.cl-details .price-wrapper {
    text-align: right;
    margin: 22px 0;
}

body.cl-details .price-wrapper .price {
    color: #285479;
    font-size: 18px;
}

body.cl-details .vat-info-text {
    font-size: 14px;
}

body.cl-details .tobasket-function .btn-highlight {
    margin-left: 12px;
    background: #285479;
    border-color: #285479;
    color: #fff;
}

body.cl-details .product-links {
    justify-content: flex-end;
    margin-bottom: 16px !important;
}

body.cl-details .product-links .col-6 {
    width: auto;
    flex: 0 0 auto;
}

body.cl-details .product-links a {
    background: #ebe9e9;
    color: #285479;
    border: 0;
}

body.cl-details .sk-product-question {
    clear: both;
    width: 724px;
    margin: 48px 0 24px;
    padding-top: 26px;
    border-top: 1px solid #ebe9e9;
    color: #285479;
}

body.cl-details .sk-product-question p {
    float: none;
    margin-bottom: 16px;
    font-size: 18px;
}

body.cl-details .sk-product-question .small-input {
    width: 356px;
    height: 32px;
    margin: 0 8px 16px 0;
    padding: 6px;
    border: 1px solid #285479;
    border-radius: 3px;
    color: #285479;
}

body.cl-details .sk-product-question .right-input {
    margin-right: 0;
}

body.cl-details .sk-product-question textarea {
    width: 724px;
    height: 160px !important;
    padding: 8px;
    border: 1px solid #285479;
    border-radius: 3px;
    color: #285479;
}

body.cl-details .sk-dsgvo-label {
    display: inline-block;
    width: 640px;
    margin: 22px 10px 20px 0;
    color: #000;
    font-size: 13px;
    line-height: 1.45;
}

body.cl-details .sk-dsgvo-check {
    width: 32px;
    height: 32px;
    vertical-align: middle;
}

body.cl-details #submit-product-detail {
    float: right;
    background: #285479;
    border-color: #285479;
    color: #fff;
}

/* Category/manufacturer lists: old flat line layout instead of Apex cards. */
body.cl-alist .line-view > .card,
body.cl-manufacturerlist .line-view > .card {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border-bottom: 1px solid #ebe9e9 !important;
    min-height: 112px;
    margin-bottom: 0 !important;
}

body.cl-alist .line-view > .card .card-body,
body.cl-manufacturerlist .line-view > .card .card-body {
    padding: 0 0 10px 12px;
}

body.cl-alist .line-view .card-title,
body.cl-manufacturerlist .line-view .card-title {
    color: #111;
    font-size: 20px;
    font-weight: 400;
    text-decoration: none;
}

body.cl-alist .line-view .functions,
body.cl-manufacturerlist .line-view .functions {
    text-align: right;
}

body.cl-alist .line-view .price,
body.cl-manufacturerlist .line-view .price {
    color: #285479;
    font-size: 18px;
}

body.cl-alist .line-view .btn-primary,
body.cl-manufacturerlist .line-view .btn-primary {
    width: auto !important;
    float: right;
    padding: 7px 16px;
    background: #285479;
    border-color: #285479;
}

body.cl-alist .sk-side-menu .sidebar-header strong,
body.cl-manufacturerlist .sk-side-menu .sidebar-header strong,
body.cl-details .sk-side-menu .sidebar-header strong {
    font-weight: 400;
}

body.cl-alist .sk-list-intro h1,
body.cl-manufacturerlist .sk-list-intro h1 {
    color: #900001;
}

@media (min-width: 768px) {
    body:not(.cl-start) .cart-fixed {
        width: 170px !important;
        height: 260px !important;
        right: 16px !important;
        left: auto !important;
        bottom: 50% !important;
        margin-bottom: -160px !important;
        background: url(../img/cart-fixed.png) no-repeat center top !important;
        background-size: 170px auto !important;
        padding: 37px 10px 0 26px !important;
    }

    body:not(.cl-start) .cart-fixed .to-contact {
        margin-top: 10px !important;
    }
}

.close-contact::after {
    content: " ✖";
    color: #900001;
    font-weight: 700;
}

@media (max-width: 767px) {
    body.cl-alist .sk-list-body,
    body.cl-manufacturerlist .sk-list-body {
        display: block;
    }

    body.cl-alist .sk-side-menu,
    body.cl-manufacturerlist .sk-side-menu {
        margin-bottom: 24px;
    }
}

.sk-brand-content img,
.categoryDescription img {
    max-width: 100%;
    height: auto;
}

.sk-accessory-hint {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}

.sk-accessory-hint a {
    display: inline-block;
    font-weight: 700;
    text-decoration: none;
}

@media (max-width: 767px) {
    .sk-header .sk-search {
        width: 100%;
    }

    .sk-header .sk-cart-actions {
        justify-content: center;
    }
}

/* Stoeberkiste legacy page rhythm for shop and detail pages. */
body.cl-alist .content,
body.cl-manufacturerlist .content,
body.cl-details .content {
    width: 1024px;
    max-width: 1024px;
    margin: 0 auto;
    padding: 0;
}

body.cl-alist .sk-list-header,
body.cl-manufacturerlist .sk-list-header,
body.cl-details .sk-detail-header {
    position: relative;
    left: 50%;
    width: 100vw;
    height: 260px;
    min-height: 260px;
    margin: 0 0 28px -50vw;
    padding: 0;
    overflow: hidden;
}

body.cl-alist .sk-list-header .sk-header-image,
body.cl-manufacturerlist .sk-list-header .sk-header-image,
body.cl-details .sk-detail-header .sk-header-image {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 2000px !important;
    max-width: none;
    height: 260px;
    margin-left: -1000px;
    object-fit: cover;
}

body.cl-alist .sk-list-header > .container-xxl,
body.cl-manufacturerlist .sk-list-header > .container-xxl,
body.cl-alist .sk-list-header > .container-xxl > .row,
body.cl-manufacturerlist .sk-list-header > .container-xxl > .row,
body.cl-alist .sk-list-header > .container-xxl > .row > .col-md-7,
body.cl-manufacturerlist .sk-list-header > .container-xxl > .row > .col-md-7,
body.cl-alist .sk-list-header > .container-xxl > .row > .col-md-5,
body.cl-manufacturerlist .sk-list-header > .container-xxl > .row > .col-md-5 {
    position: static;
    width: auto;
    min-height: 0;
    padding: 0;
}

body.cl-alist .article-list,
body.cl-manufacturerlist .article-list {
    clear: both;
}

body.cl-alist .sk-list-body,
body.cl-manufacturerlist .sk-list-body,
body.cl-details .sk-detail-body {
    display: flex;
    align-items: flex-start;
    gap: 40px;
    width: 1024px;
    max-width: 1024px;
    padding: 0;
}

body.cl-alist .sk-side-menu,
body.cl-manufacturerlist .sk-side-menu,
body.cl-details .sk-side-menu {
    flex: 0 0 260px;
    width: 260px;
    margin: 0;
}

body.cl-alist .sk-product-list-panel,
body.cl-manufacturerlist .sk-product-list-panel,
body.cl-details .sk-detail-main {
    flex: 0 0 724px;
    width: 724px;
    max-width: 724px;
    min-width: 0;
}

.sk-user-meta {
    display: flex;
    gap: 10px;
    margin: 0 0 38px;
}

.sk-user-meta a {
    display: inline-block;
    padding: 8px 16px;
    background: #ebe9e9;
    border-radius: 4px;
    color: #1d1d1d;
    text-decoration: none;
    font-size: 14px;
}

.sk-user-meta a:hover {
    background: #285479;
    color: #fff;
}

.sk-list-intro h1,
.sk-detail-heading h1 {
    color: #900001;
    font-size: 26px;
    line-height: 1.25;
    margin: 14px 0;
    font-weight: 400;
}

.sk-list-intro {
    color: #285479;
    margin-bottom: 36px;
}

.sk-list-intro .categoryDescription {
    font-size: 18px;
    line-height: 22px;
    max-width: 724px;
}

.sk-list-intro .categoryDescription p {
    margin: 0 0 10px;
}

body.cl-alist .sk-side-menu .shop-menu,
body.cl-manufacturerlist .sk-side-menu .shop-menu,
body.cl-details .sk-side-menu .shop-menu,
body.cl-alist .sk-side-menu .shop-info-menu,
body.cl-manufacturerlist .sk-side-menu .shop-info-menu,
body.cl-details .sk-side-menu .shop-info-menu {
    width: 100%;
    border: 1px solid #c2c2c2;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 16px;
}

body.cl-alist .sk-side-menu .sidebar-header,
body.cl-manufacturerlist .sk-side-menu .sidebar-header,
body.cl-details .sk-side-menu .sidebar-header,
body.cl-alist .sk-brand-menu li:first-child,
body.cl-manufacturerlist .sk-brand-menu li:first-child,
body.cl-details .sk-brand-menu li:first-child {
    padding: 10px;
    background: #285479;
    color: #fff;
    font-size: 18px;
}

body.cl-alist .sk-side-menu li,
body.cl-manufacturerlist .sk-side-menu li,
body.cl-details .sk-side-menu li {
    border-bottom: 1px solid #c2c2c2;
}

body.cl-alist .sk-side-menu li:last-child,
body.cl-manufacturerlist .sk-side-menu li:last-child,
body.cl-details .sk-side-menu li:last-child {
    border-bottom: 0;
}

body.cl-alist .sk-side-menu a,
body.cl-manufacturerlist .sk-side-menu a,
body.cl-details .sk-side-menu a {
    display: block;
    padding: 10px;
    color: #285479;
    background: #ebe9e9;
    text-decoration: none;
    font-size: 18px;
}

body.cl-alist .sk-side-menu .nav .nav a,
body.cl-manufacturerlist .sk-side-menu .nav .nav a,
body.cl-details .sk-side-menu .nav .nav a {
    background: #fff;
}

body.cl-alist .sk-side-menu a:hover,
body.cl-manufacturerlist .sk-side-menu a:hover,
body.cl-details .sk-side-menu a:hover,
body.cl-alist .sk-side-menu a.act,
body.cl-manufacturerlist .sk-side-menu a.act,
body.cl-details .sk-side-menu a.act {
    color: #900001;
}

body.cl-details main.content > .breadcrumb-wrapper,
body.cl-details main.content > .container-xxl > .breadcrumb-wrapper {
    display: none;
}

body.cl-details #details_container .sk-detail-main .container-xxl,
body.cl-details .details-top .container-xxl {
    width: 724px;
    max-width: 724px;
    padding: 0;
}

body.cl-details .sk-detail-heading {
    color: #285479;
}

body.cl-details .sk-detail-heading hr {
    margin: 0 0 14px;
    border: 0;
    border-top: 1px solid #ebe9e9;
}

body.cl-details .sk-detail-heading small {
    display: block;
    margin-bottom: 26px;
    color: #285479;
}

body.cl-details .sk-detail-heading a {
    color: #285479;
}

body.cl-details .details-top .row {
    display: flex;
    gap: 28px;
    margin: 0;
}

body.cl-details .details-top .col-12:first-child,
body.cl-details .details-top .col-lg-8,
body.cl-details .details-top .col-xl-9 {
    flex: 0 0 362px;
    width: 362px;
    max-width: 362px;
    padding: 0;
}

body.cl-details .details-top .col-12:nth-child(2),
body.cl-details .details-top .col-lg-4,
body.cl-details .details-top .col-xl-3 {
    flex: 0 0 334px;
    width: 334px;
    max-width: 334px;
    padding: 0;
}

body.cl-details .details-top .brand-name,
body.cl-details .details-top .details-title {
    display: none;
}

body.cl-details .gallery,
body.cl-details .carousel,
body.cl-details .gallery .wrap {
    width: 362px;
    max-width: 362px;
    height: auto;
}

body.cl-details .gallery .wrap {
    overflow: hidden;
}

body.cl-details .gallery .wrap img {
    display: none;
    width: 362px;
    max-width: 362px;
    height: auto;
    border: 1px solid #fff;
    border-radius: 2px;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .25);
}

body.cl-details .gallery .wrap img:first-child {
    display: block;
}

body.cl-details .gallery .thumbnails {
    display: flex;
    gap: 6px;
    width: 362px;
    height: auto;
    margin-bottom: 10px;
}

body.cl-details .gallery .thumb {
    width: 54px;
    height: 54px;
    overflow: hidden;
}

body.cl-details .gallery .thumb img {
    width: 54px;
    height: 54px;
    object-fit: cover;
}

body.cl-details .ratings {
    display: none;
}

body.cl-details .details-shortdesc,
body.cl-details .details-information,
body.cl-details .price-wrapper,
body.cl-details .tobasket-function,
body.cl-details .product-links {
    color: #285479;
}

body.cl-details .details-information {
    margin-bottom: 16px !important;
}

body.cl-details .price-wrapper {
    font-size: 18px;
}

body.cl-details .price-wrapper .price {
    color: #900001;
    font-size: 26px;
}

body.cl-details .details-more,
body.cl-details .details-related {
    width: 724px;
    max-width: 724px;
    margin-left: auto;
}

body.cl-details .details-more .container-xxl,
body.cl-details .details-related .container-xxl {
    width: 724px;
    max-width: 724px;
    padding: 0;
}

.cart-fixed {
    background: url(../img/cart-fixed.png) no-repeat center center;
    width: 170px;
    height: 260px;
    right: 0;
    bottom: 0;
    margin-bottom: 20%;
    padding: 37px 10px 0 26px;
}

.cart-fixed .btn {
    width: 100%;
    text-align: center;
    margin-bottom: 6px;
    display: block;
    float: none;
    font-size: 16px;
}

.cart-fixed .to-contact {
    margin-top: 15px;
}

.contact-all-overlay {
    display: none;
    background: #fff;
    width: 100%;
    height: 455px;
    position: absolute;
    z-index: 9999999;
    border-bottom: 4px solid #900001;
    top: 0;
    left: 0;
}

.contact-all-inner {
    width: 1024px;
    margin: 0 auto;
    position: relative;
    padding-top: 24px;
}

.contact-all-inner img {
    max-width: 403px;
    height: auto;
}

.close-contact {
    position: absolute;
    top: 28px;
    right: 0;
    cursor: pointer;
    color: #900001;
}

#contact-ajax {
    position: absolute;
    right: 0;
    top: 92px;
    width: 430px;
}

#contact-ajax input[type="text"],
#contact-ajax textarea {
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #c2c2c2;
    border-radius: 4px;
    padding: 6px;
    color: #285479;
}

#contact-ajax textarea {
    height: 130px;
}

#contact-all-submit {
    float: right;
    color: #fff;
}

@media (max-width: 767px) {
    body.cl-alist .content,
    body.cl-manufacturerlist .content,
    body.cl-details .content,
    body.cl-alist .sk-list-body,
    body.cl-manufacturerlist .sk-list-body,
    body.cl-details .sk-detail-body,
    body.cl-alist .sk-product-list-panel,
    body.cl-manufacturerlist .sk-product-list-panel,
    body.cl-details .sk-detail-main,
    body.cl-details #details_container .sk-detail-main .container-xxl,
    body.cl-details .details-top .container-xxl {
        width: 100%;
        max-width: 100%;
    }

    body.cl-alist .sk-list-body,
    body.cl-manufacturerlist .sk-list-body,
    body.cl-details .sk-detail-body,
    body.cl-details .details-top .row {
        display: block;
    }

    body.cl-details .details-top .col-12:first-child,
    body.cl-details .details-top .col-lg-8,
    body.cl-details .details-top .col-xl-9,
    body.cl-details .details-top .col-12:nth-child(2),
    body.cl-details .details-top .col-lg-4,
    body.cl-details .details-top .col-xl-3,
    body.cl-details .gallery,
    body.cl-details .carousel,
    body.cl-details .gallery .wrap,
    body.cl-details .gallery .wrap img,
    body.cl-details .gallery .thumbnails {
        width: 100%;
        max-width: 100%;
    }
}

/* Last word: these rules intentionally sit at EOF so later legacy blocks cannot undo them. */
body.cl-alist #productList .card,
body.cl-manufacturerlist #productList .card {
    width: 724px !important;
    max-width: 724px !important;
    min-height: 112px !important;
    margin: 0 0 12px !important;
    border: 0 !important;
    border-top: 1px solid #e5e1df !important;
    border-bottom: 1px solid #e5e1df !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #fff !important;
}

body.cl-alist #productList .card > .row,
body.cl-manufacturerlist #productList .card > .row {
    display: grid !important;
    grid-template-columns: 100px 1fr !important;
    gap: 0 14px !important;
    min-height: 112px !important;
    margin: 0 !important;
}

body.cl-alist #productList .card > .row > .col-3,
body.cl-manufacturerlist #productList .card > .row > .col-3 {
    grid-column: 1 !important;
    width: 100px !important;
    max-width: 100px !important;
    padding: 0 !important;
}

body.cl-alist #productList .card > .row > .col-9,
body.cl-manufacturerlist #productList .card > .row > .col-9 {
    grid-column: 2 !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

body.cl-alist #productList .card-img,
body.cl-manufacturerlist #productList .card-img {
    width: 100px !important;
    height: 100px !important;
    object-fit: cover !important;
    border-radius: 0 !important;
}

body.cl-alist #productList .card-body,
body.cl-manufacturerlist #productList .card-body {
    min-height: 112px !important;
    padding: 10px 0 0 !important;
}

body.cl-alist #productList .card-body > .row,
body.cl-manufacturerlist #productList .card-body > .row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 180px !important;
    gap: 0 18px !important;
    margin: 0 !important;
    align-items: start !important;
}

body.cl-alist #productList .card-body > .row > .col-12,
body.cl-manufacturerlist #productList .card-body > .row > .col-12 {
    grid-column: 1 !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

body.cl-alist #productList .card-body > .row > .sk-line-functions,
body.cl-manufacturerlist #productList .card-body > .row > .sk-line-functions {
    display: block !important;
    grid-column: 2 !important;
    width: 180px !important;
    max-width: 180px !important;
    padding: 0 !important;
}

body.cl-alist #productList .card-body > .row > .d-none.d-lg-block,
body.cl-manufacturerlist #productList .card-body > .row > .d-none.d-lg-block,
body.cl-alist #productList .card-text,
body.cl-manufacturerlist #productList .card-text,
body.cl-alist #productList .input-group,
body.cl-manufacturerlist #productList .input-group {
    display: none !important;
}

body.cl-alist #productList .card-title,
body.cl-manufacturerlist #productList .card-title {
    display: block !important;
    margin: 0 !important;
    color: #111 !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
}

body.cl-alist #productList .functions,
body.cl-manufacturerlist #productList .functions {
    text-align: right !important;
}

body.cl-alist #productList .price,
body.cl-manufacturerlist #productList .price {
    margin: 0 0 2px !important;
    color: #285479 !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
}

body.cl-alist #productList .sk-line-vat-info,
body.cl-manufacturerlist #productList .sk-line-vat-info {
    display: block !important;
    color: #285479 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
}

body.cl-alist #productList .functions .btn,
body.cl-manufacturerlist #productList .functions .btn {
    display: inline-block !important;
    width: 78px !important;
    min-width: 78px !important;
    margin: 8px 0 0 auto !important;
    padding: 7px 12px !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: #285479 !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 1.15 !important;
    text-align: center !important;
}

body.cl-details .sk-detail-heading {
    width: 724px !important;
    max-width: 724px !important;
    margin-left: auto !important;
    color: #285479 !important;
}

body.cl-details .sk-detail-heading h1 {
    float: left !important;
    margin: 0 0 2px !important;
    color: #900001 !important;
    font-size: 25px !important;
    font-weight: 400 !important;
}

body.cl-details .sk-detail-heading small {
    display: block !important;
    margin: 0 0 26px 284px !important;
    color: #285479 !important;
    font-size: 14px !important;
}

@media (min-width: 768px) {
    body.cl-details #details_container .sk-detail-main .container-xxl,
    body.cl-details .details-top .container-xxl {
        width: 724px !important;
        max-width: 724px !important;
        padding: 0 !important;
    }

    body.cl-details .details-top .row {
        display: grid !important;
        grid-template-columns: 362px 334px !important;
        gap: 0 28px !important;
        align-items: start !important;
        margin: 0 !important;
    }

    body.cl-details .details-top .col-12:first-child,
    body.cl-details .details-top .col-lg-8,
    body.cl-details .details-top .col-xl-9 {
        grid-column: 1 !important;
        width: 362px !important;
        max-width: 362px !important;
        padding: 0 !important;
    }

    body.cl-details .details-top .col-12:nth-child(2),
    body.cl-details .details-top .col-lg-4,
    body.cl-details .details-top .col-xl-3 {
        display: flex !important;
        flex-direction: column !important;
        grid-column: 2 !important;
        width: 334px !important;
        max-width: 334px !important;
        padding: 0 !important;
        color: #285479 !important;
    }

    body.cl-details .sk-detail-description {
        order: 10 !important;
        margin: 0 0 8px !important;
        border-top: 1px solid #ebe9e9 !important;
        padding-top: 20px !important;
        color: #285479 !important;
        font-size: 18px !important;
        line-height: 1.18 !important;
    }

    body.cl-details .sk-detail-manufacturer-info {
        order: 20 !important;
        color: #285479 !important;
        font-size: 18px !important;
        line-height: 1.18 !important;
    }

    body.cl-details .tobasket-function {
        order: 40 !important;
        margin-top: 26px !important;
    }

    body.cl-details .price-wrapper {
        order: 50 !important;
        margin: 20px 0 12px !important;
        text-align: right !important;
    }

    body.cl-details .details-information {
        order: 60 !important;
        margin: 0 0 28px !important;
        text-align: right !important;
    }

    body:not(.cl-start) .cart-fixed {
        position: fixed !important;
        right: 0 !important;
        bottom: 44% !important;
        width: 170px !important;
        height: 260px !important;
        margin-bottom: 0 !important;
        padding: 37px 10px 0 26px !important;
        background: url(../img/cart-fixed.png) no-repeat center top !important;
        background-size: 170px auto !important;
    }
}

body.cl-details .gallery,
body.cl-details .carousel,
body.cl-details .gallery .wrap {
    width: 362px !important;
    max-width: 362px !important;
}

body.cl-details .gallery .wrap {
    overflow: visible !important;
}

body.cl-details .gallery .wrap img {
    display: none !important;
    width: 362px !important;
    max-width: 362px !important;
    height: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.cl-details .gallery .wrap figure:first-child img,
body.cl-details .gallery .wrap img:first-child {
    display: block !important;
}

body.cl-details .gallery-helper,
body.cl-details .gallery .carousel-indicators,
body.cl-details .gallery .carousel-control-prev,
body.cl-details .gallery .carousel-control-next {
    display: none !important;
}

body.cl-details .gallery .thumbnails {
    display: flex !important;
    gap: 6px !important;
    width: 362px !important;
    max-width: 362px !important;
    margin: 52px 0 36px !important;
}

body.cl-details .gallery .thumb,
body.cl-details .gallery .thumb img {
    width: 54px !important;
    height: 54px !important;
    border-radius: 0 !important;
}

.contact-all-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 455px !important;
    z-index: 9999999 !important;
    background: #fff !important;
    border-bottom: 4px solid #900001 !important;
}

.contact-all-inner {
    width: 1024px !important;
    max-width: 1024px !important;
    margin: 0 auto !important;
    padding-top: 18px !important;
}

.close-contact {
    top: 54px !important;
    right: 0 !important;
    color: #900001 !important;
    font-size: 16px !important;
}

#contact-ajax {
    top: 96px !important;
    right: 0 !important;
    width: 430px !important;
}

#contact-ajax textarea {
    height: 140px !important;
}

/* Last word for global/page parity from claude_vergleich. */
#cookieNote {
    position: fixed !important;
    left: 20px !important;
    right: 20px !important;
    bottom: 14px !important;
    z-index: 999999 !important;
    max-width: 984px !important;
    margin: 0 auto !important;
}

#cookieNote .alert {
    margin: 0 !important;
    padding: 10px 44px 10px 14px !important;
    border: 1px solid #c2c2c2 !important;
    border-radius: 3px !important;
    background: #e4e8e8 !important;
    color: #285479 !important;
    font-size: 14px !important;
}

#cookieNoteCloseButton {
    position: absolute !important;
    top: 8px !important;
    right: 10px !important;
}

body.cl-content .content,
body.cl-basket .content,
body.cl-start .wrapper,
body.cl-start .content {
    width: 1024px !important;
    max-width: 1024px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

body.cl-content .sk-content-header {
    position: relative !important;
    left: 50% !important;
    width: 100vw !important;
    height: 260px !important;
    min-height: 260px !important;
    margin: 0 0 28px -50vw !important;
    padding: 0 !important;
    overflow: hidden !important;
}

body.cl-content .sk-content-header .sk-header-image {
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    display: block !important;
    width: 2000px !important;
    max-width: none !important;
    height: 260px !important;
    margin-left: -1000px !important;
    object-fit: cover !important;
}

body.cl-content .sk-content-body {
    display: flex !important;
    align-items: flex-start !important;
    gap: 40px !important;
    width: 1024px !important;
    max-width: 1024px !important;
    padding: 0 !important;
}

body.cl-content .sk-side-menu {
    flex: 0 0 260px !important;
    width: 260px !important;
    margin: 0 !important;
}

body.cl-content .sk-content-main {
    flex: 0 0 724px !important;
    width: 724px !important;
    max-width: 724px !important;
    min-width: 0 !important;
    color: #285479 !important;
}

body.cl-content .sk-content-main h1 {
    float: none !important;
    margin: 0 0 22px !important;
    color: #900001 !important;
    font-size: 26px !important;
    font-weight: 400 !important;
}

body.cl-content .cmsContent {
    color: #285479 !important;
    font-size: 18px !important;
    line-height: 1.32 !important;
}

body.cl-content .cmsContent p,
body.cl-content .cmsContent li {
    float: none !important;
}

body.cl-content .sk-side-menu .shop-menu,
body.cl-content .sk-side-menu .shop-info-menu {
    width: 100% !important;
    border: 1px solid #c2c2c2 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    margin-bottom: 16px !important;
}

body.cl-content .sk-side-menu .sidebar-header,
body.cl-content .sk-brand-menu li:first-child {
    padding: 10px !important;
    background: #285479 !important;
    color: #fff !important;
    font-size: 18px !important;
}

body.cl-content .sk-side-menu li {
    border-bottom: 1px solid #c2c2c2 !important;
}

body.cl-content .sk-side-menu li:last-child {
    border-bottom: 0 !important;
}

body.cl-content .sk-side-menu a {
    display: block !important;
    padding: 10px !important;
    color: #285479 !important;
    background: #ebe9e9 !important;
    text-decoration: none !important;
    font-size: 18px !important;
}

body.cl-content .sk-side-menu .nav .nav a {
    background: #fff !important;
}

body.cl-content .sk-side-menu a:hover,
body.cl-content .sk-side-menu a.act {
    color: #900001 !important;
}

body.cl-start .sk-frontpage,
.sk-laden-page {
    width: 1024px !important;
    max-width: 1024px !important;
    margin: 0 auto !important;
}

body.cl-start .hello h1,
.sk-laden-page .story h1 {
    float: none !important;
    margin-bottom: 18px !important;
    color: #900001 !important;
    font-weight: 400 !important;
}

body.cl-start .hello p,
body.cl-start .brands h3,
.sk-laden-page {
    color: #285479 !important;
}

.sk-laden-page .story {
    clear: both !important;
    width: 100% !important;
    overflow: hidden !important;
}

.sk-laden-page .kontakt-laden input[type="text"],
.sk-laden-page .kontakt-laden textarea {
    width: 100% !important;
    margin-bottom: 10px !important;
    border: 1px solid #285479 !important;
    border-radius: 3px !important;
    padding: 6px !important;
    color: #285479 !important;
}

.sk-laden-page .kontakt-laden textarea {
    height: 150px !important;
}

.sk-footer.footer {
    clear: both !important;
    width: 100% !important;
    margin-top: 48px !important;
    border-top: 3px solid #285479 !important;
    background: #e4e8e8 !important;
    color: #285479 !important;
}

.sk-footer .container-xxl {
    width: 1024px !important;
    max-width: 1024px !important;
}

.sk-footer ul {
    list-style: none !important;
    padding-left: 0 !important;
}

.sk-footer a {
    color: #285479 !important;
}