/*-----------------------RESET---------------------------*/
/* BFSG */

:root {
    --primary: #246ec6 !important; /*rgb(36, 110, 198); */
    --primary-shadow: rgba(36, 110, 198, 0.25);
    --primary-2: #3882db;
    --primary-opacity: rgba(36, 110, 198, 0.25);
}

.btn-skip-to {
    border: 3px solid var(--primary) !important;
}

hr {
    display: none;
}

a {
    text-decoration: none !important;
}

.bold-text-hersteller {
    font-weight: 900 !important;
}

/*--------------------Header Style--------------------------*/
.megamenu-xl-row {
    border-top: 3px solid #004382;
    border-bottom: 3px solid #004382;
    background-color: #ddd;
}

.megamenu-xl-row .navbar-nav .nav-item > .nav-link {
    font-weight: 700;
    font-size: 15px;
    color: #004382;
}

.megamenu-xl-row .nav-item.active > a.nav-link {
    color: #fff !important;
    background: #004382;
}

/*-------------------Content Style----------------------*/
#content-wrapper:not(.has-fluid) {
    background: #004382;
    padding: 1rem;
}

#main-wrapper {
    background: #004382;
}

#content {
    max-width: 1800px;
    margin: auto;
    background: #fff;
    padding: 2rem;
}

#content > .container {
    max-width: unset;
    padding: 0;
}

.theme-default .nivoSlider {
    webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
}

.hr-sect.h2 a, .hr-sect.h2 {
    color: #004382;
}

.product-wrapper .text-clamp-2 {
    color: #004382;
    font-size: 15px;
    font-weight: bold;
}

.price.productbox-price {
    font-size: 19px;
    font-weight: bold;
}

.container.breadcrumb-container {
    max-width: unset;
}

.breadcrumb-link {
    color: #fff;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #fff;
}

header .navbar-nav > .nav-item > .nav-link::before {
    border: 0 !important;
}

.product-list {
    margin-top: 15px;
}

#product-list .product-wrapper:not(:last-child) {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(74, 74, 74, 0.65);
}

#product-list.layout-gallery .product-wrapper {
    border: 0;
}

#product-list .product-wrapper .bold-text-hersteller {
    display: none;
}

.productbox-title a {
    color: #004382;
    font-size: 15px;
    font-weight: bold;
}

#product-list.layout-gallery .productbox-title, #product-list.layout-gallery .price_wrapper {
    text-align: center;
}

.product-title.h2 {
    color: #004382;
}

#product-list.layout-gallery .productbox-title {
    min-height: 50px !important;
}

#product-list.layout-gallery .productbox-column .productbox-details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#product-list.layout-gallery .productbox-column .productbox-details dl .col-6 {
    margin: unset !important;
    font-size: 12px;
}

#product-list.layout-gallery .item-delivery-status {
    text-align: center;
}

/*--------------------Footer Style---------------------*/
#footer {
    background-color: #1a1a1a;
}

#footer .container {
    max-width: 1800px;
    padding-right: 1rem;
    padding-left: 1rem;
}

#footer .newsletter-footer {
    max-width: 1250px;
    margin: auto;
}

#footer-boxes {
    border-top: 1px solid #fff;
    margin-top: 1rem !important;
    padding-top: 3rem;
}

.h2.newsletter-footer-heading, .newsletter-footer a, #footer-boxes a {
    color: #5aa2f7;
}

.newsletter-footer p, #footer-boxes p {
    color: #fff;
}

#footer-boxes .box .productlist-filter-headline {
    text-transform: uppercase;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
}

#footer-boxes .box .nav-item a.nav-link {
    color: #5aa2f7;
    font-weight: bold;
    padding-top: 0;
}

#footer .btn-icon-secondary {
    border-color: #fff;
    color: #fff;
}

/*=======================RESPONSIVE TABLE STYLE===========================*/
:root {
    --bg-table-stripe: #f6f6f5;
    --b-table: #e3e3e2;
    --caption: #242423;
}

table {
    background-color: transparent;
    border-collapse: collapse;
    font-family: Arial, Helvetica, sans-serif
}

th {
    text-align: left
}

.dcf-txt-center {
    text-align: center !important
}

.dcf-txt-left {
    text-align: left !important
}

.dcf-txt-right {
    text-align: right !important
}

.dcf-table caption {
    color: var(--caption);
    font-size: 1.13em;
    font-weight: 700;
    padding-bottom: .56rem
}

.dcf-table thead {
    font-size: .84em
}

.dcf-table tbody {
    border-bottom: 1px solid var(--b-table);
    border-top: 1px solid var(--b-table);
    font-size: .84em
}

.dcf-table tfoot {
    font-size: .84em
}

.dcf-table td, .dcf-table th {
    padding-right: 1.78em
}

.dcf-table-bordered, .dcf-table-bordered td, .dcf-table-bordered th {
    border: 1px solid var(--b-table)
}

.dcf-table-bordered td, .dcf-table-bordered th, .dcf-table-striped td, .dcf-table-striped th {
    padding-left: 1em;
    padding-right: 1em
}

.dcf-table-bordered tr:not(:last-child), .dcf-table-striped tr:not(:last-child) {
    border-bottom: 1px solid var(--b-table)
}

.dcf-table-striped tbody tr:nth-of-type(2n) {
    background-color: var(--bg-table-stripe)
}

.dcf-table thead td, .dcf-table thead th {
    padding-bottom: .75em;
    vertical-align: bottom
}

.dcf-table tbody td, .dcf-table tbody th, .dcf-table tfoot td, .dcf-table tfoot th {
    padding-top: .75em;
    vertical-align: top
}

.dcf-table tbody td, .dcf-table tbody th {
    padding-bottom: .75em
}

.dcf-table-bordered thead th {
    padding-top: 1.33em
}

.dcf-wrapper-table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding-bottom: 1em;
    position: relative;
    right: 50%;
    width: 100vw
}

.info-box-checkout {
    border: 1px solid red;
    padding: 15px;
    background: #fdfd01;
}

.hersteler-list-pg {
    font-weight: bold;
    color: #004382 !important;
}

.product-manufacturer, .product-manufacturer a {
    color: #004382 !important;
}

[class*='attr-Vergleichs-'] {
    display: none;
}

.altoelverordnung-info {
    margin-top: 15px;
    border: 1px solid #dedede;
    background-color: #F8F8F8;
    padding: 15px;
}

.altoelverordnung-info p:first-child {
    background: #dedede;
    border-bottom: 1px solid #dedede;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}

.altoelVerordnung {
    font-size: 12px;
    background: #979797;
    border: 0;
    padding: 5px;
}

.center-elBox {
    display: flex;
    justify-content: center;
}

.modal-backdrop {
    z-index: 1000;
}

.info-box-checkout span {
    color: #c40202;
    font-weight: 900;
}

.hinweisRot {
    color: #b30202;
}

.css-hazard {
    margin-top: 15px;
    border: 1px solid #dedede;
    /*background-color: #F8F8F8;*/
    padding: 0;
}

.css-hazard .panel-header {
    padding: 0.5rem !important;
    border-bottom: 1px solid #dedede;
    background-color: #F8F8F8;
}

.css-hazard .panel-header h4 {
    margin: 0;
}

.css-hazard .panel-body {
    padding: 1.5rem !important;
    background-color: #ffffff;
}

@media only screen and (max-width: 42.09em) {
    .dcf-table-responsive thead {
        clip: rect(0 0 0 0);
        -webkit-clip-path: inset(50%);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        width: 1px;
        white-space: nowrap
    }

    .dcf-table-responsive tr {
        display: block
    }

    .dcf-table-responsive td {
        -webkit-column-gap: 3.16vw;
        -moz-column-gap: 3.16vw;
        column-gap: 3.16vw;
        display: grid;
        grid-template-columns: 1fr 2fr;
        text-align: left !important
    }

    .dcf-table-responsive.dcf-table-bordered, .dcf-table-responsive.dcf-table-bordered thead th {
        border-width: 0
    }

    .dcf-table-responsive.dcf-table-bordered tbody td {
        border-top-width: 0
    }

    .dcf-table-responsive:not(.dcf-table-bordered) tbody tr {
        padding-bottom: .75em
    }

    .dcf-table-responsive:not(.dcf-table-bordered) tbody td {
        padding-bottom: 0
    }

    .dcf-table-responsive:not(.dcf-table-bordered):not(.dcf-table-striped) tbody td {
        padding-right: 0
    }

    .dcf-table-responsive.dcf-table-bordered tbody tr:last-child td:last-child {
        border-bottom-width: 0
    }

    .dcf-table-responsive tbody td:before {
        content: attr(data-label);
        float: left;
        font-weight: 700;
        padding-right: 1.78em
    }
}

.dcf-overflow-x-auto {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch
}

/* eigene Tabellen */
.vktabelle {
    width: 100%;
    text-align: top;
    border: 2px solid #ddd;
}

.vktabelle td {
    vertical-align: top !important;
    text-align: right;
    padding: 5px;
    border: 1px solid #ddd;
}

.vktabelle td.toplinks {
    vertical-align: top !important;
    text-align: left !important;
    padding: 5px;
    border: 1px solid #ddd;
}

.vktabelle td.p30 {
    max-width: 30%;
}

.vktabelle td.p20 {
    white-space: nowrap;
}

.checkout-confirmation .checkout-confirmation-legal-notice {
    margin-bottom: 0;
}

#gebrauchtware-check a {
    font-weight: 900;
}

.gebrauchtware-check-title {
    margin-bottom: 0.5rem;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    line-height: 1.2;
    color: #525252;
}

.gebrauchtware-check-flex {
    display: flex;
    flex-direction: column;
}

.gebrauchtware-check-flex > .col {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/*--------------------------Produkt Seite------------------*/
.container-fluid.mobile-logo {
    display: none;
}

.info-essential.list-unstyled li strong, .form-row.productlist-item-detail dt {
    font-weight: normal !important;
}

.info-essential.list-unstyled li.product-manufacturer strong, .form-row.productlist-item-detail dt.hersteler-list-pg {
    font-weight: bold !important;
}

.product-detail .product-manufacturer img {
    max-width: 160px;
}

.productbox .productbox-inner, .productbox .productbox-inner > .row {
    height: 100%;
}

.productbox-inner .warenkorb-box-btn {
    margin-top: auto;
}

.productbox .productbox-inner .square-image .inner {
    position: relative;
}

.productbox .productbox-inner .square-image .inner img {
    top: unset;
    transform: unset;
    left: unset;
    -webkit-transform: unset;
}

.hersteler-list-pg img {
    max-width: 160px;
}

.altoelverordnung-info .hinweiss-h3 {
    font-size: 16px;
    background: #dedede;
    padding: 5px;
    margin-bottom: 10px;
}

.shop-hinweis-box {
    border: 1px solid #dedede;
    background-color: #F8F8F8;
    padding: 15px;
}

.shop-hinweis-box .altoelverordnung-info {
    border: 0;
    background-color: unset;
    padding: unset;
}

.cart-items-delete .cart-items-delete-button {
    background: #b90000;
    padding: 0.5rem !important;
    color: #fff;
}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1165px) {
    header .navbar-brand img {
        height: 2.5rem;
    }
}

@media only screen and (max-width: 1055px) {
    header .navbar-brand img {
        height: 2.1rem;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 991px) {
    header .navbar-brand img {
        height: 2.75rem;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {

}

@media only screen and (max-width: 580px) {
    .container-fluid.mobile-logo {
        display: flex;
    }

    .container-fluid.mobile-logo .toggler-logo-wrapper {
        position: relative;
        float: unset;
    }

    .container-fluid.mobile-logo .toggler-logo-wrapper .logo-wrapper {
        float: unset;
        text-align: center;
    }

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

    .logo-mobile-hidden {
        display: none;
    }

    h1, .h1 {
        font-size: 1.25rem;
    }

    #product-list.layout-gallery .productlist-item-detail {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        width: 100%;
    }

    #product-list.layout-gallery .productlist-item-detail dt, #product-list.layout-gallery .productlist-item-detail dd {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .productbox-details {
        padding: 0;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {

}

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {

}


/* eloquium 08-12-2023 und 14.10.2024 | ST */

.st-status-2 {
    color: #1C871E;
    font-weight: 600;
}

@media only screen and (max-width: 992px) {
    header .navbar-brand img {
        height: 2.25rem;
    }

    .navbar-toggler .navbar-toggler-icon {
        width: 2.2rem;
        height: 4px;
    }

    #burger-menu {
        height: 2.5rem;
        margin-top: 0.3rem;
        padding-top: 0;
    }

    .navbar-toggler .navbar-toggler-icon::before {
        margin-top: -5px;
        height: 4px;
    }

    .navbar-toggler .navbar-toggler-icon::after {
        margin-top: 5px;
        height: 4px;
    }

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

@media only screen and (max-width: 800px) {
    header .navbar-brand img {
        height: 2.1rem;
    }
}

@media only screen and (max-width: 650px) {
    header .navbar-brand img {
        height: 1.65rem;
    }
}

@media only screen and (max-width: 580px) {
    .navbar-brand {
        margin-right: 0;
    }

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

    header .nav-right {
        font-size: 1.5rem;
    }

    .fa-sup {
        font-size: 0.5em;
    }
}

/* eloquium 10.12.2024 | ST WEIHNACHTEN BANNER */

[data-page="18"] .st-weihnachten {
    display: none;
}

[data-page="18"] .slider-wrapper {
    /*display: none;*/
}

[data-page="18"] .st-weihnachten-text {
    text-align: center;
    font-size: 16px !important;
    width: 60%;
    margin: 1rem auto 4rem auto;
}

@media only screen and (max-width: 768px) {
    [data-page="18"] .st-weihnachten-text {
        font-size: 14px !important;
        width: 100%;
    }

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


/*** eloquium 27.02.2025 | ST Update 5.1.5->5.2.7->5.4.0 ***/

/* Global */
a:hover,
.btn-link:hover {
    color: var(--primary);
}

.btn-primary {
    color: #f5f7fa;
    background-color: var(--primary);
    border-color: var(--primary);
    box-shadow: none;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle, .show > .btn-primary:not(.navbar-toggler)[data-toggle="collapse"] {
    background-color: var(--primary-2);
    border-color: var(--primary-2);
    color: #f5f7fa;
    box-shadow: none;
}

.btn-outline-primary {
    border-color: var(--primary) !important;
    background-color: transparent;
    color: #525252;
}

.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary:focus {
    background-color: #d8e6f8 !important;
    color: #525252;
    box-shadow: none;
}

.form-control:focus {
    border-color: var(--primary);
}

.custom-select:focus {
    box-shadow: 0 0 0 0.2rem var(--primary-opacity);
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--primary);
    background-color: var(--primary);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: var(--primary);
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    background-color: var(--primary-opacity);
    border-color: var(--primary-opacity);
}

.modal-header .close:hover,
#image_fullscreen_close:hover,
.stepper .step-active .step-content::after {
    background-color: var(--primary) !important;
}

.slick-arrow:hover {
    background-color: var(--primary);
}

.fa-sup,
.badge-primary {
    color: #fff;
    background-color: var(--primary);
}

.badge-circle-1.on-list {
    border-color: var(--primary);
    background-color: var(--primary);
}

.page-link:hover {
    color: var(--primary);
}

.page-item.active .page-link::after,
.page-item.active .page-text::after,
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link,
.tab-navigation .nav-link::after {
    border-color: var(--primary);
}

.breadcrumb-backtolist::before,
.breadcrumb-arrow:first-child::before,
.breadcrumb-wrapper .col.navigation-arrows .btn.btn-link {
    color: #fff;
}

.theme-default .nivo-controlNav a {
    background: transparent;
}

/* Header */
#header-top-bar .container-fluid,
#jtl-nav-wrapper .container-fluid {
    max-width: 103.125rem;
}

#header-top-bar a:hover:not(.dropdown-item):not(.btn),
header a:hover:not(.dropdown-item):not(.btn) {
    color: var(--primary) !important;
}

.toggler-logo-wrapper #logo {
    padding-left: 1.5rem;
}

.fas.fa-user-check,
.checkout-steps .step-check {
    color: var(--primary);
}

.account-head-data .account-head-data-credit {
    border-color: var(--primary);
}

.custom_content .alert-info {
    min-height: 4.2rem;
}

/* Produkt Liste Item-Box  */
aside .nav-panel > .nav > .active > .nav-link {
    border-color: var(--primary);
}

.product-wrapper .productbox.productbox-column {
    height: 100%;
}

.product-wrapper .product-actions.actions-small.d-flex {
    display: none !important
}

.product-wrapper:hover .product-actions.actions-small.d-flex {
    display: flex !important
}

#product-list .product-wrapper:last-child {
    margin-bottom: 2rem;
}

/* Product List Item List  */

#product-list .product-wrapper .productbox .form.form-basket.jtl-validate {
    height: 100%;
}

.form-row.productlist-item-detail.text-nowrap-util {
    display: flex;
    flex-wrap: wrap;
}

.productbox .productbox-inner .form-row.productlist-item-detail.text-nowrap-util {
    white-space: unset;
}

.productbox .productbox-inner .form-row.productlist-item-detail.text-nowrap-util > dt,
.productbox .productbox-inner .form-row.productlist-item-detail.text-nowrap-util > dd {
    overflow-wrap: break-word;
    overflow: hidden;
}

.productbox .productbox-inner .form-row.productlist-item-detail.text-nowrap-util > dd:nth-last-of-type(1) {
    line-height: 1.25;
}

.productbox .productbox-inner .form-row.productlist-item-detail.text-nowrap-util .col.hersteler-list-pg.col-12 {
    margin-top: 5px;
}

#product-list .product-wrapper:last-child {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
}

.altoelVerordnung {
    background: #979797;
    line-height: 1.25;
}

.hersteler-list-pg img,
.product-detail .product-manufacturer img {
    max-height: 70px;
    width: auto;
}

.hr-sect {
    font-size: 1.5rem;
    color: #004382;
}

/* Fehler bei Hinweise Hover */
#product-list .productbox.productbox-hover:hover {
    z-index: unset;
}

/* Pushed-success */
#pushed-success img {
    max-width: 200px;
    width: 100%;
}

/* Warencorb */

.cart-dropdown.dropdown-menu.dropdown-menu-right.lg-min-w-lg.show .dropdown-body {
    border-top: 1px solid #ebebeb;
}

.cart-items-image img {
    /*max-height: 70px;*/
    /*width: auto !important;*/
}

/* Footer */
.small {
    font-size: 80%;
}

#footer a:not(.btn):hover,
#footer-boxes a {
    color: #5aa2f7 !important;
}

#system-credits {
    padding-right: 0;
}

/* Wartung */

#main-wrapper.maintenance-main-wrapper,
.maintenance-main-wrapper #footer {
    background: #fff;
}

.maintenance-main-wrapper .maintenance-main-image {
    width: 50%;
}

@media (max-width: 991.98px) {
    header .navbar-brand img {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .is-item-list .col-lg-8.col-xl-9.ml-auto-util {
        padding: 0;
    }

    .productlist-page-nav .displayoptions {
        text-align: center;
    }

    .productlist-page-nav .result-option-wrapper {
        margin-bottom: 0.5rem;
    }

    .productlist-page-nav .displayoptions .btn-group + .btn-group + .btn-group {
        margin-left: 0;
    }

    #hinweisAltoel .modal-body {
        padding: 0;
    }

    .altoelVerordnung {
        line-height: 1.35;
        font-size: 0.65rem;
    }

    .hersteler-list-pg img {
        max-width: 100%;
        overflow: hidden;
    }

    #product-list .product-wrapper:not(:last-child),
    #product-list .product-wrapper:not(:last-child) {
        padding-bottom: 0;
    }

}

/* eloquium 09.07.2025 | ST Update 5.4.0 -> 5.5.2 */

.h1-hidden {
    color: #fff;
    font-size: 5px;
}

.product-wrapper .price_wrapper {
    color: #525252 !important;
}

.form-control:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem var(--primary-shadow);
}

.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem var(--primary-shadow);
}

.btn:not(:disabled):not(.disabled):active:focus,
.btn:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem var(--primary-shadow), inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

[data-page="5"] .custom_content .alert.alert-info strong {
    display: flex;
    align-items: center;
}

.footnote-vat,
.footnote-vat a {
    color: #fff !important;
}

.text-white {
    font-weight: 600 !important;
}

[data-page="18"] #opc-sidebar-second-title {
    display: none;
}

div#maintenance-mode {
    color: #000 !important;
}

.carousel-thumbnails .slick-slide.slick-current {
    border: 1px solid #004382;
}

.form-counter .form-control {
    height: calc(calc(1.5em + 1.25rem) - 2px);
}

@media (max-width: 480px) {

    #content {
        padding: 1rem;
    }

    .product-title.h2 {
        word-break: break-word;
        overflow-wrap: break-word;
        hyphens: auto;
    }

    .slick-type-product:not(.slider-no-preview) .slick-list,
    .slick-type-half:not(.slider-no-preview) .slick-list,
    .slick-type-news:not(.slider-no-preview) .slick-list,
    .slick-type-three:not(.slider-no-preview) .slick-list,
    .slick-type-box:not(.slider-no-preview) .slick-list {
        padding-right: 0;
    }

}

/*** eloquium 17.11.25 | ST BlackWeek Banner ***/

.opc-Container.new_banner {
    margin-bottom: 2rem;
    /*display: none;*/
}

.opc-Container.new_banner img {
    max-height: 650px;
}

.opc-Container.new_banner div,
.opc-Container.new_banner .banner-text div {
    max-width: 100% !important;
    box-shadow: none;
}

.opc-Container.new_banner .banner-text {
    width: 100%;
    background-color: #f77f26;
    color: #000;
    text-align: center;
    padding: 0.25rem 2rem 0.5rem 2rem;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: -2rem;
    position: relative;
    z-index: 1000;
}

.opc-Container.new_banner .tk-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
}

.opc-Container.new_banner .tk-logo {
    width: 110px;
    height: 110px;
    background-image: url('https://tkcarparts.de/tkcarparts_logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.opc-Container.new_banner .tk-title,
.opc-Container.new_banner .tk-percent {
    font-size: 3rem;
    font-weight: 900;
    line-height: 1;
}

.opc-Container.new_banner .tk-date {
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.05;
}

.opc-Container.new_banner .tk-conditions {
    width: 100%;
    font-size: 14px;
    line-height: 1.25;
}

.opc-Container.new_banner .st-ribbon {
    position: absolute;
    display: inline-block;
    top: 15%;
    left: 0;
    background-color: #f77f26;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 2rem;
    line-height: 1;
    font-weight: 700;
    text-align: center;
    padding: 0.5rem 1rem;
    z-index: 1000;
    transform: rotate(-30deg);
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.4);
}

.opc-Container.new_banner .st-ribbon span {
    font-size: 3rem;
    line-height: 1;
    font-weight: 900;
}

.opc-Container.new_banner .st-ribbon p {
    margin: 0;
}

@media (max-width: 1200px) {
    .opc-Container.new_banner .st-ribbon {
        font-size: 1rem;
    }

    .opc-Container.new_banner .st-ribbon span,
    .opc-Container.new_banner .tk-title,
    .opc-Container.new_banner .tk-percent {
        font-size: 1.5rem;
    }

    .opc-Container.new_banner .banner-text {
        margin-top: 0;
    }

    .opc-Container.new_banner .tk-date {
        font-size: 1.15rem;
    }

    .opc-Container.new_banner .tk-logo {
        width: 70px;
        height: 70px;
    }

    .opc-Container.new_banner .tk-conditions {
        font-size: 10px;
    }
}

@media (max-width: 640px) {
    .opc-Container.new_banner .banner-text {
        padding: 0.25rem;
    }

    .opc-Container.new_banner .tk-wrapper {
        gap: 0.25rem;
    }

    .opc-Container.new_banner .st-ribbon {
        position: initial;
        transform: unset;
        display: block;
        font-size: 1rem;
    }
}

/*** eloquium 15.12.25 | ST Slider Weihnachten ***/

.new_slider {
    display: none;
}

.opc-rootarea .new_slider {
    display: block !important;
}

[data-page="18"] .desc_custom {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.25;
    text-shadow: 0 0 2px #ffffff, 0 0 8px #8ecbff;
    color: #fff;
    background: #004382;
    padding: 1rem 2rem;
    margin-bottom: -1rem;
    text-align: center;
}

[data-page="18"] .desc_custom span {
    color: #ffe94d;
    font-weight: bold;
    text-shadow: 0 0 2px #fff, 0 0 3px #fff7a8, 0 0 3px #ffd945, 0 0 4px #fc0;
}

@media (max-width: 640px) {
    [data-page="18"] .desc_custom {
        font-size: 1.25rem;
        font-weight: 500;
        margin-bottom: 0;
        padding: 0.5rem;
    }
}

/* eloquium 17.04.2025 | ST Update 5.5.2 -> 5.7.0 */

.checkout-register-form {
    display: flex;
    flex-direction: column;
}

.row.checkout-button-row {
    order: 99;
}

.checkout-register-form > fieldset:last-of-type {
    order: 98;
}

.land_plz_hinweis,
.land_plz_hinweis2 {
    line-height: 1.25;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.land_plz_hinweis img,
.land_plz_hinweis2 img {
    width: 40px;
}

.land_plz_hinweis2 {
    margin-left: 34.5%;
    display: none;
    margin-bottom: 0;
}

.select-shipping-address.collapse-non-validate.collapse.hidden + .land_plz_hinweis2 {
    display: flex;
}

#slider-7 .nivo-caption {
    display: none !important;
}

.slider-pause-controls.slider-pause-overlay {
    display: none !important;
}

.slider-wrapper.theme-default,
.slider-wrapper .nivoSlider.loaded {
    max-height: 900px;
}

.slider-wrapper .nivoSlider.loaded img {
    object-fit: cover;
}

.productbox.productbox-hover:focus-visible .productbox-inner::before,
.productbox.productbox-hover:focus-within .productbox-inner::before {
    outline: 2px solid #005fcc;
}

.productbox .productbox-inner .square-image .inner {
    position: absolute !important;
}

.productbox .productbox-inner .square-image .inner img {
    height: 100%;
    width: 100%;
    padding: 5px;
}

#tab-description .product-attributes .table {
    width: auto;
}

.slick-track .product-wrapper .text-clamp-2 {
    min-height: 45px;
}

.hersteler-list-pg.st-custom {
    min-height: 50px;
}

.modal-body #pushed-success {
    overflow-x: hidden;
}

.modal-header .close:focus {
    background: var(--primary);
}

.btn:focus-visible, .focus, :focus-visible {
    outline-color: var(--primary-opacity);
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 2px var(--primary-opacity);
}

.comparelist-item .comparelist-item-image {
    max-width: 350px;
}

.bootstrap-select.custom-select button.dropdown-toggle:focus,
.bootstrap-select.custom-select button[data-toggle="collapse"]:focus:not(.navbar-toggler),
.bootstrap-select.custom-select.show button.dropdown-toggle,
.bootstrap-select.custom-select.show button[data-toggle="collapse"]:not(.navbar-toggler) {
    border-color: var(--primary);
}

.container-fluid.product-slider-wrapper.product-slider-NeuImSortiment {
    margin-top: 2rem;
}

.badge.badge-danger.badge-not-available {
    margin-left: 5px;
}

#footer-boxes a.btn.withdrawal-link {
    background-color: #e53935;
    border-color: #e53935;
    color: #fff !important;
    font-size: 1rem;
}

#footer-boxes a.btn.withdrawal-link:hover {
    background-color: #c62828;
    border-color: #c62828;
}

.withdrawal-form.jtl-validate.label-slide {
    margin-bottom: 3rem;
}

@media (min-width: 768px) {
    #wl-items-form:hover {
        min-height: 900px;
    }

    #wl-items-form .productbox.productbox-hover:hover .productbox-inner::before {
        box-shadow: none;
    }
}

@media (max-width: 767px) {
    .land_plz_hinweis2 {
        margin-left: unset;
    }
}