/* Final Stoeberkiste Twig overrides loaded after twig-bridge.css. */

.sk-mobile-panel {
    display: none;
}

.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;
}

#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;
}

#cookieNote {
    position: fixed !important;
    right: 22px !important;
    bottom: 18px !important;
    left: auto !important;
    top: auto !important;
    z-index: 10000 !important;
    width: 360px !important;
    max-width: calc(100vw - 44px) !important;
    margin: 0 !important;
    padding: 0 !important;
}

#cookieNote .sk-cookie-note,
#cookieNote .alert {
    position: relative !important;
    margin: 0 !important;
    padding: 14px 64px 14px 16px !important;
    border: 1px solid #285479 !important;
    border-radius: 4px !important;
    background: #fff !important;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .25) !important;
    color: #285479 !important;
    font-family: 'Lato', Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 20px !important;
}

#cookieNoteCloseButton {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    width: 38px !important;
    height: 28px !important;
    min-width: 38px !important;
    margin: 0 !important;
    padding: 4px 8px !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: #285479 !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 20px !important;
    text-indent: 0 !important;
    opacity: 1 !important;
    box-shadow: none !important;
}

#cookieNoteCloseButton::before,
#cookieNoteCloseButton::after,
#cookieNoteCloseButton.btn-close::before,
#cookieNoteCloseButton.btn-close::after {
    display: none !important;
}

.modal.fade:not(.show),
.basketFlyout:not(.show) {
    display: none !important;
}

.sk-footer .vat-info-text,
.sk-footer .legal,
.sk-footer .copyright,
.sk-footer .footer-copyright {
    display: none !important;
}

body.cl-alist .locator,
body.cl-manufacturerlist .locator {
    display: none !important;
}

@media (max-width: 767px) {
    .sk-header.header,
    .sk-header .top-bar {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .sk-header .logo-link,
    .sk-header .sk-search,
    .sk-header nav[aria-label="Hauptnavigation"] {
        position: static !important;
        width: auto !important;
        height: auto !important;
    }

    #newItemMsg.msg,
    .msg {
        top: 140px !important;
        left: 10px !important;
        right: 10px !important;
        width: auto !important;
        margin-left: 0 !important;
    }

    #cookieNote {
        right: 10px !important;
        bottom: 10px !important;
        width: auto !important;
        max-width: none !important;
        left: 10px !important;
    }
}

@media (max-width: 1024px) {
    body {
        overflow-x: hidden !important;
    }

    .sk-header.header {
        display: block !important;
        width: 100% !important;
        height: 42px !important;
        min-height: 42px !important;
        background: transparent !important;
    }

    .sk-header > .top-bar,
    .sk-header .cart-fixed {
        display: none !important;
    }

    .sk-header .mobile-header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: auto !important;
        z-index: 9999 !important;
        display: block !important;
        width: 100% !important;
        height: 42px !important;
        min-height: 42px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-bottom: 3px solid #545454 !important;
        background: #a70001 !important;
        transform: translateX(0);
        transition: transform .25s ease;
    }

    .sk-header .mobile-title {
        display: block !important;
        float: none !important;
        width: 100% !important;
        height: 42px !important;
        margin: 0 !important;
        padding: 0 52px !important;
        color: #fff !important;
        font-family: 'Lato', Arial, sans-serif !important;
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 42px !important;
        text-align: center !important;
        letter-spacing: 0 !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }

    .sk-header .trigger {
        position: absolute !important;
        top: 3px !important;
        z-index: 10000 !important;
        display: block !important;
        width: 40px !important;
        height: 36px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background-color: transparent !important;
        box-shadow: none !important;
    }

    .sk-header .trigger-left {
        left: 5px !important;
        background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#fff, #fff) !important;
        background-repeat: no-repeat !important;
        background-size: 30px 4px, 30px 4px, 30px 4px !important;
        background-position: 5px 7px, 5px 16px, 5px 25px !important;
    }

    .sk-header .trigger-right {
        right: 5px !important;
        background: transparent url(../img/mobile-cart.png) no-repeat center center !important;
        background-size: 35px auto !important;
    }

    .sk-mobile-panel {
        position: fixed !important;
        top: 0 !important;
        z-index: 9998 !important;
        display: block !important;
        width: 306px !important;
        height: 100vh !important;
        min-height: 100vh !important;
        padding: 0 !important;
        border: 0 !important;
        background: #fff !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        transition: transform .25s ease;
    }

    .sk-mobile-panel-left {
        left: 0 !important;
        border-right: 1px solid #a70001 !important;
        transform: translateX(-306px);
    }

    .sk-mobile-panel-right {
        right: 0 !important;
        border-left: 1px solid #a70001 !important;
        transform: translateX(306px);
    }

    body.sk-panel-left-open .sk-mobile-panel-left,
    body.sk-panel-right-open .sk-mobile-panel-right {
        transform: translateX(0);
    }

    body.sk-panel-left-open .wrapper,
    body.sk-panel-left-open .sk-header .mobile-header {
        transform: translateX(306px) !important;
    }

    body.sk-panel-right-open .wrapper,
    body.sk-panel-right-open .sk-header .mobile-header {
        transform: translateX(-306px) !important;
    }

    .wrapper {
        transition: transform .25s ease;
    }

    .sk-mobile-panel-inner {
        width: 306px !important;
        padding: 18px !important;
    }

    .sk-mobile-logo {
        display: block !important;
        width: 270px !important;
        margin: 0 0 36px !important;
    }

    .sk-mobile-logo img {
        display: block !important;
        width: 270px !important;
        max-width: 270px !important;
        height: auto !important;
        margin: 0 !important;
    }

    .sk-mobile-search {
        width: 270px !important;
        margin: 0 0 16px !important;
    }

    .sk-mobile-search form,
    .sk-mobile-search .search,
    .sk-mobile-search .input-group {
        position: relative !important;
        display: block !important;
        width: 270px !important;
        height: 92px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .sk-mobile-search button.btn {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 270px !important;
        height: 40px !important;
        border: 1px solid #ebe9e9 !important;
        border-radius: 4px !important;
        background: #ebe9e9 url(../img/lense.png) no-repeat center center !important;
        text-indent: -9999px !important;
    }

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

    .sk-mobile-search input[type="text"],
    .sk-mobile-search .form-control {
        position: absolute !important;
        top: 51px !important;
        left: 0 !important;
        width: 270px !important;
        min-width: 270px !important;
        height: 42px !important;
        padding: 7px 10px !important;
        border: 1px solid #285479 !important;
        border-radius: 4px !important;
        color: #285479 !important;
        font-size: 18px !important;
        box-shadow: none !important;
    }

    .sk-mobile-mainnav,
    .sk-mobile-brand-list,
    .sk-mobile-category-tree ul,
    .sk-mobile-category-tree .nav {
        width: 270px !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    .sk-mobile-mainnav li,
    .sk-mobile-brand-list li,
    .sk-mobile-category-tree li,
    .sk-mobile-category-tree .nav-item {
        width: 270px !important;
        margin: 0 0 10px !important;
        padding: 0 !important;
        border: 0 !important;
    }

    .sk-mobile-mainnav a,
    .sk-mobile-brand-list a,
    .sk-mobile-category-tree a,
    .sk-mobile-category-tree .nav-link {
        display: block !important;
        width: 270px !important;
        min-height: 42px !important;
        padding: 8px 12px !important;
        border: 0 !important;
        border-radius: 4px !important;
        background: #285479 !important;
        color: #fff !important;
        font-size: 18px !important;
        line-height: 26px !important;
        text-align: center !important;
        text-decoration: none !important;
    }

    .sk-mobile-category-tree .sidebar-header {
        display: none !important;
    }

    .sk-mobile-category-tree .collapse,
    .sk-mobile-category-tree .nav {
        display: block !important;
        height: auto !important;
        visibility: visible !important;
    }

    .sk-mobile-menu-gap {
        width: 270px !important;
        height: 18px !important;
        margin: 22px 0 10px !important;
        border-radius: 4px !important;
        background: #285479 !important;
    }

    .sk-mobile-panel-right {
        padding: 45px 18px 0 !important;
    }

    .sk-mobile-panel-right .shopping-cart {
        width: 270px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .sk-mobile-panel-right .count-output,
    .sk-mobile-panel-right .btn {
        display: block !important;
        width: 270px !important;
        height: 42px !important;
        margin: 0 0 10px !important;
        padding: 8px 12px !important;
        border-radius: 4px !important;
        font-size: 18px !important;
        line-height: 26px !important;
        text-align: center !important;
    }

    .sk-mobile-panel-right .count-output {
        border: 1px solid #a70001 !important;
        background: #fff !important;
    }

    .sk-mobile-panel-right .count-output p {
        margin: 0 !important;
        padding: 0 !important;
        color: #a70001 !important;
        font-size: 18px !important;
        line-height: 26px !important;
    }

    .sk-mobile-panel-right .btn {
        border: 0 !important;
        background: #285479 !important;
        color: #fff !important;
        text-decoration: none !important;
    }

    .sk-mobile-panel-right .to-shop {
        background: #a70001 !important;
    }
}

/* Visual audit v6: global parity and mobile overflow fixes. */
html,
body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

body .wrapper,
body main.content,
body .content,
body .sk-frontpage,
body .sk-laden-page,
body .sk-content-body,
body .sk-detail-body,
body .article-list,
body .sk-footer {
    max-width: 100vw !important;
    box-sizing: border-box !important;
}

body:not(.sk-panel-left-open) .sk-mobile-panel-left,
body:not(.sk-panel-right-open) .sk-mobile-panel-right {
    visibility: hidden !important;
    pointer-events: none !important;
}

body.sk-panel-left-open .sk-mobile-panel-left,
body.sk-panel-right-open .sk-mobile-panel-right {
    visibility: visible !important;
    pointer-events: auto !important;
}

#cookieNote {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 14px !important;
    top: auto !important;
    z-index: 10000 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 18px !important;
    pointer-events: none !important;
}

#cookieNote .sk-cookie-note,
#cookieNote .alert {
    position: relative !important;
    width: 1024px !important;
    max-width: calc(100vw - 36px) !important;
    min-height: 40px !important;
    margin: 0 auto !important;
    padding: 10px 74px 10px 14px !important;
    border: 1px solid #c2c2c2 !important;
    border-radius: 3px !important;
    background: #e4e8e8 !important;
    box-shadow: none !important;
    color: #285479 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    pointer-events: auto !important;
}

#cookieNoteCloseButton {
    top: 7px !important;
    right: 10px !important;
    width: 46px !important;
    height: 26px !important;
    min-width: 46px !important;
    padding: 3px 10px !important;
    border-radius: 3px !important;
}

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

body.cl-content .sk-content-header,
body.cl-contact .sk-content-header {
    margin-top: 0 !important;
}

body.cl-content .sk-user-meta {
    display: none !important;
}

.sk-footer.footer {
    margin-top: 48px !important;
    padding: 28px 0 24px !important;
    border-top: 3px solid #285479 !important;
    background: #e4e8e8 !important;
}

.sk-footer .container-xxl {
    width: 1024px !important;
    max-width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.sk-footer .footer-main-row {
    display: grid !important;
    grid-template-columns: 190px 190px 190px 1fr !important;
    gap: 18px !important;
    align-items: start !important;
}

.sk-footer .footer-main-row > nav {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    padding: 0 !important;
}

.sk-footer .h4 {
    margin: 0 0 8px !important;
    color: #a70001 !important;
    font-size: 18px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
}

.sk-footer ul {
    margin: 0 !important;
    padding: 0 !important;
}

.sk-footer li {
    margin: 0 0 4px !important;
    padding: 0 !important;
}

.sk-footer a {
    color: #285479 !important;
    font-size: 15px !important;
    line-height: 21px !important;
    text-decoration: none !important;
}

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

.sk-footer .footer-contact-row {
    display: grid !important;
    grid-template-columns: 1fr 310px !important;
    gap: 24px !important;
    align-items: start !important;
    margin-top: 18px !important;
}

.sk-footer .sk-footer-help {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    padding: 12px 16px !important;
    border: 1px solid #285479 !important;
    border-radius: 3px !important;
    background: #fff !important;
}

.sk-footer .sk-footer-help p {
    margin: 0 !important;
    color: #285479 !important;
    font-size: 15px !important;
    line-height: 23px !important;
}

.sk-footer .sk-footer-logo {
    width: 310px !important;
    max-width: 310px !important;
    flex: none !important;
    padding: 0 !important;
    text-align: right !important;
}

.sk-footer .sk-footer-logo img:first-child,
.sk-footer .sk-footer-logo > a:first-child img {
    width: 245px !important;
    max-width: 245px !important;
    height: auto !important;
}

.sk-footer .sk-footer-logo .fb-bottom {
    display: inline-block !important;
    width: 32px !important;
    max-width: 32px !important;
    height: auto !important;
    margin: 8px 0 0 10px !important;
    vertical-align: middle !important;
}

.sk-footer .sk-footer-logo p {
    margin: 6px 0 0 !important;
    color: #285479 !important;
    font-size: 14px !important;
}

body.cl-content .sk-content-body,
body.cl-details .sk-detail-body,
body.cl-alist .sk-list-body,
body.cl-manufacturerlist .sk-list-body {
    align-items: flex-start !important;
}

body.cl-content .sk-side-menu,
body.cl-details .sk-side-menu,
body.cl-alist .sk-side-menu,
body.cl-manufacturerlist .sk-side-menu {
    flex: 0 0 268px !important;
    width: 268px !important;
    max-width: 268px !important;
}

body.cl-content .sk-side-menu .shop-menu,
body.cl-content .sk-side-menu .shop-info-menu,
body.cl-details .sk-side-menu .shop-menu,
body.cl-details .sk-side-menu .shop-info-menu,
body.cl-alist .sk-side-menu .shop-menu,
body.cl-alist .sk-side-menu .shop-info-menu,
body.cl-manufacturerlist .sk-side-menu .shop-menu,
body.cl-manufacturerlist .sk-side-menu .shop-info-menu {
    margin-bottom: 16px !important;
    border: 1px solid #c6c6c6 !important;
    border-radius: 3px !important;
    background: #ebe9e9 !important;
    overflow: hidden !important;
}

body .sk-side-menu .sk-brand-menu {
    border-color: #c6c6c6 !important;
}

body .sk-side-menu .sk-brand-menu .all-brands > li:first-child {
    background: #a70001 !important;
    color: #fff !important;
}

body .sk-side-menu .shop-info-menu .shop-info > li:first-child {
    background: #285479 !important;
    color: #fff !important;
}

body .sk-side-menu .shop-menu .sidebar-header,
body .sk-side-menu .shop-menu .sidebar-header strong {
    background: #285479 !important;
    color: #fff !important;
}

.sk-contact-page .sk-contact-body {
    display: grid !important;
    grid-template-columns: 300px 1fr !important;
    gap: 38px !important;
    width: 1024px !important;
    max-width: 100% !important;
    margin: 28px auto 45px !important;
    padding: 0 10px !important;
    color: #285479 !important;
}

.sk-contact-page h1 {
    margin: 0 0 22px !important;
    color: #a70001 !important;
    font-size: 28px !important;
    line-height: 36px !important;
    font-weight: 300 !important;
}

.sk-contact-page address {
    margin: 0 !important;
    color: #285479 !important;
    font-size: 17px !important;
    line-height: 25px !important;
    font-style: normal !important;
}

.sk-contact-form form {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px 12px !important;
}

.sk-contact-form .mb-3 {
    margin: 0 !important;
}

.sk-contact-form .form-floating {
    display: block !important;
}

.sk-contact-form .form-floating:nth-of-type(4),
.sk-contact-form .form-floating:nth-of-type(5) {
    grid-column: 1 / -1 !important;
}

.sk-contact-form select,
.sk-contact-form input,
.sk-contact-form textarea,
.sk-contact-form .form-control {
    width: 100% !important;
    min-height: 34px !important;
    padding: 7px 10px !important;
    border: 1px solid #285479 !important;
    border-radius: 3px !important;
    color: #285479 !important;
    font-size: 16px !important;
    box-shadow: none !important;
}

.sk-contact-form textarea,
.sk-contact-form #c_message {
    min-height: 150px !important;
}

.sk-contact-form label {
    color: #285479 !important;
}

.sk-contact-form .btn {
    min-width: 150px !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: #285479 !important;
    color: #fff !important;
}

body.cl-details .ratings,
body.cl-details #recommList,
body.cl-details #loginToRecommlist,
body.cl-details .product-links .compare {
    display: none !important;
}

body.cl-details .sk-login-notice {
    width: 268px !important;
    margin-left: auto !important;
    border: 0 !important;
    background: #ebe9e9 !important;
    color: #285479 !important;
    font-size: 16px !important;
}

body.cl-account main.content,
body.cl-register main.content,
body.cl-forgotpwd main.content,
body.cl-user main.content,
body.cl-basket main.content {
    width: 1024px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 24px 10px 0 !important;
    color: #285479 !important;
}

body.cl-account .card,
body.cl-register .card,
body.cl-forgotpwd .card,
body.cl-user .card,
body.cl-basket .card {
    border: 1px solid #e4e8e8 !important;
    border-radius: 3px !important;
    box-shadow: none !important;
}

body.cl-account .page-header,
body.cl-register .page-header,
body.cl-forgotpwd .page-header,
body.cl-user .page-header,
body.cl-basket .page-header {
    color: #a70001 !important;
    font-size: 28px !important;
    line-height: 36px !important;
    font-weight: 300 !important;
}

body.cl-account input,
body.cl-account select,
body.cl-account textarea,
body.cl-register input,
body.cl-register select,
body.cl-register textarea,
body.cl-forgotpwd input,
body.cl-forgotpwd select,
body.cl-forgotpwd textarea,
body.cl-user input,
body.cl-user select,
body.cl-user textarea,
body.cl-basket input,
body.cl-basket select,
body.cl-basket textarea {
    border-color: #285479 !important;
    border-radius: 3px !important;
    color: #285479 !important;
    box-shadow: none !important;
}

body.cl-account .btn-highlight,
body.cl-register .btn-highlight,
body.cl-forgotpwd .btn-highlight,
body.cl-user .btn-highlight,
body.cl-basket .btn-highlight {
    border: 0 !important;
    border-radius: 4px !important;
    background: #285479 !important;
    color: #fff !important;
}

body.cl-account .sk-account-dashboard {
    max-width: 760px !important;
    margin: 0 auto !important;
    padding: 28px 16px 38px !important;
    color: #285479 !important;
}

body.cl-account .sk-account-dashboard h1 {
    margin: 0 0 28px !important;
    color: #a70001 !important;
    font-size: 34px !important;
    line-height: 40px !important;
    font-weight: 300 !important;
}

body.cl-account .sk-account-lead {
    margin: 0 0 28px !important;
    color: #900001 !important;
    font-size: 25px !important;
    line-height: 34px !important;
    font-weight: 600 !important;
}

body.cl-account .sk-account-actions {
    display: block !important;
}

body.cl-account .sk-account-action {
    display: block !important;
    margin: 0 0 26px !important;
    color: #285479 !important;
    text-decoration: none !important;
}

body.cl-account .sk-account-action-title {
    display: block !important;
    min-height: 32px !important;
    padding: 5px 12px !important;
    border-radius: 3px !important;
    background: #285479 !important;
    color: #fff !important;
    font-size: 17px !important;
    line-height: 22px !important;
    text-align: center !important;
}

body.cl-account .sk-account-action-text {
    display: block !important;
    position: relative !important;
    padding: 4px 0 0 17px !important;
    color: #285479 !important;
    font-size: 16px !important;
    line-height: 22px !important;
}

body.cl-account .sk-account-action-text::before {
    content: "\203a" !important;
    position: absolute !important;
    left: 2px !important;
    top: 2px !important;
    color: #285479 !important;
    font-size: 28px !important;
    line-height: 22px !important;
    font-weight: 700 !important;
}

body.cl-basket .sk-checkout-hero {
    width: 100% !important;
    height: 252px !important;
    margin: 0 0 38px !important;
    background: url("/out/stoeberkiste/img/header-shop.jpg") no-repeat center center !important;
    background-size: cover !important;
}

body.cl-basket .sk-basket-page {
    width: 1024px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 10px 42px !important;
    color: #285479 !important;
}

body.cl-basket .sk-checkout-steps {
    margin: 0 0 44px !important;
    padding: 0 !important;
    list-style: none !important;
    color: #333 !important;
}

body.cl-basket .sk-checkout-steps li {
    display: block !important;
    margin: 0 0 25px !important;
    padding: 0 !important;
    color: #333 !important;
    font-size: 18px !important;
    line-height: 30px !important;
}

body.cl-basket .sk-checkout-steps span {
    display: inline-block !important;
    width: 30px !important;
    height: 30px !important;
    margin: 0 12px 0 0 !important;
    border-radius: 50% !important;
    background: #285479 !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 30px !important;
    text-align: center !important;
}

body.cl-basket .sk-checkout-steps .active span {
    background: #a70001 !important;
}

body.cl-basket .sk-basket-next {
    text-align: right !important;
}

body.cl-basket .sk-basket-next-top {
    margin: 0 88px -1px 0 !important;
}

body.cl-basket .sk-basket-next .btn {
    min-width: 220px !important;
    padding: 7px 14px !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: #285479 !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 22px !important;
}

body.cl-basket .sk-basket-form {
    margin: 0 0 34px !important;
}

body.cl-basket .sk-basket-table {
    width: 100% !important;
    border-collapse: collapse !important;
    color: #333 !important;
    font-size: 16px !important;
}

body.cl-basket .sk-basket-table thead th {
    padding: 6px 8px !important;
    border: 0 !important;
    background: #f1f1f1 !important;
    color: #333 !important;
    font-weight: 700 !important;
    text-align: right !important;
}

body.cl-basket .sk-basket-table thead .sk-basket-article {
    text-align: center !important;
}

body.cl-basket .sk-basket-item td {
    padding: 18px 8px 12px !important;
    border: 0 !important;
    vertical-align: top !important;
}

body.cl-basket .sk-basket-remove {
    width: 36px !important;
    text-align: left !important;
}

body.cl-basket .sk-basket-image {
    width: 128px !important;
}

body.cl-basket .sk-basket-image img {
    width: 120px !important;
    height: 120px !important;
    object-fit: cover !important;
}

body.cl-basket .sk-basket-title {
    width: 380px !important;
    color: #333 !important;
    text-align: left !important;
}

body.cl-basket .sk-basket-title a {
    color: #333 !important;
    font-size: 18px !important;
    line-height: 24px !important;
    text-decoration: none !important;
}

body.cl-basket .sk-basket-title div {
    color: #333 !important;
    font-size: 14px !important;
    line-height: 20px !important;
}

body.cl-basket .sk-basket-amount,
body.cl-basket .sk-basket-unit,
body.cl-basket .sk-basket-vat,
body.cl-basket .sk-basket-total {
    text-align: right !important;
}

body.cl-basket .sk-basket-amount input {
    width: 96px !important;
    height: 34px !important;
    padding: 5px 8px !important;
    border: 1px solid #285479 !important;
    border-radius: 3px !important;
    color: #333 !important;
    text-align: left !important;
}

body.cl-basket .sk-basket-actions-row td {
    padding: 6px 8px 32px !important;
}

body.cl-basket .sk-basket-actions-row .btn {
    display: block !important;
    width: 150px !important;
    margin: 0 0 10px !important;
    padding: 7px 12px !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: #285479 !important;
    color: #fff !important;
}

body.cl-basket .sk-basket-totals {
    margin: 0 0 48px !important;
    padding: 8px 0 0 !important;
    border-bottom: 1px solid #a70001 !important;
    background: #f1f1f1 !important;
}

body.cl-basket .sk-basket-totals div {
    display: flex !important;
    justify-content: space-between !important;
    gap: 20px !important;
    padding: 2px 8px 2px 38px !important;
    color: #285479 !important;
    font-size: 17px !important;
    line-height: 24px !important;
}

body.cl-basket .sk-basket-totals strong {
    min-width: 160px !important;
    color: #333 !important;
    font-weight: 400 !important;
    text-align: right !important;
}

body.cl-basket .sk-basket-totals .sk-basket-grand {
    border-top: 0 !important;
    color: #285479 !important;
}

body.cl-basket .sk-basket-totals .sk-basket-grand strong {
    font-weight: 700 !important;
}

body.cl-basket .sk-basket-bottom {
    display: grid !important;
    grid-template-columns: 320px 1fr !important;
    gap: 40px !important;
    align-items: start !important;
}

body.cl-basket .sk-basket-voucher h2 {
    margin: 0 0 6px !important;
    color: #333 !important;
    font-size: 18px !important;
    line-height: 26px !important;
    font-weight: 700 !important;
}

body.cl-basket .sk-basket-voucher p {
    margin: 0 0 8px !important;
    color: #333 !important;
    font-size: 16px !important;
    line-height: 22px !important;
}

body.cl-basket .sk-basket-voucher input {
    display: block !important;
    width: 256px !important;
    height: 34px !important;
    margin: 0 0 10px !important;
}

body.cl-basket .sk-basket-voucher .btn {
    padding: 7px 14px !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: #285479 !important;
    color: #fff !important;
}

body.cl-user.is-checkout .sk-checkout-hero {
    width: 100% !important;
    height: 252px !important;
    margin: 0 0 38px !important;
    background: url("/out/stoeberkiste/img/header-shop.jpg") no-repeat center center !important;
    background-size: cover !important;
}

body.cl-user.is-checkout .sk-checkout-user-page {
    width: 1024px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 10px 42px !important;
    color: #333 !important;
}

body.cl-user.is-checkout .sk-checkout-steps {
    margin: 0 0 30px !important;
    padding: 0 !important;
    list-style: none !important;
}

body.cl-user.is-checkout .sk-checkout-steps li {
    display: block !important;
    margin: 0 0 21px !important;
    color: #333 !important;
    font-size: 18px !important;
    line-height: 30px !important;
}

body.cl-user.is-checkout .sk-checkout-steps span {
    display: inline-block !important;
    width: 30px !important;
    height: 30px !important;
    margin: 0 12px 0 0 !important;
    border-radius: 50% !important;
    background: #285479 !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 30px !important;
    text-align: center !important;
}

body.cl-user.is-checkout .sk-checkout-steps .active span {
    background: #a70001 !important;
}

body.cl-user.is-checkout .sk-checkout-user-form {
    position: relative !important;
    max-width: 760px !important;
    color: #333 !important;
}

body.cl-user.is-checkout .sk-checkout-user-form h1 {
    margin: 0 0 28px !important;
    color: #333 !important;
    font-size: 18px !important;
    line-height: 26px !important;
    font-weight: 700 !important;
}

body.cl-user.is-checkout .sk-checkout-user-form h2,
body.cl-user.is-checkout .sk-checkout-user-form .h5 {
    margin: 0 0 8px !important;
    color: #333 !important;
    font-size: 18px !important;
    line-height: 26px !important;
    font-weight: 700 !important;
}

body.cl-user.is-checkout #addressForm {
    display: block !important;
}

body.cl-user.is-checkout #addressText,
body.cl-user.is-checkout .edit-button {
    display: none !important;
}

body.cl-user.is-checkout #user_form {
    max-width: 610px !important;
}

body.cl-user.is-checkout #user_form .row,
body.cl-user.is-checkout #user_form .form-group,
body.cl-user.is-checkout #user_form .mb-3 {
    margin-bottom: 8px !important;
}

body.cl-user.is-checkout #user_form label,
body.cl-user.is-checkout #user_form .form-label {
    color: #333 !important;
    font-size: 16px !important;
    line-height: 22px !important;
}

body.cl-user.is-checkout #user_form input,
body.cl-user.is-checkout #user_form select,
body.cl-user.is-checkout #user_form textarea,
body.cl-user.is-checkout #user_form .form-control,
body.cl-user.is-checkout #user_form .form-select {
    min-height: 31px !important;
    padding: 4px 8px !important;
    border: 1px solid #285479 !important;
    border-radius: 2px !important;
    color: #333 !important;
    font-size: 16px !important;
    line-height: 22px !important;
    box-shadow: none !important;
}

body.cl-user.is-checkout #user_form textarea {
    min-height: 150px !important;
}

body.cl-user.is-checkout .sk-checkout-next {
    text-align: right !important;
}

body.cl-user.is-checkout .sk-checkout-next-top {
    position: absolute !important;
    top: 42px !important;
    right: -340px !important;
}

body.cl-user.is-checkout .sk-checkout-next-bottom {
    margin: 34px 0 0 !important;
    padding-left: 340px !important;
}

body.cl-user.is-checkout .sk-checkout-next .btn {
    min-width: 220px !important;
    padding: 7px 14px !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: #285479 !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 22px !important;
}

body.cl-user.is-checkout .sk-checkout-login-options {
    max-width: 610px !important;
}

@media (max-width: 1024px) {
    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .sk-header .cart-fixed {
        display: none !important;
        visibility: hidden !important;
    }

    body:not(.sk-panel-right-open) .sk-mobile-panel-right {
        display: none !important;
    }

    body:not(.sk-panel-left-open) .sk-mobile-panel-left {
        display: none !important;
    }

    body.sk-panel-right-open .sk-mobile-panel-right,
    body.sk-panel-left-open .sk-mobile-panel-left {
        display: block !important;
    }

    body.sk-panel-right-open .wrapper,
    body.sk-panel-right-open .sk-header .mobile-header {
        transform: translateX(-306px) !important;
    }

    .wrapper,
    main.content,
    .content,
    .container-xxl,
    .sk-frontpage,
    .sk-content-body,
    .sk-contact-body,
    .sk-list-body,
    .sk-detail-body {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        overflow-x: hidden !important;
    }

    body.cl-content .sk-side-menu,
    body.cl-details .sk-side-menu,
    body.cl-alist .sk-side-menu,
    body.cl-manufacturerlist .sk-side-menu {
        display: none !important;
    }

    .sk-footer .footer-main-row,
    .sk-footer .footer-contact-row,
    .sk-contact-page .sk-contact-body,
    .sk-contact-form form {
        display: block !important;
    }

    .sk-footer.footer {
        text-align: center !important;
    }

    .sk-footer .footer-main-row > nav,
    .sk-footer .sk-footer-help,
    .sk-footer .sk-footer-logo {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 18px !important;
        text-align: center !important;
    }

    .sk-footer .sk-footer-help {
        box-sizing: border-box !important;
    }

    .sk-footer a[href="/Widerrufsformular/"] {
        display: block !important;
        width: 100% !important;
        max-width: 270px !important;
        min-height: 38px !important;
        margin: 8px auto 0 !important;
        padding: 8px 12px !important;
        border-radius: 4px !important;
        background: #285479 !important;
        color: #fff !important;
        line-height: 22px !important;
    }

    #cookieNote {
        left: 0 !important;
        right: 0 !important;
        bottom: 8px !important;
        width: 100% !important;
        padding: 0 8px !important;
    }

    #cookieNote .sk-cookie-note,
    #cookieNote .alert {
        width: 100% !important;
        max-width: 100% !important;
        padding: 9px 64px 9px 10px !important;
        font-size: 13px !important;
        line-height: 18px !important;
        text-align: left !important;
    }

    .sk-contact-page .sk-contact-body {
        margin-top: 18px !important;
        color: #285479 !important;
    }

    .sk-contact-address,
    .sk-contact-form {
        margin-bottom: 24px !important;
    }

    body.cl-details .tobasket-function {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.cl-details #toBasket,
    body.cl-details .sk-login-notice {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
    }

    body.cl-account main.content,
    body.cl-register main.content,
    body.cl-forgotpwd main.content,
    body.cl-user main.content,
    body.cl-basket main.content {
        width: 100% !important;
        padding: 58px 10px 0 !important;
    }

    body.cl-account input,
    body.cl-account select,
    body.cl-account textarea,
    body.cl-account .btn,
    body.cl-register input,
    body.cl-register select,
    body.cl-register textarea,
    body.cl-register .btn,
    body.cl-forgotpwd input,
    body.cl-forgotpwd select,
    body.cl-forgotpwd textarea,
    body.cl-forgotpwd .btn,
    body.cl-user input,
    body.cl-user select,
    body.cl-user textarea,
    body.cl-user .btn,
    body.cl-basket input,
    body.cl-basket select,
    body.cl-basket textarea,
    body.cl-basket .btn {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.cl-account .sk-account-dashboard {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 22px 6px 34px !important;
    }

    body.cl-account .sk-account-dashboard h1 {
        margin-bottom: 24px !important;
        font-size: 31px !important;
        line-height: 38px !important;
    }

    body.cl-account .sk-account-lead {
        margin-bottom: 28px !important;
        font-size: 24px !important;
        line-height: 34px !important;
    }

    body.cl-account .sk-account-action {
        margin-bottom: 26px !important;
    }

    body.cl-account .sk-account-action-title {
        font-size: 16px !important;
        line-height: 22px !important;
    }

    body.cl-account .sk-account-action-text {
        font-size: 16px !important;
        line-height: 22px !important;
    }

    body.cl-basket .sk-checkout-hero {
        height: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    body.cl-basket .sk-basket-page {
        width: 100% !important;
        padding: 58px 10px 34px !important;
    }

    body.cl-basket .sk-checkout-steps {
        margin-bottom: 34px !important;
    }

    body.cl-basket .sk-checkout-steps li {
        margin-bottom: 12px !important;
        font-size: 15px !important;
        line-height: 23px !important;
    }

    body.cl-basket .sk-checkout-steps span {
        width: 28px !important;
        height: 28px !important;
        margin-right: 8px !important;
        font-size: 16px !important;
        line-height: 28px !important;
    }

    body.cl-basket .sk-basket-next,
    body.cl-basket .sk-basket-next-top {
        margin: 0 0 16px !important;
        text-align: left !important;
    }

    body.cl-basket .sk-basket-table,
    body.cl-basket .sk-basket-table thead,
    body.cl-basket .sk-basket-table tbody,
    body.cl-basket .sk-basket-table tr,
    body.cl-basket .sk-basket-table th,
    body.cl-basket .sk-basket-table td {
        display: block !important;
        width: 100% !important;
    }

    body.cl-basket .sk-basket-table thead {
        display: none !important;
    }

    body.cl-basket .sk-basket-item {
        position: relative !important;
        margin-bottom: 20px !important;
        padding-bottom: 14px !important;
        border-bottom: 1px solid #e4e8e8 !important;
    }

    body.cl-basket .sk-basket-item td {
        padding: 4px 0 !important;
        text-align: left !important;
    }

    body.cl-basket .sk-basket-remove {
        width: 30px !important;
    }

    body.cl-basket .sk-basket-image {
        width: 120px !important;
        float: left !important;
        margin-right: 12px !important;
    }

    body.cl-basket .sk-basket-title {
        min-height: 120px !important;
        width: auto !important;
    }

    body.cl-basket .sk-basket-amount,
    body.cl-basket .sk-basket-unit,
    body.cl-basket .sk-basket-vat,
    body.cl-basket .sk-basket-total {
        clear: both !important;
        text-align: left !important;
    }

    body.cl-basket .sk-basket-amount input {
        width: 96px !important;
        max-width: 96px !important;
    }

    body.cl-basket .sk-basket-actions-row .btn {
        width: 180px !important;
        max-width: 180px !important;
    }

    body.cl-basket .sk-basket-totals div {
        padding-left: 10px !important;
        font-size: 16px !important;
    }

    body.cl-basket .sk-basket-bottom {
        display: block !important;
    }

    body.cl-basket .sk-basket-voucher {
        margin-bottom: 22px !important;
    }

    body.cl-basket .sk-basket-voucher input {
        width: 256px !important;
        max-width: 100% !important;
    }

    body.cl-user.is-checkout .sk-checkout-hero {
        height: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    body.cl-user.is-checkout .sk-checkout-user-page {
        width: 100% !important;
        padding: 58px 10px 34px !important;
    }

    body.cl-user.is-checkout .sk-checkout-steps {
        margin-bottom: 24px !important;
    }

    body.cl-user.is-checkout .sk-checkout-steps li {
        margin-bottom: 12px !important;
        font-size: 15px !important;
        line-height: 23px !important;
    }

    body.cl-user.is-checkout .sk-checkout-steps span {
        width: 28px !important;
        height: 28px !important;
        margin-right: 8px !important;
        font-size: 16px !important;
        line-height: 28px !important;
    }

    body.cl-user.is-checkout .sk-checkout-user-form,
    body.cl-user.is-checkout #user_form,
    body.cl-user.is-checkout .sk-checkout-login-options {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.cl-user.is-checkout .sk-checkout-next,
    body.cl-user.is-checkout .sk-checkout-next-top,
    body.cl-user.is-checkout .sk-checkout-next-bottom {
        position: static !important;
        margin: 16px 0 !important;
        padding-left: 0 !important;
        text-align: left !important;
    }

    body.cl-user.is-checkout .sk-checkout-next .btn {
        width: 100% !important;
        max-width: 100% !important;
    }
}