/* Headings */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
  line-height: 1.3em;
}
@media (max-width: 768px) {
  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-size: 18px;
  }
}

html[lang="de-DE"] #product-detail-cross-selling-tabs > .nav-item > a {
  font-size: 0;
}
html[lang="de-DE"] #product-detail-cross-selling-tabs > .nav-item > a::after {
  content: "Zubehör";
  font-size: .875rem;
}
html[lang="fr-FR"] #product-detail-cross-selling-tabs > .nav-item > a {
  font-size: 0;
}
html[lang="fr-FR"] #product-detail-cross-selling-tabs > .nav-item > a::after {
  content: "Accessoires";
  font-size: .875rem;
}

/* Homepage */
.is-act-home h2, .is-act-home h4{
    margin-bottom: 3px;
}
.image-text-gallery-card h2, .image-text-gallery-card h4 {
  font-weight: normal;
}
.cms-block-image-text-gallery .image-text-gallery-card {
  box-shadow: none;
  transition: opacity .2s;
}
.cms-block-image-text-gallery .image-text-gallery-card:hover {
  opacity: .85;
}
.cms-block-image-text-gallery .cms-element-text {
  background: #e5eef7;
  padding: 10px;
}
.cms-section:not(.pos-2) .cms-block-image-text-gallery .cms-block-container-row .col-md-4:last-child, 
.cms-section.pos-4 .cms-block-image-text-gallery.pos-3 .cms-block-container-row .col-md-4:nth-child(2)
{
  display: none;
}
.cms-section.pos-4 .cms-block-image-text-gallery .cms-block-container-row .col-md-4:nth-child(2){
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .cms-section:not(.pos-2) .cms-block-image-text-gallery .cms-block-container-row .col-md-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

/* Poup */
.dasPopup-content {
  height: 100%;
}
.dasPopup-content a {
  display: block;
  height: 100%;
  font-size: 0;
}
.dasPopup-dialog {
  transform: scale(1) !important;
}
.dasPopup-image {
  max-width: 1400px !important;
}
/* Buttons */
.btn {
    font-size:              .875rem;
    font-weight:            700;
    line-height:            2rem;
    position:               relative;
    display:                inline-block;
    padding:                0.125rem 0.625rem 0.125rem 0.625rem;
    cursor:                 pointer;
    text-align:             left;
    text-decoration:        none;
    color:                  #5f7288;
    border:                 1px solid #dadae5;
    border-radius:          3px;
    background-color:       #ffffff;
    background-image:       linear-gradient(to bottom, #ffffff 0%, #f8f8fa 100%);
    background-clip:        padding-box;
    -webkit-appearance:     none;
    -moz-appearance:        none;
    appearance:             none;
    -webkit-font-smoothing: inherit;
}

.btn:hover {
    color:      #c31525;
    border:     1px solid #c31525;
    background: #ffffff;
}

.btn .icon {
    color: currentColor;
}

.btn-primary {
    line-height:      2.125rem;
    padding:          0.125rem 0.75rem 0.125rem 0.75rem;
    color:            #ffffff;
    border:           0 none;
    background-color: #ee2739;
    background-image: linear-gradient(to bottom, #ee2739 0%, #c31525 100%);
}

.btn-primary:hover {
    color:      #ffffff;
    border:     0 none;
    background: #c31525;
}

/* Forms */
.form-control {
    font-size:          .875rem;
    line-height:        1.1875rem;
    box-sizing:         border-box;
    padding:            0.625rem 0.625rem 0.5625rem 0.625rem;
    text-align:         left;
    color:              #8898ac;
    border:             1px solid #dadae5;
    border-top-color:   #cbcbdb;
    border-radius:      3px;
    background:         #f8f8fa;
    background-clip:    padding-box;
    box-shadow:         inset 0 1px 1px #dadae5;
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
}

/* Footer */
.footer-logos {
    display: none;
}

.footer-columns {
    font-size: .75rem;
}

@media (min-width: 768px) {
    .footer-columns {
        display:               grid;
        margin-right:          0;
        margin-left:           0;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap:                   1.25rem;
    }

    .footer-column {
        -ms-flex:      0 0 100%;
        flex:          0 0 100%;
        max-width:     100%;
        padding-right: 0;
        padding-left:  0;
    }
}

/* Main Container */
.content-main {
    background-color: #e9e9f0;
}

.is-ctl-product .container-main {
    margin-top:       1.25rem;
    padding-top:      0;
    background-color: #ffffff;
}

.is-act-home .content-main {
    padding-top: 0;
}

.is-act-home .container-main {
    padding-top:      0;
    background-color: #ffffff;
}

/* CMS */
.cms-section .boxed {
    background-color: #ffffff;
}

.cms-block.equalize-spacing-x {
    margin-right: 20px;
    margin-left:  20px;
}

/* Filter */
:root {
    --sidebar-filter-gap: .75rem;
}

.btn.filter-panel-wrapper-toggle {
    border-color: #dadae5;
}

.filter-panel,
.filter-active,
.filter-panel-item,
.filter-panel-items-container {
    margin: 0;
}

.filter-panel,
.filter-panel-items-container,
.filter-panel-active-container {
    display: flex;
    gap:     var(--sidebar-filter-gap);
}

/* Product Listing */
.custom-select,
.sorting.custom-select {
    font-size:              .875rem;
    font-weight:            700;
    line-height:            2rem;
    position:               relative;
    display:                inline-block;
    padding:                0.125rem 0.625rem 0.125rem 0.625rem;
    cursor:                 pointer;
    text-align:             left;
    text-decoration:        none;
    color:                  #5f7288;
    border:                 1px solid #dadae5;
    border-radius:          3px;
    background:             url('data:image/svg+xml,%3csvg xmlns=\\') no-repeat right .5625rem center/8px 10px, linear-gradient(to bottom, #ffffff 0%, #f8f8fa 100%);
    -webkit-appearance:     none;
    -moz-appearance:        none;
    appearance:             none;
    -webkit-font-smoothing: inherit;
}

.custom-select:hover,
.sorting.custom-select:hover {
    color:      #c31525;
    border:     1px solid #c31525;
    background: url('data:image/svg+xml,%3csvg xmlns=\\') no-repeat right .5625rem center/8px 10px, linear-gradient(to bottom, #ffffff 0%, #f8f8fa 100%);
}

/* Account */
.account-register,
.account-content {
    margin-top:       1.25rem;
    padding:          3.125rem;
    background-color: #ffffff;
    box-shadow:       0 0 4px 1px #dadae5;
}

.login-card,
.register-card {
    padding: 1.25rem;
    border:  1px solid #dadae5;
}

.login-advantages ul {
    padding-left: 0;
    list-style:   none;
}

.login-advantages li {
    display: flex;
    gap:     .25em;
}

.login-advantages li + li {
    margin-top: .25em;
}

.login-advantages li:before {
    flex-shrink:           0;
    width:                 1.25em;
    height:                1.25em;
    content:               '';
    background-color:      currentColor;
    -webkit-mask-image:    url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\'%3E%3Cpath fill-rule=\'evenodd\' d=\'M19.916 4.626a.75.75 0 01.208 1.04l-9 13.5a.75.75 0 01-1.154.114l-6-6a.75.75 0 011.06-1.06l5.353 5.353 8.493-12.739a.75.75 0 011.04-.208z\' clip-rule=\'evenodd\' /%3E%3C/svg%3E%0A');
    mask-image:            url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\'%3E%3Cpath fill-rule=\'evenodd\' d=\'M19.916 4.626a.75.75 0 01.208 1.04l-9 13.5a.75.75 0 01-1.154.114l-6-6a.75.75 0 011.06-1.06l5.353 5.353 8.493-12.739a.75.75 0 011.04-.208z\' clip-rule=\'evenodd\' /%3E%3C/svg%3E%0A');
    -webkit-mask-position: center center;
    mask-position:         center center;
    -webkit-mask-size:     contain;
    mask-size:             contain;
    -webkit-mask-repeat:   no-repeat;
    mask-repeat:           no-repeat;
}

.account-menu-inner {
    padding: .625rem;
    border:  1px solid #dadae5;
}

.account-aside-header {
    border-bottom-color: #dadae5;
}

.account-overview-card {
    margin-bottom: 20px;
}

.account-overview-card > .card {
    padding: 1.25rem;
    border:  1px solid #dadae5;
}

.account-welcome {
    padding-top: 0;
}

.account-overview .row {
    margin-right: -10px;
    margin-left:  -10px;
}

.account-overview [class*='col'] {
    padding-right: 10px;
    padding-left:  10px;
}

.account-content .account-content-main {
    -ms-flex:    0 0 83.3333333333%;
    flex:        0 0 83.3333333333%;
    max-width:   83.3333333333%;
    margin-left: 0;
}

.account-payment .card-body,
.account-address .card-body,
.account-profile .card-body {
    padding: 1.25rem;
    border:  1px solid #dadae5;
}

@media (max-width: 1399px) {
    .account-content .account-content-aside {
        -ms-flex:  0 0 25%;
        flex:      0 0 25%;
        max-width: 25%;
    }

    .account-content .account-content-main {
        -ms-flex:  0 0 75%;
        flex:      0 0 75%;
        max-width: 75%;
    }
}

@media (max-width: 1199.98px) {
    .account-content .account-content-aside {
        -ms-flex:  0 0 33.3333333333%;
        flex:      0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .account-content .account-content-main {
        -ms-flex:  0 0 66.6666666667%;
        flex:      0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
}

@media (max-width: 991.98px) {
    .account-content-aside {
        display: block;
    }

    .account .account-aside-list-group {
        flex-direction: column;
    }
}

@media (max-width: 767.98px) {
    .account-content,
    .account-register {
        padding: 0;
    }

    .account-aside {
        display: none;
    }

    .account-content .account-content-main {
        -ms-flex:   0 0 100%;
        flex:       0 0 100%;
        max-width:  100%;
        margin-top: 1.25rem;
    }

    .is-act-index .cms-section-sidebar-main-content {
        width:        auto;
        margin-right: -20px;
        margin-left:  -20px;
    }
}

/* Category Navigation */
.category-navigation-box {
    margin-top:    1.25rem;
    border:        1px solid #dadae5;
    border-radius: 3px;
}

.category-navigation {
    padding-left: .625rem;
}

.category-navigation-link {
    overflow:      hidden;
    padding:       0.625rem 0.625rem 0.625rem 0.625rem;
    text-overflow: ellipsis;
    color:         #5f7288;
}

.category-navigation.level-0 {
    font-size: inherit;
}

.category-navigation-entry:last-child {
    border-bottom: 0;
}

/* Header */
.header-search-col,
.header-actions-col {
    align-self: flex-start;
}

.header-search-form {
    color:            #8898ac;
    border:           1px solid #dadae5;
    border-top-color: #cbcbdb;
    border-radius:    3px;
    background:       #f8f8fa;
    box-shadow:       inset 0 1px 1px #dadae5;
}

.header-search-btn,
.header-search-btn:hover,
.header-search-input,
.header-search-input:focus,
.header-search-btn.btn:disabled {
    border:     none;
    background: transparent;
}

.header-actions-col > .row > * + * {
    margin-left: .3125rem;
}

.top-bar-nav-btn.btn {
    background: transparent;
}

.top-bar-nav-btn.btn:hover {
    border: none;
}

.header-logo-picture {
    max-width: 12.5rem;
}

/* Main Nav */
@media (min-width: 48em) {
    .nav-main {
        border-bottom: 1px solid #c31525;
    }

    .main-navigation-link .main-navigation-link-text {
        padding-bottom: 0;
        border-bottom:  none;
    }

    .main-navigation-link {
        font-size:          1rem;
        display:            block;
        margin:             0;
        padding:            0.5rem 0.875rem 0.5rem 0.875rem;
        cursor:             pointer;
        -webkit-transition: none;
        transition:         none;
        color:              #5f7288;
        border-radius:      3px 3px 0 0;
        background-clip:    padding-box;
    }

    .main-navigation-link:hover {
        color:            #ffffff;
        background-color: #404c5b;
    }

    .main-navigation-link.active,
    .main-navigation-link.active:hover {
        font-weight:      700;
        color:            #ffffff;
        background-color: #ee2739;
        background-image: linear-gradient(to bottom, #ee2739 0%, #c31525 100%);
    }

    .navigation-flyout-teaser-image-container {
        display: none;
    }

    .navigation-flyout-bar {
        align-items:    stretch;
        -ms-flex-align: stretch;
    }

    .navigation-flyout-bar > .col,
    .navigation-flyout-bar > .col-auto {
        background-color: #404c5b;
    }

    .navigation-flyout-bar > .col {
        margin-left:  20px;
        padding-left: 0;
    }

    .navigation-flyout-bar a,
    .navigation-flyout-bar .icon {
        color: #ffffff;
    }
}

/* Breadcrumb */
.is-act-home .breadcrumb.cms-breadcrumb {
    display: none;
}

.breadcrumb.cms-breadcrumb {
    margin-bottom:    0;
    border-bottom:    1px solid #dadae5;
    background-color: #ffffff;
}

ol.breadcrumb {
    margin:  0;
    padding: 0;
}

.breadcrumb-link {
    line-height: 1.5rem;
    padding:     0.625rem 0.625rem 0.625rem 0.625rem;
    color:       #5f7288;
}

/* Products */
.product-box .product-price-unit,
.product-box .product-cheapest-price,
.product-box .product-variant-characteristics {
    display: none;
}

.product-box.box-recently-viewed .card-body {
    display:        flex;
    flex-direction: column;
    gap:            1rem;
}

@media (min-width: 1440px) {
    .product-box .card-body {
        display: flex;
        gap:     1rem;
    }

    .product-box .product-badges,
    .product-box [itemprop='brand'] {
        /*position:     absolute;
        overflow:     hidden;
        clip:         rect(0, 0, 0, 0);*/
        width:        1px;
        height:       1px;
        margin:       -1px;
        padding:      0;
        white-space:  nowrap;
        border-width: 0;
    }

    .product-box .product-image-wrapper {
        margin-bottom: 0;
    }
}

.product-description {
    /*line-break: anywhere;*/
}

/* recently viewed products slider */
.product-slider.has-border.has-nav {
    padding: 0 0 2rem;
    border:  none;
}

/* Single Product */
.product-detail {
    padding: 3.125rem;
}

.is-ctl-product .container-main {
    box-shadow: 0 0 4px 1px #dadae5;
}

.is-ctl-product .breadcrumb {
    padding:       .625rem 2.5rem;
    border-bottom: 1px solid #dadae5;
}

.card-tabs .product-detail-tab-navigation-link {
    font-size:           .875rem;
    font-weight:         700;
    line-height:         1.5rem;
    position:            relative;
    top:                 0.0625rem;
    margin:              0 0.3125rem 0 0;
    padding:             0.625rem 0.9375rem 0.625rem 0.9375rem;
    text-align:          center;
    white-space:         nowrap;
    color:               #5f7288;
    border:              1px solid #dadae5;
    border-bottom-color: #ffffff;
    border-radius:       3px 3px 0 0;
    background-color:    #ffffff;
    background-image:    linear-gradient(to bottom, #ffffff 0%, #f8f8fa 100%);
    background-clip:     padding-box;
}

.card-tabs .product-detail-tab-navigation-link.active {
    border-color:        #dadae5;
    border-bottom-color: #ffffff;
}

.card-tabs .product-detail-tab-navigation-link:hover {
    background-color: #ffffff;
}

.card-tabs .product-detail-tabs-content {
    padding: 1.875rem;
    border:  1px solid #dadae5;
}

@media (max-width: 1199px) {
    .product-detail {
        padding: 1.875rem;
    }

    .is-ctl-product .container-main {
        box-shadow: 0 0 4px 1px #dadae5;
    }

    .is-ctl-product .breadcrumb {
        padding: .625rem 1.25rem;
    }
}

@media (max-width: 767px) {
    .product-detail {
        padding: .625rem;
    }

    .is-ctl-product .container-main {
        box-shadow: 0 0 4px 1px #dadae5;
    }

    .is-ctl-product .breadcrumb {
        padding: .625rem 0;
    }
}

/* Checkout */
.checkout,
.is-act-checkoutregisterpage .checkout {
    padding:          3.125rem;
    background-color: #ffffff;
    box-shadow:       0 0 4px 1px #dadae5;
}

@media (max-width: 1199px) {
    .checkout,
    .is-act-checkoutregisterpage .checkout {
        padding: 1.875rem;
    }
}

@media (max-width: 767px) {
    .checkout,
    .is-act-checkoutregisterpage .checkout {
        padding: .625rem;
    }
}

/* Whishlist */
.wishlist-page {
    padding:          3.125rem;
    background-color: #ffffff;
    box-shadow:       0 0 4px 1px #dadae5;
}

.wishlist-headline {
    height: auto;
}

.card-body.card-body-wishlist {
    flex-direction: column;
}

.btn.product-wishlist-btn-remove {
    position:      absolute;
    display:       grid;
    padding:       0;
    text-overflow: clip;
    place-items:   center;
}

.product-wishlist-btn-remove .icon > svg {
    position: static;
}

@media (max-width: 1199px) {
    .wishlist-page {
        padding: 1.875rem;
    }
}

@media (max-width: 767px) {
    .wishlist-page {
        padding: .625rem;
    }
}

/**
 * Search Suggest
 */
.search-suggest-product-link > div {
    flex-wrap: nowrap;
}

.search-suggest-product-image-container + .col {
    margin-right: 2rem;
}

.search-suggest-product-name {
    font-weight:   600;
    padding-right: 0;
    padding-left:  0;
    white-space: normal;
}

.search-suggest-product-description {
    font-weight: 300;
    font-size: .7rem;
    word-wrap: break-word;
}

/**
 * Search Results
 */
.search-page {
    margin-top:       1.25rem;
    padding:          3.125rem;
    background-color: #ffffff;
    box-shadow:       0 0 4px 1px #dadae5;
}

.search-page .cms-listing-col {
    -ms-flex:  0 0 50%;
    flex:      0 0 50%;
    max-width: 50%;
}

.search-page .product-name {
    height: auto;
}

/**
 * Cart
 */

.btn.btn-block.btn-link[href="/checkout/cart"],
.btn.btn-block.btn-link[href="/shop/fr/checkout/cart"],
.btn.btn-block.btn-link[href="/shop/en/checkout/cart"]{
  display: none;
}
.checkout-aside-summary-list > .checkout-aside-summary-label:nth-child(3), 
.checkout-aside-summary-list > .checkout-aside-summary-value:nth-child(4),
.shipping-label.shipping-cost, .shipping-value.shipping-cost{
  display: none;
}



@media (max-width: 1199px) {
    .search-page {
        padding: 1.875rem;
    }
}

@media (max-width: 767px) {
    .search-page {
        padding: 0.625rem;
    }

    .search-page .cms-listing-col {
        -ms-flex:  0 0 100%;
        flex:      0 0 100%;
        max-width: 100%;
    }
}




/* Frontpage */

.header-logo-col {
  margin: 0 0 10px 0;
}


@media (max-width: 1199px) {

}

@media (max-width: 767px) {
  .header-logo-picture {
  max-width: 150px;
}
}