@charset "UTF-8";

main p {
    text-indent: 0 !important;
}

.paragraph,
.spinner {
    width: 100%
}

.spinner {
    align-items: center;
    display: flex;
    height: 1rem;
    justify-content: center
}

.spinner:after {
    animation: spinner 2s linear infinite;
    border: .3em solid #f5f5f8;
    border-radius: 50%;
    border-top-color: #2061ae;
    content: "";
    display: inline-block;
    height: 100%;
    max-height: 3em;
    max-width: 3em;
    width: 100%
}

@keyframes spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.height-transition {
    margin-bottom: 5px
}

.height-enter-active {
    transition: height .3s ease-in-out
}

.height-enter-to {
    --target-height: auto;
    height: var(--target-height) !important
}

.group-height {
    position: relative
}

.group-height-enter-active,
.group-height-leave-active {
    transition: opacity .3s ease-in-out
}

.group-height-enter-active {
    transition-delay: .6s
}

.group-height-leave-active {
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.group-height-enter,
.group-height-leave-to {
    opacity: 0
}

.group-height-enter-to,
.group-height-leave {
    opacity: 1
}

.fade-modal-enter-active,
.fade-modal-leave-active {
    transition: opacity .2s ease-in-out, transform .2s ease-in-out, filter .2s ease-in-out
}

.fade-modal-enter,
.fade-modal-leave-to {
    filter: blur(3px);
    opacity: 0;
    transform: scale(1.03)
}

.fade-modal-enter-to,
.fade-modal-leave {
    filter: blur(0);
    opacity: 1;
    transform: scale(1)
}

.fade-canvas-enter-active,
.fade-canvas-leave-active {
    transition: opacity .4s ease-out
}

.fade-canvas-enter,
.fade-canvas-leave-to {
    opacity: 0
}

.fade-canvas-enter-to,
.fade-canvas-leave {
    opacity: 1
}

.sticky-banner {
    color: #fff;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 11
}

@media (prefers-contrast:more) {
    .sticky-banner {
        border: 1px solid #1d1d1d
    }
}

.sticky-banner--top {
    position: absolute;
    top: 0;
    z-index: 1000
}

.sticky-banner--bottom {
    bottom: 0;
    position: fixed
}

.sticky-banner--blue {
    background: #2061ae;
    color: #fff
}

.sticky-banner--blue .sticky-banner__close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23clip0_319_1947)'%3E%3Cpath fill='%23fff' d='M15.8 14.8 9.12 7.98l6.64-6.78c.18-.18.2-.39.2-.5s-.03-.32-.2-.5a.7.7 0 0 0-.5-.21.7.7 0 0 0-.5.21L8.12 6.97 1.49.21a.69.69 0 0 0-.99 0 .7.7 0 0 0-.2.5c0 .11.03.32.2.5l6.64 6.78L.46 14.8a.7.7 0 0 0-.2.5c0 .11.03.32.2.5.18.18.39.21.5.21s.32-.03.5-.21L8.13 9l6.67 6.81c.18.18.39.21.5.21s.32-.03.5-.21.2-.39.2-.5-.03-.32-.2-.5z'/%3E%3C/g%3E%3C/svg%3E")
}

@media (prefers-contrast:more) {
    .sticky-banner--blue .sticky-banner__close {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23clip0_319_1947)'%3E%3Cpath fill='%231d1d1d' d='M15.8 14.8 9.12 7.98l6.64-6.78c.18-.18.2-.39.2-.5s-.03-.32-.2-.5a.7.7 0 0 0-.5-.21.7.7 0 0 0-.5.21L8.12 6.97 1.49.21a.69.69 0 0 0-.99 0 .7.7 0 0 0-.2.5c0 .11.03.32.2.5l6.64 6.78L.46 14.8a.7.7 0 0 0-.2.5c0 .11.03.32.2.5.18.18.39.21.5.21s.32-.03.5-.21L8.13 9l6.67 6.81c.18.18.39.21.5.21s.32-.03.5-.21.2-.39.2-.5-.03-.32-.2-.5z'/%3E%3C/g%3E%3C/svg%3E")
    }
}

.sticky-banner--blue .description a {
    color: #fff
}

.sticky-banner--grey {
    background: #f5f5f8;
    color: #1d1d1d
}

.sticky-banner--grey .sticky-banner__close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23clip0_319_1947)'%3E%3Cpath fill='%231d1d1d' d='M15.8 14.8 9.12 7.98l6.64-6.78c.18-.18.2-.39.2-.5s-.03-.32-.2-.5a.7.7 0 0 0-.5-.21.7.7 0 0 0-.5.21L8.12 6.97 1.49.21a.69.69 0 0 0-.99 0 .7.7 0 0 0-.2.5c0 .11.03.32.2.5l6.64 6.78L.46 14.8a.7.7 0 0 0-.2.5c0 .11.03.32.2.5.18.18.39.21.5.21s.32-.03.5-.21L8.13 9l6.67 6.81c.18.18.39.21.5.21s.32-.03.5-.21.2-.39.2-.5-.03-.32-.2-.5z'/%3E%3C/g%3E%3C/svg%3E")
}

.sticky-banner--red {
    background: #c10040;
    color: #fff
}

.sticky-banner--red .sticky-banner__close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23clip0_319_1947)'%3E%3Cpath fill='%23fff' d='M15.8 14.8 9.12 7.98l6.64-6.78c.18-.18.2-.39.2-.5s-.03-.32-.2-.5a.7.7 0 0 0-.5-.21.7.7 0 0 0-.5.21L8.12 6.97 1.49.21a.69.69 0 0 0-.99 0 .7.7 0 0 0-.2.5c0 .11.03.32.2.5l6.64 6.78L.46 14.8a.7.7 0 0 0-.2.5c0 .11.03.32.2.5.18.18.39.21.5.21s.32-.03.5-.21L8.13 9l6.67 6.81c.18.18.39.21.5.21s.32-.03.5-.21.2-.39.2-.5-.03-.32-.2-.5z'/%3E%3C/g%3E%3C/svg%3E")
}

@media (prefers-contrast:more) {
    .sticky-banner--red .sticky-banner__close {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23clip0_319_1947)'%3E%3Cpath fill='%231d1d1d' d='M15.8 14.8 9.12 7.98l6.64-6.78c.18-.18.2-.39.2-.5s-.03-.32-.2-.5a.7.7 0 0 0-.5-.21.7.7 0 0 0-.5.21L8.12 6.97 1.49.21a.69.69 0 0 0-.99 0 .7.7 0 0 0-.2.5c0 .11.03.32.2.5l6.64 6.78L.46 14.8a.7.7 0 0 0-.2.5c0 .11.03.32.2.5.18.18.39.21.5.21s.32-.03.5-.21L8.13 9l6.67 6.81c.18.18.39.21.5.21s.32-.03.5-.21.2-.39.2-.5-.03-.32-.2-.5z'/%3E%3C/g%3E%3C/svg%3E")
    }
}

.sticky-banner__inner {
    margin: auto;
    max-width: 13.7rem;
    min-height: 0.6rem;
    padding: 0.2rem 0.15rem;
    text-align: left
}

.sticky-banner__inner .sticky-banner__close+.description p:last-child {
    margin-bottom: 0
}

.sticky-banner__close {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    display: block;
    float: right;
    height: 0.2rem;
    margin: 0 0 0.1rem 0.1rem;
    width: 0.2rem
}

.algolia__listing {
    width: 100%
}

.algolia__listing .product-grid {
    padding-bottom: 0
}

.algolia__filter {
    display: inline-block;
    width: calc(100% - 210px)
}

:root {
    font-size: .625em
}

html {
    box-sizing: border-box
}

body {
    color: #1d1d1d;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 0.15rem;
    margin: 0;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    overflow-y: scroll;
    --scroll-y: 0px
}

body.modal .app__inner {
    position: fixed;
    transform: translateY(var(--scroll-y));
    width: 100%
}

div:focus-visible {
    outline: 2px solid #499add;
    outline-offset: 2px
}

input[type=email]::-ms-clear,
input[type=number]::-ms-clear,
input[type=password]::-ms-clear,
input[type=search]::-ms-clear,
input[type=tel]::-ms-clear,
input[type=text]::-ms-clear {
    display: none
}

input:focus-visible {
    outline: 2px solid #499add;
    outline-offset: 2px
}

*,
:after,
:before {
    box-sizing: inherit
}

p {
    line-height: 0.22000000000000003rem;
    margin-top: 0
}

a {
    color: #1d1d1d;
    text-decoration: none
}

a:focus-visible {
    outline: 2px solid #499add;
    outline-offset: 2px
}

button {
    font-family: Roboto, Arial, Helvetica, sans-serif
}

button:focus-visible {
    outline: 2px solid #499add;
    outline-offset: 2px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Oswald, Avenir Next Condensed Medium, Arial Narrow, sans-serif;
    letter-spacing: .1em;
    text-transform: uppercase
}

h1 {
    font-size: 0.27999999999999997rem;
    line-height: 0.38rem
}

h1,
h2 {
    font-weight: 400;
    margin: 0.2rem 0
}

h2 {
    font-size: 0.25rem;
    line-height: 0.33999999999999997rem
}

h3 {
    font-weight: 500
}

h3,
h4 {
    font-size: 0.15rem;
    line-height: 0.22000000000000003rem;
    margin: 0.15rem 0
}

h4 {
    font-weight: 400
}

h5,
h6 {
    font-size: 0.15rem;
    font-weight: 700;
    margin: 0.1rem 0
}

sub,
sup {
    line-height: 1
}

label:focus-visible {
    outline: 2px solid #499add;
    outline-offset: 2px
}

.form-row .frc-banner a {
    color: #134180
}

@media print {

    body .add-voucher,
    body .buy-box__actions,
    body .buy-box__button,
    body .cart__actions,
    body .cart__content .line-item__delete,
    body .cart__content .quantity-input__minus,
    body .cart__content .quantity-input__plus,
    body .cart__direct-order,
    body .cart__header-actions,
    body .footer,
    body .header__links,
    body .header__main-navigation,
    body .header__search,
    body .header__shop,
    body .header__shop-navigation,
    body .header__upper,
    body .image-gallery__thumbnails,
    body .mega-menu,
    body .navigation-bar,
    body .product-compare__container,
    body .product-description__collapse-link,
    body .product-detail .product-detail__actions,
    body .product-detail .product-detail__actions.product-detail__actions--mobile,
    body .product-detail__breadcrumb,
    body .product-detail__cms,
    body .product-detail__cms-bottom,
    body .product-detail__cms-center,
    body .product-detail__contact-box,
    body .product-detail__content-similar-slider,
    body .product-detail__data .text-link,
    body .product-detail__documents,
    body .product-detail__econda-div,
    body .product-detail__icons,
    body .product-detail__related-products-slider,
    body .product-slider,
    body .quantity-input,
    body .slider-tab--cart,
    body .spacing--hide-in-print,
    body .sticky-banner,
    body .swiper-slide.image-slider__slide,
    body .text-link--hide-in-print {
        display: none
    }

    body .header__contact,
    body .swiper-slide.image-slider__slide.swiper-slide-active {
        display: block
    }

    body .header-observer {
        display: none
    }

    body .header {
        display: block !important;
        position: absolute !important;
        top: 0;
        transform: none !important;
        width: 100%
    }

    body .header__inner {
        align-items: flex-start
    }

    body .header__logo {
        margin-left: 0;
        order: unset
    }

    body .header__contact {
        padding-top: 0.15rem
    }

    body .buy-box__packaging-unit {
        float: none
    }

    body .product-detail__header {
        background: none
    }

    body .line-item {
        page-break-inside: avoid
    }

    body .header__navigation-bar,
    nav {
        display: none
    }

    .sf-toolbar {
        display: none !important
    }

    .product-description__text li,
    .swiper-slide.swiper-slide-active {
        border: 0;
        display: block
    }

    .cart__content .quantity-input--cart {
        display: block
    }

    .cart__content .quantity-input__field {
        border: 0;
        padding-left: 0.1rem;
        text-align: left
    }

    main {
        position: relative;
        top: 200px
    }

    .account {
        display: block !important
    }

    .account__cms,
    .account__sidebar {
        display: none
    }

    .account__content {
        padding-left: 0 !important
    }

    .line-item--shopping-list .line-item__price .button,
    .shopping-list__action-bar {
        display: none
    }

    .product-detail__data {
        display: inline-block !important;
        page-break-inside: avoid;
        position: relative
    }

    .product-detail__header {
        display: flex !important;
        padding-top: 20px
    }

    .product-detail__sticky-box {
        position: relative !important
    }

    .product-detail__sticky-box>:not(.buy-box) {
        display: none
    }

    .product-detail__sidebar {
        padding-top: 50px
    }

    .product-detail .tabs__panel {
        display: inline-block !important;
        opacity: 1 !important;
        width: 100% !important
    }

    .product-detail .tabs--new .tabs__buttons,
    .product-detail__mobile-buy-box {
        display: none
    }

    .product-detail .image-gallery__main .image-slider__slide-inner {
        border: none;
        justify-content: left !important
    }

    .product-detail__image {
        flex: 0 0 50% !important;
        margin-right: 0.3rem !important;
        max-width: 50% !important
    }

    .product-detail__image .image {
        max-width: 345px;
        padding-left: 5px
    }

    .product-detail__description {
        max-width: 40% !important
    }

    #launcher,
    #ld-chat-app,
    .jv-desktop,
    .product-detail .swiper-button-next,
    .product-detail .swiper-button-prev {
        display: none !important
    }
}

.svg-icon {
    display: inline-block;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor
}

.clearfix:after {
    clear: both;
    content: "";
    display: block
}

.badge {
    border-radius: 4px;
    font-family: Oswald, Avenir Next Condensed Medium, Arial Narrow, sans-serif;
    letter-spacing: .1em;
    padding: 2px 0.05rem;
    text-transform: uppercase
}

.badge--cs-badge,
.badge--new,
.badge--sale {
    border: 1px solid #c10040;
    color: #c10040;
    font-size: 0.13rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

.badge--cs-badge {
    border: 1px solid #2061ae;
    color: #2061ae
}

.badge--new {
    border: 1px solid #2d8745;
    color: #2d8745
}

.badge--pdp {
    position: relative;
    right: auto;
    width: -moz-fit-content;
    width: fit-content
}

.badge--text {
    background-color: #fff;
    border: 1px solid #134180;
    color: #134180;
    display: inline-block;
    font-family: Oswald, Avenir Next Condensed Medium, Arial Narrow, sans-serif;
    letter-spacing: .1em;
    text-transform: uppercase
}

.badge--header,
.badge--text {
    font-size: 0.13rem;
    line-height: 150%
}

.badge--header {
    background: #2d8745;
    border-radius: 50%;
    color: #fff;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 400;
    height: 0.19rem;
    left: 0;
    letter-spacing: normal;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 0.2rem
}

.badge--with-background {
    background-color: #fff
}

.badge--check {
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='18' fill='none'%3E%3Cpath fill='%232d8745' d='M23.77.254c-.3-.3-.82-.31-1.13 0L7.61 16.044l-6.24-7.31h-.01a.76.76 0 0 0-.57-.25c-.21 0-.4.08-.55.22-.15.15-.24.34-.24.55s.07.41.21.55l6.81 7.93c.15.15.35.24.57.24.21 0 .41-.08.56-.24l15.62-16.36c.15-.15.23-.35.23-.56s-.08-.41-.23-.56'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    height: 0.2rem;
    position: absolute;
    right: 0;
    width: 0.21000000000000002rem
}

.badge--hide {
    display: none
}

.button {
    background: none;
    border: 0;
    box-sizing: border-box;
    color: #1d1d1d;
    cursor: pointer;
    display: inline-block;
    font-size: inherit;
    font-weight: 500;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.button:disabled {
    background-color: #606068;
    background-image: none;
    border-color: #d5d5d8;
    color: #fff;
    cursor: not-allowed
}

.button--ghost,
.button--multitool,
.button--primary,
.button--secondary,
.button--tertiary {
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 205% 100%;
    border: 1px solid;
    font-size: 0.15rem;
    line-height: 0.45999999999999996rem;
    min-height: 0.48rem;
    min-width: 1.6rem;
    padding: 0 0.2rem;
    text-align: center;
    transition: none;
    white-space: nowrap;
    width: 100%
}

@media (min-width:768px) {

    .button--ghost,
    .button--multitool,
    .button--primary,
    .button--secondary,
    .button--tertiary {
        height: 0.48rem
    }
}

.button--ghost:before,
.button--multitool:before,
.button--primary:before,
.button--secondary:before,
.button--tertiary:before {
    content: attr(data-reserve-bold-space);
    display: block;
    font-weight: 700;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.button--ghost:hover,
.button--multitool:hover,
.button--primary:hover,
.button--secondary:hover,
.button--tertiary:hover {
    box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, .16);
    font-weight: 700
}

.button--ghost.button--active,
.button--multitool.button--active,
.button--primary.button--active,
.button--secondary.button--active,
.button--tertiary.button--active {
    border-width: 2px;
    pointer-events: none
}

.button--ghost.button--clicked,
.button--multitool.button--clicked,
.button--primary.button--clicked,
.button--secondary.button--clicked,
.button--tertiary.button--clicked {
    background-position: 0;
    transition: background-position .2s ease-out, border-color .2s ease-out, color .2s ease-out
}

.button--disabled {
    border-color: #606068;
    color: #606068;
    cursor: not-allowed;
    pointer-events: none
}

.button--primary {
    background-color: #2d8745;
    color: #fff
}

.button--primary,
.button--primary.button--clicked,
.button--secondary {
    border-color: #2d8745
}

.button--secondary {
    background-image: linear-gradient(90deg, #2d8745 50%, #fff 0);
    color: #2d8745
}

.button--secondary.button--clicked {
    border-color: #2d8745;
    color: #fff
}

.button--multitool {
    background-image: linear-gradient(90deg, #2061ae 50%, transparent 0);
    border-color: #2061ae;
    color: #2061ae
}

.button--multitool.button--clicked,
.button--tertiary {
    border-color: #2061ae;
    color: #fff
}

.button--tertiary {
    background-image: linear-gradient(90deg, #fff 50%, #2061ae 0)
}

.button--tertiary.button--clicked {
    border-color: #fff;
    color: #2061ae
}

.button--ghost {
    background-image: linear-gradient(90deg, #fff 50%, transparent 0);
    border-color: #fff;
    color: #fff
}

.button--ghost.button--clicked {
    border-color: #fff;
    color: #2061ae
}

.button--ghost:hover {
    box-shadow: 3px 3px 2px 0 hsla(0, 0%, 100%, .16)
}

.button--width-auto {
    min-width: auto;
    width: 100%
}

@media (min-width:576px) {
    .button--width-auto {
        width: auto
    }
}

.button--width-auto-form {
    min-width: auto;
    width: calc(100% - 0.2rem)
}

@media (min-width:576px) {
    .button--width-auto-form {
        width: auto
    }
}

.button--full-width {
    width: 100%
}

.button--arrows {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.371' height='9.499'%3E%3Cpath fill='%231d1d1d' stroke='%231d1d1d' stroke-width='.75' d='M12.336.534a.387.387 0 1 1 .547.547l-5.922 5.93a.386.386 0 0 1-.547 0L.488 1.081a.387.387 0 0 1 .547-.547L6.687 6.19Z'/%3E%3C/svg%3E");
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 0.15rem;
    padding-left: 0;
    padding-right: 0.3rem;
    width: auto
}

.button--arrows-active {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.434' height='11.232'%3E%3Cpath fill='%231d1d1d' stroke='%231d1d1d' stroke-width='.75' d='M1.4 10.622a.601.601 0 1 1-.851-.85L9.757.552a.6.6 0 0 1 .851 0l9.214 9.22a.601.601 0 0 1-.851.85l-8.788-8.794Z'/%3E%3C/svg%3E")
}

.button--arrow-right {
    padding: 0;
    position: relative
}

.button--inline {
    margin: 0.1rem 0.1rem 0.1rem 0
}

.button--close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23clip0_319_1947)'%3E%3Cpath fill='%231d1d1d' d='M15.8 14.8 9.12 7.98l6.64-6.78c.18-.18.2-.39.2-.5s-.03-.32-.2-.5a.7.7 0 0 0-.5-.21.7.7 0 0 0-.5.21L8.12 6.97 1.49.21a.69.69 0 0 0-.99 0 .7.7 0 0 0-.2.5c0 .11.03.32.2.5l6.64 6.78L.46 14.8a.7.7 0 0 0-.2.5c0 .11.03.32.2.5.18.18.39.21.5.21s.32-.03.5-.21L8.13 9l6.67 6.81c.18.18.39.21.5.21s.32-.03.5-.21.2-.39.2-.5-.03-.32-.2-.5z'/%3E%3C/g%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100% 100%;
    height: 0.2rem;
    padding: 0;
    width: 0.2rem
}

.button--close,
.button--select {
    background-repeat: no-repeat;
    border: 0
}

.button--select {
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.232' height='20.434'%3E%3Cpath fill='%232061ae' stroke='%232061ae' stroke-width='.75' d='M.61 1.4a.601.601 0 1 1 .85-.851l9.22 9.208a.6.6 0 0 1 0 .851l-9.22 9.214a.601.601 0 0 1-.85-.851l8.794-8.788Z'/%3E%3C/svg%3E");
    background-position: 96%;
    background-size: 0.08rem;
    border-bottom: 1px solid #e5e5e8;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    padding: 0.11499999999999999rem;
    text-align: left;
    width: 100%
}

.button--cart-icon {
    display: inline-block;
    margin-left: 20px;
    pointer-events: none;
    position: relative
}

.button--empty .button--cart-icon {
    width: 0.22000000000000003rem
}

.button--cart-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(24 20)'%3E%3Ccircle cx='253.554' cy='15.5' r='15.5' fill='%23fff'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='14' d='M47.232 186.903h123.82q16.592.883 20.432-23.651t28.229-127.398q4.614-21.713 29.567-21.713'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='14' d='M213.257 63.08 0 63.107q38.627 88.999 45.551 91.34t146.114 1.442'/%3E%3Ccircle cx='79.554' cy='234.5' r='21' stroke='%23fff' stroke-width='13'/%3E%3Ccircle cx='156.054' cy='234.5' r='21' stroke='%23fff' stroke-width='13'/%3E%3C/g%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 0.25rem;
    left: -0.3rem;
    position: absolute;
    top: 0.1rem;
    width: 0.25rem
}

.button:hover .button--cart-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23FFF' transform='translate(24 20)'%3E%3Ccircle cx='253.554' cy='15.5' r='15.5' fill='%23fff' stroke-width='4'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='17' d='M47.232 186.903h123.82q16.592.883 20.432-23.651t28.229-127.398q4.614-21.713 29.567-21.713'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='17' d='M213.257 63.08 0 63.107q38.627 88.999 45.551 91.34t146.114 1.442'/%3E%3Ccircle cx='79.554' cy='234.5' r='21' stroke='%23fff' stroke-width='16'/%3E%3Ccircle cx='156.054' cy='234.5' r='21' stroke='%23fff' stroke-width='16'/%3E%3C/g%3E%3C/svg%3E")
}

.button--empty .button--cart-icon:before {
    left: 0;
    top: -0.04rem
}

.button--cart:disabled {
    background-color: #2d8745
}

.button--cart:disabled .button--cart-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='18' fill='none'%3E%3Cpath fill='%23fff' d='M23.77.254c-.3-.3-.82-.31-1.13 0L7.61 16.044l-6.24-7.31h-.01a.76.76 0 0 0-.57-.25c-.21 0-.4.08-.55.22-.15.15-.24.34-.24.55s.07.41.21.55l6.81 7.93c.15.15.35.24.57.24.21 0 .41-.08.56-.24l15.62-16.36c.15-.15.23-.35.23-.56s-.08-.41-.23-.56'/%3E%3C/svg%3E")
}

.button--offcanvas-collapse {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.371' height='9.499'%3E%3Cpath fill='%231d1d1d' stroke='%231d1d1d' stroke-width='.75' d='M12.336.534a.387.387 0 1 1 .547.547l-5.922 5.93a.386.386 0 0 1-.547 0L.488 1.081a.387.387 0 0 1 .547-.547L6.687 6.19Z'/%3E%3C/svg%3E");
    background-position: left 0.06999999999999999rem;
    background-repeat: no-repeat;
    background-size: 0.1rem;
    padding-left: 0.2rem;
    text-align: left
}

.button--offcanvas-collapse.button--active {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.434' height='11.232'%3E%3Cpath fill='%231d1d1d' stroke='%231d1d1d' stroke-width='.75' d='M1.4 10.622a.601.601 0 1 1-.851-.85L9.757.552a.6.6 0 0 1 .851 0l9.214 9.22a.601.601 0 0 1-.851.85l-8.788-8.794Z'/%3E%3C/svg%3E")
}

.button--loader:after {
    animation: buttonLoaderSpin 2s linear infinite;
    border: .13em solid transparent;
    border-radius: 50%;
    border-top-color: currentcolor;
    content: "";
    display: none;
    font-size: inherit;
    height: 1em;
    margin-left: 0.05rem;
    vertical-align: middle;
    width: 1em
}

[data-loading] .button--loader:after {
    display: inline-block
}

.button--text-link {
    color: #2061ae;
    padding: 0
}

.button--text-link:hover {
    text-decoration: underline
}

.button--only-icon {
    height: 0.4rem;
    line-height: normal;
    min-width: auto;
    min-width: unset;
    width: 0.6599999999999999rem
}

@media (max-width:767.98px) {
    .button--only-icon {
        width: 1rem
    }
}

.button--only-icon .button--cart-icon:before {
    margin-top: 0;
    position: static;
    transform: none
}

.button--download-icon:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cdefs%3E%3Cstyle%3E.a{fill:%232061ae}%3C/style%3E%3C/defs%3E%3Cpath d='M6.696 0v7.935H5.432V0z' class='a'/%3E%3Cpath d='m1.955 5.057 4.129 2.788 4.128-2.788v1.428L6.084 9.272 1.955 6.485ZM0 10.85h12V12H0z' class='a'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 12px;
    margin-left: 0.05rem;
    width: 12px
}

.button--accessory-add-to-cart {
    min-width: 0.48rem;
    width: 0.48rem
}

.button--accessory-add-to-cart .button--cart-icon:before {
    left: -0.27999999999999997rem;
    top: -0.18rem
}

.button--accessory-add-to-cart:disabled {
    background-color: #2d8745
}

.button--accessory-add-to-cart:disabled .button--cart-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='18' fill='none'%3E%3Cpath fill='%23fff' d='M23.77.254c-.3-.3-.82-.31-1.13 0L7.61 16.044l-6.24-7.31h-.01a.76.76 0 0 0-.57-.25c-.21 0-.4.08-.55.22-.15.15-.24.34-.24.55s.07.41.21.55l6.81 7.93c.15.15.35.24.57.24.21 0 .41-.08.56-.24l15.62-16.36c.15-.15.23-.35.23-.56s-.08-.41-.23-.56'/%3E%3C/svg%3E")
}

.button--slider-add-to-cart {
    min-width: 0.48rem
}

.button--slider-add-to-cart .button--cart-icon:before {
    left: -0.12rem;
    top: -0.2rem
}

@keyframes buttonLoaderSpin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.cart-price--sale {
    color: #c10040
}

.cart-price__normal {
    color: #1d1d1d;
    font-weight: 400;
    text-decoration: line-through
}

.cart-price__checkout,
.cart-price__offcanvas {
    display: inline-block
}

.cart-price__checkout .cart-price__normal,
.cart-price__offcanvas .cart-price__normal {
    display: none
}

.cart-price__checkout .cart-price--sale,
.cart-price__offcanvas .cart-price--sale {
    color: #606068
}

.color-input {
    height: 0.3rem;
    margin: 0 2% 0 0;
    width: 0.24rem
}

.color-input__radio {
    display: none
}

.color-input__link {
    background: transparent;
    border-bottom: 2px solid transparent;
    display: block;
    height: 100%;
    padding-bottom: 0.05rem;
    position: relative;
    text-indent: -9999px;
    width: 100%
}

.color-input__link:hover {
    border-color: #1d1d1d;
    cursor: pointer
}

.color-input__link--selected,
.color-input__link--selected:hover,
.color-input__link:active {
    border-color: #606068
}

.color-input__color {
    border: 1px solid #d5d5d8;
    display: block;
    height: 100%;
    width: 100%
}

.color-input--disabled .color-input__color {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23606068' d='M13.12 11.97 23.27 1.61c.24-.24.27-.52.27-.67s-.04-.43-.27-.67a.94.94 0 0 0-.66-.28c-.14 0-.43.04-.67.28L11.8 10.62 1.66.29A.92.92 0 0 0 .99 0C.84 0 .56.04.32.28a.984.984 0 0 0 .01 1.34l10.15 10.35L.27 22.38c-.24.24-.27.52-.27.67s.04.43.27.67c.24.24.52.28.67.28s.43-.04.67-.28l10.19-10.4L22 23.72c.24.24.52.28.66.28s.43-.04.67-.28.27-.52.27-.67-.04-.43-.27-.67L13.12 11.96z'/%3E%3C/svg%3E");
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-size: 20px;
    opacity: .5;
    position: relative
}

.description {
    line-height: 0.22000000000000003rem
}

@media (min-width:768px) {

    .description--column-2,
    .description--column-3 {
        -moz-column-count: 2;
        column-count: 2;
        -webkit-hyphens: auto;
        hyphens: auto
    }
}

@media (min-width:992px) {
    .description--column-3 {
        -moz-column-count: 3;
        column-count: 3
    }
}

@media (min-width:768px) {
    .description--column-4 {
        -moz-column-count: 2;
        column-count: 2;
        -webkit-hyphens: auto;
        hyphens: auto
    }
}

@media (min-width:992px) {
    .description--column-4 {
        -moz-column-count: 4;
        column-count: 4
    }
}

@media (min-width:768px) {
    .description--column-5 {
        -moz-column-count: 2;
        column-count: 2;
        -webkit-hyphens: auto;
        hyphens: auto
    }
}

@media (min-width:992px) {
    .description--column-5 {
        -moz-column-count: 5;
        column-count: 5
    }
}

.description--no-margin {
    margin: 0
}

.description--bold {
    font-weight: 700
}

.description--italic {
    font-style: italic
}

.description h1,
.description h2 {
    margin: 0;
    padding: 0.4rem 0 0.2rem
}

.description h2 {
    line-height: 0.33999999999999997rem
}

.description h3,
.description h4 {
    margin: 0;
    padding: 0.3rem 0 0.15rem
}

.description ul {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0
}

.description ul li {
    display: flex;
    line-height: 150%;
    width: 100%;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    line-height: 0.22000000000000003rem;
    padding-bottom: 0.1rem
}

.description ul li:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.791' height='10.225'%3E%3Cpath fill='%231d1d1d' d='M0 2.612h5v5H0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    content: "";
    display: block;
    flex: 0 0 auto;
    height: 12px;
    margin-top: calc(0.11000000000000001rem - 5px);
    width: 0.15rem
}

.description ul p {
    display: inline-block;
    margin: 0;
    max-width: calc(100% - 0.2rem);
    vertical-align: top
}

.description ul p:after {
    content: " "
}

.description ol {
    margin: 0;
    padding: 0 0.15rem
}

.etrusted--stars {
    margin-bottom: 0.05rem;
    margin-left: -0.2rem;
    margin-top: -0.1rem;
    min-height: 30px;
    width: -moz-fit-content;
    width: fit-content
}

.etrusted--product-box {
    margin-bottom: -0.05rem;
    margin-top: 0.1rem
}

.etrusted--product-description {
    margin-bottom: 0.1rem;
    margin-top: -0.05rem
}

.etrusted--product-stars {
    margin-bottom: 0.24rem
}

.etrusted--hide {
    display: none
}

.etrusted--invisible {
    margin: 0;
    opacity: 0;
    padding: 0
}

.focus-element {
    cursor: pointer;
    font-family: Roboto, Arial, Helvetica, sans-serif
}

.focus-element.text-link--arrow-right {
    padding: 0
}

.headline {
    font-family: Oswald, Avenir Next Condensed Medium, Arial Narrow, sans-serif;
    letter-spacing: .1em;
    line-height: 1.45em;
    text-transform: uppercase
}

.headline--h1 {
    font-size: 0.27999999999999997rem
}

.headline--h1,
.headline--h2 {
    font-weight: 400;
    margin: 0.2rem 0
}

.headline--h2 {
    font-size: 0.25rem
}

.headline--h3 {
    font-weight: 500
}

.headline--h3,
.headline--h4 {
    font-size: 0.15rem;
    margin: 0.15rem 0
}

.headline--h4 {
    font-weight: 400
}

.headline--h5,
.headline--h6 {
    font-size: 0.15rem;
    font-weight: 700;
    margin: 0.1rem 0
}

.headline--normal {
    font-weight: 400
}

.headline--normal-bold {
    font-weight: 500
}

.headline--bold {
    font-weight: 700
}

.headline--listing-bottom {
    font-size: 0.16rem;
    margin-bottom: 0.05rem
}

.headline__text {
    display: block;
    font-size: 0.16rem;
    font-weight: 400;
    text-transform: none
}

@media (min-width:768px) {
    .headline__text {
        display: inline-block;
        padding-left: 0.05rem
    }
}

@media (max-width:767.98px) {
    .headline__text--sm-negative-spacing {
        margin: -0.2rem 0 0.2rem
    }
}

.headline--center {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    width: 100%
}

@media (min-width:1200px) {
    .headline--center {
        max-width: 13.7rem
    }
}

.headline--right {
    text-align: right
}

.headline--line-on-sides {
    font-weight: 400;
    line-height: 1;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    width: 100%
}

@media (min-width:1200px) {
    .headline--line-on-sides {
        max-width: 13.8rem
    }
}

.headline--line-on-sides span {
    display: inline-block;
    position: relative
}

.headline--line-on-sides span:after,
.headline--line-on-sides span:before {
    border-bottom: 1px solid #d5d5d8;
    bottom: 0.05rem;
    content: "";
    height: 0.01rem;
    position: absolute;
    width: 7rem
}

.headline--line-on-sides span:before {
    margin-right: 0.15rem;
    right: 100%
}

.headline--line-on-sides span:after {
    left: 100%;
    margin-left: 0.15rem
}

.headline--line-right {
    font-weight: 400;
    line-height: 1.2;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

@media (min-width:1200px) {
    .headline--line-right {
        max-width: 13.7rem;
        padding: 0
    }
}

.headline--line-right span {
    display: inline-block;
    position: relative
}

.headline--line-right span:after {
    border-bottom: 1px solid #d5d5d8;
    bottom: 0.05rem;
    content: "";
    height: 0.01rem;
    left: 100%;
    margin-left: 0.15rem;
    position: absolute;
    width: 14.4rem
}

.headline--no-spacing {
    margin-top: 0;
    padding: 0
}

.headline--inline {
    display: inline
}

.headline--inline-block {
    display: inline-block
}

.headline--section {
    font-size: 0.21000000000000002rem;
    margin-bottom: 0.2rem
}

.headline--inherit {
    font-size: inherit
}

.headline--background {
    background: #2061ae;
    color: #fff;
    padding-left: 0.1rem;
    padding-right: 0.1rem
}

@supports ((-webkit-box-decoration-break:clone) or (box-decoration-break:clone)) {
    .headline--background {
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        display: inline
    }
}

.ie11 .headline--background {
    display: inline-block
}

.headline--partly-underlined {
    padding-bottom: 0.03rem
}

.headline--partly-underlined em {
    box-shadow: inset 0 -7px 0 0 #2d8745;
    display: inline;
    font-style: normal;
    padding: 0 0.02rem;
    position: relative
}

.grid .headline:first-child:last-child {
    margin-top: 0
}

.headline--full-width {
    width: 100%
}

.mosaic-banner .headline:last-child {
    margin-top: 0
}

.html-video {
    height: 100%;
    min-height: 50px;
    min-width: 50px;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

.icon {
    font-size: inherit;
    font-style: normal;
    font-variant: normal;
    font-weight: 0.15rem;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon--pin {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='24' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%232061ae' d='M17.58 3.38 11.21.19a1.76 1.76 0 0 0-2.37.79 1.76 1.76 0 0 0 .79 2.37l.37.18-3.36 6.7c-1.86-.79-4.06 0-4.98 1.83l-.79 1.57a.83.83 0 0 0-.05.62c.07.21.21.37.41.47l4.87 2.44-3.04 6.07c-.13.26-.02.58.24.71.07.04.15.06.23.06.2 0 .38-.11.47-.29l3.04-6.07 4.87 2.44c.2.1.41.11.62.05.21-.07.37-.21.47-.41l.79-1.57a3.89 3.89 0 0 0-1.51-5.09l3.36-6.7.37.18c.87.44 1.94.08 2.37-.79.21-.42.25-.9.1-1.35s-.46-.81-.88-1.02zM1.91 13.89l.68-1.35a2.837 2.837 0 0 1 3.68-1.31l5.3 2.66.08.04c1.33.72 1.86 2.38 1.18 3.74l-.68 1.35zm9.41-1.31L7.58 10.7l3.36-6.69 3.74 1.88zM10.19 1.1a.9.9 0 0 1 .22-.04c.11 0 .22.03.32.08l6.37 3.19c.35.18.49.6.32.95a.65.65 0 0 1-.41.35c-.18.06-.37.05-.54-.04L10.1 2.4a.65.65 0 0 1-.35-.41.68.68 0 0 1 .04-.54.68.68 0 0 1 .41-.35z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.77 0h17.78v24H.77z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 0.2rem;
    width: 0.16999999999999998rem
}

.icon--pin-fill {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.7mm' height='8.47mm' viewBox='0 0 19 24'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M.77 0h17.78v24H.77z' style='fill:none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg style='clip-path:url(%23a)'%3E%3Cpath d='M17.58 3.38 11.21.19a1.75 1.75 0 0 0-2.36.78v.01c-.44.87-.09 1.93.78 2.36h.01l.37.18-3.36 6.7c-1.86-.79-4.06 0-4.98 1.83l-.79 1.57a.83.83 0 0 0-.05.62c.07.21.21.37.41.47l4.87 2.44-3.04 6.07c-.13.26-.02.58.24.71.07.04.15.06.23.06.2 0 .38-.11.47-.29l3.04-6.07 4.87 2.44c.2.1.41.11.62.05.21-.07.37-.21.47-.41l.79-1.57c.91-1.83.25-4.05-1.51-5.09l3.36-6.7.37.18c.87.44 1.94.08 2.37-.79.21-.42.25-.9.1-1.35s-.46-.81-.88-1.02h-.02Z' style='fill:%232061ae'/%3E%3C/g%3E%3C/svg%3E")
}

.icon--check {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='18' fill='none'%3E%3Cpath fill='%232d8745' d='M23.77.254c-.3-.3-.82-.31-1.13 0L7.61 16.044l-6.24-7.31h-.01a.76.76 0 0 0-.57-.25c-.21 0-.4.08-.55.22-.15.15-.24.34-.24.55s.07.41.21.55l6.81 7.93c.15.15.35.24.57.24.21 0 .41-.08.56-.24l15.62-16.36c.15-.15.23-.35.23-.56s-.08-.41-.23-.56'/%3E%3C/svg%3E");
    height: 0.2rem
}

.icon--check,
.icon--clipboard {
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 0.12rem
}

.icon--clipboard {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' id='other_Icons' x='0' y='0' version='1.1' viewBox='0 0 10.8 13'%3E%3Cstyle%3E.st0{fill:%232061ae}%3C/style%3E%3Cpath d='M10.2 0H4.4c-.3 0-.5.2-.5.5s.2.5.5.5h5.3v10.1c0 .3.2.5.5.5s.5-.2.5-.5V.5c.1-.3-.2-.5-.5-.5M6.5 10.6c0-.3-.2-.5-.5-.5H2.4c-.3 0-.5.2-.5.5s.2.5.5.5H6c.3 0 .5-.2.5-.5M2.4 9.2H6c.3 0 .5-.2.5-.5s-.2-.6-.5-.6H2.4c-.3 0-.5.2-.5.5s.2.6.5.6M2.4 7.3H6c.3 0 .5-.2.5-.5s-.2-.6-.5-.6H2.4c-.3 0-.5.2-.5.5s.2.6.5.6' class='st0'/%3E%3Cpath d='M8 2.1H.5c-.3 0-.5.2-.5.5v9.9c0 .3.2.5.5.5h7.4c.3 0 .5-.2.5-.5V2.6c0-.3-.2-.5-.4-.5M1 4.7V3.1h6.5v9H1zM.5 2.2' class='st0'/%3E%3C/svg%3E");
    height: 0.13rem
}

.icon--download {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cdefs%3E%3Cstyle%3E.a{fill:%232061ae}%3C/style%3E%3C/defs%3E%3Cpath d='M6.696 0v7.935H5.432V0z' class='a'/%3E%3Cpath d='m1.955 5.057 4.129 2.788 4.128-2.788v1.428L6.084 9.272 1.955 6.485ZM0 10.85h12V12H0z' class='a'/%3E%3C/svg%3E")
}

.icon--download,
.icon--printer {
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 0.13rem;
    width: 1em
}

.icon--printer {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12.6'%3E%3Cpath fill='%232061ae' d='M13.8 3h-1.5V.9a.9.9 0 0 0-.9-.9H3.6a.9.9 0 0 0-.9.9V3H1.2A1.2 1.2 0 0 0 0 4.2V9a1.2 1.2 0 0 0 1.2 1.2h1.5v1.5a.9.9 0 0 0 .9.9h7.8a.9.9 0 0 0 .9-.9v-1.5h1.5A1.2 1.2 0 0 0 15 9V4.2A1.2 1.2 0 0 0 13.8 3M3.3.9a.3.3 0 0 1 .3-.3h7.8a.3.3 0 0 1 .3.3V3H3.3Zm8.4 10.8a.3.3 0 0 1-.3.3H3.6a.3.3 0 0 1-.3-.3V7.8h8.4ZM14.4 9a.6.6 0 0 1-.6.6h-1.5V7.8a.6.6 0 0 0-.6-.6H3.3a.6.6 0 0 0-.6.6v1.8H1.2A.6.6 0 0 1 .6 9V4.2a.6.6 0 0 1 .6-.6h12.6a.6.6 0 0 1 .6.6Z'/%3E%3Cpath fill='%232061ae' d='M4.8 9.6h5.4a.3.3 0 1 0 0-.6H4.8a.3.3 0 1 0 0 .6M4.8 10.8h3.9a.3.3 0 0 0 0-.6H4.8a.3.3 0 1 0 0 .6'/%3E%3Ccircle cx='.6' cy='.6' r='.6' fill='%232061ae' transform='translate(11.1 4.8)'/%3E%3C/svg%3E")
}

.icon--forward {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='18' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%232061ae' d='M15.5.93c-.38-.3-.89-.36-1.33-.15s-.71.65-.71 1.14v2.63c0 .09-.07.16-.16.16h-2.17c-1.64 0-3.18.3-4.57.9-1.35.58-2.54 1.43-3.53 2.52C2.06 9.21 1.3 10.5.78 11.97.26 13.45 0 15.08 0 16.81c0 .26.19.49.44.54h.1s.01.01.02.01c.14 0 .38-.07.5-.35.02-.06.57-1.4 1.92-2.71.81-.79 1.75-1.41 2.79-1.86 1.31-.56 2.79-.85 4.39-.85h3.14c.09 0 .16.07.16.16v3.51a.83.83 0 0 0 1.35.65l8.87-7.11c.2-.16.31-.4.31-.65a.83.83 0 0 0-.31-.65zm-2.2 9.55h-3.14c-1.77 0-3.4.32-4.85.95-1.17.51-2.22 1.21-3.12 2.1-.33.33-.64.67-.93 1.03.12-.78.31-1.53.55-2.23.47-1.33 1.15-2.5 2.02-3.47 1.81-2 4.32-3.06 7.28-3.06h2.17c.69 0 1.26-.56 1.26-1.26V1.91c0-.07.03-.12.09-.14.06-.03.12-.02.17.02l7.93 6.35-8.19 6.56v-2.96c0-.69-.56-1.26-1.26-1.26z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 .65h24v16.7H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 0.13rem;
    width: 1em
}

.iframe {
    border: 1px solid #d5d5d8;
    margin: 0.1rem;
    width: 100%
}

.iframe--center,
.iframe--hazmat {
    display: block;
    margin: 0.1rem auto
}

.iframe--hazmat {
    height: 1000px;
    max-width: 100%;
    width: 500px
}

.image__src {
    display: block;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.image__src--certificate {
    margin: auto
}

.image__src--full-width {
    width: 100%
}

.image__src--square {
    aspect-ratio: 1/1;
    width: 100%
}

.image__src--cover {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.image__src--center {
    margin: 0 auto
}

.image--stamp {
    height: 0.8rem;
    position: relative;
    width: auto;
    z-index: 10
}

.image--badge {
    height: 0.4rem;
    position: absolute;
    width: auto;
    z-index: 10
}

.image--youtube-fallback {
    -o-object-fit: cover;
    object-fit: cover;
    opacity: .7
}

.imagesimilar {
    background: #fff;
    border-radius: 4px;
    bottom: 0.1rem;
    color: #606068;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 0.13rem;
    left: 0.15rem;
    letter-spacing: 0;
    padding: 2px 0.05rem;
    position: absolute
}

.input[type=email],
.input[type=number],
.input[type=password],
.input[type=search],
.input[type=tel],
.input[type=text] {
    border: 1px solid #d5d5d8;
    border-radius: 2px;
    font-size: 0.16rem;
    height: 0.48rem;
    margin: 0 0.1rem 0.1rem 0;
    padding: 0 0.1rem
}

@media (min-width:768px) {

    .input[type=email],
    .input[type=number],
    .input[type=password],
    .input[type=search],
    .input[type=tel],
    .input[type=text] {
        font-size: 0.15rem
    }
}

.input[type=email]:disabled,
.input[type=number]:disabled,
.input[type=password]:disabled,
.input[type=search]:disabled,
.input[type=tel]:disabled,
.input[type=text]:disabled {
    cursor: not-allowed
}

.input[type=checkbox] {
    border: 1px solid #d5d5d8;
    border-radius: 2px;
    height: 0.2rem;
    margin: -0.02rem 0.05rem;
    width: 0.2rem
}

.input[type=checkbox]:hover {
    box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, .16)
}

.input[type=checkbox]:checked {
    background-color: #499add;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='18' fill='none'%3E%3Cpath fill='%23fff' d='M23.77.254c-.3-.3-.82-.31-1.13 0L7.61 16.044l-6.24-7.31h-.01a.76.76 0 0 0-.57-.25c-.21 0-.4.08-.55.22-.15.15-.24.34-.24.55s.07.41.21.55l6.81 7.93c.15.15.35.24.57.24.21 0 .41-.08.56-.24l15.62-16.36c.15-.15.23-.35.23-.56s-.08-.41-.23-.56'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 70%;
    border: none
}

.input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #d5d5d8;
    border-radius: 50%;
    cursor: pointer;
    height: 0.2rem;
    position: relative;
    top: 0.04rem;
    width: 0.2rem
}

.input[type=radio]:hover {
    box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, .16)
}

.input[type=radio]:checked {
    border-color: #499add;
    height: 0.2rem;
    width: 0.2rem
}

.input[type=radio]:checked:hover {
    box-shadow: none
}

.input[type=radio]:checked:after {
    background: #499add;
    border-radius: 50%;
    content: "";
    height: 0.13999999999999999rem;
    left: 0.02rem;
    position: absolute;
    top: 0.02rem;
    width: 0.13999999999999999rem
}

.input--no-pointer-event {
    pointer-events: none
}

.link-open-menu {
    cursor: pointer;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    padding: 0.05rem
}

.link-open-menu--bold:not(.link-open-menu--vertical-menu) {
    font-weight: 500
}

.link-open-menu--right-dash {
    padding-right: 0.15rem
}

.link-open-menu--right-dash:not(.link-open-menu--vertical-menu):after {
    content: "|";
    display: inline-block;
    position: relative;
    right: -15px
}

.link-open-menu--vertical-menu {
    color: #1d1d1d;
    font-size: 0.16rem;
    padding: 0.15rem 0.25rem;
    width: 100%
}

.link-open-menu--vertical-menu:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.232' height='20.434'%3E%3Cpath fill='%231d1d1d' stroke='%231d1d1d' stroke-width='.75' d='M.61 1.4a.601.601 0 1 1 .85-.851l9.22 9.208a.6.6 0 0 1 0 .851l-9.22 9.214a.601.601 0 0 1-.85-.851l8.794-8.788Z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 0.13999999999999999rem;
    position: absolute;
    right: 0.24rem;
    width: 0.13999999999999999rem
}

.link-open-menu--vertical-menu:hover:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.232' height='20.434'%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-width='.75' d='M.61 1.4a.601.601 0 1 1 .85-.851l9.22 9.208a.6.6 0 0 1 0 .851l-9.22 9.214a.601.601 0 0 1-.85-.851l8.794-8.788Z'/%3E%3C/svg%3E")
}

.loader {
    animation: loaderSpin 2s linear infinite;
    border: .13em solid #f5f5f8;
    border-radius: 50%;
    border-top-color: #2061ae;
    display: inline-block;
    font-size: inherit;
    height: 1em;
    width: 1em
}

.loader--form {
    display: none
}

[data-loading] .loader--form {
    display: inline-block
}

.loader--big {
    height: 3em;
    padding: 0.2rem 0;
    width: 3em
}

.loader--drilldown {
    display: block;
    font-size: 0.3rem;
    margin: 0.5rem auto
}

.page-loader:before {
    background-color: rgba(0, 0, 0, .5);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transform: scale(1.1);
    transition: visibility 0s linear .25s, opacity .25s 0s, transform .25s;
    visibility: hidden;
    width: 100%;
    z-index: -1
}

.page-loader--active:before {
    opacity: 1;
    transform: scale(1);
    transition: visibility 0s linear 0s, opacity .25s 0s, transform .25s;
    visibility: visible;
    z-index: 10000
}

.page-loader--active:after {
    animation: loaderSpin 2s linear infinite;
    border: .13em solid #f5f5f8;
    border-radius: 50%;
    border-top-color: #2061ae;
    content: "";
    display: inline-block;
    font-size: inherit;
    height: 3em;
    left: calc(50% - 0.15rem);
    position: fixed;
    top: calc(50% - 0.15rem);
    width: 3em;
    z-index: 10000
}

@keyframes loaderSpin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.paragraph {
    line-height: 0.22000000000000003rem
}

.paragraph--full-width {
    width: 100%
}

@media (min-width:768px) {

    .paragraph--column-2,
    .paragraph--column-3 {
        -moz-column-count: 2;
        column-count: 2;
        -webkit-hyphens: auto;
        hyphens: auto
    }
}

@media (min-width:992px) {
    .paragraph--column-3 {
        -moz-column-count: 3;
        column-count: 3
    }
}

@media (min-width:768px) {
    .paragraph--column-4 {
        -moz-column-count: 2;
        column-count: 2;
        -webkit-hyphens: auto;
        hyphens: auto
    }
}

@media (min-width:992px) {
    .paragraph--column-4 {
        -moz-column-count: 4;
        column-count: 4
    }
}

@media (min-width:768px) {
    .paragraph--column-5 {
        -moz-column-count: 2;
        column-count: 2;
        -webkit-hyphens: auto;
        hyphens: auto
    }
}

@media (min-width:992px) {
    .paragraph--column-5 {
        -moz-column-count: 5;
        column-count: 5
    }
}

.paragraph--no-margin {
    margin: 0
}

.paragraph--bold {
    font-weight: 700
}

.paragraph--italic {
    font-style: italic
}

@media (min-width:992px) {
    .paragraph--desktop-margin-auto p {
        margin: auto
    }
}

.paragraph--small {
    font-size: 0.13rem
}

.paragraph h1,
.paragraph h2 {
    margin: 0;
    padding: 0.4rem 0 0.2rem
}

.paragraph h2 {
    line-height: 0.33999999999999997rem
}

.paragraph h3,
.paragraph h4 {
    margin: 0;
    padding: 0.3rem 0 0.15rem
}

.paragraph ol,
.paragraph ul {
    padding-left: 0.15rem
}

.shipping-info {
    margin-top: 0.1rem
}

.shipping-info__info-text {
    display: inline;
    font-size: 0.15rem;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 0
}

.shipping-info__time {
    display: block;
    line-height: 150%;
    width: 100%
}

.shipping-info__tooltip-text {
    background-color: #fff;
    border: 1px solid #d5d5d8;
    box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, .16);
    max-width: 3rem;
    min-width: 2.5rem;
    padding: 0.1rem;
    position: absolute;
    right: 0.15rem;
    visibility: hidden;
    white-space: pre-line;
    width: -moz-min-content;
    width: min-content;
    z-index: 11
}

@media (max-width:991.98px) {
    .shipping-info__tooltip-text {
        bottom: 0.2rem;
        margin: auto;
        right: -0.2rem
    }
}

@media (max-width:767.98px) {
    .shipping-info__tooltip-text {
        bottom: 0.2rem;
        left: -62px;
        margin: auto;
        max-width: 1.65rem;
        min-width: 1.6rem
    }
}

@media (max-width:575.98px) {
    .shipping-info__tooltip-text {
        bottom: 0.445rem;
        max-width: 3rem;
        min-width: 2.5rem
    }
}

.shipping-info__tooltip {
    cursor: default;
    display: inline-block;
    margin-left: -0.05rem;
    padding: 0 0.15rem;
    position: relative;
    top: 1px
}

@media (min-width:576px) and (max-width:767.98px) {
    .shipping-info__tooltip {
        padding-right: 0.3rem
    }
}

@media (max-width:575.98px) {
    .shipping-info__tooltip {
        position: static
    }
}

.shipping-info__tooltip:hover .shipping-info__tooltip-text {
    visibility: visible
}

.price {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 0.18rem;
    font-weight: 700
}

.price--detail {
    font-size: 0.27999999999999997rem;
    line-height: 100%
}

.price--cart {
    font-size: 0.15rem
}

.price--sale {
    color: #c10040
}

.price__normal {
    color: #1d1d1d;
    display: block;
    font-size: 0.13999999999999999rem;
    font-weight: 400;
    line-height: 150%;
    text-decoration: line-through
}

.price--detail .price__normal {
    font-size: 0.16rem
}

.price__tax {
    color: #606068;
    display: block;
    font-size: 0.13rem;
    font-weight: 400;
    line-height: 150%
}

@media (max-width:767.98px) {
    .price__tax {
        padding-bottom: 0.1rem
    }
}

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.noUi-target {
    position: relative
}

.noUi-base,
.noUi-connects {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1
}

.noUi-connects {
    overflow: hidden;
    z-index: 0
}

.noUi-connect,
.noUi-origin {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-style: flat;
    width: 100%;
    will-change: transform;
    z-index: 1
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto
}

.noUi-vertical .noUi-origin {
    top: -100%;
    width: 0
}

.noUi-horizontal .noUi-origin {
    height: 0
}

.noUi-handle {
    backface-visibility: hidden;
    position: absolute
}

.noUi-touch-area {
    height: 100%;
    width: 100%
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    transition: transform .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-horizontal {
    height: 18px
}

.noUi-horizontal .noUi-handle {
    height: 28px;
    right: -17px;
    top: -6px;
    width: 34px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    bottom: -17px;
    height: 34px;
    right: -6px;
    width: 28px
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto
}

.noUi-target {
    background: #fafafa;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb
}

.noUi-connects {
    border-radius: 3px
}

.noUi-connect {
    background: #3fb8af
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
    cursor: default
}

.noUi-active {
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb
}

.noUi-handle:after,
.noUi-handle:before {
    background: #e8e7e6;
    content: "";
    display: block;
    height: 14px;
    left: 14px;
    position: absolute;
    top: 6px;
    width: 1px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
    height: 1px;
    left: 6px;
    top: 14px;
    width: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect {
    background: #b8b8b8
}

[disabled] .noUi-handle,
[disabled].noUi-handle,
[disabled].noUi-target {
    cursor: not-allowed
}

.noUi-pips,
.noUi-pips * {
    box-sizing: border-box
}

.noUi-pips {
    color: #999;
    position: absolute
}

.noUi-value {
    position: absolute;
    text-align: center;
    white-space: nowrap
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    background: #ccc;
    position: absolute
}

.noUi-marker-large,
.noUi-marker-sub {
    background: #aaa
}

.noUi-pips-horizontal {
    height: 80px;
    left: 0;
    padding: 10px 0;
    top: 100%;
    width: 100%
}

.noUi-value-horizontal {
    transform: translate(-50%, 50%)
}

.noUi-rtl .noUi-value-horizontal {
    transform: translate(50%, 50%)
}

.noUi-marker-horizontal.noUi-marker {
    height: 5px;
    margin-left: -1px;
    width: 2px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    height: 100%;
    left: 100%;
    padding: 0 10px;
    top: 0
}

.noUi-value-vertical {
    padding-left: 25px;
    transform: translateY(-50%)
}

.noUi-rtl .noUi-value-vertical {
    transform: translateY(50%)
}

.noUi-marker-vertical.noUi-marker {
    height: 2px;
    margin-top: -1px;
    width: 5px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-tooltip {
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    color: #000;
    display: block;
    padding: 5px;
    position: absolute;
    text-align: center;
    white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
    bottom: 120%;
    left: 50%;
    transform: translate(-50%)
}

.noUi-vertical .noUi-tooltip {
    right: 120%;
    top: 50%;
    transform: translateY(-50%)
}

.noUi-horizontal .noUi-origin>.noUi-tooltip {
    bottom: 10px;
    left: auto;
    transform: translate(50%)
}

.noUi-vertical .noUi-origin>.noUi-tooltip {
    right: 28px;
    top: auto;
    transform: translateY(-18px)
}

.range.noUi-target {
    background: #f5f5f8;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0 0.1rem
}

.range--filter.noUi-target {
    background: transparent
}

.range--filter.noUi-target .noUi-base {
    background: #f5f5f8
}

.range.noUi-horizontal {
    height: 0.03rem;
    margin: 0.08499999999999999rem 0
}

.range.noUi-horizontal .noUi-handle-lower,
.range.noUi-horizontal .noUi-handle-upper {
    right: -0.1rem;
    top: -0.1rem
}

.range .noUi-handle {
    background: #fff;
    border: 1px solid #606068;
    border-radius: 50%;
    box-shadow: none;
    height: 0.2rem;
    width: 0.2rem
}

.range .noUi-handle:hover {
    box-shadow: 3px 3px 2px 0 rgba(29, 29, 29, .16)
}

.range .noUi-handle:after,
.range .noUi-handle:before {
    display: none
}

.range .noUi-handle:active,
.range .noUi-handle:focus {
    outline: 0
}

.range .noUi-connect {
    background: #606068
}

.range--touch .noUi-connect {
    background: #2061ae
}

.range--touch .noUi-handle {
    background: #2061ae;
    border-color: #2061ae
}

.range--touch .range__value {
    color: #2061ae;
    -webkit-user-select: all
}

.range:focus-within .noUi-connect {
    background: #2061ae
}

.range:focus-within .noUi-handle {
    background: #2061ae;
    border-color: #2061ae
}

.range:focus-within .range__value {
    color: #2061ae;
    -webkit-user-select: all
}

.range__value {
    border: 1px solid #d5d5d8;
    color: #606068;
    display: inline-block;
    font-size: 0.16rem;
    height: 0.48rem;
    line-height: 0.48rem;
    margin-bottom: 0.2rem;
    padding-right: 0.1rem;
    text-align: right;
    width: 40%
}

@media (min-width:768px) {
    .range__value {
        font-size: 0.13rem
    }
}

.range__separator {
    display: inline-block;
    padding: 0.1rem;
    text-align: center;
    width: 20%
}

.range input[type=number] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield
}

.select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    position: relative;
    width: 100%
}

.select--active-placeholder .select__inner {
    border-color: #d5d5d8
}

.select__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    display: block;
    height: 40px;
    margin: 0;
    padding: 10px;
    width: 100%
}

.select__inner {
    border: 1px solid #1d1d1d;
    cursor: pointer;
    display: inline-block;
    font-size: 0.15rem;
    min-height: 44px;
    overflow: hidden;
    padding: 7.5px;
    vertical-align: middle;
    width: 100%
}

.select:disabled {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.576' height='7.456'%3E%3Cpath fill='%23e5e5e8' stroke='%23e5e5e8' stroke-width='.75' d='M8.741.493a.27.27 0 1 1 .381.381L4.999 5.002a.27.27 0 0 1-.381 0L.493.874A.27.27 0 0 1 .874.493l3.935 3.938Z' data-name='Path 360'/%3E%3C/svg%3E");
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.select::-ms-expand {
    display: none
}

.select:focus::-ms-value {
    background-color: transparent
}

.select:focus {
    outline: none
}

.select:focus-visible {
    outline: 1px solid #499add
}

.select:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.371' height='9.499'%3E%3Cpath fill='%231d1d1d' stroke='%231d1d1d' stroke-width='.75' d='M12.336.534a.387.387 0 1 1 .547.547l-5.922 5.93a.386.386 0 0 1-.547 0L.488 1.081a.387.387 0 0 1 .547-.547L6.687 6.19Z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    border: 0;
    content: "";
    height: 100%;
    position: absolute;
    right: 0.15rem;
    transition: transform .3s ease-in-out;
    width: 0.15rem
}

.select.is-open:after {
    transform: rotate(180deg)
}

.select__placeholder {
    display: none
}

.select__list--dropdown {
    background-color: #fff;
    border: 1px solid #d5d5d8;
    box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, .16);
    display: none;
    margin-top: -1px;
    overflow: hidden;
    position: absolute;
    top: 100%;
    width: 100%;
    word-break: break-all;
    z-index: 1
}

.select__list--dropdown.is-active {
    display: block
}

.select__list--dropdown .select__placeholder {
    display: none
}

.select__list--dropdown .select__item {
    border-bottom: 1px solid #e5e5e8;
    min-height: 40px;
    padding: 10px;
    width: 100%
}

.select__list--dropdown .select__item--disabled {
    cursor: not-allowed;
    opacity: .5;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.select__list--dropdown .select__item.gray {
    opacity: .5
}

.select__list--dropdown .select__item--selectable.is-highlighted {
    background: #2061ae;
    color: #fff
}

.select__list--dropdown .select__item--selectable.selected {
    font-weight: 700
}

.select__list--single {
    padding-left: 0.075rem
}

.select__list--single .select__item--selectable {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select--small {
    background-size: 0.09rem 0.05rem;
    border: 0;
    padding: 0 0.15rem 0 0;
    width: auto
}

.select--footer-country,
.select--footer-language {
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.371' height='9.499'%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-width='.75' d='M12.336.534a.387.387 0 1 1 .547.547l-5.922 5.93a.386.386 0 0 1-.547 0L.488 1.081a.387.387 0 0 1 .547-.547L6.687 6.19Z'/%3E%3C/svg%3E");
    background-size: 0.09rem 0.05rem;
    border: 0;
    color: inherit;
    padding: 0 0.2rem 0 0.05rem
}

.select--footer-language {
    padding-left: 0
}

.select--detail-select {
    border: 0;
    position: relative;
    width: 100%
}

.select--detail-select .select {
    border: 0
}

.select--detail-select .select[data-type*=select-one]:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.232' height='20.434'%3E%3Cpath fill='%232061ae' stroke='%232061ae' stroke-width='.75' d='M.61 1.4a.601.601 0 1 1 .85-.851l9.22 9.208a.6.6 0 0 1 0 .851l-9.22 9.214a.601.601 0 0 1-.85-.851l8.794-8.788Z'/%3E%3C/svg%3E");
    background-position: 95%;
    background-size: 0.08rem
}

.select--detail-select .select__inner {
    border: 0;
    border-bottom: 1px solid #e5e5e8
}

.select--detail-select .select__list--single {
    padding-top: 0.06999999999999999rem
}

.select--detail-select .select__list--dropdown .select__placeholder {
    display: block
}

.form-row .select .select__inner,
.select--form-row .select__inner {
    border-color: #1d1d1d;
    height: 0.48rem;
    min-height: 0.48rem
}

.form-row .select.select--active-placeholder .select__inner,
.select--form-row.select--active-placeholder .select__inner {
    border-color: #d5d5d8
}

.form-row .select.is-open .select__inner,
.form-row .select:hover .select__inner,
.select--form-row.is-open .select__inner,
.select--form-row:hover .select__inner {
    border-color: #606068;
    box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, .16)
}

.form-row .select.is-focused .select__inner,
.form-row .select.is-open .select__inner,
.form-row .select.select__list--dropdown.is-active,
.select--form-row.is-focused .select__inner,
.select--form-row.is-open .select__inner,
.select--form-row.select__list--dropdown.is-active {
    border-color: #499add
}

.form-row .select .select__list--single,
.select--form-row .select__list--single {
    padding-bottom: 0.08rem;
    padding-top: 0.08rem
}

.select__input.is-hidden {
    display: none
}

select.default-select {
    background: transparent;
    margin-top: 0.05rem;
    padding: 0.1rem;
    width: 100%
}

.buy-box__variant .select__list--dropdown.is-active {
    z-index: 3
}

.spacing {
    height: 0.05rem;
    width: 100%
}

.spacing--10 {
    height: 0.1rem
}

.spacing--15 {
    height: 0.15rem
}

.spacing--20 {
    height: 0.2rem
}

.spacing--30 {
    height: 0.3rem
}

.spacing--50 {
    height: 0.5rem
}

.spacing--60 {
    height: 0.6rem
}

.spacing--70 {
    height: 0.7rem
}

.spacing--100 {
    height: 1rem
}

.text-link {
    color: #2061ae;
    font-weight: 500;
    line-height: 0.22000000000000003rem
}

.text-link:hover {
    border: 0
}

.text-link--back-to-overview,
.text-link--back-to-shop {
    text-decoration: none;
    vertical-align: middle
}

.text-link--back-to-overview:before,
.text-link--back-to-shop:before {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 0.19rem;
    margin-right: 0.1rem;
    vertical-align: middle;
    width: 0.08rem
}

.text-link--back-to-shop {
    color: #fff;
    font-weight: 500
}

.text-link--back-to-shop:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.232' height='20.434'%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-width='.75' d='M10.622 19.034a.601.601 0 1 1-.85.851l-9.22-9.208a.6.6 0 0 1 0-.851L9.772.612a.601.601 0 0 1 .85.851l-8.794 8.788Z'/%3E%3C/svg%3E")
}

.text-link--back-to-overview {
    color: #2061ae
}

.text-link--back-to-overview:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.232' height='20.434'%3E%3Cpath fill='%232061ae' stroke='%232061ae' stroke-width='.75' d='M10.622 19.034a.601.601 0 1 1-.85.851l-9.22-9.208a.6.6 0 0 1 0-.851L9.772.612a.601.601 0 0 1 .85.851l-8.794 8.788Z'/%3E%3C/svg%3E")
}

.text-link__arrow {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.232' height='20.434'%3E%3Cpath fill='%232061ae' stroke='%232061ae' stroke-width='.75' d='M.61 1.4a.601.601 0 1 1 .85-.851l9.22 9.208a.6.6 0 0 1 0 .851l-9.22 9.214a.601.601 0 0 1-.85-.851l8.794-8.788Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    display: none;
    height: 0.15rem;
    transition: right .2s linear;
    width: 0.06999999999999999rem
}

.text-link--arrow-down,
.text-link--arrow-left,
.text-link--arrow-right,
.text-link--arrow-up,
.text-link--inline-arrow {
    color: #2061ae;
    display: inline-block;
    font-weight: 500;
    position: relative
}

.text-link--arrow-down .text-link__arrow,
.text-link--arrow-left .text-link__arrow,
.text-link--arrow-right .text-link__arrow,
.text-link--arrow-up .text-link__arrow,
.text-link--inline-arrow .text-link__arrow {
    display: inline-block;
    right: -0.15rem
}

.text-link--arrow-down:hover,
.text-link--arrow-left:hover,
.text-link--arrow-right:hover,
.text-link--arrow-up:hover,
.text-link--inline-arrow:hover {
    border: 0
}

.text-link--arrow-down:hover .text-link__arrow,
.text-link--arrow-left:hover .text-link__arrow,
.text-link--arrow-right:hover .text-link__arrow,
.text-link--arrow-up:hover .text-link__arrow,
.text-link--inline-arrow:hover .text-link__arrow {
    right: -0.16999999999999998rem
}

.text-link--arrow-down,
.text-link--arrow-right,
.text-link--arrow-up {
    border-bottom: 2px solid transparent;
    font-size: 0.15rem
}

.text-link--arrow-down .text-link__arrow,
.text-link--arrow-right .text-link__arrow,
.text-link--arrow-up .text-link__arrow {
    display: block;
    position: absolute;
    top: 0.03rem
}

.text-link--arrow-down:hover,
.text-link--arrow-right:hover,
.text-link--arrow-up:hover {
    border-bottom: 2px solid #2061ae
}

.text-link--arrow-up .text-link__arrow {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.434' height='11.232'%3E%3Cpath fill='%232061ae' stroke='%232061ae' stroke-width='.75' d='M1.4 10.622a.601.601 0 1 1-.851-.85L9.757.552a.6.6 0 0 1 .851 0l9.214 9.22a.601.601 0 0 1-.851.85l-8.788-8.794Z'/%3E%3C/svg%3E");
    height: 12px;
    top: 0.06rem;
    width: 12px
}

.text-link--arrow-up:hover .text-link__arrow {
    right: -0.15rem
}

.text-link--arrow-down .text-link__arrow {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.371' height='9.499'%3E%3Cpath fill='%232061ae' stroke='%232061ae' stroke-width='.75' d='M12.336.534a.387.387 0 1 1 .547.547l-5.922 5.93a.386.386 0 0 1-.547 0L.488 1.081a.387.387 0 0 1 .547-.547L6.687 6.19Z'/%3E%3C/svg%3E");
    height: 12px;
    top: 0.06rem;
    width: 12px
}

.text-link--arrow-down:hover .text-link__arrow {
    right: -0.15rem
}

.text-link--arrow-left .text-link__arrow {
    display: block;
    position: absolute;
    right: auto;
    top: 3px;
    width: 7px
}

.text-link--arrow-left .text-link__label {
    border-bottom: 2px solid transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    display: inline;
    margin-left: 0.15rem
}

.text-link--arrow-left:hover .text-link__arrow {
    right: auto
}

.text-link--arrow-left:hover .text-link__label {
    border-bottom: 2px solid #2061ae
}

.text-link--inline-arrow {
    font-size: 0;
    vertical-align: middle
}

.text-link--inline-arrow .text-link__label {
    border-bottom: 2px solid transparent;
    font-size: 0.15rem;
    vertical-align: middle;
    word-break: break-word
}

.text-link--inline-arrow .text-link__arrow {
    display: inline-block;
    height: 0.15rem;
    position: relative;
    transform: translateX(-0.06999999999999999rem);
    vertical-align: middle;
    width: 0
}

.text-link--inline-arrow .text-link__arrow:after {
    background-image: inherit;
    background-repeat: inherit;
    background-size: inherit;
    content: "";
    display: inline-block;
    height: inherit;
    width: 0.06999999999999999rem
}

.text-link--inline-arrow:hover .text-link__label {
    border-bottom: 2px solid #2061ae
}

.text-link--footer {
    color: #606068
}

.text-link--link-box {
    border: 0;
    color: #fff;
    display: block;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 0.15rem;
    letter-spacing: normal;
    margin: 0 0.15rem 0 0;
    padding: 0.16499999999999998rem 0;
    text-transform: none
}

.text-link--link-box.text-link--arrow-right .text-link__arrow {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.232' height='20.434'%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-width='.75' d='M.61 1.4a.601.601 0 1 1 .85-.851l9.22 9.208a.6.6 0 0 1 0 .851l-9.22 9.214a.601.601 0 0 1-.85-.851l8.794-8.788Z'/%3E%3C/svg%3E");
    margin-top: 0.02rem;
    top: 50%;
    transform: translateY(-50%)
}

.text-link--link-box.text-link--arrow-right:hover {
    border-bottom: 0
}

.text-link--hidden {
    visibility: hidden
}

.text-link--vertical-menu {
    display: block;
    padding: 0.15rem 0.25rem;
    width: 100%
}

.text-link.navigation-bar__entry {
    color: #1d1d1d;
    font-weight: 400
}

.text-link--normal-bold,
.text-link--normal-bold.navigation-bar__entry {
    font-weight: 500
}

.text-link--disabled-link {
    cursor: not-allowed;
    opacity: .5;
    pointer-events: none
}

.to-the-top-container {
    height: 50%;
    position: absolute;
    width: 1px
}

.to-the-top {
    background: #606060;
    bottom: 0.1rem;
    cursor: pointer;
    display: flex;
    min-height: 35px;
    min-width: 35px;
    position: fixed;
    right: 0.1rem;
    z-index: 1000
}

@media (max-width:1439.98px) {
    .to-the-top {
        z-index: 11
    }
}

.to-the-top .label {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 0.16rem;
    justify-content: center;
    overflow: hidden;
    white-space: nowrap
}

.to-the-top .label>span {
    padding-left: .5em
}

.to-the-top .arrow {
    align-items: center;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 43.1 36.2'%3E%3Cpath d='M42.2 25 22.8 5.5c-.6-.7-1.7-.7-2.3 0L1 24.9c-.6.7-.6 1.7.1 2.3.6.6 1.6.6 2.2 0L21.5 8.9l18.2 18.2c.3.3.8.5 1.2.5s.8-.1 1.1-.5c.3-.3.5-.7.5-1.2.1-.2 0-.6-.3-.9' style='fill:%23fff'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 22px 11px;
    display: flex;
    height: 35px;
    justify-content: center;
    width: 35px
}

.to-the-top:hover .arrow {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 43.1 36.2'%3E%3Cpath d='M42.5 24.8 23.8 6c-.5-.5-1.3-.8-1.9-.8-.9 0-1.6.4-2 .9L.7 24.8c-1 1.2-1 2.8.1 3.9.5.5 1.3.8 1.9.8s1.5-.3 2-.8l16.8-16.9 16.8 16.8c.5.5 1.3.8 2 .8 1.2 0 1.6-.5 1.9-.9.5-.5.8-1.2.8-1.7.2-.5.1-1.3-.5-2' style='fill:%23fff'/%3E%3C/svg%3E")
}

@media (max-width:1199.98px) {
    .to-the-top {
        min-height: 48px;
        min-width: 48px
    }

    .to-the-top .label {
        display: none
    }

    .to-the-top .arrow {
        background-size: 30px 15px;
        height: 48px;
        width: 48px
    }
}

.to-the-top-enter-active,
.to-the-top-leave-active {
    transition: opacity .25s ease-in
}

.to-the-top-enter-from,
.to-the-top-leave-to {
    opacity: 0
}

.to-the-top-enter-to,
.to-the-top-leave-from {
    opacity: 1
}

.to-the-top-label-enter-active,
.to-the-top-label-leave-active {
    transition: width .25s ease-in
}

.to-the-top-label-enter-from,
.to-the-top-label-leave-to {
    width: 0
}

.to-the-top-label-enter-to,
.to-the-top-label-leave-from {
    width: var(--width)
}

/*!
 * Toastify js 1.9.3
 * https://github.com/apvarun/toastify-js
 * @license MIT licensed
 *
 * Copyright (C) 2018 Varun A P
 */
.toastify {
    background: linear-gradient(135deg, #73a5ff, #5477f5);
    border-radius: 2px;
    box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .12), 0 10px 36px -4px rgba(77, 96, 232, .3);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    max-width: calc(50% - 20px);
    opacity: 0;
    padding: 12px 20px;
    position: fixed;
    text-decoration: none;
    transition: all .4s cubic-bezier(.215, .61, .355, 1);
    z-index: 2147483647
}

.toastify.on {
    opacity: 1
}

.toast-close {
    opacity: .4;
    padding: 0 5px
}

.toastify-right {
    right: 15px
}

.toastify-left {
    left: 15px
}

.toastify-top {
    top: -150px
}

.toastify-bottom {
    bottom: -150px
}

.toastify-rounded {
    border-radius: 25px
}

.toastify-avatar {
    border-radius: 2px;
    height: 1.5em;
    margin: -7px 5px;
    width: 1.5em
}

.toastify-center {
    left: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: fit-content;
    max-width: -moz-fit-content;
    right: 0
}

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

    .toastify-left,
    .toastify-right {
        left: 0;
        margin-left: auto;
        margin-right: auto;
        max-width: -moz-fit-content;
        max-width: fit-content;
        right: 0
    }
}

.toast--success {
    background: #c0dfc0;
    color: #206031;
    max-width: 330px;
    padding: 0.15rem 0.5rem 0.15rem 0.6rem
}

.toast--success:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='18' fill='none'%3E%3Cpath fill='%23206031' d='M23.77.254c-.3-.3-.82-.31-1.13 0L7.61 16.044l-6.24-7.31h-.01a.76.76 0 0 0-.57-.25c-.21 0-.4.08-.55.22-.15.15-.24.34-.24.55s.07.41.21.55l6.81 7.93c.15.15.35.24.57.24.21 0 .41-.08.56-.24l15.62-16.36c.15-.15.23-.35.23-.56s-.08-.41-.23-.56'/%3E%3C/svg%3E");
    height: 0.2rem;
    left: 20px;
    top: calc(50% - 0.1rem);
    width: 0.2rem
}

.toast--success:after,
.toast--success:before {
    content: "";
    display: inline-block;
    position: absolute
}

.toast--success:after {
    border: 1px solid #206031;
    border-radius: 20px;
    height: 0.35rem;
    left: 12px;
    top: calc(50% - 0.16999999999999998rem);
    width: 0.35rem
}

.toast-close {
    color: #c0dfc0;
    display: inline-block;
    height: 0;
    opacity: 1;
    padding: 0;
    width: 0
}

.toast-close:before {
    border-right: 1px solid #206031;
    bottom: 0.05rem;
    right: 42px;
    top: 0.05rem;
    width: 1px
}

.toast-close:after,
.toast-close:before {
    content: "";
    display: inline-block;
    position: absolute
}

.toast-close:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23206031' d='M13.12 11.97 23.27 1.61c.24-.24.27-.52.27-.67s-.04-.43-.27-.67a.94.94 0 0 0-.66-.28c-.14 0-.43.04-.67.28L11.8 10.62 1.66.29A.92.92 0 0 0 .99 0C.84 0 .56.04.32.28a.984.984 0 0 0 .01 1.34l10.15 10.35L.27 22.38c-.24.24-.27.52-.27.67s.04.43.27.67c.24.24.52.28.67.28s.43-.04.67-.28l10.19-10.4L22 23.72c.24.24.52.28.66.28s.43-.04.67-.28.27-.52.27-.67-.04-.43-.27-.67L13.12 11.96z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    height: 16px;
    right: 14px;
    top: calc(50% - 8px);
    width: 16px
}

.toast--error {
    background: #ecb0c4;
    color: #6a0023;
    max-width: 330px;
    padding: 0.15rem 0.5rem 0.15rem 0.6rem
}

.toast--error:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%236a0023' d='M13.12 11.97 23.27 1.61c.24-.24.27-.52.27-.67s-.04-.43-.27-.67a.94.94 0 0 0-.66-.28c-.14 0-.43.04-.67.28L11.8 10.62 1.66.29A.92.92 0 0 0 .99 0C.84 0 .56.04.32.28a.984.984 0 0 0 .01 1.34l10.15 10.35L.27 22.38c-.24.24-.27.52-.27.67s.04.43.27.67c.24.24.52.28.67.28s.43-.04.67-.28l10.19-10.4L22 23.72c.24.24.52.28.66.28s.43-.04.67-.28.27-.52.27-.67-.04-.43-.27-.67L13.12 11.96z'/%3E%3C/svg%3E");
    background-size: contain;
    height: 0.16999999999999998rem;
    left: 21px;
    top: calc(50% - 0.08rem);
    width: 0.16999999999999998rem
}

.toast--error:after,
.toast--error:before {
    content: "";
    display: inline-block;
    position: absolute
}

.toast--error:after {
    border: 1px solid #6a0023;
    border-radius: 20px;
    height: 0.35rem;
    left: 12px;
    top: calc(50% - 0.16999999999999998rem);
    width: 0.35rem
}

.toast--error .toast-close {
    color: #ecb0c4;
    width: 0
}

.toast--error .toast-close:before {
    border-right: 1px solid #6a0023
}

.toast--error .toast-close:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%236a0023' d='M13.12 11.97 23.27 1.61c.24-.24.27-.52.27-.67s-.04-.43-.27-.67a.94.94 0 0 0-.66-.28c-.14 0-.43.04-.67.28L11.8 10.62 1.66.29A.92.92 0 0 0 .99 0C.84 0 .56.04.32.28a.984.984 0 0 0 .01 1.34l10.15 10.35L.27 22.38c-.24.24-.27.52-.27.67s.04.43.27.67c.24.24.52.28.67.28s.43-.04.67-.28l10.19-10.4L22 23.72c.24.24.52.28.66.28s.43-.04.67-.28.27-.52.27-.67-.04-.43-.27-.67L13.12 11.96z'/%3E%3C/svg%3E")
}

.youtube,
.youtube__placeholder {
    background: #1d1d1d url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 158 110'%3E%3Cpath fill='red' d='M154.4 17.5c-1.8-6.7-7.1-12-13.9-13.8C128.2.5 79 .5 79 .5s-48.3-.2-60.6 3c-6.8 1.8-13.3 7.3-15.1 14C0 29.7.3 55 .3 55s-.3 25.3 3 37.5c1.8 6.7 8.4 12.2 15.1 14 12.3 3.3 60.6 3 60.6 3s48.3.2 60.6-3c6.8-1.8 13.1-7.3 14.9-14 3.3-12.1 3.3-37.5 3.3-37.5s-.1-25.3-3.4-37.5'/%3E%3Cpath fill='%23fff' d='M63.9 79.2 103.2 55 63.9 30.8z'/%3E%3C/svg%3E") no-repeat 50%;
    background-size: 0.5rem;
    height: 100%;
    width: 100%
}

.youtube__placeholder {
    background-color: #1d1d1d
}

.youtube__image {
    height: 100%;
    width: 100%
}

.youtube__text-div {
    position: absolute;
    text-align: center;
    top: 62%;
    width: 100%
}

.youtube__text {
    color: #fff;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 0.15rem
}

.youtube iframe,
.youtube__link {
    height: 100%;
    width: 100%
}

.academy-training {
    border-bottom: 2px solid #e5e5e8;
    display: flex;
    flex-wrap: wrap;
    padding: 0.3rem 0;
    width: 100%
}

.academy-training__div-data,
.academy-training__div-link,
.academy-training__div-price,
.academy-training__div-title-image {
    height: -moz-fit-content;
    height: fit-content;
    margin: auto 0;
    padding: 0 10px;
    width: 100%
}

.academy-training__div-data {
    margin-bottom: 0.1rem;
    width: 70%
}

.academy-training__div-price {
    text-align: right;
    width: 30%
}

.academy-training__div-title-image {
    display: flex;
    margin-bottom: 0.2rem
}

.academy-training__price {
    display: block;
    font-weight: 500;
    padding-bottom: 0.05rem
}

.academy-training__image {
    height: auto;
    width: 100px
}

.academy-training__title {
    font-weight: 500;
    margin-bottom: 0.05rem
}

.academy-training__category,
.academy-training__tax-label {
    color: #606068;
    font-size: 0.13rem
}

.academy-training__div-title {
    height: -moz-fit-content;
    height: fit-content;
    margin: auto 0;
    padding: 0.1rem
}

.academy-training__date,
.academy-training__location,
.academy-training__time {
    display: block;
    margin-bottom: 0.1rem
}

.academy-training__location-text {
    display: inline-block;
    width: calc(100% - 25px)
}

.academy-training__date:before,
.academy-training__location:before,
.academy-training__time:before {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 18px;
    vertical-align: top;
    width: 25px
}

.academy-training__date:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.901' height='18' data-name='Gruppe 2702'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%231d1d1d' d='M0 0h17.901v18H0z' data-name='Rechteck 1493'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg fill='%231d1d1d' clip-path='url(%23a)' data-name='Gruppe 2645'%3E%3Cpath d='M5.9 8.083a.545.545 0 1 1-.545.545.545.545 0 0 1 .545-.545' data-name='Pfad 8258'/%3E%3Cpath d='M5.9 11.107a.545.545 0 1 1-.545.545.545.545 0 0 1 .545-.545' data-name='Pfad 8259'/%3E%3Cpath d='M8.925 11.107a.5.5 0 0 1 .5.493v.052a.5.5 0 0 1-.444.543h-.052a.545.545 0 1 1 0-1.091' data-name='Pfad 8260'/%3E%3Cpath d='M11.9 11.107a.545.545 0 1 1-.545.545.545.545 0 0 1 .545-.545' data-name='Pfad 8261'/%3E%3Cpath d='M14.876 11.107a.545.545 0 1 1-.545.545.545.545 0 0 1 .545-.545' data-name='Pfad 8262'/%3E%3Cpath d='M5.9 14.132a.545.545 0 1 1-.545.545.545.545 0 0 1 .545-.545' data-name='Pfad 8263'/%3E%3Cpath d='M2.88 14.132a.548.548 0 1 1-.5.545.545.545 0 0 1 .5-.545' data-name='Pfad 8264'/%3E%3Cpath d='M2.88 11.107a.548.548 0 1 1-.5.545.545.545 0 0 1 .5-.545' data-name='Pfad 8265'/%3E%3Cpath d='M8.925 14.132a.5.5 0 0 1 .5.493v.052a.5.5 0 0 1-.444.543h-.052a.545.545 0 1 1 0-1.091' data-name='Pfad 8266'/%3E%3Cpath d='M11.9 14.132a.545.545 0 1 1-.545.545.545.545 0 0 1 .545-.545' data-name='Pfad 8267'/%3E%3Cpath d='M8.925 8.083a.5.5 0 0 1 .5.493v.052a.5.5 0 0 1-.444.543h-.052a.545.545 0 1 1 0-1.091' data-name='Pfad 8268'/%3E%3Cpath d='M11.9 8.083a.545.545 0 1 1-.545.545.545.545 0 0 1 .545-.545' data-name='Pfad 8269'/%3E%3Cpath d='M14.88 8.083a.548.548 0 1 1-.5.545.545.545 0 0 1 .5-.545' data-name='Pfad 8270'/%3E%3Cpath d='M16.612 1.438h-1.786a.4.4 0 0 0-.4.4.4.4 0 0 0 .4.347h1.785a.545.545 0 0 1 .545.545v2.43H.744V2.727a.545.545 0 0 1 .545-.545h2.182v1.091a.4.4 0 0 0 .4.347.347.347 0 0 0 .347-.347V.4a.347.347 0 0 0-.297-.4h-.053a.4.4 0 0 0-.4.4v1.038H1.289A1.34 1.34 0 0 0 0 2.777v13.934A1.29 1.29 0 0 0 1.289 18h15.323a1.29 1.29 0 0 0 1.288-1.289V2.727a1.29 1.29 0 0 0-1.289-1.289m0 15.818H1.289a.545.545 0 0 1-.545-.545V5.95h16.413v10.76a.545.545 0 0 1-.545.545' data-name='Pfad 8271'/%3E%3Cpath d='M5.458 2.231h7.24v1.042a.446.446 0 0 0 .4.4.4.4 0 0 0 .347-.4V.4a.347.347 0 0 0-.301-.4h-.053a.4.4 0 0 0-.4.4v1.038H5.458a.446.446 0 0 0-.4.4.446.446 0 0 0 .4.4' data-name='Pfad 8272'/%3E%3C/g%3E%3C/svg%3E")
}

.academy-training__time:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%231d1d1d' d='M0 0h18v18H0z' data-name='Rechteck 1492'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='Gruppe 2688'%3E%3Cg fill='%231d1d1d' clip-path='url(%23a)' data-name='Gruppe 2643'%3E%3Cpath d='M9 18a9 9 0 1 1 9-9 9.01 9.01 0 0 1-9 9M9 .891A8.109 8.109 0 1 0 17.108 9 8.117 8.117 0 0 0 9 .891' data-name='Pfad 8255'/%3E%3Cpath d='M9 9.137a.445.445 0 0 1-.446-.446v-5.6a.446.446 0 1 1 .891 0v5.6a.445.445 0 0 1-.446.446' data-name='Pfad 8256'/%3E%3Cpath d='M13.582 12.489a.44.44 0 0 1-.256-.082L8.744 9.183a.446.446 0 1 1 .513-.729l4.582 3.225a.446.446 0 0 1-.257.81' data-name='Pfad 8257'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.academy-training__location:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.704' height='18'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%231d1d1d' d='M0 0h11.704v18H0z' data-name='Rechteck 1491'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='Gruppe 2687'%3E%3Cg fill='%231d1d1d' clip-path='url(%23a)' data-name='Gruppe 2641'%3E%3Cpath d='M5.84 18 .917 9A8.6 8.6 0 0 1 0 5.855a5.8 5.8 0 0 1 1.584-4.224A5.92 5.92 0 0 1 5.84 0a6.07 6.07 0 0 1 4.479 1.724 5.45 5.45 0 0 1 1.375 4.154 9.5 9.5 0 0 1-.908 3.1Zm0-17.086a5.02 5.02 0 0 0-3.609 1.362A4.9 4.9 0 0 0 .914 5.853a7.9 7.9 0 0 0 .812 2.718L5.841 16.1l4.135-7.542a8.8 8.8 0 0 0 .805-2.728 4.5 4.5 0 0 0-1.124-3.476A5.17 5.17 0 0 0 5.84.914' data-name='Pfad 8253'/%3E%3Cpath d='M5.853 8.867a3.443 3.443 0 1 1 3.443-3.443 3.447 3.447 0 0 1-3.443 3.443m0-5.972a2.529 2.529 0 1 0 2.528 2.529 2.53 2.53 0 0 0-2.528-2.529' data-name='Pfad 8254'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

@media (min-width:768px) {

    .academy-training__div-data,
    .academy-training__div-link,
    .academy-training__div-price {
        width: 32%
    }
}

@media (min-width:992px) {
    .academy-training__div-title-image {
        margin-bottom: 0;
        width: 40%
    }

    .academy-training__div-data {
        margin-bottom: auto;
        width: 25%
    }

    .academy-training__div-price {
        width: 15%
    }

    .academy-training__div-link {
        width: 20%
    }

    .academy-training__date,
    .academy-training__location,
    .academy-training__time {
        margin-bottom: 0.05rem
    }
}

.address-add {
    padding: 0.15rem;
    width: 100%
}

@media (min-width:768px) {
    .address-add {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
}

.address-add__inner {
    align-items: center;
    border: 1px solid #e5e5e8;
    display: flex;
    height: 100%;
    justify-content: center;
    min-height: 1.5rem;
    padding: 0.15rem
}

.address-add__inner a {
    color: #0e2e5a
}

.address-box-modify {
    border-top: 1px solid #e5e5e8;
    margin-top: 0.1rem;
    padding: 0.15rem 0
}

.address-box-remove {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23clip0_319_1947)'%3E%3Cpath fill='%23e5e5e8' d='M15.8 14.8 9.12 7.98l6.64-6.78c.18-.18.2-.39.2-.5s-.03-.32-.2-.5a.7.7 0 0 0-.5-.21.7.7 0 0 0-.5.21L8.12 6.97 1.49.21a.69.69 0 0 0-.99 0 .7.7 0 0 0-.2.5c0 .11.03.32.2.5l6.64 6.78L.46 14.8a.7.7 0 0 0-.2.5c0 .11.03.32.2.5.18.18.39.21.5.21s.32-.03.5-.21L8.13 9l6.67 6.81c.18.18.39.21.5.21s.32-.03.5-.21.2-.39.2-.5-.03-.32-.2-.5z'/%3E%3C/g%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 0.15rem;
    cursor: pointer;
    display: block;
    float: right;
    height: 0.2rem;
    width: 0.2rem
}

.address-box-set {
    border-top: 1px solid #e5e5e8;
    margin-top: 0.1rem;
    padding: 0.15rem 0 0
}

.address-box-set__text {
    margin-bottom: 0.04rem
}

.address-box-set__text--check {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='18' fill='none'%3E%3Cpath fill='%232061ae' d='M23.77.254c-.3-.3-.82-.31-1.13 0L7.61 16.044l-6.24-7.31h-.01a.76.76 0 0 0-.57-.25c-.21 0-.4.08-.55.22-.15.15-.24.34-.24.55s.07.41.21.55l6.81 7.93c.15.15.35.24.57.24.21 0 .41-.08.56-.24l15.62-16.36c.15-.15.23-.35.23-.56s-.08-.41-.23-.56'/%3E%3C/svg%3E");
    background-position: left 6px;
    background-repeat: no-repeat;
    background-size: 0.12rem;
    padding-left: 0.19rem;
    position: relative
}

.address-box {
    padding: 0.15rem;
    width: 100%
}

@media (min-width:768px) {
    .address-box {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
}

.address-box__inner {
    border: 1px solid #e5e5e8;
    height: 100%;
    padding: 0.15rem
}

.address .address__text {
    margin: 0
}

.address .address__text--mail {
    padding-top: 0.15rem
}

.address--account .address__text--name {
    font-weight: 700
}

.address--account .address__text--space {
    padding: 0.15rem 0
}

.banner-homepage {
    overflow: hidden;
    position: relative
}

.banner-homepage:hover .banner-homepage__image .image__src {
    transform: scale(1.05)
}

.banner-homepage__image {
    background-position: 50%;
    background-size: cover;
    height: 1.8rem;
    overflow: hidden;
    position: relative
}

@media (min-width:768px) {
    .banner-homepage__image {
        height: 3.8600000000000003rem
    }
}

.banner-homepage__image .image__src {
    height: inherit;
    left: 50%;
    max-height: 100%;
    max-width: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: transform .3s ease-in-out;
    width: auto
}

@supports ((-o-object-fit:cover) or (object-fit:cover)) {
    .banner-homepage__image .image__src {
        height: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        top: 0;
        transform: none;
        width: 100%
    }
}

.banner-homepage__inner {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

@media (min-width:768px) {
    .banner-homepage__inner {
        align-items: center;
        display: flex;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }
}

@media (min-width:1200px) {
    .banner-homepage__inner {
        max-width: 13.7rem
    }
}

.banner-homepage__box {
    background: hsla(0, 0%, 100%, .8);
    padding: 0.25rem 0
}

@media (min-width:768px) {
    .banner-homepage__box {
        max-width: 4rem;
        padding: 0.25rem
    }
}

.banner-homepage__subheadline {
    margin-top: 0.25rem
}

.banner-homepage__description {
    line-height: 0.22000000000000003rem
}

.banner-homepage__action {
    margin-top: 0.1rem
}

@media (min-width:768px) {
    .banner-homepage__action {
        display: inline-block;
        position: relative;
        z-index: 1
    }
}

.banner-homepage__background-link {
    display: none
}

@media (min-width:768px) {
    .banner-homepage__background-link {
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }
}

.banner-teaser {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    width: 100%
}

@media (min-width:1200px) {
    .banner-teaser {
        max-width: 13.7rem
    }
}

.banner-teaser:hover .banner-teaser__image img {
    transform: scale(1.05)
}

.banner-teaser__content {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    width: 100%
}

.banner-teaser__image {
    height: 100%;
    overflow: hidden;
    width: 100%
}

.banner-teaser__image img {
    transition: transform .3s ease-in-out
}

.banner-teaser__image--half {
    min-height: 3.4rem
}

@media (min-width:576px) {
    .banner-teaser__image--half {
        min-height: 4.8rem
    }
}

@media (min-width:992px) {
    .banner-teaser__image--half {
        min-height: 6rem
    }
}

.banner-teaser__image--quarter {
    min-height: 1.7rem
}

@media (min-width:576px) {
    .banner-teaser__image--quarter {
        min-height: 2.4rem
    }
}

@media (min-width:768px) {
    .banner-teaser__image--quarter {
        min-height: 3rem
    }
}

.banner-teaser__image--two-thirds {
    min-height: 1.7rem
}

@media (min-width:576px) {
    .banner-teaser__image--two-thirds {
        min-height: 2.4rem
    }
}

@media (min-width:768px) {
    .banner-teaser__image--two-thirds {
        min-height: 3rem
    }
}

.banner-teaser__image--third {
    min-height: 1.7rem
}

@media (min-width:576px) {
    .banner-teaser__image--third {
        min-height: 2.4rem
    }
}

@media (min-width:768px) {
    .banner-teaser__image--third {
        min-height: 3rem
    }
}

.banner-teaser__head {
    left: 0;
    padding: 0.15rem 0.3rem 0.05rem 0.15rem;
    position: absolute;
    top: 0;
    width: 100%
}

.banner-teaser__subtitle {
    font-weight: 700;
    margin-bottom: 0.1rem;
    padding-left: 0.1rem
}

.banner-teaser__subtitle-headline {
    margin: 0.1rem 0
}

.banner-teaser__title {
    font-size: 0.21000000000000002rem
}

.ie11 .banner-teaser__title .headline--h1 {
    margin-top: 0
}

.banner-teaser__action {
    background: #fff;
    bottom: 0;
    padding: 0.05rem 0.3rem 0.05rem 0.1rem;
    position: absolute;
    right: 0;
    width: auto
}

.banner-teaser__link {
    margin-top: 0
}

.banner {
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%
}

.banner:hover .banner__image img {
    transform: scale(1.05)
}

.banner--invert {
    color: #fff
}

.banner--overlay .banner__image-overlay {
    background-color: #134180;
    background-image: linear-gradient(180deg, #2061ae -10%, #134180);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: .8;
    position: absolute;
    top: 0;
    width: 100%
}

@supports (mix-blend-mode:multiply) {
    .banner--overlay .banner__image-overlay {
        mix-blend-mode: multiply;
        opacity: 1
    }
}

.banner__background,
.banner__image {
    position: relative
}

.banner__image {
    overflow: hidden
}

.banner__description {
    font-size: 0.15rem;
    line-height: 0.24rem
}

.banner__action {
    margin-left: 0.1rem;
    margin-right: 0.1rem
}

@media (min-width:768px) {
    .banner__action {
        display: inline-block;
        position: relative;
        z-index: 2
    }
}

.banner__image img {
    transition: transform .3s ease-in-out
}

.banner--text-centered {
    padding: 1rem 0.15rem
}

.banner--text-centered .banner__background {
    background-color: #134180;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.banner--text-centered .banner__image {
    height: 100%;
    width: 100%
}

.banner--text-centered .banner__image .image__src {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

@supports ((-o-object-fit:cover) or (object-fit:cover)) {
    .banner--text-centered .banner__image .image__src {
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        position: relative;
        top: 0;
        transform: none
    }
}

.banner--text-centered .banner__inner {
    position: relative;
    text-align: center
}

.banner--text-centered .banner__content {
    margin: 0 auto;
    max-width: 6.76rem
}

.banner--text-centered .banner__action {
    margin-top: 0.4rem
}

.banner--content-box {
    align-items: flex-start;
    border-color: #e5e5e8;
    border-style: solid none;
    border-width: 1px;
    display: flex;
    flex-direction: column
}

@media (min-width:768px) {
    .banner--content-box {
        align-items: unset;
        border-style: solid;
        flex-direction: row
    }
}

.banner--content-box .banner__background {
    width: 100%
}

@media (min-width:768px) {
    .banner--content-box .banner__background {
        order: 2;
        width: 50%
    }
}

@media (min-width:1200px) {
    .banner--content-box .banner__background {
        width: 66.6666666667%
    }

    .ie11 .banner--content-box .banner__background {
        height: 100%;
        left: 33.3333333333%;
        position: absolute;
        top: 0
    }
}

@media (min-width:768px) {
    .banner--content-box .banner__image {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }
}

.banner--content-box .banner__img-element {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.banner--content-box .banner__img-element.image__uninitialized {
    height: 1px;
    min-height: auto
}

@media (max-width:767.98px) {
    .banner--content-box .banner__img-element {
        position: static
    }
}

.banner--content-box .banner__inner {
    width: 100%
}

@media (min-width:768px) {
    .banner--content-box .banner__inner {
        order: 1;
        width: 50%
    }
}

@media (min-width:1200px) {
    .banner--content-box .banner__inner {
        width: 33.3333333333%
    }
}

.banner--content-box .banner__content {
    background: #fff;
    padding: 0.15rem
}

@media (min-width:768px) {
    .banner--content-box .banner__content {
        padding: 0.3rem
    }
}

.banner--content-box .banner__headline {
    font-family: Oswald, Avenir Next Condensed Medium, Arial Narrow, sans-serif;
    font-size: 0.21000000000000002rem;
    letter-spacing: .1em;
    line-height: 0.27999999999999997rem;
    text-transform: uppercase
}

.banner--content-box .banner__subheadline {
    margin: 0.1rem
}

.banner--content-box .banner__description {
    margin-left: 0.1rem;
    margin-top: 0.3rem
}

.banner--content-box .banner__action {
    margin-top: 0.3rem
}

@media (min-width:1200px) {
    .banner--use-grid {
        background: #fff;
        height: auto
    }

    .banner--use-grid:first-child {
        margin-bottom: 0.2rem;
        margin-right: 0 !important
    }

    .banner--use-grid:first-child .banner__background {
        width: 74.6268656716% !important
    }

    .banner--use-grid:first-child .banner__inner {
        width: 25.3731343284% !important
    }

    .banner--use-grid:nth-child(2) {
        margin-right: 0.1rem !important;
        width: calc(50% - 0.1rem) !important
    }

    .banner--use-grid:nth-child(3) {
        margin-left: 0.1rem;
        margin-right: 0 !important;
        width: calc(50% - 0.1rem) !important
    }

    .banner--use-grid .banner__background {
        left: 0 !important;
        position: relative !important;
        width: 48.4848484848% !important
    }

    .banner--use-grid .banner__inner {
        width: 51.5151515152% !important
    }

    .banner--use-grid:nth-child(n+2) .banner__description {
        display: none
    }
}

.breadcrumb {
    align-items: center;
    color: #606068;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0.15rem auto 0.24rem;
    min-height: 0.42000000000000004rem;
    padding: 0.05rem 0.15rem;
    width: 100%
}

@media (max-width:767.98px) {
    .breadcrumb {
        margin-bottom: 0.15rem
    }
}

@media (min-width:1200px) {
    .breadcrumb {
        max-width: 13.7rem
    }
}

.breadcrumb__title {
    color: inherit;
    font-size: 0.12rem
}

.breadcrumb__title--detail {
    color: #1d1d1d
}

.breadcrumb__link {
    text-decoration: none
}

.breadcrumb__link:hover {
    color: #1d1d1d
}

.breadcrumb__separator {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4.56' height='8.054'%3E%3Cpath fill='none' stroke='%23606068' d='M.364.345 3.87 4.022.362 7.709'/%3E%3C/svg%3E");
    font-size: 0.12rem;
    height: 0.08rem;
    margin: 0 0.05rem;
    width: 0.05rem
}

.breadcrumb__back {
    display: none;
    margin-right: 0.1rem
}

.breadcrumb__back.breadcrumb__back-always {
    display: list-item
}

.breadcrumb__back a {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.368' height='14.364'%3E%3Cdefs%3E%3Cstyle%3E.a{fill:none;stroke:%232061ae;stroke-width:2px}%3C/style%3E%3C/defs%3E%3Cpath d='M7.426.682 4.394 3.93 1.367 7.172l6.061 6.51M21.367 7.187l-20-.015' class='a'/%3E%3C/svg%3E");
    background-position: 0 50%;
    background-repeat: no-repeat;
    display: inline-block;
    height: 0.32rem;
    text-indent: -100000px;
    width: 0.32rem
}

.breadcrumb__back:after {
    background: #606068;
    content: "";
    display: block;
    float: right;
    height: 0.22000000000000003rem;
    margin-top: 0.05rem;
    width: 0.01rem
}

@media (max-width:1199.98px) {

    .breadcrumb__entry:not(.breadcrumb__entry--back-link),
    .breadcrumb__separator {
        display: none
    }

    .breadcrumb__back {
        display: list-item
    }
}

.category-select {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 auto;
    max-width: 13.7rem;
    padding: 0.3rem 0.15rem 0
}

.category-select li {
    flex-grow: 0;
    flex-shrink: 0;
    padding-bottom: 10px;
    padding-right: 10px
}

.category-select li .phaina-button:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.611' height='25.6'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.7' data-name='icon sign post'%3E%3Cpath d='M10.806 18.276v6.474' data-name='line 03'/%3E%3Cpath d='M10.862 8.35v2.968' data-name='line 02'/%3E%3Cpath d='M10.806.85v1' data-name='line 01'/%3E%3Cpath stroke-linejoin='round' d='M10.261 11.967h6.789v5.711H4.54L.85 14.815l3.69-2.848z' data-name='sign left'/%3E%3Cpath stroke-linejoin='round' d='M4.556 8h12.515l3.69-2.863-3.69-2.848H4.556Z' data-name='sign right'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 0.25rem;
    transform: translate(-25%, 25%);
    visibility: unset;
    width: 0.22000000000000003rem
}

@media (max-width:991.98px) {
    .category-select {
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: visible;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .category-select::-webkit-scrollbar {
        display: none
    }
}

.category-teaser {
    border-bottom: 1px solid #d5d5d8;
    padding: 0.05rem 0
}

.category-teaser:hover .category-teaser__image img {
    transform: scale(1.05)
}

@media (min-width:768px) {
    .category-teaser {
        border-bottom: 0;
        padding: 0.1rem 0
    }
}

@media (min-width:992px) {
    .category-teaser {
        padding: 0.2rem 0
    }
}

.category-teaser__image,
.category-teaser__subcategories {
    display: none
}

@media (min-width:768px) {

    .category-teaser__image,
    .category-teaser__subcategories {
        display: block
    }
}

.category-teaser__image {
    overflow: hidden;
    position: relative
}

.category-teaser__image img {
    transition: transform .3s ease-in-out
}

.category-teaser__category-name {
    left: 0.2rem;
    position: absolute;
    top: 0.2rem
}

.category-teaser__category-name span {
    background: #2061ae;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: #fff;
    font-family: Oswald, Avenir Next Condensed Medium, Arial Narrow, sans-serif;
    font-size: 0.21000000000000002rem;
    letter-spacing: .1em;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
    text-transform: uppercase
}

.category-teaser__subcategories {
    font-size: 0.15rem;
    line-height: 0.25rem
}

@media (max-width:767.98px) {
    .category-teaser__link {
        border: 0;
        color: inherit;
        display: block;
        font-family: Roboto, Arial, Helvetica, sans-serif;
        font-size: 0.13rem;
        font-weight: 400;
        margin: 0 0.15rem 0 0
    }

    .category-teaser__link:hover {
        border: 0
    }

    .category-teaser__link--mobile {
        padding: 0.16999999999999998rem 0
    }
}

@media (min-width:768px) {

    .category-teaser__link--missing-label,
    .category-teaser__mobile-link {
        display: none
    }
}

.category-teaser__link-label {
    display: none
}

@media (min-width:768px) {
    .category-teaser__link-label {
        display: inline
    }
}

@media (max-width:767.98px) {
    .category-teaser .text-link__arrow {
        top: 0.16999999999999998rem
    }
}

.cms-table {
    overflow-x: auto;
    text-align: left;
    width: 100%
}

.cms-table__head {
    background: #e0e8ef
}

.cms-table__row:nth-child(2n) {
    background: #f5f5f8
}

.cms-table__data {
    width: 100%
}

.cms-table__item-head {
    font-family: Oswald, Avenir Next Condensed Medium, Arial Narrow, sans-serif;
    font-weight: 400;
    letter-spacing: .1em;
    padding: 0.1rem;
    text-transform: uppercase
}

.cms-table__item {
    line-height: 0.22000000000000003rem;
    padding: 0.1rem
}

.cms-table--pro .cms-table__item:before {
    color: #2d8745;
    content: "+ "
}

.cms-table--con .cms-table__item:before {
    color: #c10040;
    content: "- "
}

.company-button {
    background: none;
    border-bottom: 5px solid transparent;
    color: inherit;
    display: block;
    font-size: inherit;
    font-weight: 700;
    height: 0.4rem;
    line-height: 0.4rem;
    margin-left: 0.3rem;
    padding-right: 0;
    text-decoration: none
}

.company-button--active {
    border-color: #2061ae
}

.contact-bar {
    background: #e0e8ef;
    padding: 0.5rem 0
}

@media (min-width:1200px) {
    .contact-bar {
        padding: 0.3rem 0
    }
}

.contact-bar__inner {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

@media (min-width:1200px) {
    .contact-bar__inner {
        align-items: center;
        display: flex;
        justify-content: space-between;
        max-width: 11.14rem
    }
}

.contact-bar__description {
    display: none
}

@media (min-width:768px) {
    .contact-bar__description {
        display: block;
        float: left;
        width: 63%
    }
}

@media (min-width:1200px) {
    .contact-bar__description {
        flex: 0 0 auto;
        width: 3.3rem
    }
}

.contact-bar__headline {
    color: #2061ae;
    font-size: 0.21000000000000002rem;
    margin-bottom: 0.2rem
}

.contact-bar__text {
    font-size: 0.15rem;
    line-height: 0.22000000000000003rem
}

@media (min-width:768px) {

    .contact-bar__action,
    .contact-bar__hotline {
        float: right;
        width: calc(37% - 0.2rem)
    }
}

@media (min-width:1200px) {

    .contact-bar__action,
    .contact-bar__hotline {
        display: inline-block;
        width: auto
    }
}

.contact-bar__action {
    margin-top: 0.3rem
}

@media (min-width:768px) {
    .contact-bar__action {
        margin-top: 0.2rem;
        max-width: 3rem;
        min-width: 2rem
    }
}

@media (min-width:1200px) {
    .contact-bar__action {
        margin: 0
    }
}

.contact-box__background {
    display: none
}

.contact-box__background .image {
    height: 100%;
    width: 100%
}

.contact-box__head {
    position: relative
}

.contact-box__subtitle {
    margin-bottom: 0.1rem;
    padding: 0 0.1rem
}

.contact-box__title {
    font-size: 0.21000000000000002rem;
    margin-right: 0.15rem
}

.contact-box__content {
    background: linear-gradient(180deg, #2061ae 0, #2061ae);
    padding: 0.15rem;
    position: relative
}

.contact-box__action {
    background: #fff;
    bottom: 0;
    padding: 0.05rem 0.3rem 0.05rem 0.1rem;
    position: absolute;
    right: 0
}

@media (min-width:768px) {
    .contact-box--storyblok .contact-box__background {
        display: block;
        height: auto;
        min-height: 2rem;
        padding: 0.2rem;
        position: relative
    }
}

@media (min-width:992px) {
    .contact-box--storyblok .contact-box__background {
        min-height: 2.5rem
    }
}

@media (min-width:768px) {
    .contact-box--storyblok .contact-box__content {
        padding: 0.25rem
    }
}

@media (min-width:1200px) {
    .contact-box--detail .contact-box__background {
        display: block;
        height: auto;
        min-height: 2rem;
        padding: 0.2rem;
        position: relative
    }

    .contact-box--detail .contact-box__content {
        padding: 0.25rem
    }
}

.ct-suggest {
    background: #fff;
    box-shadow: 0 9999px 0 9990px rgba(0, 0, 0, .3);
    left: 0;
    margin-left: 0.3rem;
    padding: 0.2rem;
    position: absolute;
    right: 0
}

.ct-suggest__search-term--bold {
    font-weight: 500
}

.ct-suggest__search-term--normal {
    font-weight: 400
}

.ct-suggest--show {
    display: block
}

.ct-suggest--hide {
    display: none
}

.description__inner {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

@media (min-width:1200px) {
    .description__inner {
        max-width: 13.7rem
    }
}

.description--no-spacing .description__inner {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.description__text {
    font-size: 0.15rem;
    margin-bottom: 0.15rem
}

.description__text ol {
    padding-left: 0.1rem
}

.description__text li {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='18' fill='none'%3E%3Cpath fill='%232061ae' d='M23.77.254c-.3-.3-.82-.31-1.13 0L7.61 16.044l-6.24-7.31h-.01a.76.76 0 0 0-.57-.25c-.21 0-.4.08-.55.22-.15.15-.24.34-.24.55s.07.41.21.55l6.81 7.93c.15.15.35.24.57.24.21 0 .41-.08.56-.24l15.62-16.36c.15-.15.23-.35.23-.56s-.08-.41-.23-.56'/%3E%3C/svg%3E");
    background-position: left 2px;
    background-repeat: no-repeat;
    list-style: none;
    padding-left: 0.15rem;
    position: relative
}

.description__text--listing-top {
    margin-bottom: 0.05rem;
    max-width: 10.24rem
}

.description__text--listing-top p {
    margin-bottom: 0
}

.description--listing-top {
    padding-bottom: 0.3rem;
    padding-top: 0.1rem
}

.download-table {
    border: 0;
    border-collapse: collapse;
    display: table;
    width: 100%
}

@media (max-width:767.98px) {

    .download-table,
    .download-table tbody {
        display: block
    }
}

.download-table__row:nth-child(odd) {
    background: #f5f5f8
}

@media (max-width:767.98px) {
    .download-table__row {
        display: flex;
        flex-wrap: wrap;
        padding: 0.05rem 0
    }
}

.download-table__item {
    padding: 0.05rem 0.1rem
}

@media (max-width:767.98px) {
    .download-table__item {
        width: 50%
    }
}

.download-table__item--id {
    display: none
}

@media (max-width:767.98px) {
    .download-table__item--type {
        width: 100%
    }
}

.download-table__item--size,
.download-table__item--src {
    text-align: right
}

@media (max-width:767.98px) {
    .download-table__item--size {
        display: none
    }
}

.download-table__download--icon {
    color: #134180;
    font-weight: 500
}

.download-table__download--icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cdefs%3E%3Cstyle%3E.a{fill:%232061ae}%3C/style%3E%3C/defs%3E%3Cpath d='M6.696 0v7.935H5.432V0z' class='a'/%3E%3Cpath d='m1.955 5.057 4.129 2.788 4.128-2.788v1.428L6.084 9.272 1.955 6.485ZM0 10.85h12V12H0z' class='a'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 0.13rem;
    margin-right: 0.1rem;
    width: 0.1rem
}

.dropdown-wrapper {
    display: inline-block;
    position: relative;
    width: auto
}

@media (max-width:767.98px) {
    .dropdown-wrapper {
        width: 100%
    }
}

.dropdown-wrapper--filter-bar .dropdown-wrapper__label {
    display: none
}

@media (min-width:768px) {
    .dropdown-wrapper--filter-bar .dropdown-wrapper__label {
        display: block
    }

    .dropdown-wrapper--filter-bar {
        display: inline-block
    }

    .dropdown-wrapper--filter-bar:hover {
        box-shadow: none
    }
}

.dropdown-wrapper__label {
    border: 1px solid #e5e5e8;
    cursor: pointer;
    display: block;
    height: 0.48rem;
    padding: 0.15rem 0.4rem 0.15rem 0.1rem;
    position: relative
}

.dropdown-wrapper__label:after {
    background-repeat: no-repeat;
    content: "";
    height: 0.2rem;
    position: absolute;
    right: 0.15rem;
    top: 0.15rem;
    width: 0.2rem
}

@media (max-width:767.98px) {
    .dropdown-wrapper__label {
        display: none
    }
}

.dropdown-wrapper__trigger {
    display: none
}

.dropdown-wrapper__trigger:focus-visible+label {
    outline: 2px solid #499add;
    outline-offset: 2px
}

.dropdown-wrapper__sorts {
    background-color: #fff;
    min-width: -moz-max-content;
    min-width: max-content;
    position: absolute;
    top: -10px;
    width: 100%
}

@media (min-width:768px) {
    .dropdown-wrapper__sorts {
        border-left: 1px solid #e5e5e8;
        border-right: 1px solid #e5e5e8;
        box-shadow: 0 -1px 6px -4px rgba(0, 0, 0, .69);
        display: none;
        top: auto
    }
}

.dropdown-wrapper__sorts a {
    border-bottom: 1px solid #e5e5e8;
    cursor: pointer;
    display: block;
    padding: 0.15rem;
    text-align: left;
    width: 100%
}

.dropdown-wrapper__sorts a:hover {
    background-color: #2061ae;
    color: #fff
}

.dropdown-wrapper__sorts--active {
    font-weight: 500
}

.dropdown-wrapper__trigger:checked~.dropdown-wrapper__sorts {
    display: block;
    z-index: 10
}

.dropdown-wrapper__trigger:checked~.dropdown-wrapper__label {
    background-color: #fff;
    border-bottom: 1px #fff;
    box-shadow: 0 -5px 11px -4px rgba(0, 0, 0, .16);
    position: relative;
    z-index: 11
}

.dropdown-wrapper--filter,
.dropdown-wrapper--sort {
    margin-bottom: 0.1rem;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.dropdown-wrapper--filter .dropdown-wrapper__sorts,
.dropdown-wrapper--sort .dropdown-wrapper__sorts {
    border: 1px solid #e5e5e8;
    box-shadow: 0 -1px 6px -4px rgba(0, 0, 0, .69);
    display: none;
    max-width: 200px;
    top: unset
}

.dropdown-wrapper--filter .dropdown-wrapper__label,
.dropdown-wrapper--sort .dropdown-wrapper__label {
    display: block
}

.expert-advice-trigger {
    background: #f5f5f8;
    color: #134180;
    margin-bottom: 0.05rem;
    padding: 0.1rem;
    position: relative;
    width: 100%
}

@media (min-width:992px) {
    .expert-advice-trigger {
        background: none;
        display: flex;
        margin-bottom: 0;
        width: auto
    }
}

.expert-advice-trigger__phone {
    align-items: center;
    color: #134180;
    display: flex;
    margin-right: 0.2rem
}

.expert-advice-trigger__phone .hotline__phone-number {
    color: #134180;
    padding: 0.1rem 0
}

.expert-advice-trigger__phone:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23134180' d='m15.61 12.28-2.09-2.08c-.49-.47-1.24-.53-1.78-.13l-1.3.91c-.26-.1-1.08-.55-3-2.47Q6.39 7.49 5.46 6.32c-.11-.14-.21-.28-.31-.43-.07-.11-.13-.21-.17-.33l.89-1.3c.4-.55.34-1.31-.14-1.8L3.63.39C3.16-.08 2.42-.13 1.89.28L.98.99c-.11.09-.21.19-.3.31-.93 1.3-.92 2.99.04 5.02.95 2.02 2.61 3.9 3.84 5.13 1.49 1.55 3.22 2.83 5.13 3.82.86.45 1.84.7 2.86.74.8 0 1.58-.27 2.21-.76.08-.07.17-.16.26-.27l.7-.95c.4-.53.35-1.28-.11-1.74zm-5.52 2.15c-1.81-.95-3.45-2.17-4.87-3.65-1.69-1.7-2.96-3.38-3.66-4.86-.8-1.71-.84-3.09-.14-4.07l.02-.02s.08-.09.13-.12l.89-.7c.07-.06.16-.09.26-.09s.2.04.27.11l2.09 2.08c.16.16.18.41.04.6L4.11 5.18l-.04.03v.08a.97.97 0 0 0 .12.81l.4.61.15.21c.63.8 1.32 1.57 2.06 2.28 1.14 1.14 2.07 1.93 2.75 2.37.52.33.9.45 1.12.36h.08l1.54-1.1c.18-.13.43-.11.59.04l2.1 2.09c.14.14.16.36.04.52l-.72.94s-.05.06-.09.09c-.98.76-2.37.73-4.1-.09z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23134180' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 0.16rem;
    margin-right: 0.05rem;
    width: 0.16rem
}

@media (max-width:991.98px) {
    .expert-advice-trigger__phone {
        justify-content: center;
        width: 100%
    }

    .expert-advice-trigger__phone:before {
        background: none
    }

    .expert-advice-trigger__phone .hotline__phone-number {
        padding: 0
    }
}

.expert-advice-trigger__phone .hotline__title {
    padding-right: 0.05rem
}

.expert-advice-trigger__open {
    align-items: center;
    color: inherit;
    display: flex;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: inherit;
    font-weight: 700;
    letter-spacing: normal;
    margin: auto;
    padding: 0.1rem 0
}

@media (min-width:992px) {
    .expert-advice-trigger__open {
        margin-right: 0.2rem
    }

    .expert-advice-trigger__open:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' fill='none'%3E%3Cpath fill='%23134180' d='M15.1.5H.9c-.49 0-.9.386-.9.87v9.27c0 .474.4.87.9.87h14.21c.49 0 .9-.387.9-.87V1.37c0-.474-.4-.87-.9-.87zm.04 1.449v8.054l-4.36-4.027zM1.57 10.612l4.34-4.008.53.492c.86.802 2.27.802 3.13 0l.53-.492 4.34 4.007zM14.44 1.35l-5.52 5.1a1.37 1.37 0 0 1-1.84 0l-5.51-5.1zM5.23 5.976.87 10.013V1.949z'/%3E%3C/svg%3E");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: inline-block;
        font-weight: 400;
        height: 0.16rem;
        margin-right: 0.05rem;
        width: 0.16rem
    }
}

.expert-advice-trigger__label {
    margin-right: 0.05rem;
    text-transform: none
}

.expert-advice-trigger__hide {
    position: absolute;
    right: 0.1rem;
    top: 20%
}

@media (min-width:992px) {
    .expert-advice-trigger__hide {
        display: none
    }
}

.expert-advice-trigger--hidden-mobile {
    display: none
}

@media (min-width:992px) {
    .expert-advice-trigger--hidden-mobile {
        display: flex
    }
}

.filter-active__active-facets {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    padding: 0.2rem 0;
    width: 100%
}

.filter-active__active-facets--hidden {
    display: none
}

.filter-active__active-facet-text {
    display: inline-block;
    font-weight: 700;
    margin-right: 0.1rem;
    padding: 0.05rem 0
}

.filter-active__link {
    align-items: center;
    border: 1px solid #2061ae;
    border-radius: 3px;
    color: #2061ae;
    display: inline-flex;
    margin-bottom: 0.1rem;
    margin-right: 0.1rem;
    padding: 0.05rem 0.1rem;
    text-decoration: none
}

.filter-active__link--reset {
    border-color: #d5d5d8;
    color: #1d1d1d
}

.filter-active__link--reset .filter-active__close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23clip0_319_1947)'%3E%3Cpath fill='%231d1d1d' d='M15.8 14.8 9.12 7.98l6.64-6.78c.18-.18.2-.39.2-.5s-.03-.32-.2-.5a.7.7 0 0 0-.5-.21.7.7 0 0 0-.5.21L8.12 6.97 1.49.21a.69.69 0 0 0-.99 0 .7.7 0 0 0-.2.5c0 .11.03.32.2.5l6.64 6.78L.46 14.8a.7.7 0 0 0-.2.5c0 .11.03.32.2.5.18.18.39.21.5.21s.32-.03.5-.21L8.13 9l6.67 6.81c.18.18.39.21.5.21s.32-.03.5-.21.2-.39.2-.5-.03-.32-.2-.5z'/%3E%3C/g%3E%3C/svg%3E")
}

.filter-active__close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23clip0_319_1947)'%3E%3Cpath fill='%232061ae' d='M15.8 14.8 9.12 7.98l6.64-6.78c.18-.18.2-.39.2-.5s-.03-.32-.2-.5a.7.7 0 0 0-.5-.21.7.7 0 0 0-.5.21L8.12 6.97 1.49.21a.69.69 0 0 0-.99 0 .7.7 0 0 0-.2.5c0 .11.03.32.2.5l6.64 6.78L.46 14.8a.7.7 0 0 0-.2.5c0 .11.03.32.2.5.18.18.39.21.5.21s.32-.03.5-.21L8.13 9l6.67 6.81c.18.18.39.21.5.21s.32-.03.5-.21.2-.39.2-.5-.03-.32-.2-.5z'/%3E%3C/g%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    display: inline-block;
    float: right;
    height: 0.15rem;
    margin: 0.01rem 0 0 0.05rem;
    pointer-events: none;
    width: 0.15rem
}

.filter-vue__button {
    background-color: #fff;
    border: 1px solid #e5e5e8;
    cursor: pointer;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 0.15rem;
    font-weight: 400;
    margin: 0 0.2rem 0.1rem 0;
    padding: 0.15rem 0.3rem 0.15rem 0.1rem;
    position: relative
}

@media (max-width:767.98px) {
    .filter-vue__button {
        margin-bottom: 0;
        width: 100%
    }
}

.filter-vue__button--open {
    border-bottom: none;
    box-shadow: 0 -5px 11px -4px rgba(0, 0, 0, .16);
    z-index: 21
}

.filter-vue__button--selected {
    font-weight: 700
}

.filter-vue__button:after {
    background: #fff 50% no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.371' height='9.499'%3E%3Cpath fill='%231d1d1d' stroke='%231d1d1d' stroke-width='.75' d='M12.336.534a.387.387 0 1 1 .547.547l-5.922 5.93a.386.386 0 0 1-.547 0L.488 1.081a.387.387 0 0 1 .547-.547L6.687 6.19Z'/%3E%3C/svg%3E");
    background-size: 0.15rem auto;
    content: "";
    display: block;
    height: 0.1rem;
    position: absolute;
    right: 0.1rem;
    top: 0.2rem;
    transition: transform .4s linear;
    width: 0.2rem
}

@media (min-width:768px) {
    .filter-vue__button:after {
        background-size: 1em auto;
        height: 0.1rem;
        right: 0.04rem;
        top: calc(50% - 0.05rem);
        width: 0.2rem
    }
}

.filter-vue__dropdown {
    position: relative
}

.filter-vue__dropdown--desktop {
    padding-bottom: 0.1rem
}

.filter-vue__dropdown--desktop .filter-vue__button {
    border: 1px solid #e5e5e8
}

.filter-vue__option {
    list-style: none;
    padding: 0.1rem
}

.filter-vue__flyout {
    background: #fff;
    border: 1px solid #e5e5e8;
    box-shadow: 0 -1px 7px -4px rgba(0, 0, 0, .69);
    display: inline-block;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    left: 0;
    min-width: 2.5rem;
    overflow-x: hidden;
    position: absolute;
    top: 48px;
    z-index: 20
}

.filter-vue__flyout ul {
    margin: 0;
    max-height: 2.1rem;
    overflow-x: hidden;
    padding: 0
}

.filter-vue__flyout-reset {
    border-top: 1px solid #e5e5e8;
    cursor: pointer;
    font-size: 0.15rem;
    padding: 0.15rem 0.1rem 0.15rem 0.3rem;
    text-align: left;
    width: 100%
}

.filter-vue__flyout-reset:before {
    content: " ×";
    font-size: 0.21000000000000002rem;
    margin-right: 0.05rem;
    vertical-align: middle
}

.filter-vue__flyout-label {
    vertical-align: top;
    word-break: break-word
}

.filter-panel {
    position: relative;
    width: 100%
}

.filter-panel__input-flyout {
    opacity: 0;
    position: absolute
}

.filter-panel__input-flyout:focus-within+label {
    border-radius: 0;
    outline: 2px solid #499add;
    outline-offset: 2px
}

.filter-panel__flyout {
    display: none;
    max-width: 4rem
}

@media (max-width:767.98px) {
    .filter-panel__flyout {
        display: block
    }
}

@media (max-width:991.98px) {
    .filter-panel__flyout {
        max-height: 0;
        overflow: hidden;
        transition: max-height .5s ease-out
    }

    input[type=checkbox]:checked~.filter-panel__flyout {
        max-height: 2200px;
        overflow-y: auto;
        transition: max-height .65s ease-in
    }
}

@media (min-width:768px) {
    .filter-panel__flyout .filter-panel__option--slider {
        max-width: 2.5rem
    }

    @supports ((width:-moz-max-content) or (width:max-content)) {
        .filter-panel__flyout {
            min-width: 100%;
            width: -moz-max-content;
            width: max-content
        }
    }

    input[type=checkbox]:checked~.filter-panel__flyout {
        background: #fff;
        border: 1px solid #e5e5e8;
        box-shadow: 0 -1px 7px -4px rgba(0, 0, 0, .69);
        display: inline-block;
        left: 0;
        min-width: 2.5rem;
        overflow-x: hidden;
        position: absolute;
        top: 0.4rem;
        width: 100%;
        z-index: 10
    }
}

.filter-panel__close,
.filter-panel__headline {
    font-family: Oswald, Avenir Next Condensed Medium, Arial Narrow, sans-serif;
    font-size: 0.18rem;
    font-weight: 400;
    letter-spacing: .1em;
    padding-left: 0.15rem;
    text-transform: uppercase
}

.filter-panel__close--filter,
.filter-panel__headline--filter {
    padding-top: 0.08rem
}

.filter-panel__close--label-filter,
.filter-panel__headline--label-filter {
    padding-right: 0.15rem
}

.filter-panel__title {
    background: #fff 50% no-repeat;
    border-bottom: 1px solid #e5e5e8;
    display: block;
    font-size: inherit;
    padding: 0.15rem 0.3rem 0.15rem 0.1rem;
    width: 100%
}

@media (max-width:991.98px) {
    input[type=checkbox]:checked~.filter-panel__title {
        border-bottom: 1px solid #fff;
        transition: border-bottom .1s ease-in
    }
}

@media (min-width:768px) {
    .filter-panel__title {
        border: 1px solid #e5e5e8;
        border-radius: 3px
    }
}

.filter-panel__title:hover {
    cursor: pointer
}

.filter-panel__title:after {
    background: #fff 50% no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.371' height='9.499'%3E%3Cpath fill='%231d1d1d' stroke='%231d1d1d' stroke-width='.75' d='M12.336.534a.387.387 0 1 1 .547.547l-5.922 5.93a.386.386 0 0 1-.547 0L.488 1.081a.387.387 0 0 1 .547-.547L6.687 6.19Z'/%3E%3C/svg%3E");
    background-size: 0.15rem auto;
    content: "";
    display: block;
    height: 0.1rem;
    position: absolute;
    right: 0.1rem;
    top: 0.2rem;
    transition: transform .4s linear;
    width: 0.2rem
}

@media (min-width:768px) {
    .filter-panel__title:after {
        background-size: 1em auto;
        height: 0.1rem;
        right: 0.04rem;
        top: calc(50% - 0.05rem);
        width: 0.2rem
    }
}

.filter-panel__title--selected {
    font-weight: 700
}

input[type=checkbox]:checked~.filter-panel__title {
    position: relative;
    z-index: 11
}

@media (min-width:768px) {
    input[type=checkbox]:checked~.filter-panel__title {
        border-bottom-width: 0;
        box-shadow: 0 -5px 11px -4px rgba(0, 0, 0, .16);
        height: 0.42000000000000004rem
    }
}

input[type=checkbox]:checked~.filter-panel__title:after {
    transform: rotate(180deg)
}

@media (min-width:768px) {
    .filter-panel__options {
        max-height: 2.1rem;
        min-width: 2.5rem;
        overflow: auto
    }
}

.filter-panel__option-list {
    padding: 0 0.1rem
}

@media (max-width:767.98px) {
    input[type=checkbox]~.filter-panel__flyout .filter-panel__option-list {
        border-bottom: 1px solid #e5e5e8;
        margin: 0;
        padding: 0 0.1rem 0.1rem
    }
}

.filter-panel__option {
    list-style: none;
    min-height: 0.35rem
}

@media (max-width:767.98px) {
    .filter-panel__option:nth-child(n+7) {
        display: none
    }
}

.filter-panel__option--slider {
    height: 0.8rem;
    min-width: 2rem
}

.filter-panel__label {
    display: flex;
    line-height: 0.22999999999999998rem
}

@media (max-width:767.98px) {
    .filter-panel__label {
        background: #fff 50% no-repeat;
        font-size: inherit;
        line-height: 0.2rem;
        padding: 0.1rem 0.3rem 0.1rem 0;
        width: 100%
    }
}

.filter-panel__input,
.filter-panel__label-name {
    display: block
}

.filter-panel .input[type=checkbox] {
    margin: 0.02rem 0.08rem 0.02rem 0
}

.filter-panel__label-name {
    padding-bottom: 0.02rem;
    width: calc(100% - 0.2rem)
}

@media (min-width:768px) {
    .filter-panel__label-name {
        word-break: break-word
    }

    .filter-panel__reset-filter-div {
        position: sticky;
        width: 100%
    }
}

@media (max-width:767.98px) {
    .filter-panel__reset-filter-div {
        background: #fff;
        border-top: 1px solid #e5e5e8;
        bottom: 0;
        display: none;
        left: 0;
        padding: 0.05rem 0.15rem 0.1rem;
        position: absolute;
        width: 100%
    }
}

.filter-panel__reset-filter {
    margin-top: 0.15rem;
    width: 50%
}

@media (min-width:768px) {
    .filter-panel__reset-filter {
        border-top: 1px solid #e5e5e8;
        bottom: 0.1rem;
        box-shadow: -15px 0 5px 6px #fff;
        display: block;
        margin-top: 0;
        padding: 0.1rem 0.2rem;
        width: 100%
    }
}

.filter-panel__reset-filter:before {
    content: " ×";
    font-size: 0.21000000000000002rem;
    margin-right: 0.05rem;
    vertical-align: middle
}

.filter-panel__close-filter {
    display: inline-block;
    font-weight: 700;
    padding-left: 0.05rem;
    width: 48%
}

@media (min-width:768px) {
    .filter-panel__close-filter {
        display: none
    }

    .filter-panel--left-sided input[type=checkbox]:checked~.filter-panel__flyout {
        display: block;
        left: auto;
        right: 0;
        width: auto
    }
}

@media (min-width:768px) {
    @supports ((width:-moz-max-content) or (width:max-content)) {
        .filter-panel--left-sided input[type=checkbox]:checked~.filter-panel__flyout {
            width: -moz-max-content;
            width: max-content
        }
    }
}

.filter-panel__filter-input-moreless {
    display: none
}

@media (max-width:767.98px) {
    .filter-panel__option:nth-child(n+7)~.filter-panel__more-less {
        display: block
    }

    .filter-panel__filter-input-moreless:checked~.filter-panel__options .filter-panel__more-less--more {
        display: none
    }

    .filter-panel__filter-input-moreless:checked~.filter-panel__options .filter-panel__more-less--less,
    .filter-panel__filter-input-moreless:checked~.filter-panel__options .filter-panel__option:nth-child(n+7) {
        display: block
    }

    .filter-panel__filter-input-moreless:not(:checked)~.filter-panel__options .filter-panel__more-less--less {
        display: none
    }
}

.filter-panel__more-less {
    color: #2061ae;
    cursor: pointer;
    font-weight: 500;
    padding: 0.1rem 0 0.2rem;
    white-space: nowrap
}

.filter-panel__more-less:hover {
    text-decoration: underline
}

@media (min-width:768px) {
    .filter-panel__more-less {
        display: none;
        padding: 0 0 0 0.05rem
    }
}

.filter-vue {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0.15rem;
    padding-left: 0.15rem;
    padding-top: 0.05rem
}

@media (max-width:767.98px) {
    .filter-vue {
        display: block
    }
}

.filter-vue__reset-all {
    width: 100%
}

.filter-vue__reset-all .filter-active__link {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 0.15rem;
    font-weight: 400;
    padding-right: 0.2rem;
    position: relative
}

.filter-vue__reset-all .filter-active__link:after {
    content: " ×";
    font-size: 0.22000000000000003rem;
    position: absolute;
    right: 5px;
    top: 0
}

.filter-vue .dropdown-wrapper__sorts {
    left: 0
}

.filter-vue .dropdown-wrapper__label:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.75' height='19.053'%3E%3Cpath fill='%231d1d1d' stroke='%231d1d1d' stroke-width='.75' d='M3.395 8.639c1.493 1.066 3.222 2.223 4.291 2.873v6.927l3.378-1.737v-5.19c1.069-.65 2.8-1.807 4.291-2.873 3.02-2.158 3.02-2.437 3.02-2.642V2.938c0-1.682-4.528-2.562-9-2.562s-9 .88-9 2.562v3.059c0 .204 0 .484 3.02 2.642Zm7.184 2.417-.156.093v5.162l-2.1 1.078v-6.24l-.156-.093a54 54 0 0 1-7.155-5.119V3.953c1.4 1.019 4.9 1.547 8.359 1.547s6.958-.528 8.359-1.547v1.984a54 54 0 0 1-7.151 5.118Zm7.155-8.119c0 .8-3.18 1.921-8.359 1.921S1.016 3.739 1.016 2.937s3.18-1.921 8.359-1.921 8.359 1.119 8.359 1.921Z'/%3E%3C/svg%3E")
}

.filter {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    padding: 0;
    width: 100%
}

@media (min-width:768px) {
    .filter {
        padding: 0 0 0.7rem
    }
}

.filter__form.form {
    height: calc(100% - 0.9rem);
    margin-bottom: 0;
    overflow-y: visible
}

@media (min-width:768px) {
    .filter__form.form {
        height: 100%;
        margin-bottom: 0.05rem;
        overflow: visible
    }

    .filter {
        padding: 0
    }

    .filter__container {
        display: flex
    }
}

.filter__facet {
    width: 100%
}

@media (min-width:768px) {
    .filter__facet {
        padding: 0 0.2rem 0.1rem 0;
        width: auto
    }

    .filter__facet--more-filter {
        display: none
    }

    input[type=checkbox]:checked~.filter__facet--more-filter {
        display: block
    }
}

.filter__display-input {
    display: none
}

.filter__display-more-less-label {
    border: 1px solid #e5e5e8;
    border-radius: 3px;
    display: none;
    font-size: inherit;
    font-weight: 700;
    height: -moz-fit-content;
    height: fit-content;
    margin-bottom: 0.1rem;
    padding: 0.15rem 0.1rem
}

@media (min-width:768px) {
    .filter__display-more-less-label {
        display: inherit
    }
}

.filter__display-more-less-label:hover {
    cursor: pointer
}

input[type=checkbox]:checked~.filter__display-more-less-label .filter__display-more,
input[type=checkbox]:checked~.filter__display-more-less-label.filter__display-more {
    display: none
}

input[type=checkbox]:checked~.filter__display-more-less-label .filter__display-less,
input[type=checkbox]:checked~.filter__display-more-less-label.filter__display-less {
    display: block
}

@media (min-width:768px) {

    .filter__display-less,
    .filter__display-more {
        background-size: 1em auto
    }
}

.filter__display-less {
    display: none
}

@media (min-width:768px) {
    .filter__display-less:after {
        content: "-";
        padding-left: 0.05rem
    }
}

.filter__display-more {
    display: block
}

@media (min-width:768px) {
    .filter__display-more:after {
        content: "+";
        padding-left: 0.05rem
    }
}

.filter__active-facets {
    max-width: 100%;
    padding: 0.2rem 0;
    width: 100%
}

@media (min-width:768px) {
    .filter__active-facets {
        display: none
    }
}

.filter__active-facet-text {
    font-weight: 700;
    padding: 0.05rem 0
}

.filter__link {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23clip0_319_1947)'%3E%3Cpath fill='%232061ae' d='M15.8 14.8 9.12 7.98l6.64-6.78c.18-.18.2-.39.2-.5s-.03-.32-.2-.5a.7.7 0 0 0-.5-.21.7.7 0 0 0-.5.21L8.12 6.97 1.49.21a.69.69 0 0 0-.99 0 .7.7 0 0 0-.2.5c0 .11.03.32.2.5l6.64 6.78L.46 14.8a.7.7 0 0 0-.2.5c0 .11.03.32.2.5.18.18.39.21.5.21s.32-.03.5-.21L8.13 9l6.67 6.81c.18.18.39.21.5.21s.32-.03.5-.21.2-.39.2-.5-.03-.32-.2-.5z'/%3E%3C/g%3E%3C/svg%3E");
    background-position: 96%;
    background-repeat: no-repeat;
    border: 1px solid #2061ae;
    border-radius: 3px;
    color: #2061ae;
    margin-left: 0.1rem;
    padding: 0.05rem 0.25rem 0.05rem 0.1rem;
    text-decoration: none
}

.filter__link--reset {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23clip0_319_1947)'%3E%3Cpath fill='%231d1d1d' d='M15.8 14.8 9.12 7.98l6.64-6.78c.18-.18.2-.39.2-.5s-.03-.32-.2-.5a.7.7 0 0 0-.5-.21.7.7 0 0 0-.5.21L8.12 6.97 1.49.21a.69.69 0 0 0-.99 0 .7.7 0 0 0-.2.5c0 .11.03.32.2.5l6.64 6.78L.46 14.8a.7.7 0 0 0-.2.5c0 .11.03.32.2.5.18.18.39.21.5.21s.32-.03.5-.21L8.13 9l6.67 6.81c.18.18.39.21.5.21s.32-.03.5-.21.2-.39.2-.5-.03-.32-.2-.5z'/%3E%3C/g%3E%3C/svg%3E");
    border-color: #d5d5d8;
    color: #1d1d1d
}

.filter__active-container {
    display: block
}

@media (min-width:768px) {
    .filter__active-container {
        display: block
    }
}

.filter__set-filter-button {
    height: 0;
    opacity: 0;
    width: 0
}

.form-row {
    position: relative;
    width: 100%
}

.form-row+.form-row {
    margin-top: 0.15rem
}

.form-row+.form-row--big-space {
    margin-top: 0.3rem
}

.form-row p {
    line-height: 0.18rem;
    margin: 0
}

.form-row .select {
    margin: 0
}

.form-row input.form-row__widget,
.form-row textarea.form-row__widget {
    background-color: #fff;
    border: 1px solid #1d1d1d;
    border-radius: 2px;
    display: block;
    font-size: 0.16rem;
    height: 0.48rem;
    margin: 0;
    outline: none;
    padding: 0 0.15rem;
    width: 100%
}

@media (min-width:768px) {

    .form-row input.form-row__widget,
    .form-row textarea.form-row__widget {
        font-size: 0.15rem
    }
}

.ie11 .form-row input.form-row__widget,
.ie11 .form-row textarea.form-row__widget {
    border-radius: 0
}

.form-row input.form-row__widget::-moz-placeholder,
.form-row textarea.form-row__widget::-moz-placeholder {
    color: #606068;
    opacity: 1
}

.form-row input.form-row__widget::placeholder,
.form-row textarea.form-row__widget::placeholder {
    color: #606068;
    opacity: 1
}

.form-row input.form-row__widget:-moz-placeholder-shown,
.form-row textarea.form-row__widget:-moz-placeholder-shown {
    border-color: #d5d5d8
}

.form-row input.form-row__widget:placeholder-shown,
.form-row textarea.form-row__widget:placeholder-shown {
    border-color: #d5d5d8
}

.form-row input.form-row__widget:hover,
.form-row textarea.form-row__widget:hover {
    border-color: #606068;
    box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, .16)
}

.form-row input.form-row__widget:hover::-moz-placeholder,
.form-row textarea.form-row__widget:hover::-moz-placeholder {
    color: #606068
}

.form-row input.form-row__widget:hover::placeholder,
.form-row textarea.form-row__widget:hover::placeholder {
    color: #606068
}

.form-row input.form-row__widget:active,
.form-row input.form-row__widget:focus,
.form-row textarea.form-row__widget:active,
.form-row textarea.form-row__widget:focus {
    border-color: #499add
}

.form-row input.form-row__widget:-webkit-autofill,
.form-row textarea.form-row__widget:-webkit-autofill {
    border-color: #499add;
    -webkit-box-shadow: inset 0 0 0 10rem #fff
}

.form-row input.form-row__widget:disabled,
.form-row textarea.form-row__widget:disabled {
    cursor: not-allowed
}

.form-row input.form-row__widget--hidden,
.form-row textarea.form-row__widget--hidden {
    border: none;
    height: 0;
    left: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0
}

.form-row input.form-row__widget--disabled,
.form-row textarea.form-row__widget--disabled {
    background-color: rgba(0, 0, 0, .02)
}

.form-row textarea.form-row__widget {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 0.16rem;
    height: auto;
    max-width: 100%;
    min-height: 1.6rem;
    min-width: 100%;
    padding: 0.1rem 0.15rem
}

@media (min-width:768px) {
    .form-row textarea.form-row__widget {
        font-size: 0.15rem
    }
}

.form-row__errors {
    display: none
}

.form-row__hidden-visually {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.form-row__label a {
    color: #2061ae
}

.form-row--floating input.form-row__widget::-moz-placeholder,
.form-row--floating input.form-row__widget:hover::-moz-placeholder {
    color: transparent
}

.form-row--floating input.form-row__widget::placeholder,
.form-row--floating input.form-row__widget:hover::placeholder {
    color: transparent
}

.form-row--floating .form-row__label {
    display: block;
    font-size: 0.15rem;
    max-height: 0;
    pointer-events: none;
    position: relative
}

.form-row--floating .form-row__label:before {
    backface-visibility: hidden;
    color: #1d1d1d;
    content: attr(data-content);
    display: inline-block;
    left: 0.15rem;
    max-width: calc(100% - 0.3rem);
    overflow: hidden;
    position: relative;
    transform-origin: left top;
    transition: transform .2s ease;
    white-space: nowrap
}

.form-row--floating .form-row__label:after {
    bottom: 0.1rem;
    content: "";
    height: 0.01rem;
    left: 0;
    margin-top: -0.01rem;
    opacity: 0;
    position: absolute;
    top: 100%;
    transform: scaleX(0);
    transition: transform .18s cubic-bezier(.4, 0, .2, 1), opacity .18s cubic-bezier(.4, 0, .2, 1), background-color .3s ease;
    width: 100%
}

.form-row--floating .form-row__widget:focus+.form-row__label:after {
    opacity: 1;
    transform: scaleX(1)
}

.form-row--floating .form-row__widget:focus+.form-row__label:before,
.form-row--floating .form-row__widget:hover+.form-row__label:before {
    color: #606068
}

.form-row--floating .form-row__widget:-moz-placeholder-shown+.form-row__label:before {
    color: #606068;
    transform: translate3d(0, -0.32rem, 0) scaleX(1)
}

.form-row--floating .form-row__widget:placeholder-shown+.form-row__label:before,
.form-row--floating .select--active-placeholder+.form-row__label:before {
    color: #606068;
    transform: translate3d(0, -0.32rem, 0) scaleX(1)
}

.form-row--floating .form-row__label:before,
.form-row--floating .form-row__widget:focus+.form-row__label:before {
    box-shadow: inset 0 -12px #fff;
    padding-left: 0.02rem;
    padding-right: 0.02rem;
    transform: translate3d(0, -0.54rem, 0) scale3d(.82, .82, 1)
}

.form-row--inline {
    display: inline-block;
    width: auto
}

.form-row--submitted input.form-row__widget:-moz-placeholder-shown,
.form-row--submitted textarea.form-row__widget:-moz-placeholder-shown {
    background-image: none;
    border-color: #d5d5d8
}

.form-row--submitted input.form-row__widget:placeholder-shown,
.form-row--submitted textarea.form-row__widget:placeholder-shown {
    background-image: none;
    border-color: #d5d5d8
}

.form-row--submitted input.form-row__widget:active,
.form-row--submitted input.form-row__widget:focus,
.form-row--submitted textarea.form-row__widget:active,
.form-row--submitted textarea.form-row__widget:focus {
    background-image: none;
    border-color: #499add
}

.form-row--submitted.form-row--floating .form-row__widget:-moz-placeholder-shown+.form-row__label:before {
    color: #1d1d1d
}

.form-row--submitted.form-row--floating .form-row__widget:placeholder-shown+.form-row__label:before {
    color: #1d1d1d
}

.form-row--submitted.form-row--floating .form-row__widget:focus+.form-row__label:before {
    color: #2d8745
}

.form-row--has-errors input.form-row__widget,
.form-row--has-errors textarea.form-row__widget {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='25'%3E%3Ctext fill='%236a0023' data-name='!' font-family='ArialMT, Arial' font-size='22' letter-spacing='.143em'%3E%3Ctspan x='0' y='20'%3E!%3C/tspan%3E%3C/text%3E%3C/svg%3E");
    background-position: calc(100% - 0.09rem) 0.1rem;
    background-repeat: no-repeat;
    background-size: auto 0.25rem;
    border-color: #6a0023
}

.form-row--has-errors input.form-row__widget:-moz-placeholder-shown,
.form-row--has-errors textarea.form-row__widget:-moz-placeholder-shown {
    border-color: #6a0023
}

.form-row--has-errors input.form-row__widget:placeholder-shown,
.form-row--has-errors textarea.form-row__widget:placeholder-shown {
    border-color: #6a0023
}

.form-row--has-errors input.form-row__widget:active,
.form-row--has-errors input.form-row__widget:focus,
.form-row--has-errors textarea.form-row__widget:active,
.form-row--has-errors textarea.form-row__widget:focus {
    background-image: none;
    border-color: #499add
}

.form-row--has-errors input[type=checkbox] {
    border: 1px solid #6a0023
}

.form-row--has-errors .form-row__errors {
    color: #6a0023;
    display: block;
    width: 100%
}

.form-row--has-errors .form-row__errors ul {
    font-size: 0.12rem;
    list-style: none;
    margin: 0;
    padding: 0.05rem 0.16rem 0
}

.form-row--has-errors .form-row__errors li {
    display: inline
}

.form-row--has-errors .form-row__errors li:after {
    content: " "
}

.form-row--has-errors.form-row--floating .form-row__widget:-moz-placeholder-shown+.form-row__label:before {
    color: #1d1d1d
}

.form-row--has-errors.form-row--floating .form-row__widget:placeholder-shown+.form-row__label:before {
    color: #1d1d1d
}

.form-row--has-errors.form-row--floating .form-row__widget:focus+.form-row__label:before {
    color: #6a0023
}

.form-row--checkbox {
    display: flex
}

.form-row--checkbox .input {
    background-color: #fff;
    flex: 0 0 auto;
    margin-top: -0.04rem
}

.form-row--hidden {
    display: none
}

.form-row a {
    color: #2061ae
}

.form-row--account-benefits {
    padding-left: 0.25rem
}

.form-row--register-agb {
    margin-top: 0.15rem
}

@media (prefers-contrast:more) {
    .form-row--register-agb a {
        border-bottom: 1px solid #1d1d1d
    }
}

.form-row--disabled {
    opacity: .5
}

.form-row__state:not(.form-row__state--us):not(.form-row__state--ca) {
    display: none
}

.form-row__tooltip {
    cursor: help;
    display: inline;
    position: absolute;
    right: 0;
    top: 0.05rem;
    width: auto
}

.form-row__tooltip .info__icon--small {
    display: inline-block;
    font-size: 0.15rem;
    height: 0.24rem;
    line-height: 0.2rem;
    margin: 0;
    position: relative;
    top: 0.06999999999999999rem;
    width: 0.25rem
}

.form-row__tooltip .form-row__tooltip-text {
    display: none;
    position: absolute;
    visibility: hidden
}

.form-row__tooltip:hover .form-row__tooltip-text {
    background-color: #fff;
    border: 1px solid #d5d5d8;
    box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, .16);
    display: block;
    margin-top: 0.2rem;
    max-width: 3.5rem;
    min-width: 2rem;
    padding: 0.05rem;
    top: 0.1rem;
    visibility: visible;
    white-space: pre-line;
    width: -moz-min-content;
    width: min-content;
    z-index: 9999
}

@media (max-width:1199.98px) {
    .form-row__tooltip:hover .form-row__tooltip-text {
        margin-top: 0;
        right: 0;
        top: 0.32rem
    }
}

.form-row .form-row__tooltip~.form-row__widget--with-help {
    width: calc(100% - 0.35rem)
}

.form-select--offcanvas-language {
    width: 100%
}

.form-select--offcanvas-language .select {
    background-position: 100%;
    width: 100%
}

.hotline {
    align-items: center;
    display: flex
}

.hotline__icon {
    height: 0.32999999999999996rem;
    margin-right: 0.1rem;
    width: 0.32999999999999996rem
}

@media (min-width:768px) {
    .hotline__icon {
        height: 0.41rem;
        margin-right: 0.3rem;
        width: 0.41rem
    }
}

.hotline__head {
    color: #2061ae;
    font-family: Oswald, Avenir Next Condensed Medium, Arial Narrow, sans-serif;
    letter-spacing: .1em;
    text-transform: uppercase
}

@media (min-width:768px) {
    .hotline__head {
        margin-bottom: 0.05rem
    }
}

.hotline__phone {
    font-size: 0.15rem;
    font-weight: 500
}

.hotline__phone a {
    color: inherit;
    text-decoration: none
}

.hotline__phone-number {
    display: none;
    font-weight: 700
}

.hotline__phone-number--checkout,
.is--company .hotline__phone-number--company,
.is--cp .hotline__phone-number--cp,
.is--es .hotline__phone-number--es {
    display: inline
}

.hotline__phone-number--checkout {
    font-size: 0.18rem
}

.hotline__opening-hours {
    color: #606068;
    font-size: 0.11000000000000001rem;
    line-height: 0.16rem
}

@media (min-width:768px) {
    .hotline__opening-hours {
        font-size: 0.13rem
    }
}

.hotline--simple .hotline__icon {
    height: 0.44000000000000006rem;
    margin-right: 0.2rem;
    width: 0.44000000000000006rem
}

.hotline--simple .hotline__phone,
.hotline--simple .hotline__title {
    display: block
}

.hotline--simple .hotline__title {
    color: #1d1d1d
}

.hotline--simple .hotline__phone {
    font-size: 0.21000000000000002rem;
    font-weight: 500;
    line-height: 0.27999999999999997rem
}

.hotline--contact-box {
    align-items: flex-start;
    color: #fff
}

.hotline--contact-box .hotline__icon {
    flex: 0 0 auto;
    height: 0.44000000000000006rem;
    margin-right: 0.2rem;
    width: 0.44000000000000006rem
}

.hotline--contact-box .hotline__info {
    padding-bottom: 0.5rem
}

.hotline--contact-box .hotline__head,
.hotline--contact-box .hotline__opening-hours {
    color: #fff
}

.hotline--contact-box .hotline__phone,
.hotline--contact-box .hotline__title {
    display: block;
    font-size: 0.18rem;
    font-weight: 500
}

.hotline--contact-box .hotline__title {
    font-weight: 400
}

.hotline--contact-box .hotline__opening-hours {
    font-size: 0.15rem;
    margin-top: 0.1rem
}

.hotline--contact-box .hotline__opening-hours p {
    margin-bottom: 0
}

@media (min-width:768px) {
    .hotline--contact-box.hotline--storyblok .hotline__icon {
        display: none
    }
}

@media (min-width:1200px) {
    .hotline--contact-box.hotline--storyblok .hotline__icon {
        display: block;
        height: 0.44000000000000006rem;
        margin-left: 0;
        margin-right: 0.25rem;
        width: 0.44000000000000006rem
    }
}

@media (min-width:768px) {
    .hotline--contact-box.hotline--storyblok .hotline__info {
        display: block;
        padding-bottom: 0.3rem;
        width: 100%
    }
}

@media (min-width:992px) {
    .hotline--contact-box.hotline--storyblok .hotline__info {
        padding-bottom: 0.5rem
    }
}

@media (min-width:768px) {
    .hotline--contact-box.hotline--storyblok .hotline__head {
        min-width: 0
    }

    .hotline--contact-box.hotline--storyblok .hotline__phone,
    .hotline--contact-box.hotline--storyblok .hotline__title {
        font-size: 0.16rem
    }
}

@media (min-width:992px) {

    .hotline--contact-box.hotline--storyblok .hotline__phone,
    .hotline--contact-box.hotline--storyblok .hotline__title {
        font-size: 0.18rem
    }
}

@media (min-width:768px) {
    .hotline--contact-box.hotline--storyblok .hotline__opening-hours {
        font-size: 0.13rem;
        margin-top: 0.1rem
    }
}

@media (min-width:992px) {
    .hotline--contact-box.hotline--storyblok .hotline__opening-hours {
        font-size: 0.15rem
    }
}

@media (min-width:768px) {
    .hotline--contact-box.hotline--detail .hotline__icon {
        margin-left: 0.2rem
    }
}

@media (min-width:1200px) {
    .hotline--contact-box.hotline--detail .hotline__icon {
        margin-left: 0;
        margin-right: 0.25rem
    }
}

@media (min-width:768px) {
    .hotline--contact-box.hotline--detail .hotline__info {
        align-items: center;
        display: flex;
        padding-bottom: 0;
        width: 100%
    }
}

@media (min-width:1200px) {
    .hotline--contact-box.hotline--detail .hotline__info {
        display: block;
        padding-bottom: 0.5rem
    }
}

@media (min-width:768px) {
    .hotline--contact-box.hotline--detail .hotline__head {
        min-width: 40%
    }
}

@media (min-width:1200px) {
    .hotline--contact-box.hotline--detail .hotline__head {
        min-width: 0
    }
}

@media (min-width:768px) {
    .hotline--contact-box.hotline--detail .hotline__opening-hours {
        margin-top: 0
    }
}

@media (min-width:1200px) {
    .hotline--contact-box.hotline--detail .hotline__opening-hours {
        margin-top: 0.1rem
    }
}

.hotline--checkout {
    color: #1d1d1d;
    justify-content: flex-end
}

.hotline--checkout .hotline__checkout-question {
    display: none;
    font-family: Oswald, Avenir Next Condensed Medium, Arial Narrow, sans-serif;
    font-size: 0.13999999999999999rem;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase
}

@media (min-width:576px) {
    .hotline--checkout .hotline__checkout-question {
        display: inherit
    }
}

@media (min-width:768px) {
    .hotline--checkout .hotline__checkout-question {
        font-size: 0.18rem
    }
}

.hotline--checkout .hotline__checkout-question span {
    font-weight: 500
}

.hotline--checkout .hotline__checkout-question--mobile {
    display: inherit;
    line-height: 0.18rem
}

@media (min-width:576px) {
    .hotline--checkout .hotline__checkout-question--mobile {
        display: none
    }
}

.hotline--checkout .hotline__opening-hours {
    display: block;
    font-size: 0.1rem
}

@media (min-width:576px) {
    .hotline--checkout .hotline__opening-hours {
        color: #1d1d1d;
        font-size: 0.13rem
    }
}

.icon-link-teaser {
    padding: 0.3rem 0;
    text-align: center
}

.icon-link-teaser__icon {
    display: inline-block;
    height: 0.96rem;
    margin-bottom: 0.15rem;
    width: 0.96rem
}

.icon-link-teaser__title {
    font-family: Oswald, Avenir Next Condensed Medium, Arial Narrow, sans-serif;
    font-weight: 500;
    letter-spacing: .1em;
    margin-bottom: 0.15rem;
    text-transform: uppercase
}

.icon-link-teaser__description {
    display: inline-block;
    margin-bottom: 0.2rem;
    max-width: 3rem;
    width: 100%
}

.icon-link {
    align-items: center;
    background: none;
    border: 0;
    color: #1d1d1d;
    cursor: pointer;
    display: flex;
    font-size: inherit;
    outline: none;
    padding: 0.05rem 0
}

@media (min-width:576px) {
    .icon-link {
        padding: 0 0.1rem
    }
}

.icon-link__icon {
    padding-right: 0.05rem
}

.icon-link--cart-action,
.icon-link--shopping-list-action {
    padding: 0 0.2rem 0 0;
    text-align: left
}

@media (min-width:768px) {

    .icon-link--cart-action,
    .icon-link--shopping-list-action {
        width: auto
    }
}

.icon-link--cart-action .image,
.icon-link--shopping-list-action .image {
    width: 0.2rem
}

.icon-link--cart-action span,
.icon-link--shopping-list-action span {
    text-align: left
}

.icon-link--shop-action {
    align-items: center;
    color: inherit;
    flex-direction: column;
    padding: 0.1rem;
    position: relative
}

.icon-link--shop-action:hover {
    color: #2061ae
}

.icon-link--shop-action .icon-link__icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 0.25rem
}

.icon-link--shop-action .icon-link__account {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='24' fill='none'%3E%3Cg clip-path='url(%23clip0_81_1819)'%3E%3Cg fill='%23134180' clip-path='url(%23clip1_81_1819)'%3E%3Cpath d='M4.02 6.87c.09.21.25.38.46.49v.08c0 1.04.43 2.07 1.05 2.57v.29c0 1.22.63 2.45 1.77 3.45.97.85 2.18 1.4 3.09 1.4s2.12-.55 3.09-1.4c1.14-1.01 1.77-2.23 1.77-3.45v-.28c.62-.49 1.05-1.53 1.05-2.58v-.08c.44-.23.66-.74.51-1.22-.09-.29-.31-.51-.58-.63a6 6 0 0 0-1.2-2.88A5.9 5.9 0 0 0 12.5.76c-.2-.6-.77-1.01-1.41-1.01H9.71c-.62 0-1.17.39-1.4 1-1 .38-1.88 1.03-2.54 1.88-.65.84-1.07 1.83-1.21 2.88-.22.1-.41.27-.51.49-.09.19-.13.4-.1.6l.02.12.06.15zm2.31 2.29c-.11-.06-.29-.23-.44-.57-.1-.23-.18-.48-.22-.75v-.05q-.03-.18-.03-.36v-.36c0-.03.02-.05.05-.05h9.4s.05.02.05.05v.36c.01.4-.08.81-.24 1.15s-.34.52-.45.57c-.22.09-.35.3-.35.53v.61c0 .52-.18 1.55-1.39 2.6-.74.65-1.69 1.1-2.32 1.1s-1.58-.46-2.33-1.11c-1.2-1.05-1.38-2.07-1.38-2.59v-.61c0-.23-.14-.44-.36-.53zm2.39-4.24a.57.57 0 0 0 .64-.57V1.22c.01-.18.16-.32.33-.32h1.38c.18 0 .32.14.34.3v3.14c0 .3.22.55.5.58.17.02.33-.03.45-.14s.19-.27.19-.43V2.04a4.75 4.75 0 0 1 2.54 3.83H5.67A4.77 4.77 0 0 1 8.2 2.04v2.29c0 .3.22.55.51.58z'/%3E%3Cpath d='m17.1 16.36-1.2-.52.02.02c-.97-.39-1.72-.67-2.39-.87a.55.55 0 0 0-.51.09c-.15.11-.23.28-.23.46v.55c0 1.32-1.08 2.4-2.4 2.4s-2.4-1.08-2.4-2.4v-.54c0-.18-.09-.35-.23-.46a.6.6 0 0 0-.51-.09c-.97.29-2.07.71-3.57 1.36C1.41 17.34 0 19.48 0 21.94v1.71c0 .3.22.55.5.58h.07c.14 0 .28-.05.38-.14.12-.11.19-.27.19-.43v-1.73c0-.97.27-1.91.8-2.72a4.9 4.9 0 0 1 1.79-1.62l.13-.07c.11-.04.66-.28.66-.28l1.08-.45.65-.25.07-.03c.17-.06.34-.13.53-.19.06.85.42 1.65 1.03 2.26.67.67 1.56 1.04 2.51 1.04 1.87 0 3.42-1.47 3.54-3.3.18.06.35.12.51.19l.06.02c.17.07.59.24.65.25l.15.06c.25.1.51.21.79.33l.06.03c.28.12.62.27.64.27l.15.08c1.65.82 2.69 2.54 2.66 4.38v1.71c0 .3.22.55.51.58a.57.57 0 0 0 .64-.57v-1.73c0-2.47-1.41-4.61-3.67-5.58z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    width: 0.25rem
}

.icon-link--shop-action .icon-link__icon--cart {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(24 20)'%3E%3Ccircle cx='253.554' cy='15.5' r='15.5' fill='%23134180'/%3E%3Cpath stroke='%23134180' stroke-linecap='round' stroke-width='14' d='M47.232 186.903h123.82q16.592.883 20.432-23.651t28.229-127.398q4.614-21.713 29.567-21.713'/%3E%3Cpath stroke='%23134180' stroke-linecap='round' stroke-linejoin='round' stroke-width='14' d='M213.257 63.08 0 63.107q38.627 88.999 45.551 91.34t146.114 1.442'/%3E%3Ccircle cx='79.554' cy='234.5' r='21' stroke='%23134180' stroke-width='13'/%3E%3Ccircle cx='156.054' cy='234.5' r='21' stroke='%23134180' stroke-width='13'/%3E%3C/g%3E%3C/svg%3E");
    height: 0.25rem;
    width: 0.27999999999999997rem
}

.icon-link--shop-action .icon-link__shopping-list {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='24' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23134180' d='M17.58 3.38 11.21.19a1.76 1.76 0 0 0-2.37.79 1.76 1.76 0 0 0 .79 2.37l.37.18-3.36 6.7c-1.86-.79-4.06 0-4.98 1.83l-.79 1.57a.83.83 0 0 0-.05.62c.07.21.21.37.41.47l4.87 2.44-3.04 6.07c-.13.26-.02.58.24.71.07.04.15.06.23.06.2 0 .38-.11.47-.29l3.04-6.07 4.87 2.44c.2.1.41.11.62.05.21-.07.37-.21.47-.41l.79-1.57a3.89 3.89 0 0 0-1.51-5.09l3.36-6.7.37.18c.87.44 1.94.08 2.37-.79.21-.42.25-.9.1-1.35s-.46-.81-.88-1.02zM1.91 13.89l.68-1.35a2.837 2.837 0 0 1 3.68-1.31l5.3 2.66.08.04c1.33.72 1.86 2.38 1.18 3.74l-.68 1.35zm9.41-1.31L7.58 10.7l3.36-6.69 3.74 1.88zM10.19 1.1a.9.9 0 0 1 .22-.04c.11 0 .22.03.32.08l6.37 3.19c.35.18.49.6.32.95a.65.65 0 0 1-.41.35c-.18.06-.37.05-.54-.04L10.1 2.4a.65.65 0 0 1-.35-.41.68.68 0 0 1 .04-.54.68.68 0 0 1 .41-.35z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.77 0h17.78v24H.77z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    width: 0.25rem
}

.icon-link--shop-action .icon-link__label {
    display: none
}

@media (min-width:1200px) {
    body:not(.sticky-header) .icon-link--shop-action .icon-link__label {
        display: block;
        margin-top: 0.03rem
    }
}

.icon-link--address-add-action {
    align-items: center;
    color: inherit;
    flex-direction: column;
    padding: 0;
    position: relative
}

.icon-link--address-add-action:hover {
    color: #2061ae
}

.icon-link--address-add-action .icon-link__icon {
    font-size: 0.3rem;
    height: 0.6rem;
    max-width: 0.5rem;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%
}

.icon-link--address-add-action .icon-link__icon svg {
    height: 0.5rem;
    width: 0.5rem;
    stroke: currentColor;
    fill: currentColor
}

.icon-link--address-add-action .icon-link__label {
    display: block;
    margin-top: 0.03rem
}

.icon-link--category {
    align-items: center;
    color: inherit;
    font-size: inherit
}

.icon-link--category .icon-link__icon {
    height: 0.3rem;
    margin-right: 0.1rem;
    min-height: 0.3rem;
    min-width: 0.3rem;
    -o-object-fit: contain;
    object-fit: contain;
    padding: 0;
    width: 0.3rem
}

@media (-ms-high-contrast:none) {
    .icon-link--category .image {
        flex: 0 0 auto
    }
}

@media (-ms-high-contrast:active) {
    .icon-link--category .image {
        flex: 0 0 auto
    }
}

.icon-link--regular {
    align-items: center
}

.icon-link--regular .icon-link__icon {
    max-height: 0.22000000000000003rem;
    width: auto
}

.icon-link--catalog-sidebar .icon-link__icon {
    max-width: 0.5rem;
    min-height: 0.3rem;
    min-width: 0.3rem;
    padding-right: 0.1rem
}

@media (-ms-high-contrast:none) {
    .icon-link--catalog-sidebar .image {
        flex: 0 0 auto
    }
}

@media (-ms-high-contrast:active) {
    .icon-link--catalog-sidebar .image {
        flex: 0 0 auto
    }
}

.icon-link--buy-box .image {
    flex: 0 0 auto
}

.icon-link--no-padding {
    padding: 0
}

.icon-link .icon-link {
    font-family: inherit
}

.icon-link .icon-link .image {
    width: 0.15rem
}

.icon-links-actions {
    display: flex;
    flex-wrap: nowrap;
    width: 100%
}

.icon-links-actions .text-link {
    flex-wrap: wrap;
    text-align: center;
    width: 32%
}

.icon-links-actions .text-link:hover div {
    color: #2061ae
}

.icon-links-actions .picture {
    display: inline-block
}

.icon-links-actions .icon--pin {
    height: 0.24rem;
    width: 0.18rem
}

.icon-links-actions .icon--forward,
.icon-links-actions .icon--printer {
    height: 0.24rem;
    width: 0.24rem
}

.icon-links-actions__link-text {
    color: #1d1d1d;
    font-size: 0.13rem;
    font-weight: 400;
    line-height: 100%;
    padding-top: 0.05rem
}

.image-list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -0.05rem;
    padding: 0 0 0.15rem
}

.image-list__entry {
    display: block;
    padding: 0 0.05rem 0.1rem
}

.image-list--mobile-scroll {
    display: block;
    font-size: 0;
    overflow-x: auto;
    white-space: nowrap;
    width: 100%;
    -webkit-overflow-scrolling: touch
}

.image-list--mobile-scroll .image-list__entry {
    display: inline-block;
    padding: 0 0.1rem;
    width: auto
}

.image-list--mobile-scroll .image-list__image {
    max-height: 0.4rem
}

.image-list--product-box .image-list__entry {
    padding-left: 0.05rem;
    padding-right: 0
}

@media (min-width:992px) and (max-width:1199.98px) {
    .image-list--product-box .image-list__entry {
        padding-left: 0.03rem
    }
}

.image-list--product-box .image-list__image {
    height: 0.27rem
}

.image-list--product-features {
    display: flex;
    flex: 0 0 auto;
    margin: 0;
    max-width: 100%;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding: 0
}

.image-list--product-features:not(:last-child) {
    border-right: 1px solid #d5d5d8;
    margin-right: 0.15rem
}

.image-list--product-features .image-list__entry {
    height: 0.4rem;
    padding: 0 0.15rem 0 0
}

.image-list--product-features .image__src {
    max-width: -moz-max-content;
    max-width: max-content;
    min-width: 0.4rem;
    width: auto
}

.image-list--product-ghs {
    padding: 0.1rem 0
}

.image-list--product-ghs .image-list__entry {
    height: 0.4rem;
    padding: 0 0.05rem
}

@media (min-width:768px) {
    .image-list--benefit-bar {
        flex-wrap: wrap;
        height: 0.9rem;
        justify-content: space-around;
        overflow: hidden
    }
}

.image-list--benefit-bar .image-list__entry {
    height: 0.9rem;
    text-align: center;
    width: 2rem
}

.image-list--benefit-bar .image-list__image {
    margin: auto
}

.image-list--benefit-bar .image-list__description {
    font-size: 0.16rem;
    margin-top: 0.1rem
}

.image-list--cart-icons .image-list__image {
    width: 0.6rem
}

.image-slider-item__image {
    align-items: center;
    background: #fff;
    border: 1px solid #e5e5e8;
    display: flex;
    justify-content: center;
    position: relative
}

.image-slider-item--transparent .image-slider-item__image {
    background: transparent;
    border: 0;
    height: auto
}

.image-slider-item .swiper-slide {
    height: auto;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
    width: auto
}

.image-slider-item__subtitle {
    padding-top: 0.1rem
}

.image-slider {
    opacity: 0;
    overflow: hidden
}

.image-slider.swiper-container-initialized {
    opacity: 1;
    transition: opacity .5s linear
}

.image-slider__slide {
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden;
    position: relative
}

.image-slider__slide.swiper-slide-thumb-active:after {
    background: #606068;
    bottom: 0;
    content: "";
    height: 0.02rem;
    position: absolute;
    width: 100%
}

.image-slider__slide-inner {
    background: #fff;
    border: 1px solid #d5d5d8;
    display: flex;
    height: 100%;
    width: 100%
}

.image-slider__image {
    -o-object-fit: contain;
    object-fit: contain
}

.image-slider__image.swiper-lazy-loaded {
    display: block
}

.image-slider__video {
    width: 100%
}

.image-slider__orbitvu {
    height: 100%;
    position: relative;
    width: 100%
}

.image-slider__orbitvu--preview:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

.image-slider__orbitvu .container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.image-slider__video:after {
    background-image: url(/build/images/thumbnails/video-thumbnail.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20%;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

@media (min-width:768px) {
    .image-slider--thumbnails .swiper-wrapper {
        flex-wrap: wrap
    }
}

.image-slider--thumbnails .image-slider__slide-inner {
    justify-content: center;
    pointer-events: none
}

.image-slider--thumbnails .image-slider__slide {
    height: 0.5700000000000001rem;
    width: 0.5rem
}

.image-slider--thumbnails .swiper-slide {
    aspect-ratio: 1.1/1;
    margin-bottom: 0.05rem;
    max-height: 55px;
    max-width: 50px;
    min-height: 55px;
    min-width: 50px;
    padding-bottom: 0.05rem
}

.image-slider--detail-main .image-slider__wrapper {
    aspect-ratio: 1/1
}

@media (min-width:1200px) {
    .image-slider--detail-main .image-slider__image {
        cursor: zoom-in
    }
}

.image-slider--detail-main .image-slider__pagination {
    position: static
}

.image-slider--detail-main .image-slider__pagination .swiper-pagination-bullet {
    background: #d5d5d8;
    opacity: 1
}

.image-slider--detail-main .image-slider__pagination .swiper-pagination-bullet-active {
    background: #606068
}

@media (min-width:768px) {
    .image-slider--detail-main .image-slider__pagination {
        display: none
    }
}

.image-slider--lightgallery-main .image-slider__wrapper {
    height: calc(100vh - 1.6rem)
}

.image-slider--lightgallery-main .image-slider__slide {
    border: 0
}

.image-slider--lightgallery-thumbnails .image-slider__wrapper {
    height: 1.2rem
}

.image-slider--lightgallery-thumbnails .image-slider__slide {
    height: 1.2rem;
    padding-bottom: 0.05rem;
    width: 1.2rem
}

.image-slider--lightgallery-thumbnails .image-slider__slide-inner {
    pointer-events: none
}

.image-text--gray-full-size {
    background: #f5f5f8;
    padding: 0.15rem 0
}

@media (min-width:1200px) {
    .image-text--gray-full-size {
        padding: 0.4rem 0
    }
}

.image-text__inner {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

@media (min-width:1200px) {
    .image-text__inner {
        max-width: 13.7rem
    }
}

.grid .image-text__inner {
    padding: 0
}

@media (min-width:768px) {
    .image-text__content {
        display: flex
    }
}

.image-text--gray .image-text__content {
    background: #f5f5f8;
    padding: 0.15rem
}

@media (min-width:1200px) {
    .image-text--gray .image-text__content {
        padding: 0.2rem
    }
}

.image-text--full {
    display: block
}

.image-text__text {
    width: 100%
}

@media (min-width:768px) {
    .image-text--left .image-text__text {
        order: 2
    }

    .image-text--right .image-text__text {
        order: 1
    }

    .image-text--quarter .image-text__text {
        width: calc(75% - 0.2rem)
    }

    .image-text--third .image-text__text {
        width: calc(66.66667% - 0.2rem)
    }

    .image-text--half .image-text__text {
        width: calc(50% - 0.2rem)
    }

    .image-text--full .image-text__text {
        width: 100%
    }
}

.image-text__image {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 0.2rem;
    width: 100%
}

@media (min-width:768px) {
    .image-text__image {
        margin-bottom: 0
    }
}

.image-text__image .image {
    margin-bottom: auto;
    margin-top: 0
}

@media (min-width:768px) {
    .image-text--left .image-text__image {
        margin: 0 0.2rem 0.1rem 0;
        order: 1
    }

    .image-text--right .image-text__image {
        margin: 0 0 0.1rem 0.2rem;
        order: 2
    }

    .image-text--quarter .image-text__image {
        width: 25%
    }

    .image-text--third .image-text__image {
        width: 33.3333333333%
    }

    .image-text--half .image-text__image {
        width: 50%
    }
}

.image-text--full .image-text__image {
    margin-bottom: 0.2rem;
    width: 100%
}

.image-text__img {
    width: 100%
}

.image-text__description .description ol,
.image-text__description .description ul {
    display: block
}

@media (min-width:768px) {

    .image-text__description--column-2,
    .image-text__description--column-3 {
        -moz-column-count: 2;
        column-count: 2
    }
}

@media (min-width:992px) {
    .image-text__description--column-3 {
        -moz-column-count: 3;
        column-count: 3
    }
}

.image-text__action {
    margin-top: 0.2rem
}

.image-text--gray-without-padding .image-text__text {
    padding: 0.2rem
}

.image-text--gray-without-padding .image-text__image {
    align-self: stretch;
    margin: 0
}

.image-text--gray-without-padding .image-text__image .image-text__img {
    -o-object-fit: cover;
    object-fit: cover
}

.image-text--gray-without-padding .image-text__image .image {
    height: 100%;
    margin: 0
}

.image-text--gray-without-padding .image-text__content {
    background: #f5f5f8;
    padding: 0
}

@media (min-width:768px) {
    .image-text--gray-without-padding .image-text--quarter .image-text__text {
        width: 75%
    }

    .image-text--gray-without-padding .image-text--third .image-text__text {
        width: 66.6666666667%
    }

    .image-text--gray-without-padding .image-text--half .image-text__text {
        width: 50%
    }
}

.info {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

@media (min-width:1200px) {
    .info {
        max-width: 13.7rem
    }
}

.info__box {
    display: flex;
    padding-bottom: 0.15rem;
    padding-top: 0.15rem
}

@media (min-width:1200px) {
    .info__box {
        padding-bottom: 0.3rem;
        padding-top: 0.3rem
    }
}

.info__icon {
    flex: 0 0 auto;
    font-size: 0.21000000000000002rem;
    font-weight: 700;
    height: 0.36rem;
    line-height: 0.36rem;
    margin-right: 0.15rem;
    width: 0.36rem
}

.info__icon,
.info__icon--small {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='.5' x2='.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%232061ae'/%3E%3Cstop offset='1' stop-color='%23175298'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='36' height='36' fill='url(%23a)' rx='18'/%3E%3C/svg%3E") no-repeat 0 0;
    background-size: contain;
    color: #fff;
    font-family: Oswald, Avenir Next Condensed Medium, Arial Narrow, sans-serif;
    text-align: center
}

.info__icon--small {
    flex: auto;
    font-size: 0.15rem;
    height: 0.19rem;
    line-height: 0.16rem;
    margin-right: 0.1rem;
    width: 0.18rem
}

.info__only-icon {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Crect width='15' height='15' x='.5' y='.5' stroke='%232061AE' rx='7.5'/%3E%3Cpath fill='%232061ae' d='M8 3.5c-.27 0-.5.23-.5.5s.23.5.5.5.5-.23.5-.5-.225-.5-.5-.5M8 5.5c-.268 0-.5.25-.5.547v5.906c0 .298.225.547.5.547s.5-.25.5-.547V6.047c0-.298-.225-.547-.5-.547'/%3E%3C/svg%3E") no-repeat 0 0;
    display: inline-block;
    height: 0.16rem;
    width: 0.16rem
}

.info__text {
    font-size: 0.15rem;
    font-style: italic;
    line-height: 0.2rem
}

.input-group {
    align-items: center;
    display: flex
}

.language-select {
    min-width: 1rem
}

.language-select__label {
    align-items: center;
    cursor: pointer;
    display: flex
}

.language-select__label:after,
.language-select__label:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block
}

.language-select__label:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3E%3Cg clip-path='url(%23clip0_365_83)'%3E%3Cpath fill='%230e2e5a' d='M13.66 2.48A7.95 7.95 0 0 0 8 .14c-2.14 0-4.15.83-5.66 2.34A7.97 7.97 0 0 0 0 8.14c0 2.14.83 4.14 2.34 5.66A7.95 7.95 0 0 0 8 16.14c2.14 0 4.15-.83 5.66-2.34A7.95 7.95 0 0 0 16 8.14c0-2.14-.83-4.15-2.34-5.66m-2.68 3.31h3.73c.56 1.54.56 3.23 0 4.76h-3.73a20.3 20.3 0 0 0 0-4.76m-.73 2.35c0 .78-.04 1.57-.14 2.35H5.9c-.1-.78-.14-1.57-.14-2.35s.04-1.57.14-2.35h4.21c.09.78.14 1.57.14 2.35m.61-3.22A9.4 9.4 0 0 0 9.6 1.24a7.14 7.14 0 0 1 4.71 3.69h-3.44zm-.88 0H6.01c.21-1.17.51-2.16.87-2.85.35-.68.74-1.05 1.11-1.05s.77.37 1.12 1.05c.36.7.66 1.68.87 2.85M3.65 2.53C4.46 1.9 5.41 1.44 6.4 1.2a9.4 9.4 0 0 0-1.26 3.72H1.69C2.16 4 2.83 3.17 3.64 2.53zm1.37 8.02H1.29C1.01 9.77.87 8.96.87 8.14c0-.8.15-1.59.42-2.35h3.73c-.18 1.58-.18 3.18 0 4.76m.12.81c.16 1.31.59 2.55 1.26 3.68a7.14 7.14 0 0 1-4.71-3.69h3.45zm.88 0h3.97c-.21 1.17-.51 2.16-.87 2.85-.35.68-.74 1.05-1.12 1.05s-.77-.37-1.11-1.05c-.36-.7-.66-1.68-.87-2.85m6.33 2.39a7.2 7.2 0 0 1-2.75 1.33c.67-1.14 1.1-2.39 1.25-3.71h3.45c-.47.92-1.14 1.75-1.95 2.39z'/%3E%3C/g%3E%3C/svg%3E");
    height: 0.16rem;
    margin-right: 0.05rem;
    width: 0.16rem
}

.language-select__label:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.371' height='9.499'%3E%3Cpath fill='%230e2e5a' stroke='%230e2e5a' stroke-width='.75' d='M12.336.534a.387.387 0 1 1 .547.547l-5.922 5.93a.386.386 0 0 1-.547 0L.488 1.081a.387.387 0 0 1 .547-.547L6.687 6.19Z'/%3E%3C/svg%3E");
    height: 0.06999999999999999rem;
    margin-left: 0.05rem;
    width: 0.1rem
}

.language-select--desktop {
    color: #0e2e5a;
    margin: auto 0.4rem auto 0.1rem
}

body.sticky-header .language-select--desktop {
    display: none
}

@media (max-width:1199.98px) {
    .language-select--desktop {
        display: none
    }
}

@media (min-width:1200px) {
    .language-select--desktop .language-select__languages {
        border: 1px solid #d5d5d8;
        box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, .16);
        margin-top: 0.1rem;
        position: absolute;
        z-index: 999
    }
}

.language-select__placeholder {
    width: 1rem
}

.language-select--vertical-menu {
    border-top: 1px solid #d5d5d8;
    color: #1d1d1d;
    width: 100%
}

.language-select--vertical-menu .language-select__label {
    display: flex;
    margin: 0.3rem 0.24rem 0.2rem;
    width: calc(100% - 50px)
}

.language-select--vertical-menu .language-select__languages {
    background-color: #fff;
    display: none
}

.language-select--vertical-menu .language-select__link {
    border-bottom: none;
    display: block;
    padding: 0.15rem 0.15rem 0.15rem 0.3rem;
    width: 100%
}

.language-select__languages {
    background-color: #fff;
    display: none
}

.language-select__link {
    border-bottom: 1px solid #d5d5d8;
    display: block;
    padding: 0.15rem;
    width: 100%
}

@media (max-width:1199.98px) {
    .language-select__link {
        border-bottom: none;
        border-top: 1px solid #d5d5d8;
        color: #1d1d1d;
        padding-left: 0.3rem
    }

    .language-select__link:hover {
        color: #134180
    }
}

@media (min-width:1200px) {
    .language-select__link:hover {
        background-color: #2061ae;
        color: #fff
    }
}

.language-select__link--active {
    font-weight: 700
}

.language-select__trigger {
    position: absolute
}

.language-select__trigger:checked~.language-select__languages {
    display: block
}

.language-select__trigger:checked~.language-select__label:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.434' height='11.232'%3E%3Cpath fill='%23606068' stroke='%23606068' stroke-width='.75' d='M1.4 10.622a.601.601 0 1 1-.851-.85L9.757.552a.6.6 0 0 1 .851 0l9.214 9.22a.601.601 0 0 1-.851.85l-8.788-8.794Z'/%3E%3C/svg%3E")
}

@media (min-width:1200px) {
    .language-select__trigger:checked~.language-select__label:after {
        background-size: 0.09rem
    }
}

.language-select:empty {
    display: none
}

.line-item-summary {
    display: flex;
    flex-wrap: wrap
}

.line-item-summary__hr {
    background-color: #e5e5e8;
    border: none;
    height: 1px;
    width: 100%
}

.line-item-summary__name,
.line-item-summary__value {
    color: #606068;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0.05rem 0.1rem
}

.line-item-summary__name--subtotal,
.line-item-summary__value--subtotal {
    color: #1d1d1d
}

.line-item-summary__name--voucher,
.line-item-summary__value--voucher {
    color: #2d8745
}

.line-item-summary__name--sum,
.line-item-summary__value--sum {
    color: #1d1d1d;
    font-size: 0.16999999999999998rem;
    font-weight: 700;
    margin-top: 0.1rem;
    max-width: 100%;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding: 0 0.1rem 0 0
}

.line-item-summary__name--taxgroup,
.line-item-summary__value--taxgroup {
    white-space: nowrap
}

.line-item-summary__value {
    text-align: right
}

.line-item-summary__value--sum {
    flex: 0 1 auto
}

.line-item-summary__name--sum {
    flex: 1 1 auto
}

.line-item-summary__extra-info {
    color: #606068;
    padding: 0.05rem 0;
    width: 100%
}

.line-item-summary--checkout-cart {
    flex: 0 0 100%;
    margin-top: 0.2rem;
    max-width: 100%
}

@media (min-width:768px) {
    .line-item-summary--checkout-cart {
        margin-left: auto;
        max-width: 3.4rem
    }
}

@media (min-width:1200px) {
    .line-item-summary--checkout-cart {
        flex: 0 0 75%;
        margin-left: 25%;
        max-width: 75%
    }
}

.line-item-summary--checkout-cart .line-item-summary__name {
    padding-left: 0
}

@media (min-width:768px) {
    .line-item-summary--checkout-cart .line-item-summary__name {
        padding-left: 0.15rem
    }
}

.line-item-summary--checkout-cart .line-item-summary__value {
    padding-right: 0
}

.line-item-summary--checkout-cart .line-item-summary__name--subtotal,
.line-item-summary--checkout-cart .line-item-summary__value--subtotal {
    display: none
}

.line-item-summary--checkout-cart .line-item-summary__name--sum,
.line-item-summary--checkout-cart .line-item-summary__value--sum {
    border: 0;
    margin-top: 0;
    padding-top: 0.1rem
}

.line-item-summary--checkout-cart .line-item-summary__extra-info {
    display: none
}

.line-item-summary--show-extra-info .line-item-summary__extra-info {
    display: flex;
    padding-left: 0.15rem
}

.line-item-summary--finish .line-item-summary__name {
    padding: 0.05rem 0.15rem
}

.line-item-summary--finish .line-item-summary__value {
    padding-right: 0.25rem
}

.line-item-summary--finish .line-item-summary__extra-info {
    display: none
}

.line-item-summary--finish .line-item-summary__value--sum {
    padding: 0.05rem 0.15rem
}

.line-item-summary__tooltip-text {
    background-color: #fff;
    border: 1px solid #d5d5d8;
    box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, .16);
    left: -0.2rem;
    max-width: 3.5rem;
    min-height: 1.6rem;
    min-width: 2.5rem;
    padding: 0.15rem;
    position: absolute;
    top: -1.7rem;
    visibility: hidden;
    white-space: pre-line;
    width: -moz-min-content;
    width: min-content
}

.line-item-summary__tooltip {
    cursor: default;
    display: inline-block;
    position: relative;
    top: -0.02rem
}

.line-item-summary__tooltip:hover .line-item-summary__tooltip-text {
    visibility: visible
}

.link-box {
    background: linear-gradient(180deg, #2061ae 0, #2061ae);
    color: #fff;
    padding: 0.2rem
}

.link-box__head {
    align-items: center;
    display: flex;
    margin-bottom: 0.16rem
}

.link-box__icon {
    flex: 0 0 auto;
    height: 0.45rem;
    margin-right: 0.2rem;
    width: 0.45rem
}

.link-box__headline {
    font-size: 0.21000000000000002rem
}

.link-box__link+.link-box__link {
    border-top: 1px solid #fff
}

.link-collection {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

@media (min-width:1200px) {
    .link-collection {
        max-width: 13.7rem
    }
}

.link-collection__box {
    border: 1px solid #d5d5d8;
    padding: 0.2rem
}

.link-collection__content {
    display: flex;
    flex-wrap: wrap
}

.link-collection__headline {
    margin-bottom: 0.2rem
}

.link-collection__link {
    min-width: 2.8rem;
    padding: 0.04rem 0.2rem 0.04rem 0;
    width: 100%
}

@media (min-width:768px) {
    .link-collection__link {
        max-width: 50%;
        padding-right: 0.48rem
    }
}

@media (min-width:992px) {
    .link-collection__link {
        max-width: 33.3333333333%
    }
}

@media (min-width:1200px) {
    .link-collection__link {
        max-width: 25%
    }
}

.link-collection--grid {
    padding: 0
}

.link-collection--grid .link-collection__link {
    max-width: none;
    min-width: 0;
    padding-right: 0.2rem
}

.link-list {
    list-style: none;
    padding: 0
}

.link-list .link-list__entry {
    margin-bottom: 0.1rem
}

.link-list .link-list__entry--padding {
    padding-right: 0.2rem
}

.link-list--default .link-list__link:hover {
    color: #2061ae
}

.link-list--arrows .link-list__entry {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.232' height='20.434'%3E%3Cpath fill='%231d1d1d' stroke='%231d1d1d' stroke-width='.75' d='M.61 1.4a.601.601 0 1 1 .85-.851l9.22 9.208a.6.6 0 0 1 0 .851l-9.22 9.214a.601.601 0 0 1-.85-.851l8.794-8.788Z'/%3E%3C/svg%3E");
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 0.06rem;
    padding-left: 0.12rem
}

.link-list--pdp {
    display: flex;
    flex-wrap: wrap;
    margin: 0
}

.link-list--pdp .link-list__entry {
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:1200px) {
    .link-list--pdp .link-list__entry {
        flex: 0 0 50%;
        max-width: 50%
    }
}

.link-list--sidebar {
    display: flex;
    flex-wrap: wrap
}

.link-list--sidebar .link-list__entry {
    border-bottom: 1px solid #e5e5e8;
    margin-bottom: 0.02rem;
    padding: 0.05rem 0;
    width: 100%
}

.link-list--sidebar .link-list__entry--active {
    border-bottom: 1px solid #2061ae
}

@media (min-width:768px) {
    .link-list--sidebar .link-list__entry {
        flex: 0 0 49%;
        margin-right: 1%;
        max-width: 49%
    }
}

@media (min-width:992px) {
    .link-list--sidebar .link-list__entry {
        flex: 0 0 100%;
        margin-right: 0;
        max-width: 100%
    }
}

.link-list--sidebar .link-list__link {
    color: #1d1d1d;
    display: block;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 0.15rem;
    font-weight: 400;
    margin: 0.05rem 0;
    width: calc(100% - 0.2rem)
}

.link-list--sidebar .link-list__link--active,
.link-list--sidebar .link-list__link:hover {
    border-color: transparent;
    color: #2061ae;
    font-weight: 700
}

.link-list--footer-bottom .link-list__entry {
    display: inline
}

.link-list--footer-bottom .link-list__entry+.link-list__entry:before {
    content: "|";
    display: inline-block
}

.link-list--footer-bottom .link-list__link {
    color: inherit;
    padding: 0 0.05rem;
    text-decoration: none
}

.link-list--mega-menu {
    font-weight: 400;
    margin: 0.05rem 0 0 0.4rem
}

.link-list--mega-menu .link-list__entry {
    margin: 0
}

.link-list--mega-menu .icon-list__more,
.link-list--mega-menu .link-list__link {
    color: #1d1d1d;
    display: block;
    font-size: 0.13rem;
    padding: 0.05rem 0
}

.link-list--mega-menu .icon-list__more:hover,
.link-list--mega-menu .link-list__link:hover {
    color: #2061ae
}

.link-list--mega-menu .icon-list__more {
    font-weight: 700
}

.link-list--category-teaser .link-list__entry,
.link-list--no-margin {
    margin: 0
}

.logo--header {
    display: block;
    width: 100%
}

.logo--header .image__src {
    height: 0.29rem
}

.logo__image {
    max-height: 0.3rem;
    max-width: 16rem
}

.main-navigation {
    display: none
}

@media (min-width:1200px) {
    body:not(.sticky-header) .main-navigation {
        display: block;
        margin-right: 0.2rem
    }
}

.main-navigation__list {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.main-navigation__entry {
    border-bottom: 5px solid transparent;
    font-size: 0.16rem;
    font-weight: 500;
    height: 0.3rem;
    line-height: 0.3rem
}

.main-navigation__entry--active {
    border-color: #2061ae
}

.main-navigation__entry+.main-navigation__entry {
    flex: 1 0 auto;
    margin-left: 0.5rem;
    text-align: center
}

.main-navigation__link {
    color: inherit;
    text-decoration: none
}

.main-navigation--header {
    display: none
}

.sticky-header .main-navigation--header {
    display: block
}

@media (min-width:768px) {
    body:not(.sticky-header) .main-navigation--header {
        display: block
    }
}

.mobile-navigation {
    font-size: 0.18rem;
    text-align: left;
    width: auto
}

@media (min-width:1200px) {
    .mobile-navigation--header {
        display: none
    }
}

.multi-column-text .description ol,
.multi-column-text .description ul {
    display: block
}

.multi-column-text--gray-full-size {
    background: #f5f5f8;
    padding: 0.15rem 0
}

@media (min-width:1200px) {
    .multi-column-text--gray-full-size {
        padding: 0.4rem 0
    }
}

.multi-column-text__inner {
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

@media (min-width:768px) {
    .multi-column-text__inner {
        align-items: flex-start;
        flex-flow: row wrap
    }
}

@media (min-width:1200px) {
    .multi-column-text__inner {
        display: block;
        max-width: 13.7rem
    }
}

.grid .multi-column-text__inner {
    padding: 0
}

.multi-column-text__content {
    width: 100%
}

.grid .multi-column-text__content {
    padding: 0
}

.multi-column-text--gray .multi-column-text__content {
    background: #f5f5f8;
    padding: 0.15rem
}

@media (min-width:1200px) {
    .multi-column-text--gray .multi-column-text__content {
        padding: 0.2rem
    }
}

.multi-column-text__button {
    margin-top: 0.2rem
}

@media (max-width:1199.98px) {
    .multi-column-text.clonable {
        display: none
    }
}

.pagination-vue__count-text {
    display: block;
    padding-bottom: 0.1rem;
    padding-top: 0.1rem
}

.pagination {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    width: 100%
}

@media (min-width:1200px) {
    .pagination {
        max-width: 13.7rem
    }
}

.pagination__pagination {
    font-size: 0.16rem;
    font-weight: 700;
    margin: 0
}

.pagination__count {
    font-size: 0.12rem;
    margin-top: 0.1rem
}

.password-validator {
    font-size: 0.13rem
}

.password-validator__title {
    font-weight: 700
}

.password-validator--hidden {
    display: none
}

.product-box {
    background-color: #fff;
    border: 1px solid #d5d5d8;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: calc(100% - 0.2rem);
    justify-content: space-between;
    margin: 0.1rem;
    padding: 0.2rem
}

.product-box:hover {
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, .2)
}

.product-box--teaser {
    border: 2px solid #2d8745
}

.product-box--teaser .product-box__image-box {
    height: 2.2rem
}

.product-box__link {
    cursor: pointer;
    display: block
}

.product-box__badges {
    position: relative
}

.product-box__image-box {
    height: 2.5rem;
    margin-bottom: 0.1rem;
    position: relative
}

.product-box__image {
    left: 50%;
    margin-right: -50%;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.product-box__note {
    padding-top: 0.05rem
}

.product-box__text-badge {
    padding-bottom: 0.05rem
}

.product-box__title {
    height: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    overflow: hidden
}

.product-box__variants {
    display: block;
    font-size: 0.13rem;
    padding-top: 0.1rem;
    width: 100%
}

.product-box__variants:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='19'%3E%3Cpath d='M14.14 3.08h-2.27V1.85A1.85 1.85 0 0 0 10 0H1.86A1.85 1.85 0 0 0 0 1.85v12.32a1.86 1.86 0 0 0 1.86 1.75h2.27v1.33A1.86 1.86 0 0 0 6 19h8.15A1.86 1.86 0 0 0 16 17.25V4.93a1.85 1.85 0 0 0-1.86-1.85M1.86 14.38c-.21 0-.31-.1-.31-.21V1.85a.31.31 0 0 1 .31-.31H10a.31.31 0 0 1 .31.31v12.32c0 .11-.1.21-.31.21Zm12.59 2.87c0 .11-.1.21-.31.21H6c-.21 0-.31-.1-.31-.21v-1.33H10a1.86 1.86 0 0 0 1.86-1.75V4.62h2.27a.31.31 0 0 1 .31.31Z' style='fill:%23499bde'/%3E%3C/svg%3E") no-repeat 0;
    content: "";
    display: inline-block;
    height: 19px;
    vertical-align: middle;
    width: 16px
}

.product-box__variants span {
    color: #606068;
    padding-left: 0.06rem;
    vertical-align: middle
}

.product-box__price {
    display: flex;
    height: 0.58rem;
    justify-content: space-between;
    padding: 0.1rem 0 0
}

.product-box__price-on-request {
    font-weight: 500
}

.product-box__actions {
    display: flex;
    justify-content: space-between
}

.product-box__description {
    margin-top: 0.15rem
}

.product-box__description ul {
    padding-left: 0.1rem
}

.product-box__description li {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='18' fill='none'%3E%3Cpath fill='%232061ae' d='M23.77.254c-.3-.3-.82-.31-1.13 0L7.61 16.044l-6.24-7.31h-.01a.76.76 0 0 0-.57-.25c-.21 0-.4.08-.55.22-.15.15-.24.34-.24.55s.07.41.21.55l6.81 7.93c.15.15.35.24.57.24.21 0 .41-.08.56-.24l15.62-16.36c.15-.15.23-.35.23-.56s-.08-.41-.23-.56'/%3E%3C/svg%3E");
    background-position: left 2px;
    background-repeat: no-repeat;
    list-style: none;
    padding-left: 0.15rem;
    position: relative
}

.product-teaser-box__headline {
    font-size: 0.18rem;
    margin-bottom: 0.05rem;
    text-align: center;
    text-transform: uppercase
}

.quality-features__headline {
    font-size: 0.21000000000000002rem
}

.quality-features__list {
    display: "inline-block";
    list-style: none;
    margin: 0;
    padding: 0
}

.quality-features__list li {
    display: flex;
    line-height: 150%;
    width: 100%;
    -moz-column-break-inside: avoid;
    break-inside: avoid
}

.quality-features__element {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    gap: 0.15rem;
    padding-bottom: 0.15rem
}

.quality-features__element:last-child {
    padding-bottom: 0
}

.quality-features__image {
    height: auto;
    max-height: 0.6rem;
    max-width: 1.7rem;
    width: auto
}

.quality-features__image-div {
    display: flex;
    justify-content: center;
    max-width: 1.7rem;
    width: 100%
}

.quantity-input {
    display: flex;
    margin-top: 0.24rem;
    position: relative
}

.quantity-input--cart {
    display: inline-flex;
    margin: 0
}

.quantity-input__minus,
.quantity-input__plus {
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 35%;
    border: 1px solid #d5d5d8;
    border-radius: 0;
    cursor: pointer;
    height: 0.5rem;
    position: relative;
    width: 0.5rem
}

.quantity-input__minus {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='20' fill='none'%3E%3Cg clip-path='url(%23clip0_1954_3567)'%3E%3Cpath fill='%231d1d1d' d='M15.57 8.871H.43c-.24 0-.43.18-.43.41s.19.41.43.41h15.14c.24 0 .43-.18.43-.41s-.19-.41-.43-.41'/%3E%3C/g%3E%3C/svg%3E")
}

.quantity-input__minus:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='20' fill='none'%3E%3Cg clip-path='url(%23clip0_1954_3567)'%3E%3Cpath fill='%232061ae' d='M15.57 8.871H.43c-.24 0-.43.18-.43.41s.19.41.43.41h15.14c.24 0 .43-.18.43-.41s-.19-.41-.43-.41'/%3E%3C/g%3E%3C/svg%3E")
}

.quantity-input__minus:disabled {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='20' fill='none'%3E%3Cg clip-path='url(%23clip0_1954_3567)'%3E%3Cpath fill='%23d5d5d8' d='M15.57 8.871H.43c-.24 0-.43.18-.43.41s.19.41.43.41h15.14c.24 0 .43-.18.43-.41s-.19-.41-.43-.41'/%3E%3C/g%3E%3C/svg%3E");
    cursor: default
}

.quantity-input__plus {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23clip0_1917_2505)'%3E%3Cpath fill='%231d1d1d' d='M14.924 7.5h-6.49V.41c0-.23-.19-.41-.47-.41-.23 0-.41.19-.41.41V7.5h-6.49c-.23 0-.41.19-.41.41s.19.41.41.41h6.49v7.26c0 .23.19.41.47.41.23 0 .41-.19.41-.41V8.32h6.49c.23 0 .41-.19.41-.41s-.19-.41-.41-.41'/%3E%3C/g%3E%3C/svg%3E")
}

.quantity-input__plus:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23clip0_1917_2505)'%3E%3Cpath fill='%232061ae' d='M14.924 7.5h-6.49V.41c0-.23-.19-.41-.47-.41-.23 0-.41.19-.41.41V7.5h-6.49c-.23 0-.41.19-.41.41s.19.41.41.41h6.49v7.26c0 .23.19.41.47.41.23 0 .41-.19.41-.41V8.32h6.49c.23 0 .41-.19.41-.41s-.19-.41-.41-.41'/%3E%3C/g%3E%3C/svg%3E")
}

.quantity-input__plus:disabled {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23clip0_1917_2505)'%3E%3Cpath fill='%23d5d5d8' d='M14.924 7.5h-6.49V.41c0-.23-.19-.41-.47-.41-.23 0-.41.19-.41.41V7.5h-6.49c-.23 0-.41.19-.41.41s.19.41.41.41h6.49v7.26c0 .23.19.41.47.41.23 0 .41-.19.41-.41V8.32h6.49c.23 0 .41-.19.41-.41s-.19-.41-.41-.41'/%3E%3C/g%3E%3C/svg%3E");
    cursor: default
}

.quantity-input__field {
    background-color: #fff;
    border: 1px solid #d5d5d8;
    border-left: none;
    border-radius: 0;
    border-right: none;
    display: inline-block;
    font-size: 0.15rem;
    height: 0.5rem;
    position: relative;
    text-align: center;
    width: 0.6rem;
    z-index: 2
}

@media (min-width:768px) and (max-width:991.98px) {
    .quantity-input--cart .quantity-input__field {
        width: 1.5rem
    }
}

.quantity-input input[type=number] {
    -moz-appearance: textfield
}

.quantity-input--hide {
    display: none
}

.search {
    z-index: 1
}

.search-bar {
    border-radius: 3px;
    position: relative
}

.search-bar--disabled {
    opacity: .2;
    pointer-events: none
}

.search-bar__input[type=search] {
    background: #f5f5f8;
    border: 0;
    color: #0e2e5a;
    font-size: 0.16rem;
    height: 0.45rem;
    margin: 0;
    outline: none;
    padding: 0 0.3rem 0 0.1rem;
    width: 100%
}

@media (prefers-contrast:more) {
    .search-bar__input[type=search] {
        border: 1px solid #1d1d1d
    }
}

@media (min-width:768px) {
    .search-bar__input[type=search] {
        font-size: 0.18rem;
        height: 0.48rem
    }
}

.search-bar__input[type=search]::-moz-placeholder {
    color: #0e2e5a
}

.search-bar__input[type=search]::placeholder {
    color: #0e2e5a
}

.search-bar__input[type=search]::-ms-clear {
    display: none
}

.search-bar__input[type=search]:focus {
    box-shadow: 0 9999px 0 9940px rgba(0, 0, 0, .2)
}

.search-bar--ct {
    margin-left: 0.3rem
}

.search-bar__button {
    background-color: #2061ae;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' d='M8.985.04a9.124 9.124 0 0 1 9.26 8.98c.03 2.27-.77 4.44-2.25 6.14l7.84 7.83c.22.22.22.58 0 .8a.55.55 0 0 1-.4.16c-.15 0-.29-.06-.4-.16l-7.83-7.83a9.1 9.1 0 0 1-6.08 2.32c-5.03 0-9.13-4.09-9.13-9.12S3.945.12 8.985.04m-7.86 9.12c0 4.41 3.59 7.99 8 7.99s8-3.59 8-7.99-3.59-7.99-8-7.99-8 3.59-8 7.99'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v23.92H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    border: none;
    height: 0.45rem;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 0.48rem
}

@media (prefers-contrast:more) {
    .search-bar__button {
        background-color: #fff;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%231d1d1d' d='M8.985.04a9.124 9.124 0 0 1 9.26 8.98c.03 2.27-.77 4.44-2.25 6.14l7.84 7.83c.22.22.22.58 0 .8a.55.55 0 0 1-.4.16c-.15 0-.29-.06-.4-.16l-7.83-7.83a9.1 9.1 0 0 1-6.08 2.32c-5.03 0-9.13-4.09-9.13-9.12S3.945.12 8.985.04m-7.86 9.12c0 4.41 3.59 7.99 8 7.99s8-3.59 8-7.99-3.59-7.99-8-7.99-8 3.59-8 7.99'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%231d1d1d' d='M0 0h24v23.92H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
        border: 1px solid #1d1d1d
    }
}

@media (min-width:768px) {
    .search-bar__button {
        height: 100%
    }
}

.search-bar__close-input {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23clip0_319_1947)'%3E%3Cpath fill='%231d1d1d' d='M15.8 14.8 9.12 7.98l6.64-6.78c.18-.18.2-.39.2-.5s-.03-.32-.2-.5a.7.7 0 0 0-.5-.21.7.7 0 0 0-.5.21L8.12 6.97 1.49.21a.69.69 0 0 0-.99 0 .7.7 0 0 0-.2.5c0 .11.03.32.2.5l6.64 6.78L.46 14.8a.7.7 0 0 0-.2.5c0 .11.03.32.2.5.18.18.39.21.5.21s.32-.03.5-.21L8.13 9l6.67 6.81c.18.18.39.21.5.21s.32-.03.5-.21.2-.39.2-.5-.03-.32-.2-.5z'/%3E%3C/g%3E%3C/svg%3E");
    background-size: cover;
    border: none;
    bottom: 0.15rem;
    cursor: pointer;
    display: none;
    height: 0.15rem;
    position: absolute;
    width: 0.15rem
}

.search-bar__close-input:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23clip0_319_1947)'%3E%3Cpath fill='%232061ae' d='M15.8 14.8 9.12 7.98l6.64-6.78c.18-.18.2-.39.2-.5s-.03-.32-.2-.5a.7.7 0 0 0-.5-.21.7.7 0 0 0-.5.21L8.12 6.97 1.49.21a.69.69 0 0 0-.99 0 .7.7 0 0 0-.2.5c0 .11.03.32.2.5l6.64 6.78L.46 14.8a.7.7 0 0 0-.2.5c0 .11.03.32.2.5.18.18.39.21.5.21s.32-.03.5-.21L8.13 9l6.67 6.81c.18.18.39.21.5.21s.32-.03.5-.21.2-.39.2-.5-.03-.32-.2-.5z'/%3E%3C/g%3E%3C/svg%3E")
}

@media (min-width:768px) {
    .search-bar__close-input--show {
        display: block
    }
}

.search-bar__close-input--hide {
    display: none
}

.search-bar .search-bar__wrapper-input {
    align-items: center;
    display: inline-flex;
    position: relative;
    width: 100%
}

.search-bar .search-bar__wrapper-input .search-bar__clear {
    background-size: cover;
    cursor: pointer
}

.search-bar .search-bar__wrapper-input .search-bar__clear.clear-icon--inside {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23clip0_319_1947)'%3E%3Cpath fill='%23606068' d='M15.8 14.8 9.12 7.98l6.64-6.78c.18-.18.2-.39.2-.5s-.03-.32-.2-.5a.7.7 0 0 0-.5-.21.7.7 0 0 0-.5.21L8.12 6.97 1.49.21a.69.69 0 0 0-.99 0 .7.7 0 0 0-.2.5c0 .11.03.32.2.5l6.64 6.78L.46 14.8a.7.7 0 0 0-.2.5c0 .11.03.32.2.5.18.18.39.21.5.21s.32-.03.5-.21L8.13 9l6.67 6.81c.18.18.39.21.5.21s.32-.03.5-.21.2-.39.2-.5-.03-.32-.2-.5z'/%3E%3C/g%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 0.13rem;
    display: none;
    height: 0.2rem;
    position: absolute;
    right: 65px;
    transition: right .3s;
    width: 0.2rem
}

.search-bar .search-bar__wrapper-input .search-bar__clear.clear-icon--inside.active {
    display: block
}

.search-bar .search-bar__wrapper-input .search-bar__clear.clear-icon--outside {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23clip0_319_1947)'%3E%3Cpath fill='%230e2e5a' d='M15.8 14.8 9.12 7.98l6.64-6.78c.18-.18.2-.39.2-.5s-.03-.32-.2-.5a.7.7 0 0 0-.5-.21.7.7 0 0 0-.5.21L8.12 6.97 1.49.21a.69.69 0 0 0-.99 0 .7.7 0 0 0-.2.5c0 .11.03.32.2.5l6.64 6.78L.46 14.8a.7.7 0 0 0-.2.5c0 .11.03.32.2.5.18.18.39.21.5.21s.32-.03.5-.21L8.13 9l6.67 6.81c.18.18.39.21.5.21s.32-.03.5-.21.2-.39.2-.5-.03-.32-.2-.5z'/%3E%3C/g%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 0;
    height: 0.2rem;
    margin-inline: 0.1rem
}

@media (min-width:768px) {
    .search-bar .search-bar__wrapper-input .search-bar__clear.clear-icon--outside.active {
        background-size: 0.16rem;
        width: 0.15rem
    }
}

input[type=search]::-ms-clear,
input[type=search]::-ms-reveal {
    display: none;
    height: 0;
    width: 0
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    display: none
}

.suggest__highlight-container[data-v-0605bfea] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.suggest__highlight-container>b[data-v-0605bfea],
.suggest__highlight-container>span[data-v-0605bfea] {
    display: inline
}

.suggest__link[data-v-eca6301c] {
    align-items: center;
    color: #313131;
    display: flex;
    padding: 5px 0;
    text-decoration: none
}

.image__src[data-v-bb30c03e] {
    display: block;
    height: 100%;
    -o-object-fit: var(--2a88f821);
    object-fit: var(--2a88f821);
    width: 100%
}

.product-image[data-v-fa640e8d] {
    background-color: #fff
}

.product[data-v-6640ca4b] {
    gap: 0.1rem;
    min-height: 0.4rem
}

.product>.suggest__product-image[data-v-6640ca4b] {
    flex-shrink: 0;
    max-width: 100%
}

.suggest__product-label[data-v-6640ca4b] {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.suggest__category_image[data-v-ecd796d4] {
    flex-shrink: 0;
    max-width: 100%
}

.suggest[data-v-0b3a2cd9] {
    background: #fff;
    display: grid;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .suggest--columns-2[data-v-0b3a2cd9] {
        grid-template-columns: 1fr 1fr
    }

    .suggest--columns-3[data-v-0b3a2cd9] {
        grid-template-columns: 1fr 1fr 1fr
    }
}

.v-enter-active[data-v-0b3a2cd9],
.v-leave-active[data-v-0b3a2cd9] {
    transition: opacity .2s ease, max-height .6s ease
}

.v-enter-from[data-v-0b3a2cd9],
.v-leave-to[data-v-0b3a2cd9] {
    max-height: 0;
    opacity: 0
}

.v-enter-to[data-v-0b3a2cd9],
.v-leave-to[data-v-0b3a2cd9] {
    max-height: 10rem;
    opacity: 1
}

.search-bar[data-v-ace91a8f] {
    position: relative
}

.search-bar .suggest-box[data-v-ace91a8f] {
    position: absolute;
    z-index: 2
}

.search-bar .search[data-v-ace91a8f] {
    display: flex;
    height: 0.48rem;
    position: relative;
    z-index: 1
}

.search-bar .search .search-bar__wrapper[data-v-ace91a8f] {
    flex: 1 1 auto
}

.search-bar .search .search-button[data-v-ace91a8f] {
    width: 0.55rem
}

.search-bar .search .search-button button[data-v-ace91a8f] {
    all: unset;
    background-color: #fff;
    cursor: pointer;
    height: 100%;
    width: 100%
}

[unresolved] {
    display: none
}

#suggest-box {
    z-index: 3
}

.suggest {
    box-shadow: 0 9999px 0 9990px rgba(0, 0, 0, .2)
}

.suggest.suggest-box {
    right: 0;
    width: calc(100% - 34px)
}

.suggest__button {
    margin: 0.15rem auto;
    width: 100%
}

.suggest__product-image {
    padding-right: 0.05rem;
    width: 25%
}

.suggest__product-image img {
    max-height: 1rem
}

.suggest__category-item {
    min-height: 0.5rem
}

.suggest__category-image {
    display: none;
    padding-right: 0.1rem;
    width: 25%
}

.suggest__category-image img {
    max-height: 0.5rem
}

.suggest__search-terms-item {
    cursor: pointer
}

.suggest__search-terms-item:hover {
    color: #2061ae
}

.suggest__search-type-container {
    padding: 0.3rem;
    width: 100%
}

.suggest__headline {
    display: none;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    margin: 0.1rem 0
}

@media (min-width:768px) {
    .suggest__headline {
        display: block
    }
}

@media (min-width:1200px) {
    .suggest__search-type-container:not(:last-child) {
        border-bottom: 0;
        border-right: 1px solid #f5f5f8
    }
}

.service-tip-item__image {
    align-items: normal;
    display: flex;
    height: 1rem;
    justify-content: center
}

@media (min-width:576px) {
    .service-tip-item__image {
        height: 1.4rem
    }
}

.service-tip-item__image .image {
    width: 100%
}

.service-tip-item__description,
.service-tip-item__headline {
    text-align: center
}

.shipping-info__title {
    font-weight: 700;
    line-height: 0.18rem
}

.shipping-info__description {
    padding-bottom: 0.05rem
}

.shipping-info__error {
    color: #c10040
}

.shipping-selection__form-row {
    display: flex;
    margin-top: 0.2rem
}

.shipping-selection__toggle {
    margin-right: 0.1rem
}

.shipping-selection__toggle input[type=radio] {
    margin-top: -0.04rem
}

.shipping-selection__info {
    width: 100%
}

.shipping-selection__label,
.shipping-selection__price {
    font-size: 0.15rem;
    font-weight: 700;
    line-height: 0.18rem
}

.slider:disabled {
    opacity: .3
}

.slider:disabled:hover {
    box-shadow: none
}

.sort-selector {
    display: inline-block;
    position: relative;
    width: auto
}

.sort-selector .dropdown-wrapper__sorts {
    right: 0
}

.sort-selector .dropdown-wrapper__label:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.808' height='15.25'%3E%3Cg data-name='Gruppe 2523'%3E%3Cpath fill='none' stroke='%231d1d1d' stroke-linecap='round' stroke-width='1.5' d='M4.404.875v11' data-name='Linie 299'/%3E%3Cg data-name='Gruppe 2513'%3E%3Cpath fill='%231d1d1d' stroke='%231d1d1d' stroke-width='.75' d='M.823 5.29a.22.22 0 0 1-.347 0 .326.326 0 0 1 0-.408L4.229.46a.22.22 0 0 1 .347 0l3.756 4.423a.325.325 0 0 1 0 .408.22.22 0 0 1-.347 0L4.404 1.075Z' data-name='Pfad 360'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='Gruppe 2524'%3E%3Cpath fill='none' stroke='%231d1d1d' stroke-linecap='round' stroke-width='1.5' d='M13.404 14.375v-11' data-name='Linie 299'/%3E%3Cg data-name='Gruppe 2513'%3E%3Cpath fill='%231d1d1d' stroke='%231d1d1d' stroke-width='.75' d='M16.985 9.96a.22.22 0 0 1 .347 0 .326.326 0 0 1 0 .408l-3.753 4.422a.22.22 0 0 1-.347 0l-3.756-4.423a.325.325 0 0 1 0-.408.22.22 0 0 1 .347 0l3.581 4.216Z' data-name='Pfad 360'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

@media (max-width:991.98px) {
    .sort-selector {
        width: 100%
    }
}

.step__image {
    margin-bottom: 0.15rem
}

.step__image a {
    display: inline-block
}

.step__number {
    background: linear-gradient(180deg, #2061ae 0, #175298 30%, #175298 70%, #2061ae);
    border-radius: 100%;
    color: #fff;
    display: block;
    float: left;
    font-weight: 700;
    height: 0.32rem;
    line-height: 0.32rem;
    margin-right: 0.1rem;
    text-align: center;
    width: 0.32rem
}

.step__header {
    display: flex
}

.step__headline {
    padding-top: 0.05rem;
    width: calc(100% - 0.42000000000000004rem)
}

.table__data {
    border: 0;
    border-collapse: collapse;
    display: block;
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch
}

@media (min-width:768px) {
    .table__data {
        display: table
    }
}

.table__row {
    border: 0;
    border-spacing: 0
}

.table__row:nth-child(odd) {
    background: #f5f5f8
}

.table__item {
    padding: 0.05rem 0.05rem 0.05rem 0.1rem;
    vertical-align: top
}

.table .tech-data {
    display: table
}

.table__header--hidden {
    line-height: 1px;
    opacity: 0
}

.table__header--hidden th {
    padding: 0
}

.teaser-row {
    background: #e0e8ef;
    min-height: 0.2rem;
    padding: 0
}

.teaser-row--product-grid {
    margin: 0.2rem calc(50% - 50vw);
    max-width: 100vw;
    width: 100vw
}

.teaser-row__inner {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    padding: 0.3rem 15px;
    width: 100%
}

@media (min-width:768px) and (max-width:991.98px) {
    .teaser-row__inner {
        display: grid;
        grid-template-columns: 40% 1fr;
        grid-template-rows: repeat(2, auto);
        grid-column-gap: 0;
        grid-row-gap: 0
    }
}

@media (min-width:1200px) {
    .teaser-row__inner {
        grid-template-columns: repeat(2, auto);
        max-width: 13.7rem
    }
}

.teaser-row__content,
.teaser-row__head {
    float: left;
    padding: 0.1rem 0;
    width: 100%
}

@media (min-width:992px) {

    .teaser-row__content,
    .teaser-row__head {
        flex: 0 0 35%;
        max-width: 35%;
        padding: 0 0 0 0.4rem;
        text-align: left
    }
}

.teaser-row__head {
    align-items: center;
    display: flex;
    font-family: Oswald, Avenir Next Condensed Medium, Arial Narrow, sans-serif;
    font-size: 0.18rem;
    letter-spacing: .1em;
    padding-right: 0.15rem;
    text-transform: uppercase
}

.teaser-row__head span {
    display: block;
    font-size: 0.21000000000000002rem
}

@media (min-width:768px) and (max-width:991.98px) {
    .teaser-row__head {
        grid-area: 1/1/3/2;
        padding-right: 0.2rem
    }
}

@media (min-width:992px) {
    .teaser-row__head {
        padding-right: 0.15rem
    }
}

.teaser-row__headline,
.teaser-row__subheadline {
    margin: 0
}

.teaser-row__headline {
    color: #2061ae;
    font-size: 0.21000000000000002rem
}

.teaser-row__image {
    height: 0.55rem;
    margin-right: 0.15rem;
    width: 0.7rem
}

@media (min-width:992px) {
    .teaser-row__image {
        max-width: 100%
    }
}

.teaser-row__content {
    font-size: 0.15rem;
    line-height: 0.24rem
}

@media (min-width:768px) and (max-width:991.98px) {
    .teaser-row__content {
        grid-area: 1/2/2/3
    }
}

@media (min-width:992px) {
    .teaser-row__content {
        flex: 0 0 40%;
        max-width: 40%;
        padding: 0
    }
}

.teaser-row__actions {
    margin-top: 0.15rem;
    text-align: center;
    width: 100%
}

@media (min-width:768px) and (max-width:991.98px) {
    .teaser-row__actions {
        grid-area: 2/2/3/3;
        text-align: left
    }
}

@media (min-width:992px) {
    .teaser-row__actions {
        flex: 0 0 25%;
        margin-top: 0;
        max-width: 25%;
        padding-right: 0.4rem;
        text-align: right
    }
}

.teaser {
    align-items: flex-start;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: space-between
}

.teaser:hover .teaser__image img {
    transform: scale(1.05)
}

.teaser--gray .teaser__content,
.teaser--gray.teaser--top .teaser__image {
    background: #f5f5f8
}

.teaser--white .teaser__content,
.teaser--white.teaser--top .teaser__image {
    background: #fff
}

@media (min-width:768px) {

    .teaser--gray:not(.teaser--top) .teaser__image img,
    .teaser--white:not(.teaser--top) .teaser__image img {
        display: block;
        height: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 0;
        width: 100%
    }
}

.teaser--gray:not(.teaser--top) .teaser__image,
.teaser--white:not(.teaser--top) .teaser__image {
    overflow: hidden;
    position: relative
}

.teaser--gray .teaser__content,
.teaser--gray.teaser--top .teaser__content,
.teaser--white .teaser__content,
.teaser--white.teaser--top .teaser__content {
    padding: 0.24rem
}

.teaser__image {
    align-items: flex-start;
    display: flex;
    overflow: hidden;
    text-align: right;
    width: 100%
}

@media (min-width:768px) {
    .teaser__image {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
}

.teaser__image img {
    transition: transform .3s ease-in-out
}

@media (max-width:767.98px) {
    .teaser__image .image {
        width: 100%
    }
}

.teaser__image--border {
    border: 1px solid #d5d5d8
}

.teaser__content {
    padding: 0.15rem 0;
    width: 100%
}

@media (min-width:768px) {
    .teaser__content {
        flex: 2 0 0;
        padding: 0 0.15rem
    }
}

@media (min-width:992px) {
    .teaser__content {
        padding: 0 0.15rem 0.15rem
    }
}

@media (min-width:1200px) {
    .teaser__content {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }
}

.teaser__tag {
    background: #134180;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-family: Oswald, Avenir Next Condensed Medium, Arial Narrow, sans-serif;
    font-size: 0.13999999999999999rem;
    letter-spacing: .1em;
    margin-bottom: 0.1rem;
    padding: 0.02rem 0.05rem;
    text-transform: uppercase;
    width: auto
}

.teaser__headline {
    margin: 0 0 0.1rem
}

.teaser__description {
    font-size: 0.15rem;
    line-height: 0.22000000000000003rem;
    margin: 0 0 0.15rem
}

.teaser__link {
    display: none
}

@media (min-width:768px) {
    .teaser__link {
        color: #2061ae;
        display: inline-block;
        font-family: Oswald, Avenir Next Condensed Medium, Arial Narrow, sans-serif;
        font-weight: 700;
        letter-spacing: .1em;
        padding-right: 30px;
        text-decoration: none;
        text-transform: uppercase
    }
}

.teaser--top {
    align-items: stretch;
    flex-direction: column;
    padding-bottom: 0.25rem;
    position: relative
}

.teaser--top .teaser__image {
    flex: 0 0 auto;
    max-height: 4rem;
    max-width: 100%;
    width: 100%
}

.teaser--top .teaser__content {
    flex: 1 1 auto;
    max-width: 100%;
    padding: 0.15rem 0;
    width: 100%
}

.teaser--top .teaser__img {
    margin: 0 auto
}

.teaser--top .teaser__description {
    display: block
}

.teaser--right .teaser__image {
    order: 2
}

.teaser--right .teaser__content {
    order: 1
}

.testimonial {
    align-content: flex-start;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

@media (min-width:1200px) {
    .testimonial {
        max-width: 13.7rem
    }
}

.testimonial__image {
    width: 100%
}

@media (min-width:768px) {
    .testimonial__image {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
}

.testimonial__content {
    border: 1px solid #e5e5e8;
    padding: 0.5rem 0.2rem 0.3rem;
    position: relative;
    text-align: center;
    width: 100%
}

@media (min-width:768px) {
    .testimonial__content {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%;
        padding: 0.5rem 0.5rem 0.3rem
    }
}

@media (min-width:1200px) {
    .testimonial__content {
        padding: 0.5rem 0.8rem 0.3rem
    }
}

.testimonial__content:after,
.testimonial__content:before {
    color: #2061ae;
    font-family: Oswald, Avenir Next Condensed Medium, Arial Narrow, sans-serif;
    font-size: 1.2rem;
    position: absolute
}

.testimonial__content:before {
    content: "„";
    left: 0.15rem;
    top: -1.35rem
}

.testimonial__content:after {
    bottom: -1.1rem;
    content: "“";
    right: 0.15rem
}

.testimonial__author {
    font-size: 0.13999999999999999rem
}

.text-list {
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
    display: inline-block;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0
}

.text-list li {
    display: flex;
    line-height: 150%;
    width: 100%;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    line-height: 0.22000000000000003rem;
    padding-bottom: 0.1rem
}

.text-list li:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.791' height='10.225'%3E%3Cpath fill='%231d1d1d' d='M0 2.612h5v5H0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    content: "";
    display: block;
    flex: 0 0 auto;
    height: 12px;
    margin-top: calc(0.11000000000000001rem - 5px);
    width: 0.15rem
}

.text-list--check .list__entry:before,
.text-list--check-primary .list__entry:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='18' fill='none'%3E%3Cpath fill='%232061ae' d='M23.77.254c-.3-.3-.82-.31-1.13 0L7.61 16.044l-6.24-7.31h-.01a.76.76 0 0 0-.57-.25c-.21 0-.4.08-.55.22-.15.15-.24.34-.24.55s.07.41.21.55l6.81 7.93c.15.15.35.24.57.24.21 0 .41-.08.56-.24l15.62-16.36c.15-.15.23-.35.23-.56s-.08-.41-.23-.56'/%3E%3C/svg%3E");
    background-size: contain;
    margin-right: 0.05rem
}

.text-list--check-green .list__entry:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='18' fill='none'%3E%3Cpath fill='%232d8745' d='M23.77.254c-.3-.3-.82-.31-1.13 0L7.61 16.044l-6.24-7.31h-.01a.76.76 0 0 0-.57-.25c-.21 0-.4.08-.55.22-.15.15-.24.34-.24.55s.07.41.21.55l6.81 7.93c.15.15.35.24.57.24.21 0 .41-.08.56-.24l15.62-16.36c.15-.15.23-.35.23-.56s-.08-.41-.23-.56'/%3E%3C/svg%3E")
}

.text-list--number {
    counter-reset: listEntry;
    list-style-image: none;
    list-style-type: decimal
}

.text-list--number .list__entry {
    counter-increment: listEntry
}

.text-list--number .list__entry:before {
    background-image: none;
    content: counter(listEntry) ". ";
    height: auto;
    margin-top: 0;
    white-space: pre;
    width: auto
}

.text-list--linked-points .list__entry {
    font-size: 0.15rem;
    font-weight: 500;
    line-height: 150%;
    margin-left: 10px;
    position: relative
}

.text-list--linked-points .list__entry:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' fill='none'%3E%3Ccircle cx='6' cy='6.5' r='5.5' fill='%23fff' stroke='%232061ae'/%3E%3C/svg%3E");
    height: 14px;
    left: -10px;
    margin-top: 5px;
    position: relative;
    width: 14px;
    z-index: 2
}

.text-list--linked-points .list__entry:after {
    background-color: #2061ae;
    content: "";
    display: inline-block;
    height: 100%;
    left: -4px;
    position: absolute;
    width: 1px;
    z-index: 1
}

.text-list--linked-points .list__entry:first-child:after {
    height: calc(100% - 6px);
    top: 6px
}

.text-list--linked-points .list__entry:last-child:after {
    height: 5px
}

.text-list--no-padding {
    padding-left: 0
}

.text-list--no-margin {
    margin: 0
}

@media (min-width:768px) {

    .text-list--column-2,
    .text-list--column-3 {
        -moz-column-count: 2;
        column-count: 2
    }
}

@media (min-width:992px) {
    .text-list--column-3 {
        -moz-column-count: 3;
        column-count: 3
    }
}

@media (min-width:768px) {
    .text-list--column-4 {
        -moz-column-count: 2;
        column-count: 2
    }
}

@media (min-width:992px) {
    .text-list--column-4 {
        -moz-columns: 4;
        column-count: 4
    }
}

@media (min-width:768px) {
    .text-list--column-5 {
        -moz-column-count: 2;
        column-count: 2
    }
}

@media (min-width:992px) {
    .text-list--column-5 {
        -moz-column-count: 5;
        column-count: 5
    }
}

.text-list--password-validator {
    list-style: none;
    margin: 0.05rem 0 0;
    padding-left: 0
}

.text-list--password-validator .list__entry {
    padding-bottom: 0
}

.text-list--password-validator .list__entry:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23clip0_319_1947)'%3E%3Cpath fill='%236a0023' d='M15.8 14.8 9.12 7.98l6.64-6.78c.18-.18.2-.39.2-.5s-.03-.32-.2-.5a.7.7 0 0 0-.5-.21.7.7 0 0 0-.5.21L8.12 6.97 1.49.21a.69.69 0 0 0-.99 0 .7.7 0 0 0-.2.5c0 .11.03.32.2.5l6.64 6.78L.46 14.8a.7.7 0 0 0-.2.5c0 .11.03.32.2.5.18.18.39.21.5.21s.32-.03.5-.21L8.13 9l6.67 6.81c.18.18.39.21.5.21s.32-.03.5-.21.2-.39.2-.5-.03-.32-.2-.5z'/%3E%3C/g%3E%3C/svg%3E")
}

.text-list--password-validator .list__entry--check:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='18' fill='none'%3E%3Cpath fill='%232d8745' d='M23.77.254c-.3-.3-.82-.31-1.13 0L7.61 16.044l-6.24-7.31h-.01a.76.76 0 0 0-.57-.25c-.21 0-.4.08-.55.22-.15.15-.24.34-.24.55s.07.41.21.55l6.81 7.93c.15.15.35.24.57.24.21 0 .41-.08.56-.24l15.62-16.36c.15-.15.23-.35.23-.56s-.08-.41-.23-.56'/%3E%3C/svg%3E");
    background-size: contain;
    height: 14px;
    width: 16px
}

.text-list--cart-slot {
    padding-left: 0.15rem
}

.tile {
    border: 1px solid #d5d5d8;
    overflow: hidden;
    padding: 0.2rem
}

.tile:hover {
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, .2)
}

.tile__image img {
    height: 40px;
    width: auto
}

.toggle__trigger {
    cursor: pointer
}

.toggle__trigger:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.371' height='9.499'%3E%3Cpath fill='%23606068' stroke='%23606068' stroke-width='.75' d='M12.336.534a.387.387 0 1 1 .547.547l-5.922 5.93a.386.386 0 0 1-.547 0L.488 1.081a.387.387 0 0 1 .547-.547L6.687 6.19Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 0.09rem;
    content: "";
    display: inline-block;
    height: 0.06999999999999999rem;
    margin-left: 0.1rem;
    width: 0.1rem
}

.toggle__trigger--active:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.434' height='11.232'%3E%3Cpath fill='%23606068' stroke='%23606068' stroke-width='.75' d='M1.4 10.622a.601.601 0 1 1-.851-.85L9.757.552a.6.6 0 0 1 .851 0l9.214 9.22a.601.601 0 0 1-.851.85l-8.788-8.794Z'/%3E%3C/svg%3E")
}

.trust-element {
    align-items: center;
    display: flex;
    -webkit-hyphens: auto;
    hyphens: auto;
    padding: 0.1rem 0;
    word-break: break-word
}

.trust-element__image {
    align-self: baseline;
    flex: 0 0 auto;
    margin-right: 0.2rem;
    max-width: 0.7rem;
    min-width: 0.5rem
}

.trust-element__headline {
    font-family: Oswald, Avenir Next Condensed Medium, Arial Narrow, sans-serif;
    font-weight: 500;
    letter-spacing: .1em;
    line-height: 0.2rem;
    text-transform: uppercase
}

.trust-element__text {
    font-size: 0.13rem
}

.vat-toggle {
    align-items: center;
    display: flex
}

.vat-toggle__slider {
    background-color: #fff;
    border-radius: 8px;
    cursor: pointer;
    height: 0.15rem;
    margin: 0;
    position: relative;
    width: 0.25rem
}

@media (prefers-contrast:more) {
    .vat-toggle__slider {
        border: 1px solid #1d1d1d
    }
}

.vat-toggle__slider:before {
    background-color: #1d1d1d;
    border-radius: 50%;
    bottom: 0.02rem;
    content: "";
    height: 0.11000000000000001rem;
    left: 0.01rem;
    position: absolute;
    width: 0.11000000000000001rem
}

@media (prefers-contrast:more) {
    .vat-toggle__slider:before {
        border: 6px solid #1d1d1d;
        bottom: 0.01rem
    }
}

.vat-toggle__slider:checked:before {
    left: 0.13rem
}

.vat-toggle__label {
    min-width: 0.85rem;
    padding-left: 0.05rem
}

.vat-toggle--light-switcher .vat-toggle__slider {
    background-color: #134180
}

.vat-toggle--light-switcher .vat-toggle__slider:before {
    background-color: #fff
}

.video-text__inner {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

@media (min-width:1200px) {
    .video-text__inner {
        max-width: 13.7rem
    }
}

.video-text__headline {
    font-size: 0.25rem
}

@media (min-width:1200px) {
    .video-text__content {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.video-text__video {
    height: 0;
    margin-bottom: 0.3rem;
    padding-top: 56.25%;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .video-text__video {
        margin-bottom: 0.3rem
    }
}

@media (min-width:1200px) {
    .video-text__video--left {
        order: 1
    }

    .video-text__video--right {
        order: 3
    }

    .video-text__video--quarter {
        padding-top: 14.0625%;
        width: 25%
    }

    .video-text__video--third {
        padding-top: 18.75%;
        width: 33.3333333333%
    }

    .video-text__video--half {
        padding-top: 28.125%;
        width: 50%
    }

    .video-text__video--full {
        width: 100%
    }

    .video-text__video--half.video-text__video--right,
    .video-text__video--quarter.video-text__video--right,
    .video-text__video--third.video-text__video--right {
        margin-left: 0.2rem
    }

    .video-text__video--half.video-text__video--left,
    .video-text__video--quarter.video-text__video--left,
    .video-text__video--third.video-text__video--left {
        margin-right: 0.2rem
    }
}

.video-text__video__inner {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

@media (min-width:1200px) {
    .video-text__description {
        flex: 1 1;
        order: 2
    }
}

.video-text__action {
    margin-top: 0.3rem
}

.voucher-add .voucher-add__input {
    min-width: 1.2rem
}

.voucher-add .voucher-add__button {
    min-width: auto;
    width: auto
}

@media (min-width:992px) {
    .voucher-add .voucher-add__input {
        min-width: auto;
        width: 100%
    }

    .voucher-add .voucher-add__button {
        width: 100%
    }
}

.voucher-info {
    padding: 0.2rem 0;
    width: 100%
}

.voucher-info__code {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.voucher-info__code span {
    color: #2d8745;
    font-size: 0.16rem
}

.voucher-info__code button {
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' id='Ebene_1' x='0' y='0' version='1.1' viewBox='0 0 42.6 35.9'%3E%3Cstyle%3E.st0{fill:%231d1d1d}%3C/style%3E%3Cpath d='M33.7 5.7h-6c-.4-2.9-2.6-5.1-5-5.1h-3.8c-2.5 0-4.6 2.2-5 5.1H7.6c-.7 0-1.2.6-1.2 1.3s.5 1.2 1.2 1.2h1.2l1.8 26.3h.2l-.2.1v.2l.2-.1-.2.1.2.3.2-.2-.1.2.1.1.1-.2-.1.3.1.1.1-.2v.2l.3.1H30l.3-.2.1-.1.2-.2.1-.3v-.4l1.8-26.2h1.2c.7 0 1.2-.5 1.2-1.2 0-.6-.5-1.2-1.2-1.2m-17.4 0c.3-1.6 1.4-2.7 2.6-2.7h3.8c1.2 0 2.2 1.1 2.6 2.7zm13.8 2.5-1.7 24.9H12.9L11.2 8.2zm.1 26.8' class='st0'/%3E%3Cpath d='M17.3 30c.7 0 1.2-.5 1.2-1.2V12.5c0-.7-.5-1.2-1.2-1.2s-1.2.5-1.2 1.2v16.3c0 .7.5 1.2 1.2 1.2M24 30c.7 0 1.2-.5 1.2-1.2V12.5c0-.7-.5-1.2-1.2-1.2s-1.2.5-1.2 1.2v16.3c0 .7.5 1.2 1.2 1.2' class='st0'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 0.22999999999999998rem;
    border: 0;
    cursor: pointer;
    height: 0.3rem;
    outline: none;
    text-decoration: none;
    width: 0.3rem
}

.voucher-info__warning {
    color: #c10040;
    font-size: 0.16rem;
    margin: 0.2rem 0
}

.product-component {
    display: grid;
    grid-template-areas: "image text price action" "image text price action";
    grid-template-columns: 12% 3fr 1fr 0.5rem;
    grid-template-rows: auto 1fr
}

.product-component__image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-area: image;
    -ms-grid-column: 1
}

.product-component--small>.product-component__image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1
}

.product-component__image img {
    max-height: 64px
}

.product-component__text {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.16rem;
    font-weight: 500;
    grid-area: text;
    -ms-grid-column: 2;
    line-height: 150%;
    padding-left: 0.15rem
}

.product-component--small>.product-component__text {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2
}

.product-component__sku {
    color: #606068;
    font-size: 0.13rem;
    font-weight: 400;
    width: 100%
}

.product-component__quantity {
    color: #1d1d1d;
    display: block;
    padding-top: 0.05rem
}

.product-component__price {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    align-items: center;
    display: flex;
    font-weight: 500;
    grid-area: price;
    -ms-grid-column: 3;
    padding-left: 0.15rem
}

.product-component--small>.product-component__price {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2
}

.product-component__price .price {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 0.2rem;
    line-height: 135%
}

.product-component--small {
    grid-template-areas: "image text text" "image sku main" "none price action";
    grid-template-columns: 25% 1fr auto;
    grid-template-rows: auto 1fr auto
}

.product-component--small .product-component__sku {
    padding: 0.05rem 0 0.15rem
}

@media (max-width:767.98px) {
    .product-component {
        grid-template-areas: "image text text" "image sku main" "none price action";
        grid-template-columns: 25% 1fr auto;
        grid-template-rows: auto 1fr auto
    }

    .product-component__image {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1
    }

    .product-component__text {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 2
    }

    .product-component__price {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 2
    }
}

@media (max-width:575.98px) {
    .product-component {
        grid-template-columns: 20% 3fr auto
    }
}

.warning {
    padding-left: 15px;
    padding-right: 15px
}

.warning__box {
    border: 1px solid #d5d5d8;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.4rem;
    max-width: 9rem;
    padding: 0.4rem 0.2rem;
    position: relative;
    text-align: center;
    width: 100%
}

@media (min-width:768px) {
    .warning__box {
        padding-left: 0.9rem;
        padding-right: 0.9rem
    }
}

@media (min-width:1200px) {
    .warning__box {
        padding-left: 1.15rem;
        padding-right: 1.15rem
    }
}

.warning__box:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 70'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='6.21' x2='6.21' y1='3.46' y2='4.46' gradientTransform='matrix(70.16 0 0 69.94 -400.8 -241.9)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%232061ae'/%3E%3Cstop offset='1' stop-color='%23175298'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='35' cy='35' r='35' style='fill:url(%23a)'/%3E%3Cpath d='M41.1 53.1a5.9 5.9 0 0 1-5.7 6.1H35a5.9 5.9 0 0 1-6.1-5.7v-.4a5.8 5.8 0 0 1 5.8-6h.3a5.8 5.8 0 0 1 6.1 5.5Zm-.5-22.6-1.8 13.1h-7.5l-1.9-13.1V10.8h11.2Z' style='fill:%23fff'/%3E%3C/svg%3E") no-repeat 50%;
    background-size: 0.7rem 0.7rem;
    content: "";
    display: block;
    height: 0.7rem;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%, -50%);
    width: 0.7rem
}

.warning__action {
    margin-top: 0.2rem
}

.academy-listing__more-button {
    display: block;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    margin: 10px auto
}

.accordion__inner {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

@media (min-width:1200px) {
    .accordion__inner {
        max-width: 13.7rem;
        padding-left: 15px;
        padding-right: 15px
    }
}

.accordion__headline {
    text-align: center
}

.accordion__entry {
    border-color: #d5d5d8;
    border-style: solid none;
    border-width: 1px
}

.accordion__entry+.accordion__entry {
    border-style: none none solid
}

.accordion__trigger {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23clip0_1917_2505)'%3E%3Cpath fill='%231d1d1d' d='M14.924 7.5h-6.49V.41c0-.23-.19-.41-.47-.41-.23 0-.41.19-.41.41V7.5h-6.49c-.23 0-.41.19-.41.41s.19.41.41.41h6.49v7.26c0 .23.19.41.47.41.23 0 .41-.19.41-.41V8.32h6.49c.23 0 .41-.19.41-.41s-.19-.41-.41-.41'/%3E%3C/g%3E%3C/svg%3E") no-repeat calc(100% - 0.15rem);
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    cursor: pointer;
    font-size: 0.15rem;
    padding: 0.15rem 0.5rem 0.15rem 0.15rem
}

.ie11 .accordion__trigger {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23clip0_1917_2505)'%3E%3Cpath fill='%231d1d1d' d='M14.924 7.5h-6.49V.41c0-.23-.19-.41-.47-.41-.23 0-.41.19-.41.41V7.5h-6.49c-.23 0-.41.19-.41.41s.19.41.41.41h6.49v7.26c0 .23.19.41.47.41.23 0 .41-.19.41-.41V8.32h6.49c.23 0 .41-.19.41-.41s-.19-.41-.41-.41'/%3E%3C/g%3E%3C/svg%3E") no-repeat 100%
}

.accordion__entry--active .accordion__trigger {
    background-color: #f5f5f8;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='20' fill='none'%3E%3Cg clip-path='url(%23clip0_1954_3567)'%3E%3Cpath fill='%231d1d1d' d='M15.57 8.871H.43c-.24 0-.43.18-.43.41s.19.41.43.41h15.14c.24 0 .43-.18.43-.41s-.19-.41-.43-.41'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 0.16rem;
    border-left: 1px solid #d5d5d8;
    border-right: 1px solid #d5d5d8;
    transition: border-right-color .3s linear, border-left-color .3s linear
}

.accordion__headline-trigger {
    margin: 0
}

.accordion__content {
    border-color: #fff;
    max-height: 0;
    overflow: hidden;
    padding-bottom: 0;
    transform: translateZ(0);
    transition: max-height .3s cubic-bezier(0, 1, 0, 1), padding-bottom .3s linear
}

.accordion__entry--active .accordion__content {
    border-left: 1px solid #d5d5d8;
    border-right: 1px solid #d5d5d8;
    max-height: 99.9rem;
    padding-bottom: 0.15rem;
    transition: max-height .3s cubic-bezier(1, 0, .5, 1), padding-bottom .3s linear, border-right-color .2s linear, border-left-color .2s linear
}

.account-sidebar {
    margin-top: 0.4rem
}

.account-sidebar__links {
    padding-bottom: 0.2rem
}

@media (max-width:1199.98px) {
    .account-sidebar__links {
        display: flex;
        flex-wrap: nowrap;
        overflow: auto
    }
}

.account-sidebar__link {
    font-size: 0.13rem;
    padding: 0.1rem;
    width: -moz-fit-content;
    width: fit-content
}

@media (max-width:1199.98px) {
    .account-sidebar__link {
        border: 1px solid #2061ae;
        color: #2061ae;
        margin-right: 10px;
        min-width: -moz-fit-content;
        min-width: fit-content
    }

    .account-sidebar__link--active {
        border: 2px solid #2061ae
    }

    .account-sidebar__link .image {
        display: none
    }
}

@media (min-width:1200px) {
    .account-sidebar__link img {
        max-height: 30px;
        width: auto
    }

    .account-sidebar__link .image {
        min-width: 50px
    }
}

@media (max-width:1199.98px) {
    .account-sidebar__headline:not(.account-sidebar__link) {
        display: none
    }
}

@media (min-width:1200px) {
    .account-sidebar__headline {
        display: flex;
        font-weight: 500;
        padding: 0.3rem 0.1rem 0.1rem
    }
}

.address-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.15rem;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    width: calc(100% + 0.3rem)
}

@media (min-width:1200px) {
    .address-list {
        max-width: 13.7rem
    }
}

.address-selection__list {
    display: flex;
    flex-wrap: wrap;
    margin-right: -0.2rem
}

.address-selection__entry {
    border: 1px solid #d5d5d8;
    flex: 1 0 auto;
    margin: 0 0.2rem 0.2rem 0;
    padding: 0.2rem;
    width: calc(100% - 0.2rem)
}

@media (min-width:768px) {
    .address-selection__entry {
        max-width: calc(50% - 0.2rem)
    }
}

@media (min-width:1200px) {
    .address-selection__entry {
        max-width: calc(33% - 0.2rem)
    }
}

.address-selection__action {
    margin-top: 0.2rem
}

.background-container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.background-container:not(.full-size) {
    padding: 0.2rem
}

@media (min-width:1200px) {
    .background-container:not(.full-size) {
        max-width: 13.7rem
    }
}

.background-container.full-size {
    padding: 0.5rem 0
}

.background-container.no-top-spacing {
    padding-top: 0
}

.background-container.light-blue {
    background-color: #e0e8ef
}

.background-container.grey {
    background-color: #f5f5f8
}

.background-container.gradient-white-grey {
    background-image: linear-gradient(180deg, #fff, #f5f5f8)
}

.background-container.gradient-grey-white {
    background-image: linear-gradient(180deg, #f5f5f8, #fff)
}

.background-container.gradient-grey-white-grey {
    background-image: linear-gradient(180deg, #f5f5f8, #fff 30%, #fff 70%, #f5f5f8)
}

.background-container.border-top-bottom {
    border-bottom: 1px solid #d5d5d8;
    border-top: 1px solid #d5d5d8
}

.banner-slider .swiper-button-next:after,
.banner-slider .swiper-button-prev:after {
    content: ""
}

.banner-slider__next.swiper-button-next,
.banner-slider__prev.swiper-button-prev {
    background-color: hsla(0, 0%, 100%, .8);
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    cursor: pointer;
    height: 0.42000000000000004rem;
    outline: none;
    position: absolute;
    width: 0.42000000000000004rem
}

@media (max-width:1199.98px) {

    .banner-slider__next.swiper-button-next,
    .banner-slider__prev.swiper-button-prev {
        display: none
    }
}

.banner-slider__next.swiper-button-next:focus,
.banner-slider__next.swiper-button-next:hover,
.banner-slider__prev.swiper-button-prev:focus,
.banner-slider__prev.swiper-button-prev:hover {
    background-color: #fff;
    box-shadow: 2px 2px 9px 1px rgba(0, 0, 0, .26)
}

.banner-slider__next.swiper-button-next:active,
.banner-slider__prev.swiper-button-prev:active {
    -webkit-tap-highlight-color: transparent
}

.banner-slider__next.swiper-button-next.swiper-button-disabled,
.banner-slider__prev.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    display: none;
    filter: grayscale(100%);
    pointer-events: none
}

@media (min-width:1200px) {

    .banner-slider__next.swiper-button-next.swiper-button-disabled,
    .banner-slider__prev.swiper-button-prev.swiper-button-disabled {
        display: flex;
        opacity: .35
    }
}

.banner-slider__prev.swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.232' height='20.434'%3E%3Cpath fill='%232061ae' stroke='%232061ae' stroke-width='.75' d='M10.622 19.034a.601.601 0 1 1-.85.851l-9.22-9.208a.6.6 0 0 1 0-.851L9.772.612a.601.601 0 0 1 .85.851l-8.794 8.788Z'/%3E%3C/svg%3E");
    background-size: 0.1rem;
    left: 0.55rem;
    top: 50%
}

.banner-slider__prev.swiper-button-prev:active {
    background-color: #499add;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.232' height='20.434'%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-width='.75' d='M10.622 19.034a.601.601 0 1 1-.85.851l-9.22-9.208a.6.6 0 0 1 0-.851L9.772.612a.601.601 0 0 1 .85.851l-8.794 8.788Z'/%3E%3C/svg%3E")
}

@media (min-width:1440px) {
    .banner-slider__prev.swiper-button-prev {
        left: 0.1rem
    }
}

.banner-slider__next.swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.232' height='20.434'%3E%3Cpath fill='%232061ae' stroke='%232061ae' stroke-width='.75' d='M.61 1.4a.601.601 0 1 1 .85-.851l9.22 9.208a.6.6 0 0 1 0 .851l-9.22 9.214a.601.601 0 0 1-.85-.851l8.794-8.788Z'/%3E%3C/svg%3E");
    background-size: 0.1rem;
    bottom: auto;
    right: 0.55rem;
    top: 50%
}

.banner-slider__next.swiper-button-next:active {
    background-color: #499add;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.232' height='20.434'%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-width='.75' d='M.61 1.4a.601.601 0 1 1 .85-.851l9.22 9.208a.6.6 0 0 1 0 .851l-9.22 9.214a.601.601 0 0 1-.85-.851l8.794-8.788Z'/%3E%3C/svg%3E")
}

@media (min-width:1440px) {
    .banner-slider__next.swiper-button-next {
        right: 0.1rem
    }
}

.banner-slider {
    background: linear-gradient(180deg, #fff 0, #f5f5f8);
    overflow: hidden;
    padding: 0.5rem 0
}

.banner-slider__headline {
    font-size: 0.25rem;
    text-align: center
}

.banner-slider__inner {
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    width: 100%
}

@media (min-width:1200px) {
    .banner-slider__inner {
        max-width: 13.7rem;
        padding: 0 0.15rem
    }
}

.banner-slider__slider-inner {
    width: 100%
}

@media (min-width:768px) {
    .banner-slider__slider-inner {
        padding-left: 0.15rem;
        padding-right: 0.15rem
    }
}

@media (min-width:1200px) {
    .banner-slider__slider-inner {
        margin: 0 -0.52rem;
        padding: 0 0.52rem;
        position: relative;
        width: calc(100% + 1.04rem)
    }
}

.banner-slider__swiper.swiper-container {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.banner-slider__wrapper {
    align-items: flex-start
}

.banner-slider__pagination {
    bottom: -50px;
    width: 100%
}

.banner-slider__pagination .swiper-pagination-bullet {
    background: #fff;
    border: 1px solid #2061ae;
    border-radius: 50%;
    margin: 0.05rem;
    opacity: 1
}

.banner-slider__pagination .swiper-pagination-bullet-active {
    background: #2061ae
}

@media (min-width:1200px) {
    .banner-slider__pagination {
        display: none
    }

    .banner-slider--use-grid .banner-slider__wrapper {
        align-items: stretch;
        flex-wrap: wrap;
        transform: translateZ(0) !important
    }

    .banner-slider--use-grid .banner-slider__next,
    .banner-slider--use-grid .banner-slider__prev {
        display: none !important
    }
}

.buy-box {
    background: #f5f5f8;
    border: 1px solid #d5d5d8;
    padding: 0.24rem
}

.buy-box__remaining-days {
    color: #c10040;
    font-family: Oswald, Avenir Next Condensed Medium, Arial Narrow, sans-serif;
    font-size: 0.13rem;
    letter-spacing: 1.3px;
    padding-bottom: 0.1rem;
    text-transform: uppercase
}

.buy-box__availability,
.buy-box__scale,
.buy-box__shipping {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 0.16rem;
    padding-left: 0.3rem
}

.buy-box__availability {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' fill='none'%3E%3Ccircle cx='6' cy='6.5' r='5.5' fill='%232d8745' stroke='%232d8745'/%3E%3C/svg%3E");
    margin-top: 0.24rem
}

.buy-box__availability--not-available {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' fill='none'%3E%3Ccircle cx='6' cy='6.5' r='5.5' fill='%23fff' stroke='%23c10040'/%3E%3C/svg%3E")
}

.buy-box__shipping {
    margin-top: 0.1rem
}

@media (max-width:575.98px) {
    .buy-box__shipping {
        position: relative
    }
}

.buy-box__scale {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%231d1d1d' d='M13.645 9.449a2.86 2.86 0 0 0-2.27-1.105c-.895 0-1.702.392-2.27 1.105-.558.698-.865 1.674-.865 2.746s.307 2.025.865 2.715a2.87 2.87 0 0 0 2.27 1.09c.895 0 1.701-.387 2.27-1.09.557-.69.864-1.654.864-2.715s-.307-2.047-.864-2.746m-2.27 5.767c-.648 0-1.207-.31-1.614-.896-.387-.555-.6-1.31-.6-2.125s.213-1.604.6-2.165c.406-.59.964-.901 1.614-.901s1.207.311 1.613.9c.387.562.6 1.33.6 2.166s-.213 1.57-.6 2.125c-.407.586-.965.896-1.613.896M7.761 3.851c0-1.075-.304-2.05-.855-2.745A2.82 2.82 0 0 0 4.626 0c-.916 0-1.7.392-2.27 1.105-.557.699-.864 1.674-.864 2.746s.307 2.026.865 2.715a2.87 2.87 0 0 0 2.27 1.09c1.845 0 3.134-1.564 3.134-3.805M4.627.785c.65 0 1.207.311 1.613.9.387.562.6 1.33.6 2.166s-.213 1.57-.6 2.125c-.407.586-.966.896-1.613.896-.648 0-1.195-.31-1.606-.896-.392-.56-.607-1.314-.607-2.125 0-.812.215-1.6.607-2.165.41-.59.965-.902 1.606-.902M12.305.61a.42.42 0 0 0-.426-.426.45.45 0 0 0-.392.223V.41l-7.62 14.685a.45.45 0 0 0-.08.249c0 .227.2.427.426.427.161 0 .31-.102.373-.255L12.251.855c.054-.11.054-.172.054-.245'/%3E%3C/svg%3E");
    background-position: left 4px;
    background-size: 0.16rem 0.13999999999999999rem;
    margin-top: 0.24rem
}

.buy-box__scale-info-text {
    font-weight: 700;
    line-height: 150%;
    margin: 0
}

.buy-box__scale-price {
    line-height: 150%
}

.buy-box__packaging-unit {
    color: #606068;
    font-size: 0.13rem;
    margin: 0.05rem 0 0
}

.buy-box__not-available-div {
    clear: both
}

.buy-box__variant-link {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg fill='%232061ae' stroke='%232061ae' stroke-width='.5' clip-path='url(%23clip0_822_30770)'%3E%3Cpath d='M4.898 9.207V.185a.185.185 0 0 0-.37 0v9.022a2.48 2.48 0 0 0-2.294 2.472 2.48 2.48 0 0 0 2.295 2.472v1.664a.185.185 0 0 0 .369 0v-1.664a2.48 2.48 0 0 0 2.294-2.472 2.48 2.48 0 0 0-2.294-2.472Zm-.185 4.582a2.11 2.11 0 0 1-2.11-2.11c0-1.163.947-2.11 2.11-2.11s2.11.947 2.11 2.11c0 1.164-.947 2.11-2.11 2.11ZM13.766 4.32a2.48 2.48 0 0 0-2.294-2.471V.185a.185.185 0 0 0-.37 0v1.664A2.48 2.48 0 0 0 8.81 4.32a2.48 2.48 0 0 0 2.294 2.472v9.023a.185.185 0 0 0 .369 0V6.792a2.48 2.48 0 0 0 2.294-2.472Zm-2.479 2.11a2.11 2.11 0 0 1-2.11-2.11c0-1.163.947-2.109 2.11-2.11v.001c1.163 0 2.11.946 2.11 2.11s-.947 2.109-2.11 2.109Z'/%3E%3C/g%3E%3C/svg%3E");
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 0.16rem;
    content: "";
    padding-left: 0.3rem;
    position: relative
}

.buy-box__variant-link:not(:first-child) {
    display: block;
    margin-top: 0.3rem
}

.buy-box__variant-link:not(:first-child).buy-box__variant-link--big {
    margin: 0
}

.buy-box__variant-link--big {
    background-size: 80%;
    height: 0.5rem;
    width: 0.3rem
}

.buy-box__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0.24rem;
    padding-top: 0.3rem
}

.buy-box__button {
    margin: 0.24rem 0 0
}

.buy-box__request-for-price {
    align-items: center;
    display: flex;
    justify-content: center
}

.buy-box__request-for-price:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' fill='none'%3E%3Cpath fill='%232d8745' d='M15.1.5H.9c-.49 0-.9.386-.9.87v9.27c0 .474.4.87.9.87h14.21c.49 0 .9-.387.9-.87V1.37c0-.474-.4-.87-.9-.87zm.04 1.449v8.054l-4.36-4.027zM1.57 10.612l4.34-4.008.53.492c.86.802 2.27.802 3.13 0l.53-.492 4.34 4.007zM14.44 1.35l-5.52 5.1a1.37 1.37 0 0 1-1.84 0l-5.51-5.1zM5.23 5.976.87 10.013V1.949z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 0.2rem;
    margin-right: 0.1rem;
    visibility: visible;
    width: 0.25rem
}

.buy-box--mobile {
    align-items: center;
    display: flex;
    gap: 0.24rem;
    justify-content: space-between;
    padding: 0.15rem
}

.buy-box--mobile .buy-box__price {
    width: 80%
}

.buy-box--mobile .buy-box__form,
.buy-box--mobile .buy-box__price {
    display: inline-block;
    height: -moz-fit-content;
    height: fit-content
}

.buy-box--mobile .buy-box__button:not(.buy-box__request-for-price) {
    display: inline-block;
    height: 50px;
    max-width: 50px;
    min-width: auto;
    width: 50px
}

.buy-box--mobile .buy-box__request-for-price {
    margin: 0;
    width: 100%
}

.buy-box--mobile .price__tax {
    display: none
}

.buy-box--mobile .price--detail {
    font-size: 0.18rem;
    line-height: 150%
}

.buy-box--mobile .price__normal {
    font-size: 0.13rem
}

.catalog-collage {
    display: grid;
    grid-column-gap: 0.15rem;
    grid-row-gap: 0.15rem;
    margin: 0;
    width: 100%
}

.catalog-collage__half-1,
.catalog-collage__half-2,
.catalog-collage__quarter-1,
.catalog-collage__quarter-2,
.catalog-collage__quarter-3,
.catalog-collage__quarter-4 {
    padding: 0;
    position: relative
}

.ie11 .catalog-collage__half-1,
.ie11 .catalog-collage__half-2,
.ie11 .catalog-collage__quarter-1,
.ie11 .catalog-collage__quarter-2,
.ie11 .catalog-collage__quarter-3,
.ie11 .catalog-collage__quarter-4 {
    padding: 0 0 0.15rem 0.15rem
}

.catalog-collage--half-half {
    grid-template-areas: "catalog-collage__half-1" "catalog-collage__half-2";
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr
}

@media (min-width:768px) {
    .catalog-collage--half-half {
        grid-template-areas: "catalog-collage__half-1 catalog-collage__half-2";
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr
    }
}

.catalog-collage--half-half .catalog-collage__quarter-1,
.catalog-collage--half-half .catalog-collage__quarter-2,
.catalog-collage--half-half .catalog-collage__quarter-3,
.catalog-collage--half-half .catalog-collage__quarter-4 {
    display: none
}

.catalog-collage--half-half .catalog-collage__half-1 {
    grid-area: catalog-collage__half-1;
    -ms-grid-column: 1;
    -ms-grid-row: 1
}

.catalog-collage--half-half .catalog-collage__half-2 {
    grid-area: catalog-collage__half-2;
    -ms-grid-column: 1;
    -ms-grid-row: 2
}

@media (min-width:768px) {
    .catalog-collage--half-half .catalog-collage__half-1 {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }

    .catalog-collage--half-half .catalog-collage__half-2 {
        -ms-grid-column: 2;
        -ms-grid-row: 1
    }
}

.catalog-collage--quarter-quarter-quarter-quarter {
    grid-template-areas: "catalog-collage__quarter-1" "catalog-collage__quarter-2" "catalog-collage__quarter-3" "catalog-collage__quarter-4";
    grid-template-rows: 1fr 1fr 1fr 1fr
}

@media (min-width:768px) {
    .catalog-collage--quarter-quarter-quarter-quarter {
        grid-template-areas: "catalog-collage__quarter-1 catalog-collage__quarter-3" "catalog-collage__quarter-2 catalog-collage__quarter-4";
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr
    }
}

.catalog-collage--quarter-quarter-quarter-quarter .catalog-collage__half-1,
.catalog-collage--quarter-quarter-quarter-quarter .catalog-collage__half-2 {
    display: none
}

.catalog-collage--quarter-quarter-quarter-quarter .catalog-collage__quarter-1 {
    grid-area: catalog-collage__quarter-1;
    -ms-grid-column: 1;
    -ms-grid-row: 1
}

.catalog-collage--quarter-quarter-quarter-quarter .catalog-collage__quarter-2 {
    grid-area: catalog-collage__quarter-2;
    -ms-grid-column: 1;
    -ms-grid-row: 2
}

.catalog-collage--quarter-quarter-quarter-quarter .catalog-collage__quarter-3 {
    grid-area: catalog-collage__quarter-3;
    -ms-grid-column: 1;
    -ms-grid-row: 3
}

.catalog-collage--quarter-quarter-quarter-quarter .catalog-collage__quarter-4 {
    grid-area: catalog-collage__quarter-4;
    -ms-grid-column: 1;
    -ms-grid-row: 4
}

@media (min-width:768px) {
    .catalog-collage--quarter-quarter-quarter-quarter .catalog-collage__quarter-1 {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }

    .catalog-collage--quarter-quarter-quarter-quarter .catalog-collage__quarter-2 {
        -ms-grid-column: 1;
        -ms-grid-row: 2
    }

    .catalog-collage--quarter-quarter-quarter-quarter .catalog-collage__quarter-3 {
        -ms-grid-column: 2;
        -ms-grid-row: 1
    }

    .catalog-collage--quarter-quarter-quarter-quarter .catalog-collage__quarter-4 {
        -ms-grid-column: 2;
        -ms-grid-row: 2
    }
}

.catalog-collage--quarter-quarter-half {
    grid-template-areas: "catalog-collage__half-1" "catalog-collage__half-1" "catalog-collage__quarter-1";
    grid-template-rows: 1fr 1fr 1fr
}

@media (min-width:992px) {
    .catalog-collage--quarter-quarter-half {
        grid-template-areas: "catalog-collage__quarter-1 catalog-collage__half-1" "catalog-collage__quarter-2 catalog-collage__half-1";
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr)
    }

    .catalog-collage--quarter-quarter-half>.catalog-collage__quarter-1 {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }

    .catalog-collage--quarter-quarter-quarter-quarter .catalog-collage__quarter-2 {
        -ms-grid-column: 1;
        -ms-grid-row: 2
    }
}

.catalog-collage--quarter-quarter-half .catalog-collage__half-1 {
    grid-area: 1/1/2/2
}

.catalog-collage--quarter-quarter-half .catalog-collage__quarter-2 {
    grid-area: 3/1/4/2
}

@media (min-width:992px) {
    .catalog-collage--quarter-quarter-half .catalog-collage__quarter-1 {
        grid-area: 1/1/2/2
    }

    .catalog-collage--quarter-quarter-half .catalog-collage__quarter-2 {
        grid-area: 2/1/3/2
    }

    .catalog-collage--quarter-quarter-half .catalog-collage__half-1 {
        grid-area: 1/2/3/3
    }
}

.catalog-collage--half-quarter-quarter {
    grid-template-rows: 1fr 1fr 1fr
}

@media (min-width:768px) {
    .catalog-collage--half-quarter-quarter {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr
    }
}

.catalog-collage--half-quarter-quarter .catalog-collage__quarter-1 {
    grid-area: 2/1/3/2
}

.catalog-collage--half-quarter-quarter .catalog-collage__quarter-2 {
    grid-area: 3/1/4/2
}

.catalog-collage--half-quarter-quarter .catalog-collage__half-1 {
    grid-area: 1/1/2/2
}

@media (min-width:768px) {
    .catalog-collage--half-quarter-quarter .catalog-collage__quarter-1 {
        grid-area: 1/2/2/3
    }

    .catalog-collage--half-quarter-quarter .catalog-collage__quarter-2 {
        grid-area: 2/2/3/3
    }

    .catalog-collage--half-quarter-quarter .catalog-collage__half-1 {
        grid-area: 1/1/3/2
    }
}

.catalog-collage--two-thirds-third-third {
    grid-template-rows: 1fr 1fr 1fr
}

@media (min-width:768px) {
    .catalog-collage--two-thirds-third-third {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr
    }
}

@media (min-width:992px) {
    .catalog-collage--two-thirds-third-third {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr
    }
}

.catalog-collage--two-thirds-third-third .catalog-collage__third-1 {
    grid-area: 2/1/3/3
}

.catalog-collage--two-thirds-third-third .catalog-collage__third-2 {
    grid-area: 3/1/4/3
}

.catalog-collage--two-thirds-third-third .catalog-collage__two-thirds-1 {
    grid-area: 1/1/2/3
}

@media (min-width:768px) {
    .catalog-collage--two-thirds-third-third .catalog-collage__third-1 {
        grid-area: 1/2/2/2
    }

    .catalog-collage--two-thirds-third-third .catalog-collage__third-2 {
        grid-area: 2/2/2/2
    }

    .catalog-collage--two-thirds-third-third .catalog-collage__two-thirds-1 {
        grid-area: 1/1/3/2
    }
}

@media (min-width:992px) {
    .catalog-collage--two-thirds-third-third .catalog-collage__third-1 {
        grid-area: 1/3/2/3
    }

    .catalog-collage--two-thirds-third-third .catalog-collage__third-2 {
        grid-area: 2/3/2/3
    }

    .catalog-collage--two-thirds-third-third .catalog-collage__two-thirds-1 {
        grid-area: 1/1/3/3
    }
}

.catalog-sidebar__headline {
    font-size: 0.15rem;
    font-weight: 700;
    padding: 0 0.15rem 0.1rem
}

@media (min-width:768px) {
    .catalog-sidebar__list--level-1 {
        -moz-column-count: 2;
        column-count: 2;
        -moz-column-gap: 0;
        column-gap: 0;
        padding: 0 0.05rem
    }
}

@media (min-width:992px) {
    .catalog-sidebar__list--level-1 {
        -moz-column-count: auto;
        column-count: auto;
        padding: 0
    }
}

.catalog-sidebar__list--level-2 {
    display: none
}

.catalog-sidebar__entry {
    -moz-column-break-inside: avoid;
    break-inside: avoid-column;
    display: inline-block;
    padding: 0 0.15rem;
    page-break-inside: avoid;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .catalog-sidebar__entry {
        padding: 0 0.1rem
    }
}

@media (min-width:992px) {
    .catalog-sidebar__entry {
        padding: 0 0.15rem
    }
}

.catalog-sidebar__entry:hover>.catalog-sidebar__link {
    color: #2061ae;
    font-weight: 700
}

.catalog-sidebar__entry:hover>.catalog-sidebar__link--level-1 {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.232' height='20.434'%3E%3Cpath fill='%232061ae' stroke='%232061ae' stroke-width='.75' d='M.61 1.4a.601.601 0 1 1 .85-.851l9.22 9.208a.6.6 0 0 1 0 .851l-9.22 9.214a.601.601 0 0 1-.85-.851l8.794-8.788Z'/%3E%3C/svg%3E")
}

@media (max-width:767.98px) {
    .catalog-sidebar__entry:nth-child(3)~.catalog-sidebar__entry {
        display: none
    }
}

.catalog-sidebar__link {
    align-items: center;
    border-bottom: 1px solid #d5d5d8;
    display: flex;
    font-size: 0.13rem;
    height: 0.5rem;
    padding: 0.1rem 0.2rem 0.1rem 0
}

.catalog-sidebar__link--level-1,
.catalog-sidebar__link--menu-trigger {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.232' height='20.434'%3E%3Cpath fill='%231d1d1d' stroke='%231d1d1d' stroke-width='.75' d='M.61 1.4a.601.601 0 1 1 .85-.851l9.22 9.208a.6.6 0 0 1 0 .851l-9.22 9.214a.601.601 0 0 1-.85-.851l8.794-8.788Z'/%3E%3C/svg%3E");
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 0.06999999999999999rem 0.13rem
}

.catalog-sidebar__link--menu-trigger {
    font-weight: 700
}

.catalog-sidebar__list--level-2 .catalog-sidebar__entry:last-child .catalog-sidebar__link {
    border-bottom: 0
}

.catalog-sidebar__link picture {
    display: inline-block;
    height: 40px;
    width: 40px
}

.catalog-sidebar__menu-trigger {
    padding: 0 0.15rem
}

@media (min-width:768px) {
    .catalog-sidebar__menu-trigger {
        display: none
    }
}

@media (min-width:992px) {

    .catalog-sidebar__entry--has-children:focus>.catalog-sidebar__link,
    .catalog-sidebar__entry--has-children:hover>.catalog-sidebar__link {
        position: relative;
        z-index: 2
    }

    .catalog-sidebar__entry--has-children:focus>.catalog-sidebar__list,
    .catalog-sidebar__entry--has-children:hover>.catalog-sidebar__list {
        background: #fff;
        border-left: 1px solid #d5d5d8;
        box-shadow: 4px 0 6px 0 rgba(0, 0, 0, .16);
        display: block;
        left: 100%;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 2
    }

    .catalog-sidebar__entry--has-children:focus:after,
    .catalog-sidebar__entry--has-children:hover:after {
        content: "";
        display: block;
        height: 80px;
        left: 50%;
        position: absolute;
        top: 0;
        transform: rotate(25deg);
        transform-origin: center top;
        width: 75%;
        z-index: 1
    }
}

.catalog-sidebar--es-sidebar .catalog-sidebar__entry:nth-child(3)~.catalog-sidebar__entry {
    display: inline-block
}

.catalog-sidebar--es-sidebar .catalog-sidebar__link {
    background-position: right 0.19rem;
    display: block;
    height: auto;
    padding: 0.15rem 0.2rem 0.15rem 0
}

.catalog-sidebar--es-sidebar .catalog-sidebar__es-category,
.catalog-sidebar--es-sidebar .catalog-sidebar__es-description {
    line-height: 0.22000000000000003rem
}

.catalog-sidebar--es-sidebar .catalog-sidebar__es-category {
    font-weight: 700
}

.catalog-sidebar--es-sidebar .catalog-sidebar__es-description {
    color: #1d1d1d;
    font-weight: 400;
    margin: 0
}

.catalog-sidebar--es-sidebar .catalog-sidebar__menu-trigger {
    display: none
}

.catalog__header {
    margin: 0 auto;
    width: 100%
}

@media (min-width:992px) {
    .catalog__header {
        display: grid;
        grid-column-gap: 0;
        grid-row-gap: 0;
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: repeat(3, auto);
        padding: 0 0.15rem
    }
}

@media (min-width:1200px) {
    .catalog__header {
        max-width: 13.7rem
    }
}

.catalog__sidebar {
    margin-top: 0.4rem
}

@media (min-width:992px) {
    .catalog__sidebar {
        margin-top: 0
    }
}

.catalog__cms-teaser {
    padding: 0.15rem 0.15rem 0
}

@media (min-width:992px) {
    .catalog__cms-teaser {
        padding-right: 0
    }

    .catalog__sidebar {
        grid-area: 1/1/4/4
    }

    .catalog__cms-description {
        grid-area: 1/4/2/13
    }

    .catalog__cms-teaser {
        grid-area: 2/4/3/13
    }
}

.catalog__sidebar-headline {
    background: #fff;
    font-weight: 700;
    padding: 0.15rem;
    text-transform: uppercase
}

.catalog__description,
.catalog__slider,
.catalog__teaser {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0.15rem
}

.checkout-panel {
    background: #fff;
    border: 1px solid #d5d5d8;
    flex: 1 1 auto;
    font-size: 0.15rem;
    margin-bottom: 0.2rem;
    padding: 0.3rem;
    width: 100%
}

@media (min-width:768px) {
    .checkout-panel {
        max-width: calc(50% - 0.1rem)
    }
}

@media (min-width:1200px) {
    .checkout-panel {
        margin-bottom: 0
    }

    .checkout-panel--finish {
        max-width: calc(25% - 0.1rem)
    }

    .checkout-panel:first-child:nth-last-child(n+4),
    .checkout-panel:first-child:nth-last-child(n+4)~.checkout-panel {
        max-width: calc(25% - 0.2rem)
    }
}

.checkout-panel__head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.1rem
}

.checkout-panel__name,
.checkout-panel__title {
    font-weight: 700
}

.checkout-panel--finish {
    padding: 0.25rem
}

.checkout-panel--finish .checkout-panel__content {
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .checkout-panel--finish .checkout-panel__content {
        display: flex
    }
}

.checkout-panel--finish .checkout-panel__inner {
    width: 100%
}

.checkout-panel--finish .checkout-panel__logo {
    margin-top: 0.05rem;
    position: absolute;
    right: 0
}

@media (min-width:768px) {
    .checkout-panel--finish .checkout-panel__logo {
        margin: 0
    }
}

.checkout-panel__button-icon--add,
.checkout-panel__button-icon--change {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 804.2 832.3'%3E%3Cdefs%3E%3Cstyle%3E.a{fill:%232061ae}%3C/style%3E%3C/defs%3E%3Cpath d='M717.3 151.7 573.2 7.6a25.9 25.9 0 0 0-36.6 0L43.1 501l-11.6 60.6L0 724.8l163.3-31.4 60.6-11.7 493.4-493.4a25.9 25.9 0 0 0 0-36.6m-596.7 499-57.5 11.1 11.1-57.5.2-1.3 47.5 47.4Zm86.2-22.7a25.7 25.7 0 0 1-36.6 0l-73.4-73.3a25.9 25.9 0 0 1 0-36.6l339-339 110 109.9Zm439.8-439.7-65.5 65.4-109.9-110 65.4-65.4a25.9 25.9 0 0 1 36.6 0l73.4 73.4a25.9 25.9 0 0 1 0 36.6M667.9 629.5V493.1h-66.1v136.4H465.4v65.4h136.4v137.4h66.1V694.9h136.3v-65.4z' class='a'/%3E%3C/svg%3E");
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: 0.18rem;
    color: #2061ae;
    padding-left: 22px
}

.checkout-panel__button-icon--add:hover,
.checkout-panel__button-icon--change:hover {
    text-decoration: underline
}

.checkout-panel__button-icon--change {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 724.8 724.8'%3E%3Cpath d='M717.3 151.7 573.2 7.6a25.9 25.9 0 0 0-36.6 0L43.1 501l-11.6 60.6L0 724.8l163.3-31.4 60.6-11.7 493.4-493.4a25.9 25.9 0 0 0 0-36.6m-596.7 499-57.5 11.1 11.1-57.5.2-1.3 47.5 47.4Zm86.2-22.7a25.7 25.7 0 0 1-36.6 0l-73.4-73.3a25.9 25.9 0 0 1 0-36.6l339-339 110 109.9Zm439.8-439.7-65.5 65.4-109.9-110 65.4-65.4a25.9 25.9 0 0 1 36.6 0l73.4 73.4a25.9 25.9 0 0 1 0 36.6' style='fill:%232061ae'/%3E%3C/svg%3E")
}

.checkout-progress {
    background: #fff;
    border-bottom: 1px solid #d5d5d8
}

.checkout-progress__inner {
    align-items: center;
    display: flex;
    height: 0.5rem;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

@media (min-width:768px) {
    .checkout-progress__inner {
        height: 0.45rem
    }
}

@media (min-width:1200px) {
    .checkout-progress__inner {
        height: 0.6rem;
        justify-content: center;
        max-width: 13.7rem
    }
}

.checkout-progress__step {
    align-items: center;
    display: inline-flex
}

.checkout-progress__step-counter:before {
    font-size: 0.13rem;
    font-weight: 700
}

.checkout-progress__step--1 .checkout-progress__step-counter:before {
    content: "1"
}

.checkout-progress__step--2 .checkout-progress__step-counter:before {
    content: "2"
}

.checkout-progress__step--3 .checkout-progress__step-counter:before {
    content: "3"
}

.checkout-progress__step--done .checkout-progress__step-counter {
    background-color: #499add;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='18' fill='none'%3E%3Cpath fill='%23fff' d='M23.77.254c-.3-.3-.82-.31-1.13 0L7.61 16.044l-6.24-7.31h-.01a.76.76 0 0 0-.57-.25c-.21 0-.4.08-.55.22-.15.15-.24.34-.24.55s.07.41.21.55l6.81 7.93c.15.15.35.24.57.24.21 0 .41-.08.56-.24l15.62-16.36c.15-.15.23-.35.23-.56s-.08-.41-.23-.56'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 65%
}

.checkout-progress__step--done .checkout-progress__step-counter:before {
    content: ""
}

.checkout-progress__step--active~.checkout-progress__step .checkout-progress__step-counter {
    background-color: #fff;
    border: 1px solid #1d1d1d;
    color: #1d1d1d;
    opacity: .7
}

.checkout-progress__step--active~.checkout-progress__step .checkout-progress__step-label {
    color: #1d1d1d;
    opacity: .7
}

.checkout-progress__step-counter {
    align-items: center;
    background-color: #499add;
    border: 1px solid #499add;
    border-radius: 50%;
    color: #fff;
    display: flex;
    flex: 0 0 0.25rem;
    height: 0.25rem;
    justify-content: center;
    width: 0.25rem
}

.checkout-progress__step-label {
    color: #1d1d1d;
    font-family: Oswald, Avenir Next Condensed Medium, Arial Narrow, sans-serif;
    font-size: 0.12rem;
    letter-spacing: .1em;
    margin-left: 0.1rem;
    text-transform: uppercase
}

@media (min-width:768px) {
    .checkout-progress__step-label {
        font-size: 0.16rem
    }
}

.checkout-progress__separator {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.497' height='15.513'%3E%3Cpath fill='%231d1d1d' d='M.003 7.769a.774.774 0 0 0 .784.761H12.86l-5.654 5.648a.778.778 0 0 0 .533 1.335.78.78 0 0 0 .565-.237l6.971-6.969a.78.78 0 0 0 .2-.726l-.02-.076-.029-.073-.035-.067v-.006l-.038-.059-.038-.047-.012-.012-.029-.029-.026-.026L8.3.238A.777.777 0 1 0 7.175 1.31l.023.023 5.653 5.649H.784A.774.774 0 0 0 0 7.745v.024Z' data-name='Path 501'/%3E%3C/svg%3E") no-repeat 50%;
    background-size: contain;
    flex: 0 0 0.11000000000000001rem;
    height: 0.11000000000000001rem;
    margin: 0 0.15rem;
    width: 0.11000000000000001rem
}

.checkout-progress__separator:not(.progress__separator--done) {
    opacity: .5
}

@media (max-width:767.98px) {
    .checkout-progress__separator {
        margin: 0 0.1rem
    }
}

@media (min-width:768px) {
    .checkout-progress__separator {
        flex: 0 0 0.16rem;
        height: 0.16rem;
        width: 0.16rem
    }
}

@media (min-width:1200px) {
    .checkout-progress__separator {
        margin: 0 0.6rem
    }
}

.cms-image-gallery .swiper-button-next:after,
.cms-image-gallery .swiper-button-prev:after {
    content: ""
}

.cms-image-gallery__next.swiper-button-next,
.cms-image-gallery__prev.swiper-button-prev {
    background-color: hsla(0, 0%, 100%, .8);
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    cursor: pointer;
    height: 0.42000000000000004rem;
    outline: none;
    position: absolute;
    width: 0.42000000000000004rem
}

@media (max-width:1199.98px) {

    .cms-image-gallery__next.swiper-button-next,
    .cms-image-gallery__prev.swiper-button-prev {
        display: none
    }
}

.cms-image-gallery__next.swiper-button-next:focus,
.cms-image-gallery__next.swiper-button-next:hover,
.cms-image-gallery__prev.swiper-button-prev:focus,
.cms-image-gallery__prev.swiper-button-prev:hover {
    background-color: #fff;
    box-shadow: 2px 2px 9px 1px rgba(0, 0, 0, .26)
}

.cms-image-gallery__next.swiper-button-next:active,
.cms-image-gallery__prev.swiper-button-prev:active {
    -webkit-tap-highlight-color: transparent
}

.cms-image-gallery__next.swiper-button-next.swiper-button-disabled,
.cms-image-gallery__prev.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    display: none;
    filter: grayscale(100%);
    pointer-events: none
}

@media (min-width:1200px) {

    .cms-image-gallery__next.swiper-button-next.swiper-button-disabled,
    .cms-image-gallery__prev.swiper-button-prev.swiper-button-disabled {
        display: flex;
        opacity: .35
    }
}

.cms-image-gallery__prev.swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.232' height='20.434'%3E%3Cpath fill='%232061ae' stroke='%232061ae' stroke-width='.75' d='M10.622 19.034a.601.601 0 1 1-.85.851l-9.22-9.208a.6.6 0 0 1 0-.851L9.772.612a.601.601 0 0 1 .85.851l-8.794 8.788Z'/%3E%3C/svg%3E");
    background-size: 0.1rem;
    left: 0.55rem;
    top: 50%
}

.cms-image-gallery__prev.swiper-button-prev:active {
    background-color: #499add;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.232' height='20.434'%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-width='.75' d='M10.622 19.034a.601.601 0 1 1-.85.851l-9.22-9.208a.6.6 0 0 1 0-.851L9.772.612a.601.601 0 0 1 .85.851l-8.794 8.788Z'/%3E%3C/svg%3E")
}

@media (min-width:1440px) {
    .cms-image-gallery__prev.swiper-button-prev {
        left: 0.1rem
    }
}

.cms-image-gallery__next.swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.232' height='20.434'%3E%3Cpath fill='%232061ae' stroke='%232061ae' stroke-width='.75' d='M.61 1.4a.601.601 0 1 1 .85-.851l9.22 9.208a.6.6 0 0 1 0 .851l-9.22 9.214a.601.601 0 0 1-.85-.851l8.794-8.788Z'/%3E%3C/svg%3E");
    background-size: 0.1rem;
    bottom: auto;
    right: 0.55rem;
    top: 50%
}

.cms-image-gallery__next.swiper-button-next:active {
    background-color: #499add;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.232' height='20.434'%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-width='.75' d='M.61 1.4a.601.601 0 1 1 .85-.851l9.22 9.208a.6.6 0 0 1 0 .851l-9.22 9.214a.601.601 0 0 1-.85-.851l8.794-8.788Z'/%3E%3C/svg%3E")
}

@media (min-width:1440px) {
    .cms-image-gallery__next.swiper-button-next {
        right: 0.1rem
    }
}

.cms-image-gallery {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    padding: 0.5rem 0
}

.cms-image-gallery__headline {
    text-align: center
}

.cms-image-gallery__inner {
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    padding: 0.3rem 0;
    position: relative;
    width: 100%
}

@media (min-width:1200px) {
    .cms-image-gallery__inner {
        max-width: 13.7rem
    }
}

.cms-image-gallery__slider-inner {
    width: 100%
}

@media (min-width:1200px) {
    .cms-image-gallery__slider-inner {
        margin: 0 -0.52rem;
        overflow: hidden;
        padding: 0 0.52rem;
        position: relative;
        width: calc(100% + 1.04rem)
    }
}

.cms-image-gallery__swiper.swiper-container {
    margin: 0 auto;
    padding: 0 0.1rem;
    position: relative;
    width: 100%
}

.cms-image-gallery__wrapper .swiper-slide {
    width: calc(66.66667% - 0.05rem)
}

@media (min-width:768px) {
    .cms-image-gallery__wrapper .swiper-slide {
        width: calc(28.57143% - 0.05rem)
    }
}

@media (min-width:992px) {
    .cms-image-gallery__wrapper .swiper-slide {
        width: calc(22.22222% - 0.05rem)
    }
}

.collapse {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all .5s ease-in-out
}

.collapse .collapse__inner {
    width: 100%
}

.collapse--active {
    max-height: 100%;
    opacity: 1;
    overflow: visible
}

.collapse--filter-bar {
    border-bottom: 2px solid #e5e5e8;
    max-height: none;
    opacity: 1;
    overflow: visible
}

@media (min-width:768px) {
    .collapse--filter-bar {
        max-height: 0;
        opacity: 0;
        overflow: hidden
    }

    .collapse--filter-bar.collapse--active {
        max-height: 500px;
        opacity: 1;
        overflow: visible
    }
}

.collapse--filter-bar .collapse__inner {
    align-items: center;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

@media (min-width:1200px) {
    .collapse--filter-bar .collapse__inner {
        display: flex;
        max-width: 13.7rem
    }
}

.collapse--dropdown {
    background: #fff;
    border: 1px solid #606068;
    border-radius: 3px;
    box-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, .15);
    display: none;
    left: 50%;
    max-height: none;
    opacity: 1;
    overflow: visible;
    position: absolute;
    top: 100%;
    transform: translate(-50%, 0.1rem);
    z-index: 1
}

.collapse--dropdown:after,
.collapse--dropdown:before {
    border: solid transparent;
    bottom: 100%;
    content: "";
    height: 0;
    left: 50%;
    pointer-events: none;
    position: absolute;
    width: 0
}

.collapse--dropdown:before {
    border-color: transparent transparent #606068;
    border-width: 8px;
    margin-left: -8px
}

.collapse--dropdown:after {
    border-color: transparent transparent #fff;
    border-width: 7px;
    margin-left: -7px
}

.collapse--dropdown.collapse--active {
    display: block
}

.collapse--dropdown .collapse__inner {
    padding: 0.2rem
}

.collapse--order {
    box-shadow: 0 2px 7px -2px rgba(0, 0, 0, .15)
}

.contact-box-individual {
    gap: 0.24rem;
    justify-content: center;
    margin: 0 auto;
    max-width: 13.7rem
}

.contact-box-individual,
.contact-box-individual__contact {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.contact-box-individual__contact {
    flex: 1 0 280px;
    max-width: 500px
}

@media (max-width:575.98px) {
    .contact-box-individual__contact {
        min-width: 280px
    }
}

.contact-box-individual__image {
    align-self: center;
    display: inline-block;
    flex: 0 0 96px;
    height: 96px;
    width: 96px
}

.contact-box-individual__image img {
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.contact-box-individual__info {
    align-content: center;
    display: grid;
    justify-content: left;
    max-width: calc(100% - 111px);
    min-width: 184px;
    padding-left: 0.15rem;
    width: 100%
}

@media (max-width:575.98px) {
    .contact-box-individual__info {
        min-width: 169px
    }
}

.contact-box-individual__link {
    flex: 1 0 0;
    max-width: 500px;
    min-width: -moz-fit-content;
    min-width: fit-content;
    width: 100%
}

@media (max-width:575.98px) {
    .contact-box-individual__link {
        min-width: 100%
    }
}

.contact-box-individual__job {
    font-size: 0.13rem;
    font-style: italic;
    line-height: 150%
}

.contact-box-individual__mail,
.contact-box-individual__phone {
    color: #2061ae;
    display: block;
    font-size: 0.15rem;
    line-height: 150%;
    padding-left: 0.24rem;
    position: relative;
    text-decoration: none
}

.contact-box-individual__mail:before,
.contact-box-individual__phone:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    left: 0;
    position: absolute
}

.contact-box-individual__phone--margin {
    margin-top: 0.16rem
}

.contact-box-individual__phone:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%232061ae' d='m15.61 12.28-2.09-2.08c-.49-.47-1.24-.53-1.78-.13l-1.3.91c-.26-.1-1.08-.55-3-2.47Q6.39 7.49 5.46 6.32c-.11-.14-.21-.28-.31-.43-.07-.11-.13-.21-.17-.33l.89-1.3c.4-.55.34-1.31-.14-1.8L3.63.39C3.16-.08 2.42-.13 1.89.28L.98.99c-.11.09-.21.19-.3.31-.93 1.3-.92 2.99.04 5.02.95 2.02 2.61 3.9 3.84 5.13 1.49 1.55 3.22 2.83 5.13 3.82.86.45 1.84.7 2.86.74.8 0 1.58-.27 2.21-.76.08-.07.17-.16.26-.27l.7-.95c.4-.53.35-1.28-.11-1.74zm-5.52 2.15c-1.81-.95-3.45-2.17-4.87-3.65-1.69-1.7-2.96-3.38-3.66-4.86-.8-1.71-.84-3.09-.14-4.07l.02-.02s.08-.09.13-.12l.89-.7c.07-.06.16-.09.26-.09s.2.04.27.11l2.09 2.08c.16.16.18.41.04.6L4.11 5.18l-.04.03v.08a.97.97 0 0 0 .12.81l.4.61.15.21c.63.8 1.32 1.57 2.06 2.28 1.14 1.14 2.07 1.93 2.75 2.37.52.33.9.45 1.12.36h.08l1.54-1.1c.18-.13.43-.11.59.04l2.1 2.09c.14.14.16.36.04.52l-.72.94s-.05.06-.09.09c-.98.76-2.37.73-4.1-.09z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%232061ae' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    height: 100%;
    width: 0.16rem
}

.contact-box-individual__mail {
    word-break: break-word
}

.contact-box-individual__mail:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' fill='none'%3E%3Cpath fill='%232061ae' d='M15.1.5H.9c-.49 0-.9.386-.9.87v9.27c0 .474.4.87.9.87h14.21c.49 0 .9-.387.9-.87V1.37c0-.474-.4-.87-.9-.87zm.04 1.449v8.054l-4.36-4.027zM1.57 10.612l4.34-4.008.53.492c.86.802 2.27.802 3.13 0l.53-.492 4.34 4.007zM14.44 1.35l-5.52 5.1a1.37 1.37 0 0 1-1.84 0l-5.51-5.1zM5.23 5.976.87 10.013V1.949z'/%3E%3C/svg%3E");
    height: 100%;
    width: 0.16rem
}

.contact-box-individual__extra {
    color: #606068;
    display: block;
    font-size: 0.13rem;
    line-height: 150%;
    padding-top: 0.08rem
}

.contact-box-individual__name {
    display: block;
    font-size: 0.15rem;
    font-weight: 500;
    line-height: 150%
}

.customer-comment__label {
    display: block;
    font-family: Oswald, Avenir Next Condensed Medium, Arial Narrow, sans-serif;
    font-weight: 500;
    letter-spacing: .1em;
    margin-bottom: 0.1rem;
    text-transform: uppercase
}

.customer-comment__field {
    max-height: 2.4rem
}

.customer-reference {
    margin-top: 0.2rem
}

.direct-order {
    display: inline-block;
    padding-top: 0.1rem;
    position: relative
}

.direct-order__collapse {
    font-family: Oswald, Avenir Next Condensed Medium, Arial Narrow, sans-serif;
    font-weight: 400;
    letter-spacing: .1em;
    text-transform: uppercase
}

.direct-order__input[type=text] {
    height: 0.48rem;
    letter-spacing: -0.003rem;
    margin-bottom: 0.1rem;
    min-width: 1.2rem
}

@media (min-width:768px) {
    .direct-order__input[type=text] {
        letter-spacing: 0;
        min-width: 2.4rem
    }
}

.direct-order__submit {
    margin-bottom: 0.1rem;
    width: auto
}

.direct-order__response {
    background: #fff;
    left: 0;
    position: absolute;
    top: calc(100% - 0.1rem);
    width: 100%;
    z-index: 1
}

.direct-order__product {
    border: 1px solid #e5e5e8;
    cursor: pointer;
    display: flex;
    padding: 0.15rem
}

.direct-order__product--hidden {
    display: none
}

.direct-order__product-sku {
    font-weight: 700;
    margin-right: 0.15rem
}

.direct-order__error-message {
    color: #c10040;
    margin-left: 0.1rem
}

.econda-slider {
    margin: auto;
    max-width: 13.7rem;
    width: 100%
}

.econda-slider--hide,
.econda-slider__action-price--hide,
.econda-slider__bestseller--hide,
.econda-slider__new--hide,
.econda-slider__normal-price--hide,
.econda-slider__price--hide,
.econda-slider__price-on-request--hide,
.econda-slider__sale--hide,
.econda-slider__shopping-list-icon--hide {
    display: none
}

.econda-slider__price {
    font-family: Oswald, Avenir Next Condensed Medium, Arial Narrow, sans-serif;
    font-size: 0.18rem;
    font-weight: 500
}

.econda-slider__action-price {
    color: #c10040
}

.econda-slider__price--old {
    color: #1d1d1d;
    font-size: 0.13999999999999999rem;
    font-weight: 400;
    text-decoration: line-through
}

.econda-slider__price-tax {
    color: #606068;
    display: block;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 0.12rem;
    font-weight: 400
}

.econda-slider .product-slider,
.econda-slider .product-slider--cms-slider {
    margin-bottom: 0
}

.es-product-box {
    background-color: #fff;
    border: 1px solid #e5e5e8;
    display: flex;
    flex-wrap: wrap;
    height: calc(100% - 0.2rem);
    margin-bottom: 0.2rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0.1rem;
    width: 100%
}

@media (min-width:1200px) {
    .es-product-box {
        max-width: 13.7rem
    }
}

.es-product-box:hover {
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, .2)
}

.es-product-box__description {
    padding-bottom: 0.2rem
}

.es-product-box__column {
    padding: 0.1rem;
    position: relative;
    width: 100%
}

.es-product-box__column--position-bottom {
    align-self: flex-end
}

@media (min-width:992px) {
    .es-product-box__column {
        flex: 0 0 50%;
        max-width: 50%
    }

    .es-product-box__column--position-bottom {
        align-self: auto
    }
}

@media (min-width:1200px) {
    .es-product-box__link {
        bottom: 0.1rem;
        position: absolute
    }
}

.es-product-listing {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.2rem;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0 0.075rem;
    width: 100%
}

@media (min-width:1200px) {
    .es-product-listing {
        max-width: 13.7rem
    }
}

.es-product-listing__column {
    box-sizing: border-box;
    padding: 0.075rem;
    width: 100%
}

@media (min-width:768px) {
    .es-product-listing__column {
        padding: 0 0.075rem
    }
}

@media (min-width:576px) {
    .es-product-listing__column-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .es-product-listing__column-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .es-product-listing__column-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .es-product-listing__column-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .es-product-listing__column-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .es-product-listing__column-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .es-product-listing__column-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .es-product-listing__column-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .es-product-listing__column-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .es-product-listing__column-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .es-product-listing__column-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .es-product-listing__column-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.filter-bar {
    padding: 0.3rem 0 0;
    position: relative
}

@media (min-width:768px) {
    .filter-bar {
        z-index: 11
    }
}

.filter-bar__inner {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

@media (min-width:768px) {
    .filter-bar__inner {
        display: flex;
        flex-wrap: wrap
    }
}

@media (min-width:1200px) {
    .filter-bar__inner {
        max-width: 13.7rem
    }
}

.filter-bar__filter {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
}

.filter-bar__order {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    text-align: right;
    z-index: 5
}

@media (max-width:1199.98px) {
    .filter-bar__filter {
        flex: 0 0 75%;
        max-width: 75%
    }

    .filter-bar__order {
        flex: 0 0 25%;
        max-width: 25%
    }
}

.filter-bar .offside__content {
    height: calc(100% - 0.5rem)
}

@media (max-width:767.98px) {
    .filter-bar .offside__container {
        height: calc(100% - 0.2rem);
        overflow: inherit
    }

    .filter-bar .offside__container .filter {
        padding-bottom: 0.4rem
    }
}

@media (min-width:768px) {
    .filter-bar .offside {
        overflow: visible
    }

    .filter-bar .offside__header {
        display: none
    }

    .filter-bar .offside__content {
        padding: 0
    }
}

.filter-bar__actions {
    width: 100%
}

.filter-bar__result-count-container {
    margin-top: 0.1rem;
    text-align: right;
    width: 100%
}

@media (min-width:768px) {
    .filter-bar__result-count-container {
        margin-top: 0
    }
}

.filter-bar__button {
    border-color: #d5d5d8;
    color: #1d1d1d;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 0.13999999999999999rem;
    font-weight: 400;
    position: relative;
    text-align: left
}

.filter-bar__button--mobile {
    display: inline-block;
    margin-top: 0.1rem;
    width: calc(50% - 10px)
}

@media (min-width:768px) {
    .filter-bar__button--mobile {
        display: none
    }
}

.filter-bar__button--mobile:after {
    background-repeat: no-repeat;
    content: "";
    height: 0.2rem;
    position: absolute;
    right: 0.15rem;
    top: 0.15rem;
    width: 0.2rem
}

.filter-bar__filter-button {
    margin-right: 0.1rem
}

.filter-bar__filter-button:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.75' height='19.053'%3E%3Cpath fill='%231d1d1d' stroke='%231d1d1d' stroke-width='.75' d='M3.395 8.639c1.493 1.066 3.222 2.223 4.291 2.873v6.927l3.378-1.737v-5.19c1.069-.65 2.8-1.807 4.291-2.873 3.02-2.158 3.02-2.437 3.02-2.642V2.938c0-1.682-4.528-2.562-9-2.562s-9 .88-9 2.562v3.059c0 .204 0 .484 3.02 2.642Zm7.184 2.417-.156.093v5.162l-2.1 1.078v-6.24l-.156-.093a54 54 0 0 1-7.155-5.119V3.953c1.4 1.019 4.9 1.547 8.359 1.547s6.958-.528 8.359-1.547v1.984a54 54 0 0 1-7.151 5.118Zm7.155-8.119c0 .8-3.18 1.921-8.359 1.921S1.016 3.739 1.016 2.937s3.18-1.921 8.359-1.921 8.359 1.119 8.359 1.921Z'/%3E%3C/svg%3E")
}

.filter-bar__order-button:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.808' height='15.25'%3E%3Cg data-name='Gruppe 2523'%3E%3Cpath fill='none' stroke='%231d1d1d' stroke-linecap='round' stroke-width='1.5' d='M4.404.875v11' data-name='Linie 299'/%3E%3Cg data-name='Gruppe 2513'%3E%3Cpath fill='%231d1d1d' stroke='%231d1d1d' stroke-width='.75' d='M.823 5.29a.22.22 0 0 1-.347 0 .326.326 0 0 1 0-.408L4.229.46a.22.22 0 0 1 .347 0l3.756 4.423a.325.325 0 0 1 0 .408.22.22 0 0 1-.347 0L4.404 1.075Z' data-name='Pfad 360'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='Gruppe 2524'%3E%3Cpath fill='none' stroke='%231d1d1d' stroke-linecap='round' stroke-width='1.5' d='M13.404 14.375v-11' data-name='Linie 299'/%3E%3Cg data-name='Gruppe 2513'%3E%3Cpath fill='%231d1d1d' stroke='%231d1d1d' stroke-width='.75' d='M16.985 9.96a.22.22 0 0 1 .347 0 .326.326 0 0 1 0 .408l-3.753 4.422a.22.22 0 0 1-.347 0l-3.756-4.423a.325.325 0 0 1 0-.408.22.22 0 0 1 .347 0l3.581 4.216Z' data-name='Pfad 360'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.filter-bar__option {
    list-style: none;
    padding: 0.2rem 0.15rem
}

@media (max-width:767.98px) {
    .filter-bar__option {
        background: #fff;
        border-top: 1px solid #e5e5e8;
        bottom: 0;
        margin: 0.2rem -0.15rem 0;
        position: absolute;
        width: 100%
    }
}

@media (min-width:768px) {
    .filter-bar__option {
        display: none
    }
}

.footer {
    color: #606068
}

.footer__inner-bottom,
.footer__inner-top {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

@media (min-width:1200px) {

    .footer__inner-bottom,
    .footer__inner-top {
        max-width: 13.7rem
    }
}

.footer__inner-top {
    display: flex;
    flex-wrap: wrap
}

@media (min-width:1200px) {
    .footer__inner-top {
        flex-wrap: nowrap
    }
}

.footer__top {
    background: linear-gradient(180deg, #f5f5f8 0, #fff)
}

@media (prefers-contrast:more) {
    .footer__top {
        background-image: none
    }
}

@media (min-width:768px) {
    .footer__top {
        padding: 0.15rem
    }
}

@media (min-width:1200px) {
    .footer__top {
        padding: 0.4rem 0.15rem
    }
}

.footer__column-group {
    width: 100%
}

@media (min-width:768px) {
    .footer__column-group {
        display: flex
    }

    .footer__column-group+.footer__column-group {
        padding-top: 0.15rem
    }
}

@media (min-width:1200px) {
    .footer__column-group+.footer__column-group {
        padding-top: 0
    }

    .footer__column-group--links,
    .footer__column-group--logos,
    .footer__column-group--news {
        display: block
    }
}

@media (min-width:768px) {
    .footer__column--follow .footer__column-headline {
        cursor: auto
    }
}

.footer__column--follow .image {
    max-height: 0.4rem
}

@media (min-width:768px) {
    .footer__column--follow {
        flex: 0 0 50%;
        padding-top: 0.2rem
    }

    .footer__column--links {
        width: 33.3333333333%
    }
}

@media (min-width:1200px) {
    .footer__column--links {
        display: block;
        float: left;
        margin-bottom: 0.15rem;
        width: 50%
    }
}

@media (min-width:768px) {
    .footer__column--payments {
        width: 33.3333333333%
    }
}

@media (min-width:1200px) {
    .footer__column--payments {
        width: auto
    }
}

.footer__column {
    border-bottom: 1px solid #e5e5e8
}

@media (min-width:768px) {
    .footer__column {
        border: 0
    }
}

.footer__column--etrusted {
    overflow: visible
}

.footer__column-headline {
    border: 0;
    border-radius: 0;
    color: #1d1d1d;
    display: block;
    font-family: Oswald, Avenir Next Condensed Medium, Arial Narrow, sans-serif;
    font-weight: 400;
    height: 0.4rem;
    letter-spacing: .1em;
    margin-bottom: 0.1rem;
    padding: 0 0.15rem;
    text-align: left;
    text-transform: uppercase;
    width: 100%
}

@media (min-width:768px) {
    .footer__column-headline {
        outline: none
    }
}

.footer__column-headline:after {
    content: "+";
    float: right
}

@media (min-width:768px) {
    .footer__column-headline:after {
        content: ""
    }
}

.footer__column-headline--active:after {
    content: "-"
}

@media (min-width:768px) {
    .footer__column-headline--active:after {
        content: ""
    }
}

.footer__column-content {
    color: #1d1d1d;
    padding: 0.05rem 0.15rem 0
}

@media (min-width:768px) {
    .footer__column-content {
        color: inherit;
        max-height: none;
        opacity: 1
    }
}

.footer__column-content .image-list:not(.footer__payment-list) .image-list__entry {
    min-width: 45px
}

.footer__column-content--active {
    max-height: 500px;
    opacity: 1;
    overflow: visible;
    padding: 0.05rem 0.15rem 0.15rem
}

@media (min-width:768px) {
    .footer__column-content--active {
        padding: 0 0.15rem
    }
}

.footer__link-list {
    line-height: 0.22000000000000003rem;
    margin: 0
}

.footer__payment-list {
    flex-wrap: wrap;
    max-width: 2.4rem
}

.footer__newsletter-more {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.762' height='6.531'%3E%3Cg data-name='Group 19'%3E%3Cpath fill='%231d1d1d' d='M0 2.474h17.276v1.583H0z' data-name='Rectangle 702'/%3E%3Cg data-name='Group 18'%3E%3Cpath fill='%231d1d1d' d='m14.686 6.531 2.205-3.265L14.686.001h1.871l2.2 3.265-2.2 3.265Z' data-name='Path 308'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-position: 100%;
    background-repeat: no-repeat;
    font-weight: 700;
    padding-right: 0.3rem
}

@media (min-width:768px) {
    .footer__newsletter-more {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.762' height='6.531'%3E%3Cg data-name='Group 19'%3E%3Cpath fill='%23fff' d='M0 2.474h17.276v1.583H0z' data-name='Rectangle 702'/%3E%3Cg data-name='Group 18'%3E%3Cpath fill='%23fff' d='m14.686 6.531 2.205-3.265L14.686.001h1.871l2.2 3.265-2.2 3.265Z' data-name='Path 308'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
    }
}

.footer__newsletter-form {
    margin: 0.15rem 0;
    max-width: 4.6rem
}

.footer__newsletter-input {
    flex: 1 0 auto
}

.footer__newsletter-btn {
    border: 1px solid #d5d5d8;
    border-radius: 3px;
    color: #1d1d1d;
    height: 0.3rem;
    margin-left: 0.1rem;
    padding: 0 0.1rem
}

@media (min-width:768px) {
    .footer__newsletter-btn {
        color: #fff
    }
}

.footer__bottom {
    background: linear-gradient(180deg, #606068 0, #606068);
    color: #fff;
    padding: 0.2rem 0.1rem
}

@media (min-width:768px) {
    .footer__bottom {
        padding-left: 0.3rem;
        padding-right: 0.3rem
    }
}

.footer__inner-bottom {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media (min-width:768px) {
    .footer__inner-bottom {
        justify-content: flex-end;
        padding: 0
    }
}

.footer__vat-toggle {
    display: none;
    padding: 0 0.05rem
}

@media (min-width:1200px) {
    .footer__vat-toggle {
        display: block;
        margin-left: 0.036rem;
        position: relative
    }

    .footer__vat-toggle:before {
        content: "|";
        display: inline-block;
        position: absolute;
        right: 100%;
        top: 0
    }
}

.footer__country-form,
.footer__language-form {
    margin-left: 0.036rem;
    padding: 0 0.05rem;
    position: relative
}

@media (min-width:768px) {

    .footer__country-form,
    .footer__language-form {
        padding: 0 0.1rem
    }
}

@media (min-width:1200px) {

    .footer__country-form,
    .footer__language-form {
        padding: 0 0.05rem
    }
}

.footer__country-form:before,
.footer__language-form:before {
    content: "|";
    display: inline-block;
    position: absolute;
    right: 100%;
    top: 0
}

.footer__language-form:before {
    display: none
}

@media (min-width:768px) {
    .footer__language-form:before {
        display: inline-block
    }
}

.footer__country-form {
    display: flex
}

@media (min-width:768px) {
    .footer--checkout .footer__inner-bottom {
        justify-content: space-between
    }
}

.footer--checkout .link-list {
    margin: 0
}

@media (max-width:767.98px) {
    .footer--checkout .link-list {
        margin-top: 0.05rem;
        text-align: center;
        width: 100%
    }
}

.form-field-array .form-field-array-item {
    border: 1px solid #d5d5d8;
    margin-bottom: 0.2rem
}

.form-field-array .form-field-array-item__head {
    background: #e5e5e8;
    border-bottom: 1px solid #d5d5d8;
    display: grid;
    font-family: Oswald, Avenir Next Condensed Medium, Arial Narrow, sans-serif;
    font-size: 0.15rem;
    font-weight: 400;
    grid-template-columns: auto 0.3rem;
    letter-spacing: .1em;
    padding: 0.15rem;
    text-transform: uppercase
}

.form-field-array .form-field-array-item__head--bin {
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' id='Ebene_1' x='0' y='0' version='1.1' viewBox='0 0 42.6 35.9'%3E%3Cstyle%3E.st0{fill:%231d1d1d}%3C/style%3E%3Cpath d='M33.7 5.7h-6c-.4-2.9-2.6-5.1-5-5.1h-3.8c-2.5 0-4.6 2.2-5 5.1H7.6c-.7 0-1.2.6-1.2 1.3s.5 1.2 1.2 1.2h1.2l1.8 26.3h.2l-.2.1v.2l.2-.1-.2.1.2.3.2-.2-.1.2.1.1.1-.2-.1.3.1.1.1-.2v.2l.3.1H30l.3-.2.1-.1.2-.2.1-.3v-.4l1.8-26.2h1.2c.7 0 1.2-.5 1.2-1.2 0-.6-.5-1.2-1.2-1.2m-17.4 0c.3-1.6 1.4-2.7 2.6-2.7h3.8c1.2 0 2.2 1.1 2.6 2.7zm13.8 2.5-1.7 24.9H12.9L11.2 8.2zm.1 26.8' class='st0'/%3E%3Cpath d='M17.3 30c.7 0 1.2-.5 1.2-1.2V12.5c0-.7-.5-1.2-1.2-1.2s-1.2.5-1.2 1.2v16.3c0 .7.5 1.2 1.2 1.2M24 30c.7 0 1.2-.5 1.2-1.2V12.5c0-.7-.5-1.2-1.2-1.2s-1.2.5-1.2 1.2v16.3c0 .7.5 1.2 1.2 1.2' class='st0'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 0.2rem;
    border: 0;
    cursor: pointer;
    height: 100%;
    outline: none;
    text-decoration: none;
    width: 100%
}

.form-field-array .form-field-array-item__content {
    padding: 0.15rem 0.05rem
}

.form-field-array__add-button {
    margin-bottom: 0.4rem
}

.dynamic-form,
.flow-root {
    display: flow-root
}

.dynamic-form {
    color: #1d1d1d;
    margin: 0 -0.1rem;
    width: calc(100% + 0.2rem)
}

.dynamic-form .form-row {
    float: left;
    margin-top: 0.15rem;
    padding: 0 0.1rem;
    width: 50%
}

@media (max-width:767.98px) {
    .dynamic-form .form-row {
        width: 100% !important
    }
}

.dynamic-form .form-row--new-line {
    clear: left
}

.dynamic-form .form-row--width-1-3 {
    width: 33.3333333333%
}

.dynamic-form .form-row--width-1-2 {
    width: 50%
}

.dynamic-form .form-row--width-2-3 {
    width: 66.6666666667%
}

.dynamic-form .form-row--columns-1 {
    -moz-column-count: 1;
    column-count: 1;
    display: block
}

.dynamic-form .form-row--columns-2 {
    -moz-column-count: 2;
    column-count: 2;
    display: block
}

.dynamic-form .form-row--columns-3 {
    -moz-column-count: 3;
    column-count: 3;
    display: block
}

.dynamic-form .form-row--columns-4 {
    -moz-column-count: 4;
    column-count: 4;
    display: block
}

@media (max-width:1199.98px) {

    .dynamic-form .form-row--columns-3,
    .dynamic-form .form-row--columns-4 {
        -moz-column-count: 2;
        column-count: 2
    }
}

@media (max-width:767.98px) {

    .dynamic-form .form-row--columns-2,
    .dynamic-form .form-row--columns-3,
    .dynamic-form .form-row--columns-4 {
        -moz-column-count: 1;
        column-count: 1
    }
}

.dynamic-form .form-row--full-width {
    width: 100%
}

.dynamic-form .form-row--checkbox {
    flex-wrap: wrap
}

.dynamic-form .form-row__group {
    display: flex;
    margin: 0 0.15rem 0.2rem 0
}

.dynamic-form .form-row__label {
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    page-break-inside: avoid
}

.dynamic-form .form-row .select--scroll .select__list--dropdown {
    max-height: 2rem;
    overflow-y: auto
}

.dynamic-form .headline,
.dynamic-form .paragraph {
    clear: left;
    margin-left: 0.1rem;
    margin-right: 0.1rem;
    margin-top: 0
}

.dynamic-form .paragraph--full-width {
    width: calc(100% - 0.2rem)
}

.dynamic-form .button {
    clear: left;
    margin: 0.15rem 0.1rem 0
}

.dynamic-form .form-row+.headline,
.dynamic-form .form-row+.paragraph {
    padding-top: 0.15rem
}

.dynamic-form .technical-error {
    color: #c10040;
    float: left;
    padding-top: 0.15rem;
    width: 100%
}

.dynamic-form .spacing {
    display: inline-block
}

.dynamic-form__sku-headline {
    margin: 0;
    padding: 0.1rem
}

.modal__content .dynamic-form .headline {
    margin-right: 0.4rem
}

.form {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.2rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

@media (min-width:1200px) {
    .form {
        max-width: 13.7rem
    }
}

.form--inline {
    flex-flow: row wrap
}

.form--inline,
.form__group {
    align-items: center;
    display: flex
}

.form__group {
    flex: 0 0 auto;
    flex-flow: row wrap;
    margin-bottom: 0
}

.form__group div {
    margin: 0.1rem 0.1rem 0.1rem 0
}

.form__column {
    flex: 0 0 100%;
    max-width: 100%
}

.form__success-message {
    color: #2d8745;
    font-size: 0.12rem;
    font-weight: 700;
    line-height: 0.3rem;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

.form__loader {
    display: none;
    font-size: 0.21000000000000002rem;
    padding: 0.1rem 0;
    text-align: center;
    width: 100%
}

[data-loading] .form__loader,
[data-loading]+.form__loader {
    display: block
}

.form__fieldset {
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%
}

.form__fieldset+.form__fieldset {
    margin-top: 0.3rem
}

.form__legend {
    display: block;
    font-family: Oswald, Avenir Next Condensed Medium, Arial Narrow, sans-serif;
    font-weight: 500;
    letter-spacing: .1em;
    padding: 0;
    text-transform: uppercase;
    width: 100%
}

.form__legend--small {
    font-size: 0.15rem;
    margin-bottom: 0.2rem
}

.form__errors {
    color: #6a0023;
    text-decoration: none
}

.form--no-margin {
    margin: 0
}

@media (min-width:768px) {

    .form--address,
    .form--address .form__fieldset,
    .form--change-mail-address .form__fieldset,
    .form--change-password .form__fieldset,
    .form--checkout-register .form__fieldset {
        align-items: flex-start;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

@media (min-width:768px) {

    .form--address .form-row,
    .form--change-mail-address .form-row,
    .form--change-password .form-row,
    .form--checkout-register .form-row {
        margin-top: 0.15rem;
        width: calc(50% - 0.1rem)
    }
}

.form--address .form-row--full-width,
.form--address .form-row--password-fields .form-row,
.form--change-mail-address .form-row--full-width,
.form--change-mail-address .form-row--password-fields .form-row,
.form--change-password .form-row--full-width,
.form--change-password .form-row--password-fields .form-row,
.form--checkout-register .form-row--full-width,
.form--checkout-register .form-row--password-fields .form-row {
    width: 100%
}

@media (min-width:768px) {

    .form--address .form-row--password-fields,
    .form--change-mail-address .form-row--password-fields,
    .form--change-password .form-row--password-fields,
    .form--checkout-register .form-row--password-fields {
        margin-top: 0
    }

    .form--address .form-row--submit,
    .form--change-mail-address .form-row--submit,
    .form--change-password .form-row--submit,
    .form--checkout-register .form-row--submit {
        margin-left: calc(50% + 0.1rem)
    }

    .form--address .form-row--spacing-right,
    .form--change-mail-address .form-row--spacing-right,
    .form--change-password .form-row--spacing-right,
    .form--checkout-register .form-row--spacing-right {
        margin-right: calc(50% + 0.1rem)
    }
}

.form--checkout-register {
    margin-top: 0.15rem
}

@media (min-width:768px) {
    .form--checkout-register {
        margin-top: 0
    }
}

.form--validated input:invalid {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='25'%3E%3Ctext fill='%236a0023' data-name='!' font-family='ArialMT, Arial' font-size='22' letter-spacing='.143em'%3E%3Ctspan x='0' y='20'%3E!%3C/tspan%3E%3C/text%3E%3C/svg%3E");
    background-position: calc(100% - 0.09rem) 0.15rem;
    background-repeat: no-repeat;
    background-size: 0.1rem 0.2rem;
    border-color: #6a0023;
    box-shadow: 0 0 1px 1px #6a0023
}

.form--validated .form-row__widget:invalid:focus {
    box-shadow: none
}

.form--validated .form-row__widget:invalid:focus+.form-row__label:before {
    color: #6a0023
}

.grid {
    align-items: flex-start;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0.075rem;
    width: 100%
}

.grid--left {
    justify-content: flex-start
}

.grid--center {
    justify-content: center
}

.grid--right {
    justify-content: flex-end
}

.grid--around {
    justify-content: space-around
}

.grid--between {
    justify-content: space-between
}

@media (min-width:1200px) {
    .grid {
        max-width: 13.7rem
    }
}

.grid__column {
    box-sizing: border-box;
    padding: 0.075rem;
    width: 100%
}

@media (min-width:768px) {
    .grid__column {
        padding: 0 0.075rem
    }

    .grid__column--pr4 {
        padding-right: 0.4rem
    }
}

@media (min-width:576px) {
    .grid.grid--small-breakpoint .grid__column-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }
}

@media (min-width:768px) {
    .grid__column-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }
}

@media (min-width:576px) {
    .grid.grid--small-breakpoint .grid__column-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }
}

@media (min-width:768px) {
    .grid__column-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }
}

@media (min-width:576px) {
    .grid.grid--small-breakpoint .grid__column-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
}

@media (min-width:768px) {
    .grid__column-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
}

@media (min-width:576px) {
    .grid.grid--small-breakpoint .grid__column-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
}

@media (min-width:768px) {
    .grid__column-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
}

@media (min-width:576px) {
    .grid.grid--small-breakpoint .grid__column-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }
}

@media (min-width:768px) {
    .grid__column-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }
}

@media (min-width:576px) {
    .grid.grid--small-breakpoint .grid__column-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width:768px) {
    .grid__column-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width:576px) {
    .grid.grid--small-breakpoint .grid__column-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }
}

@media (min-width:768px) {
    .grid__column-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }
}

@media (min-width:576px) {
    .grid.grid--small-breakpoint .grid__column-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }
}

@media (min-width:768px) {
    .grid__column-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }
}

@media (min-width:576px) {
    .grid.grid--small-breakpoint .grid__column-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
}

@media (min-width:768px) {
    .grid__column-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
}

@media (min-width:576px) {
    .grid.grid--small-breakpoint .grid__column-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }
}

@media (min-width:768px) {
    .grid__column-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }
}

@media (min-width:576px) {
    .grid.grid--small-breakpoint .grid__column-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }
}

@media (min-width:768px) {
    .grid__column-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }
}

@media (min-width:576px) {
    .grid.grid--small-breakpoint .grid__column-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width:768px) {
    .grid__column-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.header-observer {
    --height: 1px;
    --position: absolute;
    height: var(--height);
    position: var(--position);
    width: 1px
}

.header {
    background: #fff;
    border-bottom: 1px solid #d5d5d8;
    box-shadow: 0 2px 7px -2px rgba(0, 0, 0, .15);
    padding-bottom: 0.1rem;
    position: relative;
    z-index: 1100
}

.header__navigation-bar {
    align-items: center;
    display: flex;
    justify-content: space-between;
    order: 4;
    width: 100%
}

.header__upper {
    border-bottom: 1px solid #d5d5d8;
    padding: 0.05rem;
    text-align: right
}

@media (max-width:1199.98px) {
    .header__upper {
        display: none
    }
}

.header__upper--inner {
    margin: auto;
    max-width: 13.7rem;
    padding: 0 0.1rem;
    width: 100%
}

.header__upper-entry {
    color: #606068;
    cursor: pointer;
    font-size: 0.13rem;
    margin-left: 0.3rem;
    padding: 0.05rem
}

.header__upper-entry:hover {
    color: #2061ae
}

.sticky-header .header__upper {
    display: none
}

.sticky-header .header {
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateY(-100%)
}

@media (min-width:1200px) {
    body:not(.sticky-header) .header {
        box-shadow: none
    }
}

.sticky-header.sticky-header--animated .header {
    transition: transform .3s ease-out
}

.sticky-header.sticky-header--visible .header {
    pointer-events: all;
    transform: translateY(0)
}

.header__inner {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    max-width: 13.7rem;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%
}

.header__logo {
    order: 1;
    position: relative;
    width: 1.6rem
}

@media (max-width:575.98px) {
    .header__logo {
        width: clamp(1rem, 30%, 1.6rem)
    }
}

@media (min-width:1200px) {
    body:not(.sticky-header) .header__logo {
        margin: 0.16rem 0
    }
}

@media (min-width:1440px) {
    body:not(.sticky-header) .header__logo {
        left: -0.22000000000000003rem
    }
}

.header__links {
    display: flex;
    flex-grow: 4;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 0.16rem;
    justify-content: flex-end;
    order: 2
}

@media (max-width:991.98px) {
    .header__links {
        margin: 0 -0.15rem;
        order: 0;
        width: 100%
    }
}

.header__links--language-selection {
    justify-content: space-between
}

.header__links--checkout {
    color: #1d1d1d;
    display: block;
    font-size: 0.12rem;
    order: 2;
    text-align: right;
    width: auto
}

.header__link-entry--language-form {
    color: #606068;
    display: none
}

@media (min-width:1200px) {
    body:not(.sticky-header) .header__link-entry--language-form {
        display: block
    }
}

.header__shop-navigation {
    color: #0e2e5a;
    display: flex;
    order: 3
}

.header__shop-navigation>:not(:last-child) {
    margin-right: 0.1rem
}

.header__contact {
    display: none
}

.header--checkout {
    border-top: 7px solid #2061ae;
    box-shadow: none;
    padding: 0.1rem 0
}

.header--checkout .header__logo {
    margin-top: 0
}

@media (max-width:1199.98px) {
    .header--checkout .header__logo {
        width: 1.1rem
    }
}

.header--checkout .header__upper {
    display: none
}

.icon-link-collection__inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

@media (min-width:768px) {
    .icon-link-collection__inner {
        align-items: flex-start;
        flex-flow: row wrap;
        justify-content: center
    }
}

@media (min-width:1200px) {
    .icon-link-collection__inner {
        max-width: 13.7rem
    }
}

.icon-link-collection__entry {
    width: 100%
}

@media (min-width:768px) {
    .icon-link-collection__entry {
        width: calc(50% - 0.15rem)
    }
}

@media (min-width:1200px) {
    .icon-link-collection__entry {
        margin: 0 0.15rem;
        width: 22%
    }
}

.image-gallery .swiper-button-next:after,
.image-gallery .swiper-button-prev:after {
    content: ""
}

.image-gallery__next.swiper-button-next,
.image-gallery__prev.swiper-button-prev {
    background-color: hsla(0, 0%, 100%, .8);
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    cursor: pointer;
    height: 0.42000000000000004rem;
    outline: none;
    position: absolute;
    width: 0.42000000000000004rem
}

@media (max-width:1199.98px) {

    .image-gallery__next.swiper-button-next,
    .image-gallery__prev.swiper-button-prev {
        display: none
    }
}

.image-gallery__next.swiper-button-next:focus,
.image-gallery__next.swiper-button-next:hover,
.image-gallery__prev.swiper-button-prev:focus,
.image-gallery__prev.swiper-button-prev:hover {
    background-color: #fff;
    box-shadow: 2px 2px 9px 1px rgba(0, 0, 0, .26)
}

.image-gallery__next.swiper-button-next:active,
.image-gallery__prev.swiper-button-prev:active {
    -webkit-tap-highlight-color: transparent
}

.image-gallery__next.swiper-button-next.swiper-button-disabled,
.image-gallery__prev.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    display: none;
    filter: grayscale(100%);
    pointer-events: none
}

@media (min-width:1200px) {

    .image-gallery__next.swiper-button-next.swiper-button-disabled,
    .image-gallery__prev.swiper-button-prev.swiper-button-disabled {
        display: flex;
        opacity: .35
    }
}

.image-gallery__prev.swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.232' height='20.434'%3E%3Cpath fill='%232061ae' stroke='%232061ae' stroke-width='.75' d='M10.622 19.034a.601.601 0 1 1-.85.851l-9.22-9.208a.6.6 0 0 1 0-.851L9.772.612a.601.601 0 0 1 .85.851l-8.794 8.788Z'/%3E%3C/svg%3E");
    background-size: 0.1rem;
    left: 0.55rem;
    top: 50%
}

.image-gallery__prev.swiper-button-prev:active {
    background-color: #499add;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.232' height='20.434'%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-width='.75' d='M10.622 19.034a.601.601 0 1 1-.85.851l-9.22-9.208a.6.6 0 0 1 0-.851L9.772.612a.601.601 0 0 1 .85.851l-8.794 8.788Z'/%3E%3C/svg%3E")
}

@media (min-width:1440px) {
    .image-gallery__prev.swiper-button-prev {
        left: 0.1rem
    }
}

.image-gallery__next.swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.232' height='20.434'%3E%3Cpath fill='%232061ae' stroke='%232061ae' stroke-width='.75' d='M.61 1.4a.601.601 0 1 1 .85-.851l9.22 9.208a.6.6 0 0 1 0 .851l-9.22 9.214a.601.601 0 0 1-.85-.851l8.794-8.788Z'/%3E%3C/svg%3E");
    background-size: 0.1rem;
    bottom: auto;
    right: 0.55rem;
    top: 50%
}

.image-gallery__next.swiper-button-next:active {
    background-color: #499add;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.232' height='20.434'%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-width='.75' d='M.61 1.4a.601.601 0 1 1 .85-.851l9.22 9.208a.6.6 0 0 1 0 .851l-9.22 9.214a.601.601 0 0 1-.85-.851l8.794-8.788Z'/%3E%3C/svg%3E")
}

@media (min-width:1440px) {
    .image-gallery__next.swiper-button-next {
        right: 0.1rem
    }
}

.image-gallery {
    display: block;
    max-width: 10rem;
    position: relative;
    width: 100%
}

.image-gallery__main {
    background: #fff;
    position: relative;
    width: 100%
}

.image-gallery__main .image-slider__slide-inner {
    aspect-ratio: 1/1;
    height: calc(100% - 2px);
    justify-content: center
}

.image-gallery__main .image-gallery__next.swiper-button-next {
    display: flex;
    right: 0.1rem
}

.image-gallery__main .image-gallery__prev.swiper-button-prev {
    display: flex;
    left: 0.1rem
}

.image-gallery__thumbnails {
    margin: 0;
    padding: 0.15rem 0;
    position: relative;
    width: 100%
}

.image-gallery__thumbnails .image-slider__slide-inner {
    justify-content: center
}

.image-gallery__close {
    display: none
}

.image-gallery__zoom {
    background: #fff;
    border: 1px solid #d5d5d8;
    display: none;
    height: 3rem;
    left: calc(100% + 0.2rem);
    position: absolute;
    top: 0;
    width: 3rem;
    z-index: 999
}

.image-gallery__zoom--active {
    display: block
}

.image-gallery .swiper-notification {
    height: 0;
    opacity: 0;
    position: absolute
}

.image-gallery--lightgallery {
    background: #e5e5e8;
    display: none;
    height: 100vh;
    left: 0;
    max-width: none;
    padding: 0.1rem;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 9999
}

.image-gallery--lightgallery.image-gallery--active {
    display: block
}

.image-gallery--lightgallery .image-gallery__badges {
    display: none
}

.image-gallery--lightgallery .image-gallery__main {
    width: 100%
}

.image-gallery--lightgallery .image-gallery__thumbnails {
    display: block;
    margin: 0;
    padding: 0.15rem 0.45rem;
    position: relative;
    width: 100%
}

.image-gallery--lightgallery .image-gallery__next,
.image-gallery--lightgallery .image-gallery__prev {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 0.1rem;
    bottom: auto;
    cursor: pointer;
    outline: none;
    position: absolute;
    top: calc(50% - 0.21000000000000002rem)
}

.image-gallery--lightgallery .image-gallery__prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.232' height='20.434'%3E%3Cpath fill='%232061ae' stroke='%232061ae' stroke-width='.75' d='M10.622 19.034a.601.601 0 1 1-.85.851l-9.22-9.208a.6.6 0 0 1 0-.851L9.772.612a.601.601 0 0 1 .85.851l-8.794 8.788Z'/%3E%3C/svg%3E");
    left: 0
}

.image-gallery--lightgallery .image-gallery__next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.232' height='20.434'%3E%3Cpath fill='%232061ae' stroke='%232061ae' stroke-width='.75' d='M.61 1.4a.601.601 0 1 1 .85-.851l9.22 9.208a.6.6 0 0 1 0 .851l-9.22 9.214a.601.601 0 0 1-.85-.851l8.794-8.788Z'/%3E%3C/svg%3E");
    right: 0
}

.image-gallery--lightgallery .image-gallery__close {
    background-color: #fff;
    background-size: 0.16999999999999998rem;
    display: block;
    padding: 0.2rem;
    position: absolute;
    right: 0.2rem;
    top: 0.2rem;
    z-index: 2
}

.image-gallery--lightgallery .image-slider__slide-inner {
    height: 100%
}

.introduction {
    background-image: linear-gradient(180deg, #fff 0, #f5f5f8);
    padding-bottom: 0.5rem
}

.introduction__inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

@media (min-width:768px) {
    .introduction__inner {
        align-items: flex-start;
        flex-flow: row wrap
    }
}

@media (min-width:1200px) {
    .introduction__inner {
        display: block;
        max-width: 13.7rem;
        overflow: hidden
    }
}

.introduction__headline {
    font-size: 0.27999999999999997rem;
    margin-top: 0.2rem
}

@media (min-width:768px) {
    .introduction__headline {
        margin-top: 0;
        order: -1;
        width: 100%
    }
}

@media (min-width:1200px) {
    .introduction__headline {
        float: right;
        width: calc(100% - 4.6rem)
    }

    .introduction__headline-inner {
        max-width: 7rem
    }
}

.introduction__image {
    width: 100%
}

@media (min-width:768px) {
    .introduction__image {
        width: 2.5rem
    }
}

@media (min-width:1200px) {
    .introduction__image {
        float: left;
        width: 4rem
    }
}

.introduction__text {
    font-size: 0.15rem
}

@media (min-width:768px) {
    .introduction__text {
        margin-left: 0.2rem;
        width: calc(100% - 2.7rem)
    }
}

@media (min-width:1200px) {
    .introduction__text {
        float: right;
        width: calc(100% - 4.6rem)
    }

    .introduction__text-inner {
        max-width: 7rem
    }
}

.introduction__contents {
    width: 100%
}

@media (min-width:1200px) {
    .introduction__contents {
        float: right;
        width: calc(100% - 4.6rem)
    }
}

.introduction__contents-headline {
    margin-top: 0.3rem
}

@media (min-width:768px) {
    .introduction__contents-list {
        -moz-column-count: 2;
        column-count: 2
    }
}

.last-seen-product-slider {
    margin: auto;
    max-width: 13.7rem;
    width: 100%
}

.line-item-footer {
    align-content: flex-start;
    align-items: flex-start;
    border-top: 1px solid #e5e5e8;
    margin-left: auto;
    margin-right: auto;
    padding: 0.15rem 0;
    position: relative;
    width: 100%
}

@media (min-width:992px) {
    .line-item-footer {
        display: flex
    }
}

@media (min-width:1200px) {
    .line-item-footer {
        max-width: 13.7rem
    }
}

.line-item-footer__placeholder {
    height: 0.02rem;
    width: 100%
}

@media (min-width:992px) {
    .line-item-footer__placeholder {
        flex: 0 0 75%;
        height: 0.6rem;
        max-width: 75%;
        padding: 0.15rem
    }
}

.line-item-footer__sum {
    width: 100%
}

@media (min-width:768px) {
    .line-item-footer__sum {
        flex: 0 0 41.66666667%;
        margin-left: 58.33333333%;
        max-width: 41.66666667%
    }
}

@media (min-width:992px) {
    .line-item-footer__sum {
        flex: 0 0 25%;
        margin-left: 0;
        max-width: 25%;
        padding-right: 0.1rem;
        padding-top: 0.1rem
    }
}

.line-item-footer__cms-cart-slot-left,
.line-item-footer__cms-cart-slot-right,
.line-item-footer__sum--cart,
.line-item-footer__voucher {
    border-bottom: 1px solid #e5e5e8;
    padding: 0.2rem 0.1rem;
    width: 100%
}

.line-item-footer--cart {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    padding-top: 0
}

.line-item-footer--cart .line-item-summary {
    padding-bottom: 0.2rem;
    padding-top: 0.1rem
}

.line-item-footer--cart .line-item-summary__name {
    padding-left: 0
}

@media (min-width:768px) {

    .line-item-footer__cms-cart-slot-left,
    .line-item-footer__cms-cart-slot-right {
        border-bottom: none;
        border-right: 1px solid #e5e5e8
    }

    .line-item-footer .line-item-footer__cms-cart-slot-left,
    .line-item-footer .line-item-footer__cms-cart-slot-right,
    .line-item-footer .line-item-footer__sum--cart,
    .line-item-footer .line-item-footer__voucher {
        margin-top: 0.3rem;
        padding: 0 0.2rem
    }

    .line-item-footer .line-item-footer__voucher {
        padding-bottom: 0.3rem;
        padding-left: 0.15rem
    }

    .line-item-footer .line-item-footer__cms-cart-slot-left,
    .line-item-footer .line-item-footer__cms-cart-slot-right,
    .line-item-footer .line-item-footer__sum--cart {
        flex: 0 0 33.33333333%;
        margin-left: 0;
        max-width: 33.33333333%
    }
}

@media (min-width:992px) {
    .line-item-footer--cart {
        padding-top: 0.15rem
    }

    .line-item-footer__cms-cart-slot-left,
    .line-item-footer__cms-cart-slot-right,
    .line-item-footer__voucher {
        border-right: 1px solid #e5e5e8
    }

    .line-item-footer .line-item-footer__cms-cart-slot-left,
    .line-item-footer .line-item-footer__cms-cart-slot-right,
    .line-item-footer .line-item-footer__sum--cart,
    .line-item-footer .line-item-footer__voucher {
        border-bottom: none;
        flex: 0 0 25%;
        margin-top: 0;
        max-width: 25%;
        padding: 0 0.3rem
    }

    .line-item-footer .line-item-footer__voucher {
        padding-left: 0.15rem
    }

    .line-item-footer .line-item-footer__sum--cart {
        padding-right: 0.1rem
    }
}

.line-item-footer__voucher-button {
    color: #1d1d1d;
    font-family: Oswald, Avenir Next Condensed Medium, Arial Narrow, sans-serif;
    font-weight: 400;
    letter-spacing: .1em;
    margin: 0.15rem 0;
    text-transform: uppercase
}

@media (min-width:1200px) {

    .line-item-footer .line-item-footer__cms-cart-slot-left,
    .line-item-footer .line-item-footer__cms-cart-slot-right,
    .line-item-footer .line-item-footer__sum--cart,
    .line-item-footer .line-item-footer__voucher {
        padding: 0 0.5rem
    }

    .line-item-footer .line-item-footer__voucher {
        padding-left: 0.15rem
    }

    .line-item-footer .line-item-footer__sum--cart {
        padding-right: 0.1rem
    }
}

.line-item-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.05rem;
    padding-right: 0.05rem;
    position: relative;
    width: 100%
}

@media (max-width:767.98px) {
    .line-item-header {
        display: grid;
        grid-template-columns: repeat(2, auto);
        grid-template-rows: repeat(3, auto);
        grid-column-gap: 0;
        grid-row-gap: 0
    }

    .line-item-header .line-item-header__image {
        grid-area: 2/1/4/2
    }

    .line-item-header .line-item-header__product {
        grid-area: 1/1/2/3
    }

    .line-item-header .line-item-header__order-status,
    .line-item-header .line-item-header__quantity {
        grid-area: 2/2/3/3
    }

    .line-item-header .line-item-header__order-actions,
    .line-item-header .line-item-header__total-price {
        grid-area: 3/2/4/3
    }
}

@media (min-width:1200px) {
    .line-item-header {
        max-width: 13.7rem
    }
}

.line-item-header__image {
    order: 2;
    padding: 0.1rem;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .line-item-header__image {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%;
        order: 1
    }
}

.line-item-header__product {
    flex: 0 0 100%;
    max-width: 100%;
    order: 1;
    padding: 0.1rem
}

@media (min-width:768px) {
    .line-item-header__product {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%;
        order: 2
    }
}

@media (min-width:992px) {
    .line-item-header__product {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
}

.line-item-header__order-status,
.line-item-header__quantity {
    flex: 0 0 100%;
    margin-left: 0;
    max-width: 100%;
    order: 4;
    padding: 0.1rem;
    width: 100%
}

@media (min-width:768px) {

    .line-item-header__order-status,
    .line-item-header__quantity {
        flex: 0 0 50%;
        margin-left: 16.66666667%;
        max-width: 50%;
        order: 3
    }
}

@media (min-width:992px) {

    .line-item-header__order-status,
    .line-item-header__quantity {
        flex: 0 0 16.66666667%;
        margin-left: 0;
        max-width: 16.66666667%
    }

    .line-item-header__order-status {
        flex: 0 0 33.33333333%;
        margin-left: 0;
        max-width: 33.33333333%
    }
}

.line-item-header__price {
    display: none;
    padding: 0.1rem;
    text-align: right
}

@media (min-width:992px) {
    .line-item-header__price {
        display: block;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%;
        order: 4
    }
}

@media (min-width:768px) {
    .line-item-header__quantity {
        flex: 0 0 33.33333333%;
        margin-left: 33.33333333%;
        max-width: 33.33333333%;
        order: 3
    }
}

.line-item-header__order-actions,
.line-item-header__total-price {
    order: 3;
    padding: 0.1rem;
    width: 100%
}

@media (min-width:768px) {

    .line-item-header__order-actions,
    .line-item-header__total-price {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
        order: 5;
        text-align: right
    }
}

@media (min-width:992px) {

    .line-item-header__order-actions,
    .line-item-header__total-price {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }
}

@media (min-width:768px) {
    .line-item-header__order-actions {
        padding-right: 0.2rem
    }
}

.line-item-header {
    border-bottom: 1px solid #e5e5e8;
    display: none;
    font-weight: 700;
    padding: 0.1rem 0.15rem
}

@media (min-width:992px) {
    .line-item-header {
        display: flex
    }
}

.line-item-header__link {
    padding-top: 0.1rem
}

@media (min-width:992px) {
    .line-item-header--finish .line-item-header__link {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0.1rem
    }

    .line-item-header--finish .line-item-header__quantity {
        flex: 0 0 16.66666667%;
        margin-left: 0;
        max-width: 16.66666667%
    }

    .line-item-header--cart .line-item-header__link {
        flex: 0 0 50%;
        max-width: 50%
    }

    .line-item-header--cart .line-item-header__quantity {
        flex: 0 0 16.66666667%;
        margin-left: 0;
        max-width: 16.66666667%
    }
}

@media (max-width:991.98px) {
    .line-item-header--cart .line-item__quantity {
        grid-area: 2/3/2/3
    }

    .line-item-header--cart .line-item-header__total-price {
        grid-area: 3/3/3/3;
        text-align: right
    }

    .line-item-header--cart .line-item-header__link {
        grid-area: 1/1/3/2
    }
}

.line-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.05rem;
    padding-right: 0.05rem;
    position: relative;
    width: 100%
}

@media (max-width:767.98px) {
    .line-item {
        display: grid;
        grid-template-columns: repeat(2, auto);
        grid-template-rows: repeat(3, auto);
        grid-column-gap: 0;
        grid-row-gap: 0
    }

    .line-item .line-item__image {
        grid-area: 2/1/4/2
    }

    .line-item .line-item__product {
        grid-area: 1/1/2/3
    }

    .line-item .line-item__order-status,
    .line-item .line-item__quantity {
        grid-area: 2/2/3/3
    }

    .line-item .line-item__order-actions,
    .line-item .line-item__total-price {
        grid-area: 3/2/4/3
    }
}

@media (min-width:1200px) {
    .line-item {
        max-width: 13.7rem
    }
}

.line-item__image {
    order: 2;
    padding: 0.1rem;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .line-item__image {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%;
        order: 1
    }
}

.line-item__product {
    flex: 0 0 100%;
    max-width: 100%;
    order: 1;
    padding: 0.1rem
}

@media (min-width:768px) {
    .line-item__product {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%;
        order: 2
    }
}

@media (min-width:992px) {
    .line-item__product {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
}

.line-item__order-status,
.line-item__quantity {
    flex: 0 0 100%;
    margin-left: 0;
    max-width: 100%;
    order: 4;
    padding: 0.1rem;
    width: 100%
}

@media (min-width:768px) {

    .line-item__order-status,
    .line-item__quantity {
        flex: 0 0 50%;
        margin-left: 16.66666667%;
        max-width: 50%;
        order: 3
    }
}

@media (min-width:992px) {

    .line-item__order-status,
    .line-item__quantity {
        flex: 0 0 16.66666667%;
        margin-left: 0;
        max-width: 16.66666667%
    }

    .line-item__order-status {
        flex: 0 0 33.33333333%;
        margin-left: 0;
        max-width: 33.33333333%
    }
}

.line-item__price {
    display: none;
    padding: 0.1rem;
    text-align: right
}

@media (min-width:992px) {
    .line-item__price {
        display: block;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%;
        order: 4
    }
}

@media (min-width:768px) {
    .line-item__quantity {
        flex: 0 0 33.33333333%;
        margin-left: 33.33333333%;
        max-width: 33.33333333%;
        order: 3
    }
}

.line-item__order-actions,
.line-item__total-price {
    order: 3;
    padding: 0.1rem;
    width: 100%
}

@media (min-width:768px) {

    .line-item__order-actions,
    .line-item__total-price {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
        order: 5;
        text-align: right
    }
}

@media (min-width:992px) {

    .line-item__order-actions,
    .line-item__total-price {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }
}

@media (min-width:768px) {
    .line-item__order-actions {
        padding-right: 0.2rem
    }
}

.line-item {
    border-top: 1px solid #e5e5e8;
    padding: 0.2rem 0
}

.line-item__link {
    display: flex
}

.line-item__product {
    padding-right: 0.3rem
}

.line-item__article-name {
    display: block;
    font-weight: 700;
    line-height: 0.22000000000000003rem;
    margin-bottom: 0.06999999999999999rem
}

.line-item__sku {
    color: #606068
}

.line-item__attribute,
.line-item__sku {
    display: block;
    font-size: 0.13rem;
    line-height: 0.2rem
}

.line-item__shipping-time {
    font-size: 0.13rem;
    line-height: 0.2rem
}

.line-item__quantity-submit {
    background: transparent;
    border: 0
}

.line-item__price--sale,
.line-item__scale-price {
    color: #c10040
}

.line-item__price-normal {
    color: #1d1d1d;
    display: block;
    font-weight: 400;
    text-decoration: line-through
}

.line-item__total-price {
    padding-right: 0.25rem
}

.line-item__delete {
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' id='Ebene_1' x='0' y='0' version='1.1' viewBox='0 0 42.6 35.9'%3E%3Cstyle%3E.st0{fill:%231d1d1d}%3C/style%3E%3Cpath d='M33.7 5.7h-6c-.4-2.9-2.6-5.1-5-5.1h-3.8c-2.5 0-4.6 2.2-5 5.1H7.6c-.7 0-1.2.6-1.2 1.3s.5 1.2 1.2 1.2h1.2l1.8 26.3h.2l-.2.1v.2l.2-.1-.2.1.2.3.2-.2-.1.2.1.1.1-.2-.1.3.1.1.1-.2v.2l.3.1H30l.3-.2.1-.1.2-.2.1-.3v-.4l1.8-26.2h1.2c.7 0 1.2-.5 1.2-1.2 0-.6-.5-1.2-1.2-1.2m-17.4 0c.3-1.6 1.4-2.7 2.6-2.7h3.8c1.2 0 2.2 1.1 2.6 2.7zm13.8 2.5-1.7 24.9H12.9L11.2 8.2zm.1 26.8' class='st0'/%3E%3Cpath d='M17.3 30c.7 0 1.2-.5 1.2-1.2V12.5c0-.7-.5-1.2-1.2-1.2s-1.2.5-1.2 1.2v16.3c0 .7.5 1.2 1.2 1.2M24 30c.7 0 1.2-.5 1.2-1.2V12.5c0-.7-.5-1.2-1.2-1.2s-1.2.5-1.2 1.2v16.3c0 .7.5 1.2 1.2 1.2' class='st0'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 0.22999999999999998rem;
    border: 0;
    cursor: pointer;
    height: 0.3rem;
    outline: none;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 0.3rem;
    width: 0.3rem
}

.line-item__label {
    font-weight: 700
}

.line-item--shopping-list:first-child {
    border-top: 0
}

.line-item--shopping-list .line-item__link {
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:992px) {
    .line-item--shopping-list .line-item__link {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }
}

@media (min-width:768px) {
    .line-item--shopping-list .line-item__image {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .line-item--shopping-list .line-item__product {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }
}

.line-item--shopping-list .line-item__total-price {
    text-align: left
}

@media (min-width:768px) {
    .line-item--shopping-list .line-item__total-price {
        flex: 0 0 16.66666667%;
        margin-left: 33.33333333%;
        max-width: 16.66666667%;
        order: 2
    }
}

@media (min-width:992px) {
    .line-item--shopping-list .line-item__total-price {
        flex: 0 0 16.66666667%;
        margin-left: 0;
        max-width: 16.66666667%;
        padding-right: 0.3rem;
        padding-top: 0.15rem;
        text-align: left
    }
}

.line-item--shopping-list .line-item__price {
    display: block;
    flex: 0 0 25%;
    margin-left: 25%;
    max-width: 25%;
    order: 6
}

@media (min-width:992px) {
    .line-item--shopping-list .line-item__price {
        flex: 0 0 25%;
        margin-left: 0;
        max-width: 25%
    }
}

.line-item--shopping-list .line-item__delete {
    top: 0.3rem
}

@media (min-width:992px) {
    .line-item--shopping-list .line-item__delete {
        float: left;
        margin-top: 0.05rem;
        position: inherit
    }
}

@media (max-width:767.98px) {
    .line-item--shopping-list {
        grid-template-rows: 1fr .5fr .5fr
    }

    .line-item--shopping-list .line-item__price {
        grid-area: 3/3/4/4;
        margin: 0;
        max-width: unset
    }

    .line-item--shopping-list .line-item__total-price {
        grid-area: 2/3/3/4;
        padding-right: 0.1rem;
        text-align: right
    }

    .line-item--shopping-list .line-item__link {
        display: grid;
        grid-area: 1/1/4/3;
        max-width: 100%
    }

    .line-item--shopping-list .line-item__image {
        height: 0.75rem;
        max-width: 100%;
        width: 1rem
    }
}

.line-item--offcanvas-cart {
    display: flex;
    text-align: left
}

.line-item--offcanvas-cart:first-child {
    border-top: 0;
    padding-top: 0
}

.line-item--offcanvas-cart .line-item__link {
    flex: 0 0 100%;
    max-width: 100%
}

.line-item--offcanvas-cart .line-item__image {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    order: 1
}

.line-item--offcanvas-cart .line-item__product {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    order: 2
}

.line-item--offcanvas-cart .line-item__article-name {
    font-weight: 400
}

.line-item--offcanvas-cart .line-item__attribute {
    font-size: 0.12rem;
    padding-top: 0.1rem
}

.line-item--offcanvas-cart .line-item__offcanvas-quantity {
    display: block;
    font-size: 0.12rem
}

.line-item--offcanvas-cart .line-item__price {
    color: #606068;
    display: inline-block;
    font-size: 0.13rem;
    max-width: none;
    padding: 0
}

.line-item--offcanvas-cart .line-item__price .line-item__label {
    font-weight: 400
}

.line-item--offcanvas-cart .line-item__total-price {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    text-align: left;
    width: 100%
}

.line-item--checkout-cart {
    border: 1px #d5d5d8;
    border-style: none none solid;
    display: flex;
    padding: 0
}

.line-item--checkout-cart .line-item__link {
    flex: 0 0 100%;
    max-width: 100%
}

.line-item--checkout-cart .line-item__image {
    flex: 0 0 25%;
    max-width: 25%;
    order: 1
}

.line-item--checkout-cart .line-item__product {
    flex: 0 0 75%;
    max-width: 75%;
    padding-right: 0
}

.line-item--checkout-cart .line-item__article-name {
    font-size: 0.13rem;
    font-weight: 400
}

.line-item--checkout-cart .line-item__attribute,
.line-item--checkout-cart .line-item__readonly-quantity,
.line-item--checkout-cart .line-item__sku {
    font-size: 0.13rem
}

.line-item--checkout-cart .line-item__sku {
    color: #1d1d1d;
    margin-top: 0.2rem
}

.line-item--checkout-cart .line-item__attribute {
    color: #606068
}

.line-item--checkout-cart .line-item__price {
    color: #606068;
    font-size: 0.13rem;
    max-width: none;
    padding: 0
}

.line-item--checkout-cart .line-item__price .line-item__label {
    font-weight: 400
}

.line-item--checkout-cart .line-item__total-price {
    float: right;
    max-width: none;
    padding-right: 0
}

@media (max-width:991.98px) {
    .line-item--checkout-cart {
        padding: 0.05rem
    }
}

@media (min-width:992px) {
    .line-item--cart .line-item__delete {
        bottom: inherit;
        left: calc(50% + 1.9rem);
        right: inherit;
        top: 0.4rem
    }
}

.line-item--cart .line-item__image {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
}

.line-item--cart .line-item__product {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
}

@media (min-width:768px) {
    .line-item--cart .line-item__image {
        flex: 0 0 25%;
        max-width: 25%
    }

    .line-item--cart .line-item__product {
        flex: 0 0 75%;
        max-width: 75%
    }

    .line-item--cart .line-item__link {
        flex: 0 0 100%;
        max-width: 100%
    }

    .line-item--cart .line-item__quantity {
        flex: 0 0 33.33333333%;
        margin-left: 25%;
        max-width: 33.33333333%
    }

    .line-item--cart .line-item__total-price {
        flex: 0 0 16.66666667%;
        margin-left: 25%;
        max-width: 16.66666667%;
        padding-right: 0.15rem
    }
}

@media (min-width:992px) {
    .line-item--cart .line-item__link {
        flex: 0 0 50%;
        max-width: 50%
    }

    .line-item--cart .line-item__quantity {
        flex: 0 0 16.66666667%;
        margin-left: 0;
        max-width: 16.66666667%
    }

    .line-item--cart .line-item__total-price {
        margin-left: 0
    }
}

@media (max-width:767.98px) {
    .line-item--cart {
        grid-template-rows: 1fr .5fr .5fr
    }

    .line-item--cart .line-item__image {
        flex: 0 0 50%;
        height: 1rem;
        max-width: 50%
    }

    .line-item--cart .line-item__product {
        flex: 0 0 100%;
        max-width: 100%
    }

    .line-item--cart .line-item__link {
        flex-wrap: wrap;
        grid-area: 1/1/4/3
    }
}

@media (max-width:767.98px) and (-ms-high-contrast:active),
(max-width:767.98px) and (-ms-high-contrast:none) {
    .line-item--cart .line-item__link {
        width: 100%
    }
}

@media (max-width:767.98px) {
    .line-item--cart .line-item__quantity {
        align-items: flex-end;
        display: flex;
        grid-area: 2/3/3/4;
        justify-content: right
    }

    .line-item--cart .line-item__quantity .quantity-input {
        margin-right: -0.1rem
    }

    .line-item--cart .line-item__quantity-submit {
        position: absolute
    }

    .line-item--cart .line-item__total-price {
        align-items: flex-end;
        display: flex;
        grid-area: 3/3/4/4;
        justify-content: right;
        padding-right: 0.15rem;
        text-align: right
    }
}

.line-item--finish {
    padding: 0.15rem
}

.line-item--finish .line-item__image {
    flex: 0 0 33.33333333%;
    max-height: 75px;
    max-width: 33.33333333%
}

.line-item--finish .line-item__product {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
}

.line-item--finish .line-item__link {
    flex: 0 0 50%;
    max-width: 50%
}

.line-item--finish .line-item__quantity {
    flex: 0 0 16.66666667%;
    margin-left: 0;
    max-width: 16.66666667%
}

.line-item--finish .line-item__total-price {
    padding-right: 0.1rem
}

@media (max-width:767.98px) {
    .line-item--finish .line-item__image {
        flex: 0 0 33.33333333%;
        height: 75px;
        max-width: 33.33333333%
    }

    .line-item--finish .line-item__product {
        flex: 0 0 100%;
        max-width: 100%
    }

    .line-item--finish .line-item__link {
        flex: 0 0 75%;
        flex-wrap: wrap;
        grid-area: 1/1/4/3;
        max-width: 75%;
        max-width: unset
    }

    .line-item--finish .line-item__quantity {
        max-width: unset;
        text-align: right
    }

    .line-item--finish .line-item__total-price {
        align-items: flex-end;
        display: flex;
        justify-content: right;
        max-width: unset;
        text-align: right
    }
}

.line-item--order-accordion {
    border: none;
    display: flex
}

.line-item--order-accordion .line-item__image {
    flex: 0 0 25%;
    max-width: 25%
}

@media (max-width:991.98px) {
    .line-item--order-accordion .line-item__image {
        order: 1
    }
}

.line-item--order-accordion .line-item__product {
    flex: 0 0 75%;
    max-width: 75%
}

.line-item--order-accordion .line-item__link {
    flex: 0 0 100%;
    max-width: 100%
}

.login {
    padding: 0.15rem 0 0
}

.login__form {
    margin-bottom: 0;
    padding-top: 0.15rem
}

.login__submit {
    margin-top: 0.15rem
}

.login--checkout {
    padding: 0
}

@media (min-width:768px) {
    .login--checkout .login__form {
        justify-content: space-between
    }

    .login--checkout .form-row,
    .login--checkout .login__request-password,
    .login--checkout .login__submit {
        width: calc(50% - 0.1rem)
    }
}

@media (min-width:1200px) {

    .login--checkout .form-row,
    .login--checkout .login__request-password,
    .login--checkout .login__submit {
        width: calc(33.33333% - 0.13333299999999998rem)
    }
}

@media (min-width:768px) {
    .login--checkout .form-row {
        margin-top: 0
    }
}

.login--checkout .login__request-password {
    margin-top: 0.15rem;
    text-align: right;
    width: 100%
}

@media (min-width:768px) {
    .login--checkout .login__request-password {
        margin-left: calc(50% + 0.1rem)
    }
}

@media (min-width:1200px) {
    .login--checkout .login__request-password {
        flex: 1 0 auto;
        margin-left: 0;
        margin-right: calc(33.33333% + 0.066667rem);
        order: 2;
        width: auto
    }
}

.login--checkout .login__request-password-trigger {
    color: #2061ae;
    padding: 0
}

.login--checkout .login__submit {
    position: relative
}

@media (min-width:768px) {
    .login--checkout .login__submit {
        margin-left: calc(50% + 0.1rem)
    }
}

@media (min-width:1200px) {
    .login--checkout .login__submit {
        margin: 0
    }
}

.login--checkout .login__submit:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.497' height='15.513'%3E%3Cpath fill='%23fff' d='M.003 7.769a.774.774 0 0 0 .784.761H12.86l-5.654 5.648a.778.778 0 0 0 .533 1.335.78.78 0 0 0 .565-.237l6.971-6.969a.78.78 0 0 0 .2-.726l-.02-.076-.029-.073-.035-.067v-.006l-.038-.059-.038-.047-.012-.012-.029-.029-.026-.026L8.3.238A.777.777 0 1 0 7.175 1.31l.023.023 5.653 5.649H.784A.774.774 0 0 0 0 7.745v.024Z' data-name='Path 501'/%3E%3C/svg%3E") no-repeat 50%;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 0.16rem;
    position: absolute;
    right: 0.15rem;
    top: 0.13999999999999999rem;
    width: 0.16rem
}

modal {
    display: none
}

.modal__header {
    display: block;
    height: 0.3rem;
    margin-bottom: 0.1rem
}

.modal__canvas {
    background: rgba(0, 0, 0, .5);
    position: fixed
}

.modal__canvas,
.modal__content {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10000
}

.modal__content {
    pointer-events: none;
    position: absolute
}

.modal__content-outer {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 100vh
}

.modal__content-inner {
    background: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, .2);
    min-height: 100vh;
    overflow: hidden;
    pointer-events: all;
    position: relative;
    width: 100%
}

@media (min-width:576px) {
    .modal__content-inner {
        border-radius: 3px;
        margin: 0.5rem 0;
        min-height: auto;
        padding: 0.1rem 0.2rem 0.2rem;
        width: 5rem
    }
}

@media (min-width:768px) {
    .modal__content-inner {
        padding: 0.2rem;
        width: calc(100vw - 0.6rem)
    }
}

@media (min-width:1200px) {
    .modal__content-inner {
        width: 9.08rem
    }
}

@media (min-width:576px) {
    .modal--address-form .modal__content-inner {
        width: 5rem
    }

    .modal--address-selection .modal__content-inner {
        width: 10rem
    }
}

.modal__close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23clip0_319_1947)'%3E%3Cpath fill='%231d1d1d' d='M15.8 14.8 9.12 7.98l6.64-6.78c.18-.18.2-.39.2-.5s-.03-.32-.2-.5a.7.7 0 0 0-.5-.21.7.7 0 0 0-.5.21L8.12 6.97 1.49.21a.69.69 0 0 0-.99 0 .7.7 0 0 0-.2.5c0 .11.03.32.2.5l6.64 6.78L.46 14.8a.7.7 0 0 0-.2.5c0 .11.03.32.2.5.18.18.39.21.5.21s.32-.03.5-.21L8.13 9l6.67 6.81c.18.18.39.21.5.21s.32-.03.5-.21.2-.39.2-.5-.03-.32-.2-.5z'/%3E%3C/g%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 0.15rem;
    cursor: pointer;
    display: block;
    float: right;
    height: 0.3rem;
    position: relative;
    transition: background-color .1s ease-in-out;
    width: 0.3rem;
    z-index: 1
}

@media (max-width:767.98px) {
    .modal__close {
        margin: 15px
    }
}

.modal__close:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23clip0_319_1947)'%3E%3Cpath fill='%232061ae' d='M15.8 14.8 9.12 7.98l6.64-6.78c.18-.18.2-.39.2-.5s-.03-.32-.2-.5a.7.7 0 0 0-.5-.21.7.7 0 0 0-.5.21L8.12 6.97 1.49.21a.69.69 0 0 0-.99 0 .7.7 0 0 0-.2.5c0 .11.03.32.2.5l6.64 6.78L.46 14.8a.7.7 0 0 0-.2.5c0 .11.03.32.2.5.18.18.39.21.5.21s.32-.03.5-.21L8.13 9l6.67 6.81c.18.18.39.21.5.21s.32-.03.5-.21.2-.39.2-.5-.03-.32-.2-.5z'/%3E%3C/g%3E%3C/svg%3E")
}

.mosaic-banner {
    bottom: 0.075rem;
    left: 0.075rem;
    position: absolute;
    right: 0.075rem;
    top: 0.075rem
}

.mosaic-banner__image {
    height: 100%
}

.mosaic-banner__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.mosaic-banner__headlines {
    left: 0.15rem;
    position: absolute;
    top: 0.05rem
}

.mosaic-banner__headlines--subheadline {
    font-size: 0.16rem
}

.mosaic-banner__headlines--headline {
    font-size: 0.21000000000000002rem
}

.mosaic-banner__button {
    background: #fff;
    bottom: 0;
    padding: 0.05rem 0.3rem 0.05rem 0.1rem;
    position: absolute;
    right: 0;
    width: auto
}

.mosaic-banner__button-text {
    border-bottom: 2px solid transparent;
    color: #2061ae;
    display: inline-block;
    font-family: Oswald, Avenir Next Condensed Medium, Arial Narrow, sans-serif;
    font-size: 0.15rem;
    letter-spacing: .1em;
    position: relative;
    text-transform: uppercase
}

.mosaic-banner__button-arrow {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.232' height='20.434'%3E%3Cpath fill='%232061ae' stroke='%232061ae' stroke-width='.75' d='M.61 1.4a.601.601 0 1 1 .85-.851l9.22 9.208a.6.6 0 0 1 0 .851l-9.22 9.214a.601.601 0 0 1-.85-.851l8.794-8.788Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 0.19rem;
    position: absolute;
    right: -0.15rem;
    top: 0.02rem;
    transition: right .2s linear;
    width: 0.08rem
}

.mosaic-banner:hover .mosaic-banner__button-text {
    border-bottom: 2px solid #2061ae
}

.mosaic-banner:hover .mosaic-banner__button-arrow {
    right: -0.16999999999999998rem
}

.mosaic {
    margin: auto;
    max-width: 13.7rem
}

.mosaic__inner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 2fr 2fr;
    margin: -0.075rem
}

.mosaic__inner__banner {
    position: relative
}

.mosaic__inner__banner:before {
    content: "";
    display: inline-block;
    height: 0;
    width: 1px
}

.mosaic__inner--layout-1 .mosaic__inner__banner:nth-child(4n+1) {
    grid-column: auto/span 1;
    -ms-grid-column: 1;
    grid-row: auto/span 2;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2
}

.mosaic__inner--layout-1 .mosaic__inner__banner:nth-child(4n+1):before {
    padding-bottom: 112.5%
}

.mosaic__inner--layout-1 .mosaic__inner__banner:nth-child(4n+2) {
    grid-column: auto/span 1;
    -ms-grid-column: 2;
    grid-row: auto/span 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1
}

.mosaic__inner--layout-1 .mosaic__inner__banner:nth-child(4n+2):before {
    padding-bottom: 56.25%
}

.mosaic__inner--layout-1 .mosaic__inner__banner:nth-child(4n+3) {
    grid-column: auto/span 1;
    -ms-grid-column: 3;
    grid-row: auto/span 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1
}

.mosaic__inner--layout-1 .mosaic__inner__banner:nth-child(4n+3):before {
    padding-bottom: 56.25%
}

.mosaic__inner--layout-1 .mosaic__inner__banner:nth-child(4n+4) {
    grid-column: auto/span 2;
    -ms-grid-column: 2;
    grid-row: auto/span 1;
    -ms-grid-column-span: 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1
}

.mosaic__inner--layout-1 .mosaic__inner__banner:nth-child(4n+4):before {
    padding-bottom: 28.125%
}

@media (min-width:576px) and (max-width:1199.98px) {
    .mosaic__inner--layout-1 {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 2fr 2fr 2fr
    }

    .mosaic__inner--layout-1 .mosaic__inner__banner:nth-child(4n+1) {
        grid-column: auto/span 1;
        -ms-grid-column: 1;
        grid-row: auto/span 2;
        -ms-grid-column-span: 1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2
    }

    .mosaic__inner--layout-1 .mosaic__inner__banner:nth-child(4n+2) {
        grid-column: auto/span 1;
        -ms-grid-column: 2;
        grid-row: auto/span 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1
    }

    .mosaic__inner--layout-1 .mosaic__inner__banner:nth-child(4n+3) {
        grid-column: auto/span 1;
        -ms-grid-column: 2;
        grid-row: auto/span 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1
    }

    .mosaic__inner--layout-1 .mosaic__inner__banner:nth-child(4n+4) {
        grid-column: auto/span 2;
        -ms-grid-column: 1;
        grid-row: auto/span 1;
        -ms-grid-column-span: 2;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1
    }
}

@media (max-width:575.98px) {
    .mosaic__inner--layout-1 {
        grid-template-columns: 1fr;
        grid-template-rows: 2fr 2fr 2fr 2fr 2fr
    }

    .mosaic__inner--layout-1 .mosaic__inner__banner:nth-child(4n+1) {
        grid-column: auto/span 1;
        -ms-grid-column: 1;
        grid-row: auto/span 2;
        -ms-grid-column-span: 1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2
    }

    .mosaic__inner--layout-1 .mosaic__inner__banner:nth-child(4n+2) {
        grid-column: auto/span 1;
        -ms-grid-column: 1;
        grid-row: auto/span 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1
    }

    .mosaic__inner--layout-1 .mosaic__inner__banner:nth-child(4n+3) {
        grid-column: auto/span 1;
        -ms-grid-column: 1;
        grid-row: auto/span 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 4;
        -ms-grid-row-span: 1
    }

    .mosaic__inner--layout-1 .mosaic__inner__banner:nth-child(4n+4) {
        grid-column: auto/span 1;
        -ms-grid-column: 1;
        grid-row: auto/span 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 5;
        -ms-grid-row-span: 1
    }
}

.mosaic__inner--layout-2 .mosaic__inner__banner:nth-child(4n+1) {
    grid-column: auto/span 1;
    -ms-grid-column: 1;
    grid-row: auto/span 2;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2
}

.mosaic__inner--layout-2 .mosaic__inner__banner:nth-child(4n+1):before {
    padding-bottom: 112.5%
}

.mosaic__inner--layout-2 .mosaic__inner__banner:nth-child(4n+2) {
    grid-column: auto/span 2;
    -ms-grid-column: 2;
    grid-row: auto/span 1;
    -ms-grid-column-span: 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1
}

.mosaic__inner--layout-2 .mosaic__inner__banner:nth-child(4n+2):before {
    padding-bottom: 28.125%
}

.mosaic__inner--layout-2 .mosaic__inner__banner:nth-child(4n+3) {
    grid-column: auto/span 1;
    -ms-grid-column: 2;
    grid-row: auto/span 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1
}

.mosaic__inner--layout-2 .mosaic__inner__banner:nth-child(4n+3):before {
    padding-bottom: 56.25%
}

.mosaic__inner--layout-2 .mosaic__inner__banner:nth-child(4n+4) {
    grid-column: auto/span 1;
    -ms-grid-column: 3;
    grid-row: auto/span 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1
}

.mosaic__inner--layout-2 .mosaic__inner__banner:nth-child(4n+4):before {
    padding-bottom: 56.25%
}

@media (min-width:576px) and (max-width:1199.98px) {
    .mosaic__inner--layout-2 {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 2fr 2fr 2fr
    }

    .mosaic__inner--layout-2 .mosaic__inner__banner:nth-child(4n+1) {
        grid-column: auto/span 1;
        -ms-grid-column: 1;
        grid-row: auto/span 2;
        -ms-grid-column-span: 1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2
    }

    .mosaic__inner--layout-2 .mosaic__inner__banner:nth-child(4n+2) {
        grid-column: auto/span 2;
        -ms-grid-column: 1;
        grid-row: auto/span 1;
        -ms-grid-column-span: 2;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1
    }

    .mosaic__inner--layout-2 .mosaic__inner__banner:nth-child(4n+3) {
        grid-column: 2/span 1;
        -ms-grid-column: 2;
        grid-row: 1/span 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1
    }

    .mosaic__inner--layout-2 .mosaic__inner__banner:nth-child(4n+4) {
        grid-column: 2/span 1;
        -ms-grid-column: 2;
        grid-row: 2/span 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1
    }
}

@media (max-width:575.98px) {
    .mosaic__inner--layout-2 {
        grid-template-columns: 1fr;
        grid-template-rows: 2fr 2fr 2fr 2fr 2fr
    }

    .mosaic__inner--layout-2 .mosaic__inner__banner:nth-child(4n+1) {
        grid-column: auto/span 1;
        -ms-grid-column: 1;
        grid-row: auto/span 2;
        -ms-grid-column-span: 1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2
    }

    .mosaic__inner--layout-2 .mosaic__inner__banner:nth-child(4n+2) {
        grid-column: auto/span 1;
        -ms-grid-column: 1;
        grid-row: auto/span 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1
    }

    .mosaic__inner--layout-2 .mosaic__inner__banner:nth-child(4n+3) {
        grid-column: auto/span 1;
        -ms-grid-column: 1;
        grid-row: auto/span 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 4;
        -ms-grid-row-span: 1
    }

    .mosaic__inner--layout-2 .mosaic__inner__banner:nth-child(4n+4) {
        grid-column: auto/span 1;
        -ms-grid-column: 1;
        grid-row: auto/span 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 5;
        -ms-grid-row-span: 1
    }
}

.mosaic__inner--layout-3 .mosaic__inner__banner:nth-child(5n+1) {
    grid-column: auto/span 1;
    -ms-grid-column: 1;
    grid-row: auto/span 2;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2
}

.mosaic__inner--layout-3 .mosaic__inner__banner:nth-child(5n+1):before {
    padding-bottom: 112.5%
}

.mosaic__inner--layout-3 .mosaic__inner__banner:nth-child(5n+2) {
    grid-column: auto/span 1;
    -ms-grid-column: 2;
    grid-row: auto/span 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1
}

.mosaic__inner--layout-3 .mosaic__inner__banner:nth-child(5n+2):before {
    padding-bottom: 56.25%
}

.mosaic__inner--layout-3 .mosaic__inner__banner:nth-child(5n+3) {
    grid-column: auto/span 1;
    -ms-grid-column: 3;
    grid-row: auto/span 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1
}

.mosaic__inner--layout-3 .mosaic__inner__banner:nth-child(5n+3):before {
    padding-bottom: 56.25%
}

.mosaic__inner--layout-3 .mosaic__inner__banner:nth-child(5n+4) {
    grid-column: auto/span 1;
    -ms-grid-column: 2;
    grid-row: auto/span 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1
}

.mosaic__inner--layout-3 .mosaic__inner__banner:nth-child(5n+4):before {
    padding-bottom: 56.25%
}

.mosaic__inner--layout-3 .mosaic__inner__banner:nth-child(5n+5) {
    grid-column: auto/span 1;
    -ms-grid-column: 3;
    grid-row: auto/span 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1
}

.mosaic__inner--layout-3 .mosaic__inner__banner:nth-child(5n+5):before {
    padding-bottom: 56.25%
}

@media (min-width:576px) and (max-width:1199.98px) {
    .mosaic__inner--layout-3 {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 2fr 2fr 2fr
    }

    .mosaic__inner--layout-3 .mosaic__inner__banner:nth-child(5n+1) {
        grid-column: auto/span 1;
        -ms-grid-column: 1;
        grid-row: auto/span 2;
        -ms-grid-column-span: 1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2
    }

    .mosaic__inner--layout-3 .mosaic__inner__banner:nth-child(5n+2) {
        grid-column: auto/span 1;
        -ms-grid-column: 2;
        grid-row: auto/span 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1
    }

    .mosaic__inner--layout-3 .mosaic__inner__banner:nth-child(5n+3) {
        grid-column: auto/span 1;
        -ms-grid-column: 2;
        grid-row: auto/span 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1
    }

    .mosaic__inner--layout-3 .mosaic__inner__banner:nth-child(5n+4) {
        grid-column: auto/span 1;
        -ms-grid-column: 1;
        grid-row: auto/span 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1
    }

    .mosaic__inner--layout-3 .mosaic__inner__banner:nth-child(5n+5) {
        grid-column: auto/span 1;
        -ms-grid-column: 2;
        grid-row: auto/span 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1
    }
}

@media (max-width:575.98px) {
    .mosaic__inner--layout-3 {
        grid-template-columns: 1fr;
        grid-template-rows: 2fr 2fr 2fr 2fr 2fr 2fr
    }

    .mosaic__inner--layout-3 .mosaic__inner__banner:nth-child(5n+1) {
        grid-column: auto/span 1;
        -ms-grid-column: 1;
        grid-row: auto/span 2;
        -ms-grid-column-span: 1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2
    }

    .mosaic__inner--layout-3 .mosaic__inner__banner:nth-child(5n+2) {
        grid-column: auto/span 1;
        -ms-grid-column: 1;
        grid-row: auto/span 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1
    }

    .mosaic__inner--layout-3 .mosaic__inner__banner:nth-child(5n+3) {
        grid-column: auto/span 1;
        -ms-grid-column: 1;
        grid-row: auto/span 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 4;
        -ms-grid-row-span: 1
    }

    .mosaic__inner--layout-3 .mosaic__inner__banner:nth-child(5n+4) {
        grid-column: auto/span 1;
        -ms-grid-column: 1;
        grid-row: auto/span 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 5;
        -ms-grid-row-span: 1
    }

    .mosaic__inner--layout-3 .mosaic__inner__banner:nth-child(5n+5) {
        grid-column: auto/span 1;
        -ms-grid-column: 1;
        grid-row: auto/span 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 6;
        -ms-grid-row-span: 1
    }
}

.mosaic__inner--layout-4 .mosaic__inner__banner:nth-child(6n+1) {
    grid-column: auto/span 1;
    -ms-grid-column: 1;
    grid-row: auto/span 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1
}

.mosaic__inner--layout-4 .mosaic__inner__banner:nth-child(6n+1):before {
    padding-bottom: 56.25%
}

.mosaic__inner--layout-4 .mosaic__inner__banner:nth-child(6n+2) {
    grid-column: auto/span 1;
    -ms-grid-column: 2;
    grid-row: auto/span 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1
}

.mosaic__inner--layout-4 .mosaic__inner__banner:nth-child(6n+2):before {
    padding-bottom: 56.25%
}

.mosaic__inner--layout-4 .mosaic__inner__banner:nth-child(6n+3) {
    grid-column: auto/span 1;
    -ms-grid-column: 3;
    grid-row: auto/span 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1
}

.mosaic__inner--layout-4 .mosaic__inner__banner:nth-child(6n+3):before {
    padding-bottom: 56.25%
}

.mosaic__inner--layout-4 .mosaic__inner__banner:nth-child(6n+4) {
    grid-column: auto/span 1;
    -ms-grid-column: 1;
    grid-row: auto/span 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1
}

.mosaic__inner--layout-4 .mosaic__inner__banner:nth-child(6n+4):before {
    padding-bottom: 56.25%
}

.mosaic__inner--layout-4 .mosaic__inner__banner:nth-child(6n+5) {
    grid-column: auto/span 1;
    -ms-grid-column: 2;
    grid-row: auto/span 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1
}

.mosaic__inner--layout-4 .mosaic__inner__banner:nth-child(6n+5):before {
    padding-bottom: 56.25%
}

.mosaic__inner--layout-4 .mosaic__inner__banner:nth-child(6n+6) {
    grid-column: auto/span 1;
    -ms-grid-column: 3;
    grid-row: auto/span 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1
}

.mosaic__inner--layout-4 .mosaic__inner__banner:nth-child(6n+6):before {
    padding-bottom: 56.25%
}

@media (min-width:576px) and (max-width:1199.98px) {
    .mosaic__inner--layout-4 {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 2fr 2fr 2fr
    }

    .mosaic__inner--layout-4 .mosaic__inner__banner:nth-child(6n+1) {
        grid-column: auto/span 1;
        -ms-grid-column: 1;
        grid-row: auto/span 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1
    }

    .mosaic__inner--layout-4 .mosaic__inner__banner:nth-child(6n+2) {
        grid-column: auto/span 1;
        -ms-grid-column: 2;
        grid-row: auto/span 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1
    }

    .mosaic__inner--layout-4 .mosaic__inner__banner:nth-child(6n+3) {
        grid-column: auto/span 1;
        -ms-grid-column: 1;
        grid-row: auto/span 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1
    }

    .mosaic__inner--layout-4 .mosaic__inner__banner:nth-child(6n+4) {
        grid-column: auto/span 1;
        -ms-grid-column: 2;
        grid-row: auto/span 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1
    }

    .mosaic__inner--layout-4 .mosaic__inner__banner:nth-child(6n+5) {
        grid-column: auto/span 1;
        -ms-grid-column: 1;
        grid-row: auto/span 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1
    }

    .mosaic__inner--layout-4 .mosaic__inner__banner:nth-child(6n+6) {
        grid-column: auto/span 1;
        -ms-grid-column: 2;
        grid-row: auto/span 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1
    }
}

@media (max-width:575.98px) {
    .mosaic__inner--layout-4 {
        grid-template-columns: 1fr;
        grid-template-rows: 2fr 2fr 2fr 2fr 2fr 2fr
    }

    .mosaic__inner--layout-4 .mosaic__inner__banner:nth-child(6n+1) {
        grid-column: auto/span 1;
        -ms-grid-column: 1;
        grid-row: auto/span 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1
    }

    .mosaic__inner--layout-4 .mosaic__inner__banner:nth-child(6n+2) {
        grid-column: auto/span 1;
        -ms-grid-column: 1;
        grid-row: auto/span 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1
    }

    .mosaic__inner--layout-4 .mosaic__inner__banner:nth-child(6n+3) {
        grid-column: auto/span 1;
        -ms-grid-column: 1;
        grid-row: auto/span 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1
    }

    .mosaic__inner--layout-4 .mosaic__inner__banner:nth-child(6n+4) {
        grid-column: auto/span 1;
        -ms-grid-column: 1;
        grid-row: auto/span 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 4;
        -ms-grid-row-span: 1
    }

    .mosaic__inner--layout-4 .mosaic__inner__banner:nth-child(6n+5) {
        grid-column: auto/span 1;
        -ms-grid-column: 1;
        grid-row: auto/span 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 5;
        -ms-grid-row-span: 1
    }

    .mosaic__inner--layout-4 .mosaic__inner__banner:nth-child(6n+6) {
        grid-column: auto/span 1;
        -ms-grid-column: 1;
        grid-row: auto/span 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 6;
        -ms-grid-row-span: 1
    }
}

.mosaic__inner--layout-5 .mosaic__inner__banner:nth-child(3n+1) {
    grid-column: auto/span 1;
    -ms-grid-column: 1;
    grid-row: auto/span 2;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2
}

.mosaic__inner--layout-5 .mosaic__inner__banner:nth-child(3n+1):before {
    padding-bottom: 112.5%
}

.mosaic__inner--layout-5 .mosaic__inner__banner:nth-child(3n+2) {
    grid-column: auto/span 1;
    -ms-grid-column: 2;
    grid-row: auto/span 2;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2
}

.mosaic__inner--layout-5 .mosaic__inner__banner:nth-child(3n+2):before {
    padding-bottom: 112.5%
}

.mosaic__inner--layout-5 .mosaic__inner__banner:nth-child(3n+3) {
    grid-column: auto/span 1;
    -ms-grid-column: 3;
    grid-row: auto/span 2;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2
}

.mosaic__inner--layout-5 .mosaic__inner__banner:nth-child(3n+3):before {
    padding-bottom: 112.5%
}

@media (max-width:767.98px) {
    .mosaic__inner--layout-5 {
        grid-template-columns: 1fr;
        grid-template-rows: 2fr 2fr 2fr 2fr 2fr 2fr
    }

    .mosaic__inner--layout-5 .mosaic__inner__banner:nth-child(3n+1) {
        grid-column: auto/span 1;
        -ms-grid-column: 1;
        grid-row: auto/span 2;
        -ms-grid-column-span: 1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2
    }

    .mosaic__inner--layout-5 .mosaic__inner__banner:nth-child(3n+2) {
        grid-column: auto/span 1;
        -ms-grid-column: 1;
        grid-row: auto/span 2;
        -ms-grid-column-span: 1;
        -ms-grid-row: 3;
        -ms-grid-row-span: 2
    }

    .mosaic__inner--layout-5 .mosaic__inner__banner:nth-child(3n+3) {
        grid-column: auto/span 1;
        -ms-grid-column: 1;
        grid-row: auto/span 2;
        -ms-grid-column-span: 1;
        -ms-grid-row: 5;
        -ms-grid-row-span: 2
    }
}

.mosaic__inner--layout-6 .mosaic__inner__banner:nth-child(4n+1) {
    grid-column: auto/span 2;
    -ms-grid-column: 1;
    grid-row: auto/span 1;
    -ms-grid-column-span: 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1
}

.mosaic__inner--layout-6 .mosaic__inner__banner:nth-child(4n+1):before {
    padding-bottom: 28.125%
}

.mosaic__inner--layout-6 .mosaic__inner__banner:nth-child(4n+2) {
    grid-column: auto/span 1;
    -ms-grid-column: 3;
    grid-row: auto/span 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1
}

.mosaic__inner--layout-6 .mosaic__inner__banner:nth-child(4n+2):before {
    padding-bottom: 56.25%
}

.mosaic__inner--layout-6 .mosaic__inner__banner:nth-child(4n+3) {
    grid-column: auto/span 1;
    -ms-grid-column: 1;
    grid-row: auto/span 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1
}

.mosaic__inner--layout-6 .mosaic__inner__banner:nth-child(4n+3):before {
    padding-bottom: 56.25%
}

.mosaic__inner--layout-6 .mosaic__inner__banner:nth-child(4n+4) {
    grid-column: auto/span 2;
    -ms-grid-column: 2;
    grid-row: auto/span 1;
    -ms-grid-column-span: 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1
}

.mosaic__inner--layout-6 .mosaic__inner__banner:nth-child(4n+4):before {
    padding-bottom: 28.125%
}

@media (min-width:576px) and (max-width:1199.98px) {
    .mosaic__inner--layout-6 {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 2fr 2fr 2fr
    }

    .mosaic__inner--layout-6 .mosaic__inner__banner:nth-child(4n+1) {
        grid-column: auto/span 2;
        -ms-grid-column: 1;
        grid-row: auto/span 1;
        -ms-grid-column-span: 2;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1
    }

    .mosaic__inner--layout-6 .mosaic__inner__banner:nth-child(4n+2) {
        grid-column: auto/span 1;
        -ms-grid-column: 1;
        grid-row: auto/span 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1
    }

    .mosaic__inner--layout-6 .mosaic__inner__banner:nth-child(4n+3) {
        grid-column: auto/span 1;
        -ms-grid-column: 2;
        grid-row: auto/span 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1
    }

    .mosaic__inner--layout-6 .mosaic__inner__banner:nth-child(4n+4) {
        grid-column: auto/span 2;
        -ms-grid-column: 1;
        grid-row: auto/span 1;
        -ms-grid-column-span: 2;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1
    }
}

@media (max-width:575.98px) {
    .mosaic__inner--layout-6 {
        grid-template-columns: 1fr;
        grid-template-rows: 2fr 2fr 2fr 2fr
    }

    .mosaic__inner--layout-6 .mosaic__inner__banner:nth-child(4n+1) {
        grid-column: auto/span 1;
        -ms-grid-column: 1;
        grid-row: auto/span 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1
    }

    .mosaic__inner--layout-6 .mosaic__inner__banner:nth-child(4n+2) {
        grid-column: auto/span 1;
        -ms-grid-column: 1;
        grid-row: auto/span 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1
    }

    .mosaic__inner--layout-6 .mosaic__inner__banner:nth-child(4n+3) {
        grid-column: auto/span 1;
        -ms-grid-column: 1;
        grid-row: auto/span 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1
    }

    .mosaic__inner--layout-6 .mosaic__inner__banner:nth-child(4n+4) {
        grid-column: auto/span 1;
        -ms-grid-column: 1;
        grid-row: auto/span 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 4;
        -ms-grid-row-span: 1
    }
}

.navigation-bar__main-navigation {
    display: none;
    margin-right: 0.3rem
}

@media (min-width:1200px) {
    body:not(.sticky-header) .navigation-bar__main-navigation {
        display: initial
    }
}

.navigation-bar__main-navigation--hide {
    display: none !important;
    visibility: hidden !important
}

.navigation-bar__entry {
    cursor: pointer;
    font-size: 0.16rem;
    margin: 0 0.05rem
}

.navigation-bar__entry:hover {
    color: #2061ae
}

.navigation-bar__entry:first-child {
    margin-left: 0;
    padding-left: 0
}

.navigation-bar__mobile-navigation {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='20' fill='none'%3E%3Crect width='24' height='1.239' y='.142' fill='%231D1D1D' rx='.62'/%3E%3Crect width='24' height='1.239' y='9.381' fill='%230e2e5a' rx='.62'/%3E%3Crect width='24' height='1.239' y='18.62' fill='%230e2e5a' rx='.62'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    height: 0.3rem;
    margin-right: 0.1rem;
    padding: 0;
    width: 0.3rem
}

@media (min-width:1200px) {
    body:not(.sticky-header) .navigation-bar__mobile-navigation {
        display: none
    }
}

.navigation-bar__search {
    flex: 1 0 auto
}

.navigation-bar__search:not(.navigation-bar__search--short):has(.suggest) {
    pointer-events: auto
}

.app__inner:has(.navigation-bar__search:not(.navigation-bar__search--short) .suggest) {
    pointer-events: none
}

.offcanvas-account__login-section {
    border-bottom: 1px solid #d5d5d8;
    margin-bottom: 0.15rem;
    padding-bottom: 0.15rem
}

.offcanvas-account__label {
    cursor: pointer;
    display: block;
    font-size: 0.12rem;
    padding: 0.15rem 0;
    text-align: center
}

.offcanvas-account__input-toggle {
    opacity: 0;
    position: absolute;
    z-index: -1
}

.offcanvas-account__request-content {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all .5s ease-in-out
}

.offcanvas-account__input-toggle:checked~.offcanvas-account__request-content {
    max-height: 100%;
    opacity: 1;
    overflow: visible
}

.offcanvas-account__data-protection {
    font-size: 0.13rem;
    padding-top: 0.15rem
}

.offcanvas-account__data-protection p:last-child {
    margin-bottom: 0
}

.offcanvas-cart__actions {
    background-color: #fff;
    box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, .25);
    display: flex;
    flex-wrap: wrap;
    padding: 0.24rem
}

.offcanvas-cart__product {
    padding-bottom: 0.24rem
}

.offcanvas-cart__go-to-cart,
.offcanvas-cart__more-shopping {
    width: 100%
}

.offcanvas-cart__go-to-cart {
    margin-bottom: 0.15rem
}

.offside {
    height: 100%;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 200px;
    -webkit-overflow-scrolling: touch
}

.offside,
.offside--left {
    left: -200px
}

.offside--right {
    right: -200px
}

.offside--left.is-open,
.offside-js--is-left .offside-sliding-element {
    transform: translate3d(200px, 0, 0)
}

.offside--right.is-open,
.offside-js--is-right .offside-sliding-element {
    transform: translate3d(-200px, 0, 0)
}

.offside-js--interact .offside,
.offside-js--interact .offside-sliding-element {
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    transition: transform .2s cubic-bezier(.16, .68, .43, .99)
}

.offside-js--init {
    overflow-x: hidden
}

.no-csstransforms3d .offside {
    transform: translateZ(0)
}

.no-csstransforms3d .offside-sliding-element {
    overflow-x: hidden;
    position: relative
}

.no-csstransforms3d .offside--left.is-open {
    left: 0
}

.no-csstransforms3d .offside--right.is-open {
    right: 0
}

.no-csstransforms3d>.offside-js--is-left .offside-sliding-element {
    right: -200px
}

.no-csstransforms3d>.offside-js--is-right .offside-sliding-element {
    left: -200px
}

.offside {
    background: #fff;
    left: -4rem;
    overflow-x: hidden;
    width: 4rem;
    z-index: 9999
}

@media (max-width:575.98px) {
    .offside {
        max-width: 100%
    }
}

.offside--hidden {
    height: 0;
    visibility: hidden;
    width: 0
}

.offside__container {
    height: 100%;
    width: 100%
}

.offside__header {
    align-items: center;
    background-color: #f5f5f8;
    border-bottom: 1px solid #e5e5e8;
    display: flex;
    flex-wrap: nowrap;
    height: 0.7rem;
    justify-content: space-between
}

.offside__close,
.offside__headline {
    font-family: Oswald, Avenir Next Condensed Medium, Arial Narrow, sans-serif;
    font-size: 0.16rem;
    font-weight: 500;
    letter-spacing: .1em;
    padding-left: 0.24rem;
    text-transform: uppercase
}

.offside__headline-hidden {
    display: none
}

.offside__close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23clip0_319_1947)'%3E%3Cpath fill='%231d1d1d' d='M15.8 14.8 9.12 7.98l6.64-6.78c.18-.18.2-.39.2-.5s-.03-.32-.2-.5a.7.7 0 0 0-.5-.21.7.7 0 0 0-.5.21L8.12 6.97 1.49.21a.69.69 0 0 0-.99 0 .7.7 0 0 0-.2.5c0 .11.03.32.2.5l6.64 6.78L.46 14.8a.7.7 0 0 0-.2.5c0 .11.03.32.2.5.18.18.39.21.5.21s.32-.03.5-.21L8.13 9l6.67 6.81c.18.18.39.21.5.21s.32-.03.5-.21.2-.39.2-.5-.03-.32-.2-.5z'/%3E%3C/g%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 0.16999999999999998rem;
    border: 0;
    height: 0.7rem;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 0.5rem;
    z-index: 2
}

.offside__content {
    padding: 0.24rem
}

.offside--right {
    left: auto;
    max-width: 4.5rem;
    right: -4.5rem;
    transform: translateZ(0);
    width: 100%
}

@media (min-width:768px) {
    .offside--right.offside--cart {
        max-width: 4.5rem;
        right: -4.5rem
    }
}

.offside--right.offside--cart .offside__content {
    max-height: calc(100% - 210px);
    overflow-x: auto
}

.offside-js--is-open {
    overflow: hidden
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (pointer:fine) {
    .offside-js--is-open {
        padding-right: 15px
    }
}

.offside-js--is-open:before {
    background: #1d1d1d;
    content: "";
    height: 100vh;
    left: 0;
    opacity: .6;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 9000
}

@media (min-width:768px) {
    .offside.offside--mobile {
        height: auto;
        left: auto;
        max-width: none;
        position: relative;
        right: auto;
        width: auto
    }

    .offside.offside--mobile .offside__close {
        display: none
    }
}

.no-csstransforms3d>.offside-js--is-left .offside-sliding-element {
    right: -4rem
}

.no-csstransforms3d>.offside-js--is-right .offside-sliding-element {
    left: -4rem
}

.offside--left.is-open,
.offside-js--is-left .offside-sliding-element {
    transform: translate3d(4rem, 0, 0)
}

.offside--right.is-open,
.offside-js--is-right .offside-sliding-element {
    transform: translate3d(-4.5rem, 0, 0)
}

.offside--cart.is-open .offcanvas-cart__actions {
    bottom: 0;
    position: fixed;
    width: 100%
}

.order {
    padding-bottom: 0.5rem
}

.order__header {
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    font-family: Oswald, Avenir Next Condensed Medium, Arial Narrow, sans-serif;
    letter-spacing: .1em;
    text-transform: uppercase
}

.order__date {
    padding-right: 20px
}

.order__action {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    text-align: right
}

@media (min-width:768px) {
    .order__action {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }
}

.order__shipping {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    padding: 0.15rem 0.15rem 0.1rem
}

.order__shipping-address {
    flex: 0 0 100%;
    line-height: 0.22000000000000003rem;
    max-width: 100%
}

@media (min-width:768px) {
    .order__shipping-address {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }
}

.order__shipping-headline {
    font-weight: 700
}

.order__tracking {
    flex: 0 0 100%;
    margin-top: 0.2rem;
    max-width: 100%
}

@media (min-width:768px) {
    .order__tracking {
        flex: 0 0 33.33333333%;
        margin-top: 0;
        max-width: 33.33333333%
    }
}

.order__empty {
    font-weight: 700
}

.order .accordion__inner {
    padding: 0
}

.order__re-order {
    margin-top: 0.15rem
}

.payment-selection__form {
    margin: 0
}

.payment-selection__entry {
    display: flex
}

.payment-selection__entry+.payment-selection__entry {
    margin-top: 0.2rem
}

.payment-selection__toggle {
    width: 0.4rem
}

.payment-selection__toggle input[type=radio] {
    margin: -0.03rem 0 0 3px
}

.payment-selection__toggle--stripe {
    opacity: 0;
    width: 1px
}

.payment-selection__content {
    width: 100%
}

@media (min-width:768px) {
    .payment-selection__content {
        display: flex
    }
}

.payment-selection__inner {
    padding-right: 0.4rem;
    width: 100%
}

.payment-selection__label {
    cursor: pointer;
    font-size: 0.15rem;
    font-weight: 700;
    line-height: 0.18rem
}

.payment-selection__description {
    font-size: 0.13rem;
    line-height: 0.18rem;
    padding: 0.03rem 0
}

.payment-selection__input {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap
}

.payment-selection__input--hidden {
    display: none
}

.payment-selection__input-element {
    padding-right: 0.3rem;
    width: 2rem
}

.payment-selection__input-element:first-child,
.payment-selection__input-element:nth-child(2) {
    flex-grow: 1
}

.payment-selection__input-element label {
    background: #fff;
    display: inline-block;
    padding-left: 0.02rem;
    padding-right: 0.02rem;
    transform: translate3d(0, 0.09rem, 0) scale3d(.82, .82, 1);
    white-space: nowrap
}

.payment-selection__input-element .unzerUI.compact.error.message {
    color: #6a0023;
    display: none;
    font-size: 0.13rem
}

.payment-selection__input-element .field.required.error .unzerUI {
    border-color: #6a0023
}

.payment-selection__input-element .unzerInput {
    align-items: center;
    border: 1px solid #e5e5e8;
    display: flex;
    height: 0.48rem;
    padding: 0 0.15rem
}

.payment-selection__input-element .field {
    padding-top: 0.1rem
}

.payment-selection__input-element .unzerUIIframe {
    height: 1.2em
}

.payment-selection__input-element--ideal {
    margin-top: 0.1rem;
    min-height: unset !important;
    padding-right: 0;
    position: relative;
    width: 50% !important
}

@media (max-width:767.98px) {
    .payment-selection__input-element--ideal {
        width: 100% !important
    }
}

.payment-selection__input-element--ideal .field {
    padding-top: 0
}

.payment-selection__input-element--ideal .is-hidden {
    display: none
}

.payment-selection__input-element--ideal .unzerChoices__list--single {
    border: 1px solid #d5d5d5;
    cursor: pointer;
    height: 0.4rem;
    padding: 0.1rem;
    position: relative
}

.payment-selection__input-element--ideal .unzerChoices__list--single:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.371' height='9.499'%3E%3Cpath fill='%231d1d1d' stroke='%231d1d1d' stroke-width='.75' d='M12.336.534a.387.387 0 1 1 .547.547l-5.922 5.93a.386.386 0 0 1-.547 0L.488 1.081a.387.387 0 0 1 .547-.547L6.687 6.19Z'/%3E%3C/svg%3E");
    background-position: 97%;
    background-repeat: no-repeat;
    border: 0;
    content: "";
    height: 100%;
    margin-top: 0;
    position: absolute;
    right: 11.5px;
    top: 0;
    width: 0.2rem;
    z-index: 2
}

.payment-selection__input-element--ideal .unzerChoices__list--dropdown {
    background: #fff;
    border: 1px solid #d5d5d5;
    display: none;
    margin-top: -1px;
    position: absolute;
    width: 100%;
    z-index: 1
}

.payment-selection__input-element--ideal .unzerChoices__list--dropdown.is-active {
    display: block;
    margin-top: -0.4rem
}

.payment-selection__input-element--ideal .unzerChoices__list--dropdown .unzerChoices__input {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 1em;
    margin-bottom: 0.1rem;
    outline: none;
    padding: 0.1rem;
    width: 100%
}

.payment-selection__input-element--ideal .unzerChoices__list--dropdown .unzerChoices__item--choice {
    border-bottom: 1px solid #ececec;
    cursor: pointer;
    padding: 0.1rem
}

.payment-selection__input-element--ideal .unzerChoices__list--dropdown .unzerChoices__item--choice:hover {
    background: #2061ae;
    color: #fff
}

.payment-selection__input-element--stripe {
    padding-right: 0;
    width: 100% !important
}

.payment-selection__input-element--bancontact {
    margin-top: 0.1rem;
    min-height: unset !important;
    padding-right: 0;
    position: relative;
    width: 50% !important
}

@media (max-width:767.98px) {
    .payment-selection__input-element--bancontact {
        width: 100% !important
    }
}

.payment-selection__input-element--bancontact .field {
    padding-top: 0
}

.payment-selection__input-element--bancontact .bancontact-holder {
    border: 1px solid #d5d5d5;
    cursor: pointer;
    height: 0.4rem;
    padding: 0.1rem;
    position: relative;
    width: 100%
}

.payment-selection__input-element--bancontact .bancontact-holder input {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 1em;
    margin-bottom: 0.1rem;
    outline: none;
    width: 100%
}

.payment-selection__logo {
    display: inline-block;
    max-height: 20px;
    width: 0.44000000000000006rem
}

.payment-selection__logo img {
    max-width: 35px;
    width: 100%
}

.payment-selection__remember .input {
    margin-right: 0.12rem;
    position: relative;
    top: 0.01rem
}

.pdp-gallery__badges {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 0.1rem;
    justify-content: flex-end;
    left: 100px;
    position: absolute;
    right: 0.1rem;
    top: 0.1rem
}

.pdp-gallery__badges--full-width {
    width: 100%
}

.pdp-gallery__badges--stamp {
    left: 0.1rem;
    right: inherit
}

.pdp-gallery__text {
    float: left;
    font-size: 0.12rem;
    margin-top: 0.1rem
}

.phaina {
    margin: auto;
    max-width: 13.7rem;
    width: 100%
}

@media (max-width:991.98px) {
    .phaina {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.phaina__top {
    margin: auto;
    max-width: 13.7rem;
    padding: 0.15rem
}

.phaina__iframe {
    border: 1px solid #d5d5d8;
    border-bottom: none;
    width: 100%
}

.phaina__expert-advice-div {
    background-color: #f5f5f8;
    border: 1px solid #d5d5d8;
    border-top: none;
    padding: 0.15rem;
    position: relative;
    text-align: right;
    width: 100%
}

@media (max-width:991.98px) {
    .phaina__expert-advice-div {
        text-align: left
    }
}

.phaina__expert-advice-div>span {
    padding-right: 0.05rem
}

.phaina__expert-advice-button {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    padding: 0.05rem 0 0
}

.phaina__listing {
    padding-bottom: 0.05rem;
    width: 100%
}

.phaina__listing .product-grid {
    padding-bottom: 0
}

.phaina__sort {
    display: inline-block;
    padding: 0.05rem, 0 0.05rem, 0.05rem;
    text-align: right;
    width: 200px
}

@media (max-width:991.98px) {
    .phaina__sort {
        padding-right: 0.15rem;
        width: auto
    }
}

.phaina__filter {
    display: inline-block;
    width: calc(100% - 215px)
}

@media (max-width:767.98px) {
    .phaina__filter {
        width: auto
    }
}

.phaina__more {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    margin-bottom: 0.1rem
}

.phaina .flow-root {
    width: 100%
}

.product-compare {
    display: flex
}

.product-compare__div {
    margin-bottom: 0.1rem;
    overflow-x: hidden;
    scroll-behavior: smooth;
    width: 100%
}

@media (min-width:1200px) and (max-width:1439.98px) {
    .product-compare__div {
        max-width: 900px
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    .product-compare__div {
        max-width: 1000px
    }
}

@media (max-width:991.98px) {
    .product-compare__div {
        overflow: scroll
    }
}

.product-compare .product-slider__button.product-compare__button-next,
.product-compare .product-slider__button.product-compare__button-prev {
    display: block;
    margin: 0 5px;
    position: relative;
    top: 170px
}

@media (max-width:991.98px) {

    .product-compare .product-slider__button.product-compare__button-next,
    .product-compare .product-slider__button.product-compare__button-prev {
        display: none
    }
}

.product-compare__line {
    color: #f5f5f8;
    left: 0;
    position: absolute;
    right: 0
}

.product-compare__headline {
    background-color: #fff;
    display: block;
    font-weight: 700;
    margin-left: -10px;
    padding: 0 0.1rem;
    position: relative;
    width: -moz-max-content;
    width: max-content;
    z-index: 1
}

.product-compare__headline--without-text {
    padding: 0 1px;
    z-index: 0
}

.product-compare__column {
    border-bottom: 1px solid #d5d5d8;
    display: inline-block;
    min-width: 190px;
    padding: 0.3rem 0.1rem 0.1rem;
    word-break: break-word
}

@media (min-width:1200px) and (max-width:1439.98px) {
    .product-compare__column {
        box-sizing: border-box;
        min-width: 20%
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    .product-compare__column {
        min-width: 20%
    }
}

.product-compare__column--2 {
    width: 50%
}

.product-compare__column--3 {
    width: 33.3%
}

.product-compare__column--4 {
    width: 25%
}

.product-compare__column--5 {
    width: 20%
}

@media (max-width:991.98px) {
    .product-compare__column__column--4 {
        width: 220px
    }

    .product-compare__column__column--3 {
        width: 290px
    }

    .product-compare__column__column--2 {
        width: 400px
    }
}

@media (max-width:767.98px) {
    .product-compare__column {
        min-width: 200px
    }

    .product-compare__column__column--2,
    .product-compare__column__column--3,
    .product-compare__column__column--4,
    .product-compare__column__column--5 {
        width: 220px
    }
}

.product-compare__column:nth-child(2n) {
    background: #f5f5f8
}

.product-compare__column--fix {
    border: none;
    font-weight: 700;
    padding: 0.1rem 0.05rem 0.05rem 0.1rem;
    position: absolute;
    width: calc(100% - 15px)
}

.product-compare__column--fix .product-compare__column--slide {
    left: 65px
}

@media (max-width:991.98px) {
    .product-compare__column--fix .product-compare__column--slide {
        left: 15px
    }
}

.product-compare__button-more {
    box-shadow: 0 -30px 15px 5px #fff;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    padding-top: 0.1rem;
    position: relative;
    width: 100%
}

.product-compare__button-more .text-link--arrow-right {
    width: -moz-fit-content;
    width: fit-content
}

.product-compare__button-less {
    display: block;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    margin: 0.2rem auto
}

.product-compare--hide:nth-child(n+5) {
    display: none
}

.product-compare__header-link {
    bottom: 20px;
    position: absolute
}

.product-compare__header-text {
    display: -webkit-box;
    height: 36px;
    margin-bottom: 0.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.product-compare__header-text--sku {
    font-size: 0.13rem;
    height: auto
}

.product-compare__header {
    position: relative
}

.product-compare__header .product-compare__column:not(.product-compare__column--fix) {
    background-color: #fff;
    padding-bottom: 0.5rem;
    position: relative
}

.product-compare__image-div {
    height: 120px
}

.product-compare__image {
    display: block;
    height: 120px;
    margin: auto;
    padding-bottom: 0.1rem;
    padding-top: 0.1rem
}

.product-compare__row {
    display: inline-flex;
    width: 100%
}

.product-description__headline {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 0.21000000000000002rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.3em;
    margin: 0 0 0.05rem;
    text-transform: none
}

.product-description__sku {
    color: #606068;
    font-size: 0.13rem;
    line-height: 150%;
    margin-bottom: 0.05rem
}

.product-description__features {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    margin: 0 0 0.24rem;
    overflow: auto;
    width: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.product-description__features .image {
    height: 40px
}

.product-description__features::-webkit-scrollbar {
    display: none
}

.product-description input[type=checkbox] {
    display: none
}

.product-description input[type=checkbox]:checked+ul li:nth-child(1n+5) {
    display: block
}

.product-description__text {
    padding: 0 0 0.24rem
}

.product-description__text ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0
}

.product-description__text ul li {
    display: flex;
    line-height: 150%;
    width: 100%;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    line-height: 0.22000000000000003rem;
    padding-bottom: 0.1rem
}

.product-description__text ul li:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.791' height='10.225'%3E%3Cpath fill='%231d1d1d' d='M0 2.612h5v5H0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    content: "";
    display: block;
    flex: 0 0 auto;
    height: 12px;
    margin-top: calc(0.11000000000000001rem - 5px);
    width: 0.15rem
}

.product-description__text li {
    font-size: 0.15rem;
    line-height: 0.2rem
}

.product-description__text--collapse {
    font-size: 0
}

.product-description__text--collapse .product-description__text--bulletpoints {
    font-size: 0.15rem
}

.product-description__text--collapse .product-description__text--bulletpoints li:nth-child(-n+4) {
    display: flex
}

.product-description__text--collapse .product-description__text--bulletpoints li:nth-child(n+5) {
    display: none
}

.product-description__text--collapse h3 {
    display: none;
    font-size: 0
}

.product-description__text--long {
    font-size: 0.15rem;
    padding: 0.15rem 0
}

.product-description__text--long .product-description__text--bulletpoints li {
    display: flex
}

.product-description__text--long li:last-child {
    padding-bottom: 0
}

.product-description__text-badge {
    margin-bottom: 0.1rem
}

.product-grid {
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0.05rem 0.3rem;
    width: 100%
}

@media (min-width:1200px) {
    .product-grid {
        max-width: 13.7rem
    }
}

.product-grid__ajax-content {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.product-grid__box {
    width: 100%
}

@media (min-width:576px) {
    .product-grid__box {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width:768px) {
    .product-grid__box {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
}

@media (min-width:1200px) {
    .product-grid__box {
        flex: 0 0 25%;
        max-width: 25%
    }
}

.product-grid__teaser {
    margin: 0.2rem calc(50% - 50vw);
    max-width: 100vw;
    width: 100vw
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    align-items: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    cursor: pointer;
    display: flex;
    height: var(--swiper-navigation-size);
    justify-content: center;
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/44*27);
    z-index: 10
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    cursor: auto;
    opacity: 0;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transform-origin: center;
    width: 100%
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none !important
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    left: auto;
    right: var(--swiper-navigation-sides-offset, 10px)
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.product-slider .swiper-button-next:after,
.product-slider .swiper-button-prev:after {
    content: ""
}

.product-slider__next.swiper-button-next,
.product-slider__prev.swiper-button-prev {
    background-color: hsla(0, 0%, 100%, .8);
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    cursor: pointer;
    height: 0.42000000000000004rem;
    outline: none;
    position: absolute;
    width: 0.42000000000000004rem
}

@media (max-width:1199.98px) {

    .product-slider__next.swiper-button-next,
    .product-slider__prev.swiper-button-prev {
        display: none
    }
}

.product-slider__next.swiper-button-next:focus,
.product-slider__next.swiper-button-next:hover,
.product-slider__prev.swiper-button-prev:focus,
.product-slider__prev.swiper-button-prev:hover {
    background-color: #fff;
    box-shadow: 2px 2px 9px 1px rgba(0, 0, 0, .26)
}

.product-slider__next.swiper-button-next:active,
.product-slider__prev.swiper-button-prev:active {
    -webkit-tap-highlight-color: transparent
}

.product-slider__next.swiper-button-next.swiper-button-disabled,
.product-slider__prev.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    display: none;
    filter: grayscale(100%);
    pointer-events: none
}

@media (min-width:1200px) {

    .product-slider__next.swiper-button-next.swiper-button-disabled,
    .product-slider__prev.swiper-button-prev.swiper-button-disabled {
        display: flex;
        opacity: .35
    }
}

.product-slider__prev.swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.232' height='20.434'%3E%3Cpath fill='%232061ae' stroke='%232061ae' stroke-width='.75' d='M10.622 19.034a.601.601 0 1 1-.85.851l-9.22-9.208a.6.6 0 0 1 0-.851L9.772.612a.601.601 0 0 1 .85.851l-8.794 8.788Z'/%3E%3C/svg%3E");
    background-size: 0.1rem;
    left: 0.55rem;
    top: 50%
}

.product-slider__prev.swiper-button-prev:active {
    background-color: #499add;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.232' height='20.434'%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-width='.75' d='M10.622 19.034a.601.601 0 1 1-.85.851l-9.22-9.208a.6.6 0 0 1 0-.851L9.772.612a.601.601 0 0 1 .85.851l-8.794 8.788Z'/%3E%3C/svg%3E")
}

@media (min-width:1440px) {
    .product-slider__prev.swiper-button-prev {
        left: 0.1rem
    }
}

.product-slider__next.swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.232' height='20.434'%3E%3Cpath fill='%232061ae' stroke='%232061ae' stroke-width='.75' d='M.61 1.4a.601.601 0 1 1 .85-.851l9.22 9.208a.6.6 0 0 1 0 .851l-9.22 9.214a.601.601 0 0 1-.85-.851l8.794-8.788Z'/%3E%3C/svg%3E");
    background-size: 0.1rem;
    bottom: auto;
    right: 0.55rem;
    top: 50%
}

.product-slider__next.swiper-button-next:active {
    background-color: #499add;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.232' height='20.434'%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-width='.75' d='M.61 1.4a.601.601 0 1 1 .85-.851l9.22 9.208a.6.6 0 0 1 0 .851l-9.22 9.214a.601.601 0 0 1-.85-.851l8.794-8.788Z'/%3E%3C/svg%3E")
}

@media (min-width:1440px) {
    .product-slider__next.swiper-button-next {
        right: 0.1rem
    }
}

.product-slider {
    margin-bottom: 0.3rem;
    position: relative
}

.product-slider__prev.swiper-button-prev {
    left: 0.06999999999999999rem
}

.product-slider__next.swiper-button-next {
    right: 0.08rem
}

.product-slider__swiper {
    margin: 0 -0.1rem;
    overflow: hidden;
    position: relative
}

@media (min-width:1200px) {
    .product-slider__swiper {
        margin: 0 0.5rem;
        overflow: hidden
    }
}

.product-slider__wrapper .swiper-slide {
    height: auto;
    width: calc(83.33333% - 0.05rem)
}

@media (min-width:576px) {
    .product-slider__wrapper .swiper-slide {
        width: calc(45.45455% - 0.05rem)
    }
}

@media (min-width:768px) {
    .product-slider__wrapper .swiper-slide {
        width: calc(35.71429% - 0.05rem)
    }
}

@media (min-width:992px) {
    .product-slider__wrapper .swiper-slide {
        width: calc(17.09402% - 0.05rem)
    }
}

.product-slider--cms-slider {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

@media (min-width:1440px) {
    .product-slider--cms-slider {
        max-width: 12.3rem
    }
}

.product-slider--cms-slider .product-slider__swiper {
    margin: 0 -0.1rem;
    width: 100%
}

@media (min-width:1440px) {
    .product-slider--cms-slider .product-slider__swiper {
        margin: 0 0.05rem;
        width: auto
    }
}

.product-slider--cms-slider .product-slider__button {
    display: none
}

@media (min-width:1440px) {
    .product-slider--cms-slider .product-slider__button {
        display: flex
    }
}

.product-slider--cms-slider .product-slider__button--prev {
    left: -0.3rem
}

.product-slider--cms-slider .product-slider__button--next {
    right: -0.3rem
}

@media (min-width:992px) {
    .product-slider--cms-slider .product-slider__wrapper>.swiper-slide {
        width: calc(17.09402% - 0.05rem)
    }
}

.account__cms .product-slider--cms-slider {
    padding: 0
}

@media (min-width:1200px) {
    .account__cms .product-slider--cms-slider .product-slider__swiper {
        margin: 0 0.4rem
    }

    .account__cms .product-slider--cms-slider .product-slider__button--next,
    .account__cms .product-slider--cms-slider .product-slider__button--prev {
        display: flex
    }

    .account__cms .product-slider--cms-slider .product-slider__button--prev {
        left: 0
    }

    .account__cms .product-slider--cms-slider .product-slider__button--next {
        right: 0
    }
}

@media (min-width:992px) {

    .product-slider .account__cms .product-slider__wrapper>.swiper-slide,
    .product-slider.product-detail-last-seen-slider .product-slider__wrapper>.swiper-slide {
        width: calc(25% - 0.05rem)
    }

    .product-slider .product-box__image-box {
        height: 1.2rem
    }
}

.pros-and-cons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

@media (min-width:1200px) {
    .pros-and-cons {
        max-width: 13.7rem
    }
}

.pros-and-cons__con,
.pros-and-cons__pro {
    width: 100%
}

@media (min-width:768px) {

    .pros-and-cons__con,
    .pros-and-cons__pro {
        width: calc(50% - 0.1rem)
    }
}

.pros-and-cons__con {
    margin-top: 0.22000000000000003rem
}

@media (min-width:768px) {
    .pros-and-cons__con {
        margin-top: 0
    }
}

.register__form {
    padding-top: 0.15rem
}

.register__space-top,
.register__submit {
    margin-top: 0.15rem
}

.related-products__row {
    border-bottom: 1px solid #d5d5d8;
    border-left: 1px solid #d5d5d8;
    border-right: 1px solid #d5d5d8;
    display: grid;
    min-height: 0.7rem;
    padding: 0.24rem
}

.related-products__row:nth-child(n+6) {
    display: none
}

.related-products__row--show:nth-child(n+6) {
    display: grid
}

.related-products__row:first-child {
    border-top: 1px solid #d5d5d8;
    margin-top: 0.1rem
}

.related-products__action {
    align-content: center;
    display: flex;
    grid-area: action;
    text-align: end
}

.related-products__action form {
    margin: auto;
    padding: 0
}

.related-products__more-button {
    display: block;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    margin: 0.2rem auto
}

.related-products__description {
    font-weight: 400
}

.related-products__description ul {
    padding-left: 0.15rem
}

.related-products__description li:nth-child(n+3) {
    display: none
}

@media (max-width:767.98px) {
    .related-products__row {
        flex-wrap: wrap
    }
}

.request-password__form {
    margin-bottom: 0
}

.reset-password {
    padding-bottom: 0.3rem
}

.reset-password__form {
    max-width: 3rem
}

.search-result {
    margin-left: auto;
    margin-right: auto;
    max-width: 13.7rem;
    width: 100%
}

.search-result__search-term {
    quotes: "„" "“"
}

.search-result__search-term:before {
    content: open-quote
}

.search-result__search-term:after {
    content: close-quote
}

.search-result__top {
    background: linear-gradient(180deg, #fff 0, #f5f5f8);
    padding-bottom: 0.2rem
}

.search-result__banner,
.search-result__top-inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 13.7rem;
    width: 100%
}

.search-result__div-more-button {
    display: block;
    margin: 0.1rem auto 0.3rem;
    text-align: center;
    width: 100%
}

.search-result__headline {
    font-size: 0.21000000000000002rem;
    margin-bottom: 0.2rem;
    padding: 0.1rem 0.1rem 0.1rem 0.15rem
}

.search-result__headline--small {
    display: inline-block;
    font-weight: 400
}

.search-result__category-headline {
    display: none;
    font-size: 0.15rem;
    font-weight: 500;
    padding-left: 0.15rem
}

.search-result__category-headline--show {
    display: inline-block
}

.search-result__load-data-button {
    font-family: Roboto, Arial, Helvetica, sans-serif
}

.search-result__load-data-button--hide {
    display: none
}

.search-result__no-result {
    display: block;
    padding: 0.2rem 0.1rem
}

.search-result__categories .category-select {
    padding-top: 0.15rem
}

.search-result__tabs {
    padding-top: 0.2rem
}

.search-result__tab-headline--hide {
    display: none
}

.search-result-banner {
    margin: 0.24rem 0.1rem 0.05rem
}

.search-result-banner a {
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.search-result-banner a:hover .search-result-banner__image {
    transform: scale(1.05)
}

.search-result-banner__image {
    max-height: 2rem;
    min-height: 2rem;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .3s ease-in-out;
    width: 100%
}

.search-result-banner__headline {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    font-size: 0.21000000000000002rem
}

.search-result-banner__headline-div {
    left: 0.15rem;
    position: absolute;
    top: 0.15rem;
    width: 100%;
    z-index: 2
}

@media (min-width:992px) {
    .search-result-banner__headline-div {
        left: 0.24rem;
        top: 0.24rem
    }
}

.search-product-list {
    display: flex;
    flex-wrap: wrap
}

.search-product {
    width: 100%
}

@media (min-width:576px) {
    .search-product {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width:768px) {
    .search-product {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
}

@media (min-width:1200px) {
    .search-product {
        flex: 0 0 25%;
        max-width: 25%
    }
}

.service-tips {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.075rem;
    padding-right: 0.075rem;
    width: 100%
}

@media (min-width:1200px) {
    .service-tips {
        max-width: 13.7rem
    }
}

.service-tips__headline {
    width: 100%
}

.service-tips__item {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 0.075rem
}

@media (min-width:576px) {
    .service-tips__item {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
}

@media (min-width:992px) {
    .service-tips__item {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }
}

.shopping-list {
    padding-top: 0.2rem
}

.shopping-list__header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0.2rem;
    position: relative
}

@media (min-width:1200px) {
    .shopping-list__header {
        justify-content: space-between;
        max-width: 13.7rem
    }
}

.shopping-list__header-actions,
.shopping-list__headline {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 0.1rem
}

@media (min-width:576px) {

    .shopping-list__header-actions,
    .shopping-list__headline {
        margin-bottom: 0.2rem
    }
}

.shopping-list__headline {
    height: auto
}

@media (min-width:576px) {
    .shopping-list__headline {
        height: 0.4rem
    }
}

.shopping-list__header-actions {
    justify-content: flex-start;
    line-height: 0.4rem
}

@media (min-width:576px) {
    .shopping-list__header-actions {
        align-self: center;
        justify-content: flex-end;
        line-height: inherit
    }
}

@media (min-width:768px) {
    .shopping-list__header-actions {
        border-bottom: 1px solid #606068
    }
}

@media (min-width:1200px) {
    .shopping-list__header-actions {
        flex: 0 0 auto;
        width: auto
    }
}

@media (min-width:768px) {
    .shopping-list__action-list {
        border-bottom: 1px solid #606068;
        display: inline-block
    }
}

.shopping-list__content {
    margin-top: 0.2rem
}

@media (min-width:992px) {
    .shopping-list__action-element {
        float: right
    }
}

.slider-tab {
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%
}

@media (min-width:1200px) {
    .slider-tab {
        max-width: 13.7rem
    }
}

.slider-tab__menu {
    align-items: center;
    background: #e5e5e8;
    display: flex;
    height: 0.4rem;
    justify-content: left;
    margin-bottom: 0.15rem;
    width: 100%
}

.slider-tab__link {
    border-bottom: 4px solid transparent;
    margin: 0 0.15rem;
    padding: 0.12rem 0 0.08rem
}

.slider-tab__link--active {
    border-bottom: 4px solid #2061ae
}

.slider-tab__content {
    position: relative;
    width: 100%
}

.slider-tab__entry {
    height: 0;
    opacity: 0;
    overflow: hidden
}

.slider-tab__entry--active {
    height: auto;
    opacity: 1;
    overflow: visible
}

.slider-tab--cart {
    padding-left: 0;
    padding-right: 0
}

@media (min-width:1200px) {
    .slider-tab--cart {
        padding-left: 15px;
        padding-right: 15px
    }
}

.steps {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.075rem;
    padding-right: 0.075rem;
    width: 100%
}

@media (min-width:1200px) {
    .steps {
        max-width: 13.7rem
    }
}

.steps__item {
    padding: 0 0.075rem 0.15rem;
    width: 100%
}

@media (min-width:768px) {
    .steps__item {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
}

.steps.steps--columns-1,
.steps.steps--columns-2,
.steps.steps--columns-3,
.steps.steps--columns-4,
.steps.steps--columns-5,
.steps.steps--columns-6 {
    justify-content: left
}

.steps.steps--columns-1 .steps__item,
.steps.steps--columns-2 .steps__item {
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:768px) {
    .steps.steps--columns-2 .steps__item {
        flex: 0 0 50%;
        max-width: 50%
    }
}

.steps.steps--columns-3 .steps__item {
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:768px) {
    .steps.steps--columns-3 .steps__item {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
}

.steps.steps--columns-4 .steps__item {
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:768px) {
    .steps.steps--columns-4 .steps__item {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width:1200px) {
    .steps.steps--columns-4 .steps__item {
        flex: 0 0 25%;
        max-width: 25%
    }
}

.steps.steps--columns-5 .steps__item {
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:768px) {
    .steps.steps--columns-5 .steps__item {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
}

@media (min-width:1200px) {
    .steps.steps--columns-5 .steps__item {
        flex: 0 0 20%;
        max-width: 20%
    }
}

.steps.steps--columns-6 .steps__item {
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:768px) {
    .steps.steps--columns-6 .steps__item {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
}

@media (min-width:1200px) {
    .steps.steps--columns-6 .steps__item {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }
}

.steps--headline-text-columns {
    justify-content: flex-start
}

@media (min-width:768px) {
    .steps--headline-text-columns .steps__item--headline-text {
        margin-top: 0.2rem
    }
}

.steps--headline-text-columns .steps__item--headline-text+.steps__item--headline-text {
    margin-top: 0.2rem
}

.story-grid-dynamic {
    padding: 0.3rem 0 0.5rem
}

.story-grid-dynamic .story-grid {
    padding: 0
}

.story-grid-dynamic--light-blue {
    background-color: #e0e8ef
}

.story-grid-dynamic--grey {
    background-color: #f5f5f8
}

.story-grid-dynamic--gradient-white-grey {
    background-image: linear-gradient(180deg, #fff, #f5f5f8)
}

.story-grid-dynamic--gradient-grey-white {
    background-image: linear-gradient(180deg, #f5f5f8, #fff)
}

.story-grid-dynamic--gradient-grey-white-grey {
    background-image: linear-gradient(180deg, #f5f5f8, #fff 30%, #fff 70%, #f5f5f8)
}

.story-grid {
    padding: 0.3rem 0 0.5rem
}

.story-grid--light-blue {
    background-color: #e0e8ef
}

.story-grid--grey {
    background-color: #f5f5f8
}

.story-grid--gradient-white-grey {
    background-image: linear-gradient(180deg, #fff, #f5f5f8)
}

.story-grid--gradient-grey-white {
    background-image: linear-gradient(180deg, #f5f5f8, #fff)
}

.story-grid--gradient-grey-white-grey {
    background-image: linear-gradient(180deg, #f5f5f8, #fff 30%, #fff 70%, #f5f5f8)
}

.story-grid__filter-container {
    margin: auto;
    padding-bottom: 0.2rem
}

@media (min-width:1200px) {
    .story-grid__filter-container {
        max-width: 13.7rem
    }
}

.story-grid__filter-container .toggle .button {
    font-family: Oswald, Avenir Next Condensed Medium, Arial Narrow, sans-serif;
    font-weight: 400;
    letter-spacing: .1em;
    margin: 0.15rem;
    text-transform: uppercase
}

.story-grid hr {
    border: none;
    border-bottom: 1px solid #d5d5d8
}

@media (min-width:1200px) {
    .story-grid hr {
        max-width: 13.4rem
    }
}

.story-grid__grid {
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.05rem;
    padding-right: 0.05rem;
    padding-top: 0.3rem;
    width: 100%
}

@media (min-width:1200px) {
    .story-grid__grid {
        gap: 0.3rem 0.1rem;
        margin-left: auto;
        margin-right: auto;
        max-width: 13.7rem;
        padding-left: 0.15rem;
        padding-right: 0.15rem;
        width: 100%
    }
}

.story-grid__grid--search {
    padding-top: 0.1rem
}

.story-grid__grid-item--classic {
    padding-bottom: 0.2rem;
    width: 100%
}

@media (min-width:1200px) {
    .story-grid__grid-item--classic {
        border: 0;
        padding: 0;
        width: calc(50% - 0.05rem)
    }
}

.story-grid__grid-item--classic th {
    text-align: left
}

.story-grid__grid-item--classic .image {
    background-color: #fff;
    border: 1px solid #d5d5d8
}

.story-grid__grid-item--download {
    background: #fff;
    border: 1px solid #d5d5d8;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(50% - 0.1rem)
}

@media (min-width:1200px) {
    .story-grid__grid-item--download {
        width: calc(25% - 0.075rem)
    }
}

@media (max-width:575.98px) {
    .story-grid__grid-item--download {
        width: 100%
    }
}

.story-grid__download-image {
    background: #e5e5e8;
    height: 217px
}

.story-grid__download-content {
    flex: auto;
    padding: 0.15rem
}

.story-grid__download-links {
    display: flex;
    gap: 0.2rem;
    list-style: none;
    margin: 0;
    padding: 0 0.15rem 0.15rem;
    width: 100%
}

.story-grid__download-links a {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block
}

.story-grid__download-links a.download {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cdefs%3E%3Cstyle%3E.a{fill:%231d1d1d}%3C/style%3E%3C/defs%3E%3Cpath d='M6.696 0v7.935H5.432V0z' class='a'/%3E%3Cpath d='m1.955 5.057 4.129 2.788 4.128-2.788v1.428L6.084 9.272 1.955 6.485ZM0 10.85h12V12H0z' class='a'/%3E%3C/svg%3E");
    height: 20px;
    width: 20px
}

.story-grid__download-links a.download:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cdefs%3E%3Cstyle%3E.a{fill:%232061ae}%3C/style%3E%3C/defs%3E%3Cpath d='M6.696 0v7.935H5.432V0z' class='a'/%3E%3Cpath d='m1.955 5.057 4.129 2.788 4.128-2.788v1.428L6.084 9.272 1.955 6.485ZM0 10.85h12V12H0z' class='a'/%3E%3C/svg%3E")
}

.story-grid__download-links a.epaper {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='20'%3E%3Cpath d='M28.33 2.56v15.78H21c3.14-.42 5.24-3.11 5.24-5 0-2.05.08-13.34.08-13.34a19.5 19.5 0 0 1-6.16 1.09 30 30 0 0 0-5.16.59 30 30 0 0 0-5.17-.59A19.5 19.5 0 0 1 3.67 0v17.76a25.6 25.6 0 0 0 4.2.58h-6.2V2.56H0V20h30V2.56Zm-8.16 14.15a3.1 3.1 0 0 0 1-2.34v-1.61a5.9 5.9 0 0 0 2.18.4h1.25v.18c0 1.03-1.67 3.37-4.43 3.37m0-13.93a23.6 23.6 0 0 0 4.45-.54c0 2.55 0 6.7-.05 9.23h-1.24a10.3 10.3 0 0 1-3.83-1.22v4.12c0 1.57-2.27 2-3.52 2.17V3.22a29 29 0 0 1 4.23-.44ZM5.33 2.23a22.7 22.7 0 0 0 4.46.55 29 29 0 0 1 4.21.44v14a19.4 19.4 0 0 0-4.19-.48 29.4 29.4 0 0 1-4.5-.35Z' style='fill:%231d1d1d'/%3E%3C/svg%3E");
    height: 18px;
    width: 30px
}

.story-grid__download-links a.epaper:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='20'%3E%3Cpath d='M28.33 2.56v15.78H21c3.14-.42 5.24-3.11 5.24-5 0-2.05.08-13.34.08-13.34a19.5 19.5 0 0 1-6.16 1.09 30 30 0 0 0-5.16.59 30 30 0 0 0-5.17-.59A19.5 19.5 0 0 1 3.67 0v17.76a25.6 25.6 0 0 0 4.2.58h-6.2V2.56H0V20h30V2.56Zm-8.16 14.15a3.1 3.1 0 0 0 1-2.34v-1.61a5.9 5.9 0 0 0 2.18.4h1.25v.18c0 1.03-1.67 3.37-4.43 3.37m0-13.93a23.6 23.6 0 0 0 4.45-.54c0 2.55 0 6.7-.05 9.23h-1.24a10.3 10.3 0 0 1-3.83-1.22v4.12c0 1.57-2.27 2-3.52 2.17V3.22a29 29 0 0 1 4.23-.44ZM5.33 2.23a22.7 22.7 0 0 0 4.46.55 29 29 0 0 1 4.21.44v14a19.4 19.4 0 0 0-4.19-.48 29.4 29.4 0 0 1-4.5-.35Z' style='fill:%232061ae'/%3E%3C/svg%3E")
}

.story-grid__download-links a.post {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='20'%3E%3Cpath d='M28.46 0H0v20h30V0ZM9.89 9.8 1.7 17V2.69Zm1.3 1.12 3.62 3.15 3.62-3.15 8.43 7.38H2.76Zm8.54-1.12 8.57-7.45v15Zm6.73-8.1L14.81 11.82 3.16 1.7Z' style='fill:%231d1d1d'/%3E%3C/svg%3E");
    height: 19px;
    width: 29px
}

.story-grid__download-links a.post:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='20'%3E%3Cpath d='M28.46 0H0v20h30V0ZM9.89 9.8 1.7 17V2.69Zm1.3 1.12 3.62 3.15 3.62-3.15 8.43 7.38H2.76Zm8.54-1.12 8.57-7.45v15Zm6.73-8.1L14.81 11.82 3.16 1.7Z' style='fill:%232061ae'/%3E%3C/svg%3E")
}

.story-grid__download-links a.details {
    border-bottom: 2px solid #1d1d1d;
    color: #1d1d1d;
    font-weight: 500
}

.story-grid__download-links a.details:hover {
    border-bottom-color: #2061ae;
    color: #2061ae
}

.story-grid__link {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.2rem;
    padding-left: 0.05rem;
    padding-right: 0.05rem;
    width: 100%
}

@media (min-width:1200px) {
    .story-grid__link {
        margin-left: auto;
        margin-right: auto;
        max-width: 13.7rem;
        padding-left: 0.15rem;
        padding-right: 0.15rem;
        width: 100%
    }
}

.story-grid__link-info {
    display: none;
    font-size: 0.13rem;
    margin-top: 0.1rem;
    text-align: center;
    width: 100%
}

.story-grid__link-info--active {
    display: block
}

.story-grid__filter-list {
    color: #2061ae;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.13rem;
    gap: 0.1rem;
    list-style: none;
    margin: 0 auto;
    padding: 0 0.15rem 0.2rem;
    white-space: nowrap
}

@media (min-width:1200px) {
    .story-grid__filter-list {
        max-width: 13.7rem
    }
}

.story-grid__filter {
    border: 1px solid #2061ae;
    cursor: pointer;
    padding: 0.03rem 0.1rem;
    text-align: center;
    transition: font-weight 50ms ease-in-out, background-color .12s ease-out
}

.story-grid__filter--active {
    background-color: #2061ae;
    color: #fff
}

.story-grid__filter--active,
.story-grid__filter:hover {
    font-weight: 700
}

.story-grid__filter--reset {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23clip0_319_1947)'%3E%3Cpath fill='%230e2e5a' d='M15.8 14.8 9.12 7.98l6.64-6.78c.18-.18.2-.39.2-.5s-.03-.32-.2-.5a.7.7 0 0 0-.5-.21.7.7 0 0 0-.5.21L8.12 6.97 1.49.21a.69.69 0 0 0-.99 0 .7.7 0 0 0-.2.5c0 .11.03.32.2.5l6.64 6.78L.46 14.8a.7.7 0 0 0-.2.5c0 .11.03.32.2.5.18.18.39.21.5.21s.32-.03.5-.21L8.13 9l6.67 6.81c.18.18.39.21.5.21s.32-.03.5-.21.2-.39.2-.5-.03-.32-.2-.5z'/%3E%3C/g%3E%3C/svg%3E");
    background-position: calc(100% - 0.1rem);
    background-repeat: no-repeat;
    border-color: #ddd;
    color: #1d1d1d;
    display: none;
    padding-right: 0.25rem
}

.story-grid__filter--reset-active {
    display: list-item
}

.story-grid__filter:before {
    content: attr(data-reserve-bold-space);
    display: block;
    font-weight: 700;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.story-grid__filter:focus-visible {
    outline: 2px solid #499add;
    outline-offset: 2px
}

.story-grid__button {
    display: none
}

.story-grid__button--active {
    display: inline-block
}

.story-grid__no-result {
    padding: 0.15rem 0
}

.story-grid__no-result span {
    font-weight: 700
}

.story-grid__no-result-button {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.05rem;
    padding-right: 0.05rem;
    text-align: center;
    width: 100%
}

@media (min-width:1200px) {
    .story-grid__no-result-button {
        max-width: 13.7rem
    }
}

.tabs--new .tabs__buttons {
    border-bottom: 1px solid #d5d5d8;
    display: flex;
    overflow-x: scroll;
    overflow-y: visible
}

.tabs--new .tabs__panel {
    border: none
}

.tabs__buttons {
    scrollbar-width: none
}

.tabs__buttons ::-webkit-scrollbar {
    display: none
}

.tabs__button {
    background: #fff;
    border-bottom: 4px solid transparent;
    position: relative;
    white-space: nowrap
}

.tabs__button--form {
    color: #2061ae;
    padding-left: 0;
    padding-right: 0
}

.tabs__button--form:not(:first-child) {
    margin-left: 0.4rem
}

.tabs__button--active {
    border-bottom: 4px solid #2061ae
}

.tabs__panel {
    opacity: 1;
    padding: 10px 0;
    transition: opacity .1s ease-in-out
}

.tabs__panel:not(.tabs__panel--active) {
    opacity: 0
}

.tabs {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

@media (max-width:1199.98px) {
    .tabs {
        padding: 0 15px
    }
}

@media (min-width:1200px) {
    .tabs {
        max-width: 13.7rem;
        padding-left: 15px;
        padding-right: 15px
    }
}

.tabs--no-padding,
.tabs--no-padding .tabs__inner {
    padding: 0
}

.tabs__inner {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

@media (min-width:1200px) {
    .tabs__inner {
        max-width: 13.7rem;
        padding-left: 15px;
        padding-right: 15px
    }
}

.tabs--gray .tabs__inner {
    background: #f5f5f8
}

.tabs--gray-full-size {
    background: #f5f5f8;
    padding: 0.15rem
}

@media (min-width:1200px) {
    .tabs--gray-full-size {
        padding: 0.4rem 0
    }
}

.tabs__headline {
    color: #1d1d1d;
    cursor: pointer;
    font-size: 0.16rem;
    font-weight: 500;
    line-height: 150%;
    margin-right: 0.1rem;
    padding: 0.05rem 0.1rem
}

.tabs__entry-label {
    white-space: nowrap
}

.tabs__entries {
    display: flex;
    flex-wrap: wrap
}

@media (max-width:575.98px) {
    .tabs__entries {
        display: inline-block;
        overflow-x: auto;
        width: 100%
    }
}

.tabs__content {
    height: 0;
    opacity: 0;
    order: 99;
    overflow: hidden;
    visibility: hidden
}

@media (max-width:575.98px) {
    .tabs__content.tabs__content--position:first-of-type {
        margin-top: 4px
    }
}

.tabs__scroll {
    display: flex;
    overflow-x: auto;
    scrollbar-width: none;
    width: 100%
}

.tabs__scroll ::-webkit-scrollbar {
    display: none
}

.tabs .product-slider {
    margin-bottom: 0;
    padding: 0
}

.tabs__input[type=radio] {
    border: none;
    opacity: 0;
    position: absolute;
    width: 0
}

.tabs .tabs__content--position {
    height: 0;
    z-index: 0
}

.tabs [type=radio]:checked+label,
.tabs__input[type=radio]:first-of-type:checked~.tabs__scroll label:first-of-type,
.tabs__input[type=radio]:nth-of-type(2):checked~.tabs__scroll label:nth-of-type(2),
.tabs__input[type=radio]:nth-of-type(3):checked~.tabs__scroll label:nth-of-type(3),
.tabs__input[type=radio]:nth-of-type(4):checked~.tabs__scroll label:nth-of-type(4) {
    border-bottom: 4px solid #2061ae
}

.tabs__input[type=radio]:first-of-type:focus-visible~.tabs__scroll label:first-of-type,
.tabs__input[type=radio]:nth-of-type(2):focus-visible~.tabs__scroll label:nth-of-type(2),
.tabs__input[type=radio]:nth-of-type(3):focus-visible~.tabs__scroll label:nth-of-type(3),
.tabs__input[type=radio]:nth-of-type(4):focus-visible~.tabs__scroll label:nth-of-type(4) {
    outline: 2px solid #499add;
    outline-offset: 2px
}

.tabs__input[type=radio]:first-of-type:checked~.tabs__content--position:nth-of-type(2),
.tabs__input[type=radio]:nth-of-type(2):checked~.tabs__content--position:nth-of-type(3),
.tabs__input[type=radio]:nth-of-type(3):checked~.tabs__content--position:nth-of-type(4) {
    border-top: 1px solid #ddd;
    height: auto;
    opacity: 1;
    overflow: auto;
    padding: 10px 0;
    visibility: visible;
    width: 100%
}

@media (max-width:991.98px) {

    .tabs__input[type=radio]:first-of-type:checked~.tabs__content--position:nth-of-type(2),
    .tabs__input[type=radio]:nth-of-type(2):checked~.tabs__content--position:nth-of-type(3),
    .tabs__input[type=radio]:nth-of-type(3):checked~.tabs__content--position:nth-of-type(4) {
        overflow: hidden
    }
}

.teaser-boxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.075rem;
    padding-right: 0.075rem;
    width: 100%
}

@media (min-width:1200px) {
    .teaser-boxes {
        max-width: 13.7rem
    }
}

.teaser-boxes__item {
    padding: 0 0.075rem 0.15rem;
    width: 100%
}

.teaser-boxes__item.teaser--gray,
.teaser-boxes__item.teaser--white {
    align-items: stretch;
    align-self: stretch;
    height: auto
}

.teaser-boxes__item-1,
.teaser-boxes__item-2,
.teaser-boxes__item-3,
.teaser-boxes__item-4,
.teaser-boxes__item-5,
.teaser-boxes__item-6 {
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:1200px) {

    .teaser-boxes__item-2,
    .teaser-boxes__item-3,
    .teaser-boxes__item-4,
    .teaser-boxes__item-5,
    .teaser-boxes__item-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
}

.teaser-boxes .teaser-boxes__item-2.teaser--top {
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:768px) {
    .teaser-boxes .teaser-boxes__item-2.teaser--top {
        flex: 0 0 50%;
        max-width: 50%
    }
}

.teaser-boxes .teaser-boxes__item-3.teaser--top {
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:768px) {
    .teaser-boxes .teaser-boxes__item-3.teaser--top {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
}

.teaser-boxes .teaser-boxes__item-4.teaser--top {
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:768px) {
    .teaser-boxes .teaser-boxes__item-4.teaser--top {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width:1200px) {
    .teaser-boxes .teaser-boxes__item-4.teaser--top {
        flex: 0 0 25%;
        max-width: 25%
    }
}

.teaser-boxes .teaser-boxes__item-5.teaser--top {
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:768px) {
    .teaser-boxes .teaser-boxes__item-5.teaser--top {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
}

@media (min-width:1200px) {
    .teaser-boxes .teaser-boxes__item-5.teaser--top {
        flex: 0 0 20%;
        max-width: 20%
    }
}

.teaser-boxes .teaser-boxes__item-6.teaser--top {
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:768px) {
    .teaser-boxes .teaser-boxes__item-6.teaser--top {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
}

@media (min-width:1200px) {
    .teaser-boxes .teaser-boxes__item-6.teaser--top {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }
}

.tender-text {
    margin-bottom: 0.5rem
}

.tender-text__box {
    border: 1px solid #d5d5d8;
    color: #606068;
    cursor: text;
    height: 1.3rem;
    margin: 0 0 0.2rem;
    overflow: scroll;
    padding: 0.05rem;
    resize: none;
    width: 100%
}

.tender-text__button {
    color: #2061ae;
    cursor: pointer;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 0.15rem;
    font-weight: 700;
    margin-right: 0.5rem
}

@media (max-width:767.98px) {
    .tender-text__button {
        padding-bottom: 0.1rem;
        text-align: left;
        width: 100%
    }
}

.tender-text__button-text {
    padding-left: 0.1rem
}

.tile-box {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 0.3rem 0;
    grid-gap: 0.2rem;
    grid-auto-rows: 1fr
}

@media (max-width:991.98px) {
    .tile-box {
        grid-template-columns: 1fr
    }
}

.top-categories__inner {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.075rem;
    padding-right: 0.075rem;
    width: 100%
}

@media (min-width:1200px) {
    .top-categories__inner {
        max-width: 13.7rem
    }
}

.top-categories__content {
    display: flex;
    flex-direction: column
}

@media (min-width:768px) {
    .top-categories__content {
        align-items: flex-start;
        flex-flow: row wrap
    }
}

.top-categories__entry {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 0.075rem
}

@media (min-width:768px) {
    .top-categories__entry {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width:992px) {
    .top-categories__entry {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
}

.top-categories__entry--columns-1,
.top-categories__entry--columns-2 {
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:768px) {
    .top-categories__entry--columns-2 {
        flex: 0 0 50%;
        max-width: 50%
    }
}

.top-categories__entry--columns-3 {
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:1200px) {
    .top-categories__entry--columns-3 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
}

.top-categories__entry--columns-4 {
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:768px) {
    .top-categories__entry--columns-4 {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width:1200px) {
    .top-categories__entry--columns-4 {
        flex: 0 0 25%;
        max-width: 25%
    }
}

.variant-selection {
    display: none
}

.variant-selection:not(:empty) {
    background: #f5f5f8;
    border: 1px solid #d5d5d8;
    border-bottom: none;
    display: block;
    padding: 0.24rem;
    position: relative;
    z-index: 12
}

.variant-selection__variant {
    display: flex
}

.variant-selection__variant--color {
    flex-wrap: wrap
}

.variant-selection__variant:not(:last-child) {
    margin-bottom: 0.24rem
}

.variant-selection__color-text {
    font-size: 0.15rem;
    margin-bottom: 0.1rem
}

.variant-selection__color:not(:last-child) {
    margin-bottom: 0.24rem
}

.vertical-menu {
    font-size: 0.16rem;
    line-height: 150%;
    overflow: hidden
}

.vertical-menu__header {
    background-color: #f5f5f8;
    font-weight: 500;
    padding: 0.24rem
}

.vertical-menu__header-back {
    color: #1d1d1d;
    cursor: pointer;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 0.16rem;
    font-weight: 500;
    padding: 0 0 0 0.24rem;
    position: relative;
    text-align: left;
    width: 100%
}

.vertical-menu__header-back:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.232' height='20.434'%3E%3Cpath fill='%231d1d1d' stroke='%231d1d1d' stroke-width='.75' d='M10.622 19.034a.601.601 0 1 1-.85.851l-9.22-9.208a.6.6 0 0 1 0-.851L9.772.612a.601.601 0 0 1 .85.851l-8.794 8.788Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 0.2rem;
    left: 0;
    position: absolute;
    width: 0.2rem
}

.vertical-menu__content {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 1.3599999999999999rem);
    justify-content: space-between;
    overflow-x: hidden;
    overflow-y: scroll
}

@media (max-width:1199.98px) {
    .vertical-menu__content {
        height: calc(100vh - 1.8rem);
        height: calc(100dvh - 1.5rem)
    }
}

.vertical-menu__slot-content {
    overflow-y: auto;
    scroll-behavior: smooth
}

@media (max-width:1199.98px) {
    .vertical-menu__slot-content {
        height: calc(100vh - 1.9rem);
        height: calc(100dvh - 1.4rem)
    }
}

.vertical-menu__nav .vertical-menu__list:first-child {
    border-top: none;
    margin-top: 0;
    padding: 0
}

.vertical-menu__list {
    list-style-type: none;
    margin: 0 0 0.24rem;
    padding: 0;
    width: 100%
}

.vertical-menu__list--separated {
    border-top: 1px solid #d5d5d8;
    padding: 0.15rem 0 0
}

.vertical-menu__footer {
    background-color: #fff;
    bottom: 0;
    box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, .1);
    display: flex;
    justify-content: space-between;
    padding: 0.2rem 0.24rem;
    position: relative;
    width: 100%
}

.vertical-menu__direct-order {
    color: #2d8745;
    font-weight: 700
}

.vertical-menu.is-open .vertical-menu__footer {
    position: fixed
}

.vertical-menu .offside__content {
    padding: 0
}

.vertical-menu .offside__close {
    height: 0.7rem
}

.vertical-menu__entry {
    align-items: center;
    cursor: pointer;
    display: flex;
    min-height: 56px;
    position: relative;
    text-align: left
}

@media not (pointer:coarse) {
    .vertical-menu__entry:hover:not(.vertical-menu__entry-header) {
        background-color: #2061ae;
        color: #fff
    }

    .vertical-menu__entry:hover:not(.vertical-menu__entry-header) .icon-link__icon {
        filter: brightness(500%) saturate(0)
    }
}

.vertical-menu__entry-header-link {
    color: #2061ae;
    display: flex;
    flex-wrap: wrap;
    font-weight: 500;
    padding: 0.24rem 0.24rem 0.15rem;
    width: 100%
}

.vertical-menu__entry-header-link:hover .vertical-menu__entry-header-text span {
    border-bottom: 2px solid #2061ae
}

.vertical-menu__entry-header-text--has-icon {
    max-width: calc(100% - 0.4rem)
}

.vertical-menu__entry-header-text span {
    border-bottom: 2px solid transparent
}

.vertical-menu__entry-header-description {
    color: #606068;
    font-size: 0.13rem;
    font-weight: 400;
    line-height: 150%;
    padding-top: 0.05rem;
    width: 100%
}

.vertical-menu__entry--has-child {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.232' height='20.434'%3E%3Cpath fill='%231d1d1d' stroke='%231d1d1d' stroke-width='.75' d='M.61 1.4a.601.601 0 1 1 .85-.851l9.22 9.208a.6.6 0 0 1 0 .851l-9.22 9.214a.601.601 0 0 1-.85-.851l8.794-8.788Z'/%3E%3C/svg%3E");
    background-position: calc(100% - 0.25rem);
    background-repeat: no-repeat;
    background-size: 0.08rem
}

.vertical-menu__entry--has-child:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.232' height='20.434'%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-width='.75' d='M.61 1.4a.601.601 0 1 1 .85-.851l9.22 9.208a.6.6 0 0 1 0 .851l-9.22 9.214a.601.601 0 0 1-.85-.851l8.794-8.788Z'/%3E%3C/svg%3E")
}

.vertical-menu__entry-button {
    padding: 0.15rem 0.45rem 0.15rem 0.25rem;
    text-align: left;
    width: 100%
}

.vertical-menu__menu-slot--inner {
    padding: 0.25rem
}

.slide-fade-enter-active,
.slide-fade-leave-active {
    transition: all .3s ease-out
}

.slide-fade-enter-from,
.slide-fade-leave-to {
    opacity: 0
}

.fade-enter-active,
.fade-leave-active {
    transition: all .6s ease-out
}

.fade-enter-from,
.fade-leave-to {
    opacity: 0
}

.description a,
.paragraph a {
    color: #2061ae;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-decoration: none
}

.description a:hover,
.paragraph a:hover {
    border-bottom: 1px solid #2061ae
}

.document__header {
    background-image: linear-gradient(180deg, #fff, #f5f5f8)
}

.document__header-content {
    display: flex;
    flex-wrap: wrap
}

.document__header-content .headline {
    margin-top: 0
}

.document__header-content-left {
    flex: 8
}

.document__header-content-right {
    flex: 4
}

.document__header-content-right img {
    max-height: 296px
}

@media (max-width:767.98px) {

    .document__header-content-left,
    .document__header-content-right {
        flex: auto;
        width: 100%
    }
}

.document__badge {
    background: #134180;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-family: Oswald, Avenir Next Condensed Medium, Arial Narrow, sans-serif;
    font-size: 0.13999999999999999rem;
    letter-spacing: .1em;
    margin-bottom: 0.1rem;
    padding: 0.02rem 0.05rem;
    text-transform: uppercase;
    width: auto
}

.document__links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem;
    list-style: none;
    margin: 0.3rem 0;
    padding: 0
}

.document__link a {
    align-items: center;
    display: inline-flex;
    font-size: 0.15rem;
    font-weight: 500;
    line-height: 0.45999999999999996rem;
    min-height: 0.48rem;
    padding: 0 0.2rem;
    text-align: center
}

.document__link a:hover {
    box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, .16);
    font-weight: 700
}

.document__link a.download {
    background: #2061ae;
    color: #fff
}

.document__link a.epaper,
.document__link a.post {
    border: 1px solid #2061ae;
    color: #2061ae
}

.document__link a .icon {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    margin-right: 0.1rem
}

.document__link a.download .icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cdefs%3E%3Cstyle%3E.a{fill:%23fff}%3C/style%3E%3C/defs%3E%3Cpath d='M6.696 0v7.935H5.432V0z' class='a'/%3E%3Cpath d='m1.955 5.057 4.129 2.788 4.128-2.788v1.428L6.084 9.272 1.955 6.485ZM0 10.85h12V12H0z' class='a'/%3E%3C/svg%3E");
    height: 20px;
    width: 20px
}

.document__link a.epaper .icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='20'%3E%3Cpath d='M28.33 2.56v15.78H21c3.14-.42 5.24-3.11 5.24-5 0-2.05.08-13.34.08-13.34a19.5 19.5 0 0 1-6.16 1.09 30 30 0 0 0-5.16.59 30 30 0 0 0-5.17-.59A19.5 19.5 0 0 1 3.67 0v17.76a25.6 25.6 0 0 0 4.2.58h-6.2V2.56H0V20h30V2.56Zm-8.16 14.15a3.1 3.1 0 0 0 1-2.34v-1.61a5.9 5.9 0 0 0 2.18.4h1.25v.18c0 1.03-1.67 3.37-4.43 3.37m0-13.93a23.6 23.6 0 0 0 4.45-.54c0 2.55 0 6.7-.05 9.23h-1.24a10.3 10.3 0 0 1-3.83-1.22v4.12c0 1.57-2.27 2-3.52 2.17V3.22a29 29 0 0 1 4.23-.44ZM5.33 2.23a22.7 22.7 0 0 0 4.46.55 29 29 0 0 1 4.21.44v14a19.4 19.4 0 0 0-4.19-.48 29.4 29.4 0 0 1-4.5-.35Z' style='fill:%232061ae'/%3E%3C/svg%3E");
    height: 18px;
    width: 30px
}

.document__link a.post .icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='20'%3E%3Cpath d='M28.46 0H0v20h30V0ZM9.89 9.8 1.7 17V2.69Zm1.3 1.12 3.62 3.15 3.62-3.15 8.43 7.38H2.76Zm8.54-1.12 8.57-7.45v15Zm6.73-8.1L14.81 11.82 3.16 1.7Z' style='fill:%232061ae'/%3E%3C/svg%3E");
    height: 19px;
    width: 29px
}

.document__link a .text:before {
    content: attr(data-reserve-bold-space);
    display: block;
    font-weight: 700;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.document__form {
    padding: 0.5rem 0
}

.document__asset-info {
    align-items: center;
    display: flex;
    margin: 0.2rem 0
}

.document__asset-info-left {
    height: 64px;
    width: 96px
}

.document__asset-info-middle {
    flex: auto;
    padding-left: 0.1rem
}

.document__asset-info-right {
    height: 41px;
    width: 41px
}

.document__asset-info-right.download {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cdefs%3E%3Cstyle%3E.a{fill:%232061ae}%3C/style%3E%3C/defs%3E%3Cpath d='M6.696 0v7.935H5.432V0z' class='a'/%3E%3Cpath d='m1.955 5.057 4.129 2.788 4.128-2.788v1.428L6.084 9.272 1.955 6.485ZM0 10.85h12V12H0z' class='a'/%3E%3C/svg%3E") no-repeat;
    background-size: contain
}

.document__asset-info-right.post {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='20'%3E%3Cpath d='M28.46 0H0v20h30V0ZM9.89 9.8 1.7 17V2.69Zm1.3 1.12 3.62 3.15 3.62-3.15 8.43 7.38H2.76Zm8.54-1.12 8.57-7.45v15Zm6.73-8.1L14.81 11.82 3.16 1.7Z' style='fill:%232061ae'/%3E%3C/svg%3E") no-repeat;
    background-size: contain
}

.document__related {
    margin-bottom: 0.05rem
}

.search-result-ct-category {
    padding: 0.05rem
}

.search-result-ct-category__category-content {
    display: flex;
    flex-wrap: wrap
}

.search-result-ct-category__box {
    border: 1px solid #d5d5d8;
    margin: 0.1rem 0.1rem 0.15rem;
    padding: 0.2rem
}

.search-result-ct-category--link-div {
    display: inline-block;
    flex: 1 1 auto;
    min-width: 2.8rem;
    padding: 0.02rem 0.2rem 0.02rem 0;
    width: 100%
}

@media (min-width:768px) {
    .search-result-ct-category--link-div {
        max-width: 50%
    }
}

@media (min-width:992px) {
    .search-result-ct-category--link-div {
        max-width: 33.3333333333%
    }
}

@media (min-width:1200px) {
    .search-result-ct-category--link-div {
        max-width: 25%
    }
}

.search-result-ct-category__headline {
    margin-bottom: 0.2rem
}

.search-result-ct {
    margin-left: auto;
    margin-right: auto;
    max-width: 13.7rem;
    width: 100%
}

.search-result-ct__div-more-button {
    display: block;
    margin: 0.1rem auto 0.3rem;
    text-align: center;
    width: 100%
}

.search-result-ct__headline {
    font-size: 0.21000000000000002rem;
    font-weight: 800;
    margin-bottom: 0.2rem;
    padding: 0.1rem
}

.search-result-ct__headline--small {
    display: inline-block;
    font-weight: 400
}

.search-result-ct__load-data-button--hide {
    display: none
}

.search-result-ct__tabs {
    border-bottom: 2px solid #e5e5e8;
    font-size: 0.16rem;
    margin: 0.1rem
}

.search-result-ct__tab-sitcher {
    border-bottom: 3px solid #fff;
    color: #2061ae;
    padding: 0.1rem 0.3rem
}

.search-result-ct__tab-sitcher--text-big {
    font-weight: 700
}

.search-result-ct__tab-sitcher--text-small {
    font-weight: 400
}

.search-result-ct__tab-sitcher--activ {
    border-bottom: 5px solid #2061ae;
    margin-bottom: -2px
}

.search-result-ct__tab-sitcher__paging-info {
    display: none
}

.search-result-ct__product-tab {
    padding-top: 0.05rem
}

.search-result-ct__no-result {
    display: block;
    padding: 0.2rem 0.1rem
}

.opt-out {
    padding-bottom: 0.5rem;
    padding-left: 0.15rem;
    padding-right: 0.15rem
}

.opt-out__form {
    width: 100%
}

@media (min-width:768px) {
    .opt-out__form {
        width: 72%
    }
}

.opt-out__button {
    margin: 0.2rem 0 0.15rem
}

@media (max-width:1199.98px) {
    .opt-out__button {
        width: 100%
    }
}

.opt-out__input {
    display: inline-block;
    width: 100%
}

@media (min-width:768px) {
    .opt-out__input {
        width: 75%
    }
}

.opt-out__label {
    display: inline-block;
    padding-right: 0.05rem
}

.opt-out__other {
    padding-bottom: 0.1rem
}

.opt-out__row {
    display: flex
}

.opt-out__radio.input[type=radio] {
    margin-left: 0;
    margin-right: 10px;
    margin-top: 0;
    min-width: 20px;
    top: 0
}

@font-face {
    font-display: swap;
    font-family: Oswald;
    font-style: normal;
    font-weight: 400;
    src: url(/build/fonts/oswald-regular-webfont.eot);
    src: local(""), url(/build/fonts/oswald-regular-webfont.eot?#iefix) format("embedded-opentype"), url(/build/fonts/oswald-regular-webfont.woff2) format("woff2"), url(/build/fonts/oswald-regular-webfont.woff) format("woff"), url(/build/fonts/oswald-regular-webfont.ttf) format("truetype"), url(/build/fonts/oswald-regular-webfont.svg#Oswald) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Oswald;
    font-style: normal;
    font-weight: 500;
    src: url(/build/fonts/oswald-medium-webfont.eot);
    src: local(""), url(/build/fonts/oswald-medium-webfont.eot?#iefix) format("embedded-opentype"), url(/build/fonts/oswald-medium-webfont.woff2) format("woff2"), url(/build/fonts/oswald-medium-webfont.woff) format("woff"), url(/build/fonts/oswald-medium-webfont.ttf) format("truetype"), url(/build/fonts/oswald-medium-webfont.svg#Oswald) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url(/build/fonts/roboto-v29-latin-ext_latin-regular.eot);
    src: local(""), url(/build/fonts/roboto-v29-latin-ext_latin-regular.eot?#iefix) format("embedded-opentype"), url(/build/fonts/roboto-v29-latin-ext_latin-regular.woff2) format("woff2"), url(/build/fonts/roboto-v29-latin-ext_latin-regular.woff) format("woff"), url(/build/fonts/roboto-v29-latin-ext_latin-regular.ttf) format("truetype"), url(/build/fonts/roboto-v29-latin-ext_latin-regular.svg#Roboto) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    src: url(/build/fonts/roboto-v29-latin-ext_latin-italic.eot);
    src: local(""), url(/build/fonts/roboto-v29-latin-ext_latin-italic.eot?#iefix) format("embedded-opentype"), url(/build/fonts/roboto-v29-latin-ext_latin-italic.woff2) format("woff2"), url(/build/fonts/roboto-v29-latin-ext_latin-italic.woff) format("woff"), url(/build/fonts/roboto-v29-latin-ext_latin-italic.ttf) format("truetype"), url(/build/fonts/roboto-v29-latin-ext_latin-italic.svg#Roboto) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: url(/build/fonts/roboto-v29-latin-ext_latin-500.eot);
    src: local(""), url(/build/fonts/roboto-v29-latin-ext_latin-500.eot?#iefix) format("embedded-opentype"), url(/build/fonts/roboto-v29-latin-ext_latin-500.woff2) format("woff2"), url(/build/fonts/roboto-v29-latin-ext_latin-500.woff) format("woff"), url(/build/fonts/roboto-v29-latin-ext_latin-500.ttf) format("truetype"), url(/build/fonts/roboto-v29-latin-ext_latin-500.svg#Roboto) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: url(/build/fonts/roboto-v29-latin-ext_latin-700.eot);
    src: local(""), url(/build/fonts/roboto-v29-latin-ext_latin-700.eot?#iefix) format("embedded-opentype"), url(/build/fonts/roboto-v29-latin-ext_latin-700.woff2) format("woff2"), url(/build/fonts/roboto-v29-latin-ext_latin-700.woff) format("woff"), url(/build/fonts/roboto-v29-latin-ext_latin-700.ttf) format("truetype"), url(/build/fonts/roboto-v29-latin-ext_latin-700.svg#Roboto) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 500;
    src: url(/build/fonts/roboto-v29-latin-ext_latin-500italic.eot);
    src: local(""), url(/build/fonts/roboto-v29-latin-ext_latin-500italic.eot?#iefix) format("embedded-opentype"), url(/build/fonts/roboto-v29-latin-ext_latin-500italic.woff2) format("woff2"), url(/build/fonts/roboto-v29-latin-ext_latin-500italic.woff) format("woff"), url(/build/fonts/roboto-v29-latin-ext_latin-500italic.ttf) format("truetype"), url(/build/fonts/roboto-v29-latin-ext_latin-500italic.svg#Roboto) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    src: url(/build/fonts/roboto-v29-latin-ext_latin-700italic.eot);
    src: local(""), url(/build/fonts/roboto-v29-latin-ext_latin-700italic.eot?#iefix) format("embedded-opentype"), url(/build/fonts/roboto-v29-latin-ext_latin-700italic.woff2) format("woff2"), url(/build/fonts/roboto-v29-latin-ext_latin-700italic.woff) format("woff"), url(/build/fonts/roboto-v29-latin-ext_latin-700italic.ttf) format("truetype"), url(/build/fonts/roboto-v29-latin-ext_latin-700italic.svg#Roboto) format("svg")
}

.tracking {
    margin: auto;
    width: 100%
}

@media (min-width:1200px) {
    .tracking {
        max-width: 13.7rem
    }
}

.tracking__paqato-div {
    padding: 0.15rem
}

.tracking .pqt-wrapper .pqt-form-select {
    background-color: transparent;
    border-width: 1px
}

.tracking .pqt-wrapper .pqt-delivery-date .pqt-day .pqt-day-digit {
    color: #e0e8ef
}