:root {
    --primary: #169e45;
    --primary-lighter: #e8f5ec;
    --primary-darker: #0a441e;
    --secondary: #f0f0f0;
    --third: #94c125;
    --cta: #fd9b27;
    --light-gray: #e6e6e6;
    --medium-gray: #cacaca;
    --dark-gray: #757575;
    --dark: #0e1010;
    --light: #fff;
    --body-bg: #fff;
    --body-txt: #0e1010;
    --global-footer-bg: #fff;
    --global-footer-text: #0e1010;
    --footer-legal-bg: #f0f0f0;
    --footer-legal-txt: #0e1010;
    --footer-social-media: #169e45;
    --global-border: #f0f0f0;
    --label-border: #f0f0f0;
    --switch-bg: #cacaca;
    --shop-logo: #94c125;
    --cta-accent-color: #fff;
    --success: #28cb00;
    --success-bg: #c9e8c1;
    --success-txt: #2a5020;
    --success-border: #c9e8c1;
    --warning: #f2930c;
    --warning-bg: #f7dfbe;
    --warning-txt: #864f00;
    --warning-border: #f7dfbe;
    --alert: #f83b3a;
    --alert-bg: #ffc6c6;
    --alert-txt: #9a0000;
    --alert-border: #ffc6c6;
    --info: #89acc0;
    --info-bg: #c8e3f2;
    --info-txt: #074260;
    --info-border: #c8e3f2;
    --dhl: #fc0;
    --klarna: #ffb3c7;
    --idealo: #0a3761;
    --geizhals: #21558b;
    --gls: #061ab1;
    --label-darker-mix: 0%
}

@media (prefers-color-scheme: light) {
    :root {
        --primary:#169e45;
        --primary-lighter: #e8f5ec;
        --primary-darker: #0a441e;
        --secondary: #f0f0f0;
        --third: #94c125;
        --cta: #fd9b27;
        --light-gray: #e6e6e6;
        --medium-gray: #cacaca;
        --dark-gray: #757575;
        --dark: #0e1010;
        --light: #fff;
        --body-bg: #fff;
        --body-txt: #0e1010;
        --global-footer-bg: #fff;
        --global-footer-text: #0e1010;
        --footer-legal-bg: #f0f0f0;
        --footer-legal-txt: #0e1010;
        --footer-social-media: #169e45;
        --global-border: #f0f0f0;
        --label-border: #f0f0f0;
        --switch-bg: #cacaca;
        --shop-logo: #94c125;
        --cta-accent-color: #fff;
        --success: #28cb00;
        --success-bg: #c9e8c1;
        --success-txt: #2a5020;
        --success-border: #c9e8c1;
        --warning: #f2930c;
        --warning-bg: #f7dfbe;
        --warning-txt: #864f00;
        --warning-border: #f7dfbe;
        --alert: #f83b3a;
        --alert-bg: #ffc6c6;
        --alert-txt: #9a0000;
        --alert-border: #ffc6c6;
        --info: #89acc0;
        --info-bg: #c8e3f2;
        --info-txt: #074260;
        --info-border: #c8e3f2;
        --dhl: #fc0;
        --klarna: #ffb3c7;
        --idealo: #0a3761;
        --geizhals: #21558b;
        --gls: #061ab1;
        --label-darker-mix: 0%
    }
}

@media (prefers-contrast:more) {
    :root {
        --primary: #00660c;
        --third: #558000;
        --cta: #c25700;
        --dark-gray: #424242;
        --global-border: #949494;
        --label-border: #757575;
        --switch-bg: #0e1010;
        --shop-logo: #558000;
        --success: #326d22;
        --success-bg: #e6ffdb;
        --success-txt: #325f26;
        --success-border: #325f26;
        --warning: #885206;
        --warning-bg: #ffe7c7;
        --warning-txt: #6f4306;
        --warning-border: #6f4306;
        --alert: #c40303;
        --alert-bg: #fcdede;
        --alert-border: #9a0000;
        --info: #0e6590;
        --info-bg: #bddfef;
        --info-txt: #084868;
        --info-border: #084868;
        --label-darker-mix: 50%
    }
}

@media (prefers-contrast:less) {
    :root {
        --primary: #169e45;
        --primary-lighter: #e8f5ec;
        --primary-darker: #0a441e;
        --secondary: #f0f0f0;
        --third: #94c125;
        --cta: #fd9b27;
        --light-gray: #e6e6e6;
        --medium-gray: #cacaca;
        --dark-gray: #757575;
        --dark: #0e1010;
        --light: #fff;
        --body-bg: #fff;
        --body-txt: #0e1010;
        --global-footer-bg: #fff;
        --global-footer-text: #0e1010;
        --footer-legal-bg: #f0f0f0;
        --footer-legal-txt: #0e1010;
        --footer-social-media: #169e45;
        --global-border: #f0f0f0;
        --label-border: #f0f0f0;
        --switch-bg: #cacaca;
        --shop-logo: #94c125;
        --cta-accent-color: #fff;
        --success: #28cb00;
        --success-bg: #c9e8c1;
        --success-txt: #2a5020;
        --success-border: #c9e8c1;
        --warning: #f2930c;
        --warning-bg: #f7dfbe;
        --warning-txt: #864f00;
        --warning-border: #f7dfbe;
        --alert: #f83b3a;
        --alert-bg: #ffc6c6;
        --alert-txt: #9a0000;
        --alert-border: #ffc6c6;
        --info: #89acc0;
        --info-bg: #c8e3f2;
        --info-txt: #074260;
        --info-border: #c8e3f2;
        --dhl: #fc0;
        --klarna: #ffb3c7;
        --idealo: #0a3761;
        --geizhals: #21558b;
        --gls: #061ab1;
        --label-darker-mix: 0%
    }
}

.theme--contrast {
    --primary: #00660c;
    --third: #558000;
    --cta: #c25700;
    --dark-gray: #424242;
    --global-border: #949494;
    --label-border: #757575;
    --switch-bg: #0e1010;
    --shop-logo: #558000;
    --success: #326d22;
    --success-bg: #e6ffdb;
    --success-txt: #325f26;
    --success-border: #325f26;
    --warning: #885206;
    --warning-bg: #ffe7c7;
    --warning-txt: #6f4306;
    --warning-border: #6f4306;
    --alert: #c40303;
    --alert-bg: #fcdede;
    --alert-border: #9a0000;
    --info: #0e6590;
    --info-bg: #bddfef;
    --info-txt: #084868;
    --info-border: #084868;
    --label-darker-mix: 50%
}

.theme--light {
    --primary: #169e45;
    --primary-lighter: #e8f5ec;
    --primary-darker: #0a441e;
    --secondary: #f0f0f0;
    --third: #94c125;
    --cta: #fd9b27;
    --light-gray: #e6e6e6;
    --medium-gray: #cacaca;
    --dark-gray: #757575;
    --dark: #0e1010;
    --light: #fff;
    --body-bg: #fff;
    --body-txt: #0e1010;
    --global-footer-bg: #fff;
    --global-footer-text: #0e1010;
    --footer-legal-bg: #f0f0f0;
    --footer-legal-txt: #0e1010;
    --footer-social-media: #169e45;
    --global-border: #f0f0f0;
    --label-border: #f0f0f0;
    --switch-bg: #cacaca;
    --shop-logo: #94c125;
    --cta-accent-color: #fff;
    --success: #28cb00;
    --success-bg: #c9e8c1;
    --success-txt: #2a5020;
    --success-border: #c9e8c1;
    --warning: #f2930c;
    --warning-bg: #f7dfbe;
    --warning-txt: #864f00;
    --warning-border: #f7dfbe;
    --alert: #f83b3a;
    --alert-bg: #ffc6c6;
    --alert-txt: #9a0000;
    --alert-border: #ffc6c6;
    --info: #89acc0;
    --info-bg: #c8e3f2;
    --info-txt: #074260;
    --info-border: #c8e3f2;
    --dhl: #fc0;
    --klarna: #ffb3c7;
    --idealo: #0a3761;
    --geizhals: #21558b;
    --gls: #061ab1;
    --label-darker-mix: 0%
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],template {
    display: none
}

.foundation-mq {
    font-family: "xsmall=0em&small=37.5em&medium=56.25em&large=75em"
}

html {
    box-sizing: border-box;
    font-size: 1rem;
    text-underline-offset: 2px
}

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

body {
    margin: 0;
    padding: 0;
    background: var(--body-bg);
    font-family: voelkner,Helvetica,Roboto,Arial,sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: var(--body-txt);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic
}

textarea {
    height: auto;
    min-height: 50px;
    border-radius: 0
}

select {
    box-sizing: border-box;
    width: 100%
}

.map_canvas embed,.map_canvas img,.map_canvas object,.mqa-display embed,.mqa-display img,.mqa-display object {
    max-width: none!important
}

button {
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    background: 0 0;
    line-height: 1;
    cursor: pointer
}

[data-whatinput=mouse] button {
    outline: 0
}

pre {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

button,input,optgroup,select,textarea {
    font-family: inherit
}

address {
    font-style: normal
}

search {
    display: flex;
    width: 100%
}

.is_visible {
    display: block!important
}

.is_hidden {
    display: none!important
}

.grid_container {
    max-width: 93.125rem
}

.grid_container,.grid_container.fluid {
    padding-right: .9375rem;
    padding-left: .9375rem;
    margin-left: auto;
    margin-right: auto
}

.grid_container.fluid {
    max-width: 100%
}

.grid_container.full {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.grid_x {
    display: flex;
    flex-flow: row wrap
}

.cell {
    flex: 0 0 auto;
    min-height: 0;
    min-width: 0;
    width: 100%
}

.cell.auto {
    flex: 1 1 0
}

.cell.shrink {
    flex: 0 0 auto
}

.grid_x>.auto,.grid_x>.shrink {
    width: auto
}

.grid_x>.xsmall_1,.grid_x>.xsmall_2,.grid_x>.xsmall_3,.grid_x>.xsmall_4,.grid_x>.xsmall_5,.grid_x>.xsmall_6,.grid_x>.xsmall_7,.grid_x>.xsmall_8,.grid_x>.xsmall_9,.grid_x>.xsmall_10,.grid_x>.xsmall_11,.grid_x>.xsmall_12,.grid_x>.xsmall_full,.grid_x>.xsmall_shrink {
    flex-basis: auto
}

@media print,screen and (min-width: 37.5em) {
    .grid_x>.small_1,.grid_x>.small_2,.grid_x>.small_3,.grid_x>.small_4,.grid_x>.small_5,.grid_x>.small_6,.grid_x>.small_7,.grid_x>.small_8,.grid_x>.small_9,.grid_x>.small_10,.grid_x>.small_11,.grid_x>.small_12,.grid_x>.small_full,.grid_x>.small_shrink {
        flex-basis:auto
    }
}

@media print,screen and (min-width: 56.25em) {
    .grid_x>.medium_1,.grid_x>.medium_2,.grid_x>.medium_3,.grid_x>.medium_4,.grid_x>.medium_5,.grid_x>.medium_6,.grid_x>.medium_7,.grid_x>.medium_8,.grid_x>.medium_9,.grid_x>.medium_10,.grid_x>.medium_11,.grid_x>.medium_12,.grid_x>.medium_full,.grid_x>.medium_shrink {
        flex-basis:auto
    }
}

@media screen and (min-width: 75em) {
    .grid_x>.large_1,.grid_x>.large_2,.grid_x>.large_3,.grid_x>.large_4,.grid_x>.large_5,.grid_x>.large_6,.grid_x>.large_7,.grid_x>.large_8,.grid_x>.large_9,.grid_x>.large_10,.grid_x>.large_11,.grid_x>.large_12,.grid_x>.large_full,.grid_x>.large_shrink {
        flex-basis:auto
    }
}

.grid_x>.xsmall_1,.grid_x>.xsmall_2,.grid_x>.xsmall_3,.grid_x>.xsmall_4,.grid_x>.xsmall_5,.grid_x>.xsmall_6,.grid_x>.xsmall_7,.grid_x>.xsmall_8,.grid_x>.xsmall_9,.grid_x>.xsmall_10,.grid_x>.xsmall_11,.grid_x>.xsmall_12 {
    flex: 0 0 auto
}

.grid_x>.xsmall_1 {
    width: 8.3333333333%
}

.grid_x>.xsmall_2 {
    width: 16.6666666667%
}

.grid_x>.xsmall_3 {
    width: 25%
}

.grid_x>.xsmall_4 {
    width: 33.3333333333%
}

.grid_x>.xsmall_5 {
    width: 41.6666666667%
}

.grid_x>.xsmall_6 {
    width: 50%
}

.grid_x>.xsmall_7 {
    width: 58.3333333333%
}

.grid_x>.xsmall_8 {
    width: 66.6666666667%
}

.grid_x>.xsmall_9 {
    width: 75%
}

.grid_x>.xsmall_10 {
    width: 83.3333333333%
}

.grid_x>.xsmall_11 {
    width: 91.6666666667%
}

.grid_x>.xsmall_12 {
    width: 100%
}

@media print,screen and (min-width: 37.5em) {
    .grid_x>.small_auto {
        flex:1 1 0;
        width: auto
    }

    .grid_x>.small_1,.grid_x>.small_2,.grid_x>.small_3,.grid_x>.small_4,.grid_x>.small_5,.grid_x>.small_6,.grid_x>.small_7,.grid_x>.small_8,.grid_x>.small_9,.grid_x>.small_10,.grid_x>.small_11,.grid_x>.small_12,.grid_x>.small_shrink {
        flex: 0 0 auto
    }

    .grid_x>.small_shrink {
        width: auto
    }

    .grid_x>.small_1 {
        width: 8.3333333333%
    }

    .grid_x>.small_2 {
        width: 16.6666666667%
    }

    .grid_x>.small_3 {
        width: 25%
    }

    .grid_x>.small_4 {
        width: 33.3333333333%
    }

    .grid_x>.small_5 {
        width: 41.6666666667%
    }

    .grid_x>.small_6 {
        width: 50%
    }

    .grid_x>.small_7 {
        width: 58.3333333333%
    }

    .grid_x>.small_8 {
        width: 66.6666666667%
    }

    .grid_x>.small_9 {
        width: 75%
    }

    .grid_x>.small_10 {
        width: 83.3333333333%
    }

    .grid_x>.small_11 {
        width: 91.6666666667%
    }

    .grid_x>.small_12 {
        width: 100%
    }
}

@media print,screen and (min-width: 56.25em) {
    .grid_x>.medium_auto {
        flex:1 1 0;
        width: auto
    }

    .grid_x>.medium_1,.grid_x>.medium_2,.grid_x>.medium_3,.grid_x>.medium_4,.grid_x>.medium_5,.grid_x>.medium_6,.grid_x>.medium_7,.grid_x>.medium_8,.grid_x>.medium_9,.grid_x>.medium_10,.grid_x>.medium_11,.grid_x>.medium_12,.grid_x>.medium_shrink {
        flex: 0 0 auto
    }

    .grid_x>.medium_shrink {
        width: auto
    }

    .grid_x>.medium_1 {
        width: 8.3333333333%
    }

    .grid_x>.medium_2 {
        width: 16.6666666667%
    }

    .grid_x>.medium_3 {
        width: 25%
    }

    .grid_x>.medium_4 {
        width: 33.3333333333%
    }

    .grid_x>.medium_5 {
        width: 41.6666666667%
    }

    .grid_x>.medium_6 {
        width: 50%
    }

    .grid_x>.medium_7 {
        width: 58.3333333333%
    }

    .grid_x>.medium_8 {
        width: 66.6666666667%
    }

    .grid_x>.medium_9 {
        width: 75%
    }

    .grid_x>.medium_10 {
        width: 83.3333333333%
    }

    .grid_x>.medium_11 {
        width: 91.6666666667%
    }

    .grid_x>.medium_12 {
        width: 100%
    }
}

@media screen and (min-width: 75em) {
    .grid_x>.large_auto {
        flex:1 1 0;
        width: auto
    }

    .grid_x>.large_1,.grid_x>.large_2,.grid_x>.large_3,.grid_x>.large_4,.grid_x>.large_5,.grid_x>.large_6,.grid_x>.large_7,.grid_x>.large_8,.grid_x>.large_9,.grid_x>.large_10,.grid_x>.large_11,.grid_x>.large_12,.grid_x>.large_shrink {
        flex: 0 0 auto
    }

    .grid_x>.large_shrink {
        width: auto
    }

    .grid_x>.large_1 {
        width: 8.3333333333%
    }

    .grid_x>.large_2 {
        width: 16.6666666667%
    }

    .grid_x>.large_3 {
        width: 25%
    }

    .grid_x>.large_4 {
        width: 33.3333333333%
    }

    .grid_x>.large_5 {
        width: 41.6666666667%
    }

    .grid_x>.large_6 {
        width: 50%
    }

    .grid_x>.large_7 {
        width: 58.3333333333%
    }

    .grid_x>.large_8 {
        width: 66.6666666667%
    }

    .grid_x>.large_9 {
        width: 75%
    }

    .grid_x>.large_10 {
        width: 83.3333333333%
    }

    .grid_x>.large_11 {
        width: 91.6666666667%
    }

    .grid_x>.large_12 {
        width: 100%
    }
}

.grid_margin_x:not(.grid_x)>.cell {
    width: auto
}

.grid_margin_y:not(.grid_y)>.cell {
    height: auto
}

.grid_margin_x {
    margin-left: -.5rem;
    margin-right: -.5rem
}

@media print,screen and (min-width: 56.25em) {
    .grid_margin_x {
        margin-left:-.625rem;
        margin-right: -.625rem
    }
}

.grid_margin_x>.cell {
    width: calc(100% - 1rem);
    margin-left: .5rem;
    margin-right: .5rem
}

@media print,screen and (min-width: 56.25em) {
    .grid_margin_x>.cell {
        width:calc(100% - 1.25rem);
        margin-left: .625rem;
        margin-right: .625rem
    }
}

.grid_margin_x>.auto,.grid_margin_x>.shrink {
    width: auto
}

.grid_margin_x>.xsmall_1 {
    width: calc(8.33333% - 1rem)
}

.grid_margin_x>.xsmall_2 {
    width: calc(16.66667% - 1rem)
}

.grid_margin_x>.xsmall_3 {
    width: calc(25% - 1rem)
}

.grid_margin_x>.xsmall_4 {
    width: calc(33.33333% - 1rem)
}

.grid_margin_x>.xsmall_5 {
    width: calc(41.66667% - 1rem)
}

.grid_margin_x>.xsmall_6 {
    width: calc(50% - 1rem)
}

.grid_margin_x>.xsmall_7 {
    width: calc(58.33333% - 1rem)
}

.grid_margin_x>.xsmall_8 {
    width: calc(66.66667% - 1rem)
}

.grid_margin_x>.xsmall_9 {
    width: calc(75% - 1rem)
}

.grid_margin_x>.xsmall_10 {
    width: calc(83.33333% - 1rem)
}

.grid_margin_x>.xsmall_11 {
    width: calc(91.66667% - 1rem)
}

.grid_margin_x>.xsmall_12 {
    width: calc(100% - 1rem)
}

@media print,screen and (min-width: 37.5em) {
    .grid_margin_x>.small_auto,.grid_margin_x>.small_shrink {
        width:auto
    }

    .grid_margin_x>.small_1 {
        width: calc(8.33333% - 1rem)
    }

    .grid_margin_x>.small_2 {
        width: calc(16.66667% - 1rem)
    }

    .grid_margin_x>.small_3 {
        width: calc(25% - 1rem)
    }

    .grid_margin_x>.small_4 {
        width: calc(33.33333% - 1rem)
    }

    .grid_margin_x>.small_5 {
        width: calc(41.66667% - 1rem)
    }

    .grid_margin_x>.small_6 {
        width: calc(50% - 1rem)
    }

    .grid_margin_x>.small_7 {
        width: calc(58.33333% - 1rem)
    }

    .grid_margin_x>.small_8 {
        width: calc(66.66667% - 1rem)
    }

    .grid_margin_x>.small_9 {
        width: calc(75% - 1rem)
    }

    .grid_margin_x>.small_10 {
        width: calc(83.33333% - 1rem)
    }

    .grid_margin_x>.small_11 {
        width: calc(91.66667% - 1rem)
    }

    .grid_margin_x>.small_12 {
        width: calc(100% - 1rem)
    }
}

@media print,screen and (min-width: 56.25em) {
    .grid_margin_x>.auto,.grid_margin_x>.shrink {
        width:auto
    }

    .grid_margin_x>.xsmall_1 {
        width: calc(8.33333% - 1.25rem)
    }

    .grid_margin_x>.xsmall_2 {
        width: calc(16.66667% - 1.25rem)
    }

    .grid_margin_x>.xsmall_3 {
        width: calc(25% - 1.25rem)
    }

    .grid_margin_x>.xsmall_4 {
        width: calc(33.33333% - 1.25rem)
    }

    .grid_margin_x>.xsmall_5 {
        width: calc(41.66667% - 1.25rem)
    }

    .grid_margin_x>.xsmall_6 {
        width: calc(50% - 1.25rem)
    }

    .grid_margin_x>.xsmall_7 {
        width: calc(58.33333% - 1.25rem)
    }

    .grid_margin_x>.xsmall_8 {
        width: calc(66.66667% - 1.25rem)
    }

    .grid_margin_x>.xsmall_9 {
        width: calc(75% - 1.25rem)
    }

    .grid_margin_x>.xsmall_10 {
        width: calc(83.33333% - 1.25rem)
    }

    .grid_margin_x>.xsmall_11 {
        width: calc(91.66667% - 1.25rem)
    }

    .grid_margin_x>.xsmall_12 {
        width: calc(100% - 1.25rem)
    }

    .grid_margin_x>.small_auto,.grid_margin_x>.small_shrink {
        width: auto
    }

    .grid_margin_x>.small_1 {
        width: calc(8.33333% - 1.25rem)
    }

    .grid_margin_x>.small_2 {
        width: calc(16.66667% - 1.25rem)
    }

    .grid_margin_x>.small_3 {
        width: calc(25% - 1.25rem)
    }

    .grid_margin_x>.small_4 {
        width: calc(33.33333% - 1.25rem)
    }

    .grid_margin_x>.small_5 {
        width: calc(41.66667% - 1.25rem)
    }

    .grid_margin_x>.small_6 {
        width: calc(50% - 1.25rem)
    }

    .grid_margin_x>.small_7 {
        width: calc(58.33333% - 1.25rem)
    }

    .grid_margin_x>.small_8 {
        width: calc(66.66667% - 1.25rem)
    }

    .grid_margin_x>.small_9 {
        width: calc(75% - 1.25rem)
    }

    .grid_margin_x>.small_10 {
        width: calc(83.33333% - 1.25rem)
    }

    .grid_margin_x>.small_11 {
        width: calc(91.66667% - 1.25rem)
    }

    .grid_margin_x>.small_12 {
        width: calc(100% - 1.25rem)
    }

    .grid_margin_x>.medium_auto,.grid_margin_x>.medium_shrink {
        width: auto
    }

    .grid_margin_x>.medium_1 {
        width: calc(8.33333% - 1.25rem)
    }

    .grid_margin_x>.medium_2 {
        width: calc(16.66667% - 1.25rem)
    }

    .grid_margin_x>.medium_3 {
        width: calc(25% - 1.25rem)
    }

    .grid_margin_x>.medium_4 {
        width: calc(33.33333% - 1.25rem)
    }

    .grid_margin_x>.medium_5 {
        width: calc(41.66667% - 1.25rem)
    }

    .grid_margin_x>.medium_6 {
        width: calc(50% - 1.25rem)
    }

    .grid_margin_x>.medium_7 {
        width: calc(58.33333% - 1.25rem)
    }

    .grid_margin_x>.medium_8 {
        width: calc(66.66667% - 1.25rem)
    }

    .grid_margin_x>.medium_9 {
        width: calc(75% - 1.25rem)
    }

    .grid_margin_x>.medium_10 {
        width: calc(83.33333% - 1.25rem)
    }

    .grid_margin_x>.medium_11 {
        width: calc(91.66667% - 1.25rem)
    }

    .grid_margin_x>.medium_12 {
        width: calc(100% - 1.25rem)
    }
}

@media screen and (min-width: 75em) {
    .grid_margin_x>.large_auto,.grid_margin_x>.large_shrink {
        width:auto
    }

    .grid_margin_x>.large_1 {
        width: calc(8.33333% - 1.25rem)
    }

    .grid_margin_x>.large_2 {
        width: calc(16.66667% - 1.25rem)
    }

    .grid_margin_x>.large_3 {
        width: calc(25% - 1.25rem)
    }

    .grid_margin_x>.large_4 {
        width: calc(33.33333% - 1.25rem)
    }

    .grid_margin_x>.large_5 {
        width: calc(41.66667% - 1.25rem)
    }

    .grid_margin_x>.large_6 {
        width: calc(50% - 1.25rem)
    }

    .grid_margin_x>.large_7 {
        width: calc(58.33333% - 1.25rem)
    }

    .grid_margin_x>.large_8 {
        width: calc(66.66667% - 1.25rem)
    }

    .grid_margin_x>.large_9 {
        width: calc(75% - 1.25rem)
    }

    .grid_margin_x>.large_10 {
        width: calc(83.33333% - 1.25rem)
    }

    .grid_margin_x>.large_11 {
        width: calc(91.66667% - 1.25rem)
    }

    .grid_margin_x>.large_12 {
        width: calc(100% - 1.25rem)
    }
}

.grid_padding_x .grid_padding_x {
    margin-right: -.5rem;
    margin-left: -.5rem
}

@media print,screen and (min-width: 56.25em) {
    .grid_padding_x .grid_padding_x {
        margin-right:-.625rem;
        margin-left: -.625rem
    }
}

.grid_container:not(.full)>.grid_padding_x {
    margin-right: -.5rem;
    margin-left: -.5rem
}

@media print,screen and (min-width: 56.25em) {
    .grid_container:not(.full)>.grid_padding_x {
        margin-right:-.625rem;
        margin-left: -.625rem
    }
}

.grid_padding_x>.cell {
    padding-right: .5rem;
    padding-left: .5rem
}

@media print,screen and (min-width: 56.25em) {
    .grid_padding_x>.cell {
        padding-right:.625rem;
        padding-left: .625rem
    }
}

.xsmall_up_1>.cell {
    width: 100%
}

.xsmall_up_2>.cell {
    width: 50%
}

.xsmall_up_3>.cell {
    width: 33.3333333333%
}

.xsmall_up_4>.cell {
    width: 25%
}

.xsmall_up_5>.cell {
    width: 20%
}

.xsmall_up_6>.cell {
    width: 16.6666666667%
}

.xsmall_up_7>.cell {
    width: 14.2857142857%
}

.xsmall_up_8>.cell {
    width: 12.5%
}

@media print,screen and (min-width: 37.5em) {
    .small_up_1>.cell {
        width:100%
    }

    .small_up_2>.cell {
        width: 50%
    }

    .small_up_3>.cell {
        width: 33.3333333333%
    }

    .small_up_4>.cell {
        width: 25%
    }

    .small_up_5>.cell {
        width: 20%
    }

    .small_up_6>.cell {
        width: 16.6666666667%
    }

    .small_up_7>.cell {
        width: 14.2857142857%
    }

    .small_up_8>.cell {
        width: 12.5%
    }
}

@media print,screen and (min-width: 56.25em) {
    .medium_up_1>.cell {
        width:100%
    }

    .medium_up_2>.cell {
        width: 50%
    }

    .medium_up_3>.cell {
        width: 33.3333333333%
    }

    .medium_up_4>.cell {
        width: 25%
    }

    .medium_up_5>.cell {
        width: 20%
    }

    .medium_up_6>.cell {
        width: 16.6666666667%
    }

    .medium_up_7>.cell {
        width: 14.2857142857%
    }

    .medium_up_8>.cell {
        width: 12.5%
    }
}

@media screen and (min-width: 75em) {
    .large_up_1>.cell {
        width:100%
    }

    .large_up_2>.cell {
        width: 50%
    }

    .large_up_3>.cell {
        width: 33.3333333333%
    }

    .large_up_4>.cell {
        width: 25%
    }

    .large_up_5>.cell {
        width: 20%
    }

    .large_up_6>.cell {
        width: 16.6666666667%
    }

    .large_up_7>.cell {
        width: 14.2857142857%
    }

    .large_up_8>.cell {
        width: 12.5%
    }
}

.grid_margin_x.xsmall_up_1>.cell {
    width: calc(100% - 1rem)
}

.grid_margin_x.xsmall_up_2>.cell {
    width: calc(50% - 1rem)
}

.grid_margin_x.xsmall_up_3>.cell {
    width: calc(33.33333% - 1rem)
}

.grid_margin_x.xsmall_up_4>.cell {
    width: calc(25% - 1rem)
}

.grid_margin_x.xsmall_up_5>.cell {
    width: calc(20% - 1rem)
}

.grid_margin_x.xsmall_up_6>.cell {
    width: calc(16.66667% - 1rem)
}

.grid_margin_x.xsmall_up_7>.cell {
    width: calc(14.28571% - 1rem)
}

.grid_margin_x.xsmall_up_8>.cell {
    width: calc(12.5% - 1rem)
}

@media print,screen and (min-width: 37.5em) {
    .grid_margin_x.small_up_1>.cell {
        width:calc(100% - 1rem)
    }

    .grid_margin_x.small_up_2>.cell {
        width: calc(50% - 1rem)
    }

    .grid_margin_x.small_up_3>.cell {
        width: calc(33.33333% - 1rem)
    }

    .grid_margin_x.small_up_4>.cell {
        width: calc(25% - 1rem)
    }

    .grid_margin_x.small_up_5>.cell {
        width: calc(20% - 1rem)
    }

    .grid_margin_x.small_up_6>.cell {
        width: calc(16.66667% - 1rem)
    }

    .grid_margin_x.small_up_7>.cell {
        width: calc(14.28571% - 1rem)
    }

    .grid_margin_x.small_up_8>.cell {
        width: calc(12.5% - 1rem)
    }
}

@media print,screen and (min-width: 56.25em) {
    .grid_margin_x.xsmall_up_1>.cell {
        width:calc(100% - 1.25rem)
    }

    .grid_margin_x.xsmall_up_2>.cell {
        width: calc(50% - 1.25rem)
    }

    .grid_margin_x.xsmall_up_3>.cell {
        width: calc(33.33333% - 1.25rem)
    }

    .grid_margin_x.xsmall_up_4>.cell {
        width: calc(25% - 1.25rem)
    }

    .grid_margin_x.xsmall_up_5>.cell {
        width: calc(20% - 1.25rem)
    }

    .grid_margin_x.xsmall_up_6>.cell {
        width: calc(16.66667% - 1.25rem)
    }

    .grid_margin_x.xsmall_up_7>.cell {
        width: calc(14.28571% - 1.25rem)
    }

    .grid_margin_x.xsmall_up_8>.cell {
        width: calc(12.5% - 1.25rem)
    }

    .grid_margin_x.medium_up_1>.cell {
        width: calc(100% - 1.25rem)
    }

    .grid_margin_x.medium_up_2>.cell {
        width: calc(50% - 1.25rem)
    }

    .grid_margin_x.medium_up_3>.cell {
        width: calc(33.33333% - 1.25rem)
    }

    .grid_margin_x.medium_up_4>.cell {
        width: calc(25% - 1.25rem)
    }

    .grid_margin_x.medium_up_5>.cell {
        width: calc(20% - 1.25rem)
    }

    .grid_margin_x.medium_up_6>.cell {
        width: calc(16.66667% - 1.25rem)
    }

    .grid_margin_x.medium_up_7>.cell {
        width: calc(14.28571% - 1.25rem)
    }

    .grid_margin_x.medium_up_8>.cell {
        width: calc(12.5% - 1.25rem)
    }
}

@media screen and (min-width: 75em) {
    .grid_margin_x.large_up_1>.cell {
        width:calc(100% - 1.25rem)
    }

    .grid_margin_x.large_up_2>.cell {
        width: calc(50% - 1.25rem)
    }

    .grid_margin_x.large_up_3>.cell {
        width: calc(33.33333% - 1.25rem)
    }

    .grid_margin_x.large_up_4>.cell {
        width: calc(25% - 1.25rem)
    }

    .grid_margin_x.large_up_5>.cell {
        width: calc(20% - 1.25rem)
    }

    .grid_margin_x.large_up_6>.cell {
        width: calc(16.66667% - 1.25rem)
    }

    .grid_margin_x.large_up_7>.cell {
        width: calc(14.28571% - 1.25rem)
    }

    .grid_margin_x.large_up_8>.cell {
        width: calc(12.5% - 1.25rem)
    }
}

.xsmall_margin_collapse,.xsmall_margin_collapse>.cell {
    margin-right: 0;
    margin-left: 0
}

.xsmall_margin_collapse>.xsmall_1 {
    width: 8.3333333333%
}

.xsmall_margin_collapse>.xsmall_2 {
    width: 16.6666666667%
}

.xsmall_margin_collapse>.xsmall_3 {
    width: 25%
}

.xsmall_margin_collapse>.xsmall_4 {
    width: 33.3333333333%
}

.xsmall_margin_collapse>.xsmall_5 {
    width: 41.6666666667%
}

.xsmall_margin_collapse>.xsmall_6 {
    width: 50%
}

.xsmall_margin_collapse>.xsmall_7 {
    width: 58.3333333333%
}

.xsmall_margin_collapse>.xsmall_8 {
    width: 66.6666666667%
}

.xsmall_margin_collapse>.xsmall_9 {
    width: 75%
}

.xsmall_margin_collapse>.xsmall_10 {
    width: 83.3333333333%
}

.xsmall_margin_collapse>.xsmall_11 {
    width: 91.6666666667%
}

.xsmall_margin_collapse>.xsmall_12 {
    width: 100%
}

@media print,screen and (min-width: 37.5em) {
    .xsmall_margin_collapse>.small_1 {
        width:8.3333333333%
    }

    .xsmall_margin_collapse>.small_2 {
        width: 16.6666666667%
    }

    .xsmall_margin_collapse>.small_3 {
        width: 25%
    }

    .xsmall_margin_collapse>.small_4 {
        width: 33.3333333333%
    }

    .xsmall_margin_collapse>.small_5 {
        width: 41.6666666667%
    }

    .xsmall_margin_collapse>.small_6 {
        width: 50%
    }

    .xsmall_margin_collapse>.small_7 {
        width: 58.3333333333%
    }

    .xsmall_margin_collapse>.small_8 {
        width: 66.6666666667%
    }

    .xsmall_margin_collapse>.small_9 {
        width: 75%
    }

    .xsmall_margin_collapse>.small_10 {
        width: 83.3333333333%
    }

    .xsmall_margin_collapse>.small_11 {
        width: 91.6666666667%
    }

    .xsmall_margin_collapse>.small_12 {
        width: 100%
    }
}

@media print,screen and (min-width: 56.25em) {
    .xsmall_margin_collapse>.medium_1 {
        width:8.3333333333%
    }

    .xsmall_margin_collapse>.medium_2 {
        width: 16.6666666667%
    }

    .xsmall_margin_collapse>.medium_3 {
        width: 25%
    }

    .xsmall_margin_collapse>.medium_4 {
        width: 33.3333333333%
    }

    .xsmall_margin_collapse>.medium_5 {
        width: 41.6666666667%
    }

    .xsmall_margin_collapse>.medium_6 {
        width: 50%
    }

    .xsmall_margin_collapse>.medium_7 {
        width: 58.3333333333%
    }

    .xsmall_margin_collapse>.medium_8 {
        width: 66.6666666667%
    }

    .xsmall_margin_collapse>.medium_9 {
        width: 75%
    }

    .xsmall_margin_collapse>.medium_10 {
        width: 83.3333333333%
    }

    .xsmall_margin_collapse>.medium_11 {
        width: 91.6666666667%
    }

    .xsmall_margin_collapse>.medium_12 {
        width: 100%
    }
}

@media screen and (min-width: 75em) {
    .xsmall_margin_collapse>.large_1 {
        width:8.3333333333%
    }

    .xsmall_margin_collapse>.large_2 {
        width: 16.6666666667%
    }

    .xsmall_margin_collapse>.large_3 {
        width: 25%
    }

    .xsmall_margin_collapse>.large_4 {
        width: 33.3333333333%
    }

    .xsmall_margin_collapse>.large_5 {
        width: 41.6666666667%
    }

    .xsmall_margin_collapse>.large_6 {
        width: 50%
    }

    .xsmall_margin_collapse>.large_7 {
        width: 58.3333333333%
    }

    .xsmall_margin_collapse>.large_8 {
        width: 66.6666666667%
    }

    .xsmall_margin_collapse>.large_9 {
        width: 75%
    }

    .xsmall_margin_collapse>.large_10 {
        width: 83.3333333333%
    }

    .xsmall_margin_collapse>.large_11 {
        width: 91.6666666667%
    }

    .xsmall_margin_collapse>.large_12 {
        width: 100%
    }
}

.xsmall_padding_collapse {
    margin-right: 0;
    margin-left: 0
}

.xsmall_padding_collapse>.cell {
    padding-right: 0;
    padding-left: 0
}

@media print,screen and (min-width: 37.5em) {
    .small_margin_collapse,.small_margin_collapse>.cell {
        margin-right:0;
        margin-left: 0
    }
}

@media print,screen and (min-width: 37.5em) {
    .small_margin_collapse>.xsmall_1 {
        width:8.3333333333%
    }

    .small_margin_collapse>.xsmall_2 {
        width: 16.6666666667%
    }

    .small_margin_collapse>.xsmall_3 {
        width: 25%
    }

    .small_margin_collapse>.xsmall_4 {
        width: 33.3333333333%
    }

    .small_margin_collapse>.xsmall_5 {
        width: 41.6666666667%
    }

    .small_margin_collapse>.xsmall_6 {
        width: 50%
    }

    .small_margin_collapse>.xsmall_7 {
        width: 58.3333333333%
    }

    .small_margin_collapse>.xsmall_8 {
        width: 66.6666666667%
    }

    .small_margin_collapse>.xsmall_9 {
        width: 75%
    }

    .small_margin_collapse>.xsmall_10 {
        width: 83.3333333333%
    }

    .small_margin_collapse>.xsmall_11 {
        width: 91.6666666667%
    }

    .small_margin_collapse>.xsmall_12 {
        width: 100%
    }
}

@media print,screen and (min-width: 37.5em) {
    .small_margin_collapse>.small_1 {
        width:8.3333333333%
    }

    .small_margin_collapse>.small_2 {
        width: 16.6666666667%
    }

    .small_margin_collapse>.small_3 {
        width: 25%
    }

    .small_margin_collapse>.small_4 {
        width: 33.3333333333%
    }

    .small_margin_collapse>.small_5 {
        width: 41.6666666667%
    }

    .small_margin_collapse>.small_6 {
        width: 50%
    }

    .small_margin_collapse>.small_7 {
        width: 58.3333333333%
    }

    .small_margin_collapse>.small_8 {
        width: 66.6666666667%
    }

    .small_margin_collapse>.small_9 {
        width: 75%
    }

    .small_margin_collapse>.small_10 {
        width: 83.3333333333%
    }

    .small_margin_collapse>.small_11 {
        width: 91.6666666667%
    }

    .small_margin_collapse>.small_12 {
        width: 100%
    }
}

@media print,screen and (min-width: 56.25em) {
    .small_margin_collapse>.medium_1 {
        width:8.3333333333%
    }

    .small_margin_collapse>.medium_2 {
        width: 16.6666666667%
    }

    .small_margin_collapse>.medium_3 {
        width: 25%
    }

    .small_margin_collapse>.medium_4 {
        width: 33.3333333333%
    }

    .small_margin_collapse>.medium_5 {
        width: 41.6666666667%
    }

    .small_margin_collapse>.medium_6 {
        width: 50%
    }

    .small_margin_collapse>.medium_7 {
        width: 58.3333333333%
    }

    .small_margin_collapse>.medium_8 {
        width: 66.6666666667%
    }

    .small_margin_collapse>.medium_9 {
        width: 75%
    }

    .small_margin_collapse>.medium_10 {
        width: 83.3333333333%
    }

    .small_margin_collapse>.medium_11 {
        width: 91.6666666667%
    }

    .small_margin_collapse>.medium_12 {
        width: 100%
    }
}

@media screen and (min-width: 75em) {
    .small_margin_collapse>.large_1 {
        width:8.3333333333%
    }

    .small_margin_collapse>.large_2 {
        width: 16.6666666667%
    }

    .small_margin_collapse>.large_3 {
        width: 25%
    }

    .small_margin_collapse>.large_4 {
        width: 33.3333333333%
    }

    .small_margin_collapse>.large_5 {
        width: 41.6666666667%
    }

    .small_margin_collapse>.large_6 {
        width: 50%
    }

    .small_margin_collapse>.large_7 {
        width: 58.3333333333%
    }

    .small_margin_collapse>.large_8 {
        width: 66.6666666667%
    }

    .small_margin_collapse>.large_9 {
        width: 75%
    }

    .small_margin_collapse>.large_10 {
        width: 83.3333333333%
    }

    .small_margin_collapse>.large_11 {
        width: 91.6666666667%
    }

    .small_margin_collapse>.large_12 {
        width: 100%
    }
}

@media print,screen and (min-width: 37.5em) {
    .small_padding_collapse {
        margin-right:0;
        margin-left: 0
    }

    .small_padding_collapse>.cell {
        padding-right: 0;
        padding-left: 0
    }
}

@media print,screen and (min-width: 56.25em) {
    .medium_margin_collapse,.medium_margin_collapse>.cell {
        margin-right:0;
        margin-left: 0
    }
}

@media print,screen and (min-width: 56.25em) {
    .medium_margin_collapse>.xsmall_1 {
        width:8.3333333333%
    }

    .medium_margin_collapse>.xsmall_2 {
        width: 16.6666666667%
    }

    .medium_margin_collapse>.xsmall_3 {
        width: 25%
    }

    .medium_margin_collapse>.xsmall_4 {
        width: 33.3333333333%
    }

    .medium_margin_collapse>.xsmall_5 {
        width: 41.6666666667%
    }

    .medium_margin_collapse>.xsmall_6 {
        width: 50%
    }

    .medium_margin_collapse>.xsmall_7 {
        width: 58.3333333333%
    }

    .medium_margin_collapse>.xsmall_8 {
        width: 66.6666666667%
    }

    .medium_margin_collapse>.xsmall_9 {
        width: 75%
    }

    .medium_margin_collapse>.xsmall_10 {
        width: 83.3333333333%
    }

    .medium_margin_collapse>.xsmall_11 {
        width: 91.6666666667%
    }

    .medium_margin_collapse>.xsmall_12 {
        width: 100%
    }
}

@media print,screen and (min-width: 56.25em) {
    .medium_margin_collapse>.small_1 {
        width:8.3333333333%
    }

    .medium_margin_collapse>.small_2 {
        width: 16.6666666667%
    }

    .medium_margin_collapse>.small_3 {
        width: 25%
    }

    .medium_margin_collapse>.small_4 {
        width: 33.3333333333%
    }

    .medium_margin_collapse>.small_5 {
        width: 41.6666666667%
    }

    .medium_margin_collapse>.small_6 {
        width: 50%
    }

    .medium_margin_collapse>.small_7 {
        width: 58.3333333333%
    }

    .medium_margin_collapse>.small_8 {
        width: 66.6666666667%
    }

    .medium_margin_collapse>.small_9 {
        width: 75%
    }

    .medium_margin_collapse>.small_10 {
        width: 83.3333333333%
    }

    .medium_margin_collapse>.small_11 {
        width: 91.6666666667%
    }

    .medium_margin_collapse>.small_12 {
        width: 100%
    }
}

@media print,screen and (min-width: 56.25em) {
    .medium_margin_collapse>.medium_1 {
        width:8.3333333333%
    }

    .medium_margin_collapse>.medium_2 {
        width: 16.6666666667%
    }

    .medium_margin_collapse>.medium_3 {
        width: 25%
    }

    .medium_margin_collapse>.medium_4 {
        width: 33.3333333333%
    }

    .medium_margin_collapse>.medium_5 {
        width: 41.6666666667%
    }

    .medium_margin_collapse>.medium_6 {
        width: 50%
    }

    .medium_margin_collapse>.medium_7 {
        width: 58.3333333333%
    }

    .medium_margin_collapse>.medium_8 {
        width: 66.6666666667%
    }

    .medium_margin_collapse>.medium_9 {
        width: 75%
    }

    .medium_margin_collapse>.medium_10 {
        width: 83.3333333333%
    }

    .medium_margin_collapse>.medium_11 {
        width: 91.6666666667%
    }

    .medium_margin_collapse>.medium_12 {
        width: 100%
    }
}

@media screen and (min-width: 75em) {
    .medium_margin_collapse>.large_1 {
        width:8.3333333333%
    }

    .medium_margin_collapse>.large_2 {
        width: 16.6666666667%
    }

    .medium_margin_collapse>.large_3 {
        width: 25%
    }

    .medium_margin_collapse>.large_4 {
        width: 33.3333333333%
    }

    .medium_margin_collapse>.large_5 {
        width: 41.6666666667%
    }

    .medium_margin_collapse>.large_6 {
        width: 50%
    }

    .medium_margin_collapse>.large_7 {
        width: 58.3333333333%
    }

    .medium_margin_collapse>.large_8 {
        width: 66.6666666667%
    }

    .medium_margin_collapse>.large_9 {
        width: 75%
    }

    .medium_margin_collapse>.large_10 {
        width: 83.3333333333%
    }

    .medium_margin_collapse>.large_11 {
        width: 91.6666666667%
    }

    .medium_margin_collapse>.large_12 {
        width: 100%
    }
}

@media print,screen and (min-width: 56.25em) {
    .medium_padding_collapse {
        margin-right:0;
        margin-left: 0
    }

    .medium_padding_collapse>.cell {
        padding-right: 0;
        padding-left: 0
    }
}

@media screen and (min-width: 75em) {
    .large_margin_collapse,.large_margin_collapse>.cell {
        margin-right:0;
        margin-left: 0
    }
}

@media screen and (min-width: 75em) {
    .large_margin_collapse>.xsmall_1 {
        width:8.3333333333%
    }

    .large_margin_collapse>.xsmall_2 {
        width: 16.6666666667%
    }

    .large_margin_collapse>.xsmall_3 {
        width: 25%
    }

    .large_margin_collapse>.xsmall_4 {
        width: 33.3333333333%
    }

    .large_margin_collapse>.xsmall_5 {
        width: 41.6666666667%
    }

    .large_margin_collapse>.xsmall_6 {
        width: 50%
    }

    .large_margin_collapse>.xsmall_7 {
        width: 58.3333333333%
    }

    .large_margin_collapse>.xsmall_8 {
        width: 66.6666666667%
    }

    .large_margin_collapse>.xsmall_9 {
        width: 75%
    }

    .large_margin_collapse>.xsmall_10 {
        width: 83.3333333333%
    }

    .large_margin_collapse>.xsmall_11 {
        width: 91.6666666667%
    }

    .large_margin_collapse>.xsmall_12 {
        width: 100%
    }
}

@media screen and (min-width: 75em) {
    .large_margin_collapse>.small_1 {
        width:8.3333333333%
    }

    .large_margin_collapse>.small_2 {
        width: 16.6666666667%
    }

    .large_margin_collapse>.small_3 {
        width: 25%
    }

    .large_margin_collapse>.small_4 {
        width: 33.3333333333%
    }

    .large_margin_collapse>.small_5 {
        width: 41.6666666667%
    }

    .large_margin_collapse>.small_6 {
        width: 50%
    }

    .large_margin_collapse>.small_7 {
        width: 58.3333333333%
    }

    .large_margin_collapse>.small_8 {
        width: 66.6666666667%
    }

    .large_margin_collapse>.small_9 {
        width: 75%
    }

    .large_margin_collapse>.small_10 {
        width: 83.3333333333%
    }

    .large_margin_collapse>.small_11 {
        width: 91.6666666667%
    }

    .large_margin_collapse>.small_12 {
        width: 100%
    }
}

@media screen and (min-width: 75em) {
    .large_margin_collapse>.medium_1 {
        width:8.3333333333%
    }

    .large_margin_collapse>.medium_2 {
        width: 16.6666666667%
    }

    .large_margin_collapse>.medium_3 {
        width: 25%
    }

    .large_margin_collapse>.medium_4 {
        width: 33.3333333333%
    }

    .large_margin_collapse>.medium_5 {
        width: 41.6666666667%
    }

    .large_margin_collapse>.medium_6 {
        width: 50%
    }

    .large_margin_collapse>.medium_7 {
        width: 58.3333333333%
    }

    .large_margin_collapse>.medium_8 {
        width: 66.6666666667%
    }

    .large_margin_collapse>.medium_9 {
        width: 75%
    }

    .large_margin_collapse>.medium_10 {
        width: 83.3333333333%
    }

    .large_margin_collapse>.medium_11 {
        width: 91.6666666667%
    }

    .large_margin_collapse>.medium_12 {
        width: 100%
    }
}

@media screen and (min-width: 75em) {
    .large_margin_collapse>.large_1 {
        width:8.3333333333%
    }

    .large_margin_collapse>.large_2 {
        width: 16.6666666667%
    }

    .large_margin_collapse>.large_3 {
        width: 25%
    }

    .large_margin_collapse>.large_4 {
        width: 33.3333333333%
    }

    .large_margin_collapse>.large_5 {
        width: 41.6666666667%
    }

    .large_margin_collapse>.large_6 {
        width: 50%
    }

    .large_margin_collapse>.large_7 {
        width: 58.3333333333%
    }

    .large_margin_collapse>.large_8 {
        width: 66.6666666667%
    }

    .large_margin_collapse>.large_9 {
        width: 75%
    }

    .large_margin_collapse>.large_10 {
        width: 83.3333333333%
    }

    .large_margin_collapse>.large_11 {
        width: 91.6666666667%
    }

    .large_margin_collapse>.large_12 {
        width: 100%
    }
}

@media screen and (min-width: 75em) {
    .large_padding_collapse {
        margin-right:0;
        margin-left: 0
    }

    .large_padding_collapse>.cell {
        padding-right: 0;
        padding-left: 0
    }
}

.xsmall_offset_0 {
    margin-left: 0
}

.grid_margin_x>.xsmall_offset_0 {
    margin-left: .5rem
}

.xsmall_offset_1 {
    margin-left: 8.3333333333%
}

.grid_margin_x>.xsmall_offset_1 {
    margin-left: calc(8.33333% + .5rem)
}

.xsmall_offset_2 {
    margin-left: 16.6666666667%
}

.grid_margin_x>.xsmall_offset_2 {
    margin-left: calc(16.66667% + .5rem)
}

.xsmall_offset_3 {
    margin-left: 25%
}

.grid_margin_x>.xsmall_offset_3 {
    margin-left: calc(25% + .5rem)
}

.xsmall_offset_4 {
    margin-left: 33.3333333333%
}

.grid_margin_x>.xsmall_offset_4 {
    margin-left: calc(33.33333% + .5rem)
}

.xsmall_offset_5 {
    margin-left: 41.6666666667%
}

.grid_margin_x>.xsmall_offset_5 {
    margin-left: calc(41.66667% + .5rem)
}

.xsmall_offset_6 {
    margin-left: 50%
}

.grid_margin_x>.xsmall_offset_6 {
    margin-left: calc(50% + .5rem)
}

.xsmall_offset_7 {
    margin-left: 58.3333333333%
}

.grid_margin_x>.xsmall_offset_7 {
    margin-left: calc(58.33333% + .5rem)
}

.xsmall_offset_8 {
    margin-left: 66.6666666667%
}

.grid_margin_x>.xsmall_offset_8 {
    margin-left: calc(66.66667% + .5rem)
}

.xsmall_offset_9 {
    margin-left: 75%
}

.grid_margin_x>.xsmall_offset_9 {
    margin-left: calc(75% + .5rem)
}

.xsmall_offset_10 {
    margin-left: 83.3333333333%
}

.grid_margin_x>.xsmall_offset_10 {
    margin-left: calc(83.33333% + .5rem)
}

.xsmall_offset_11 {
    margin-left: 91.6666666667%
}

.grid_margin_x>.xsmall_offset_11 {
    margin-left: calc(91.66667% + .5rem)
}

@media print,screen and (min-width: 37.5em) {
    .small_offset_0 {
        margin-left:0
    }

    .grid_margin_x>.small_offset_0 {
        margin-left: .5rem
    }

    .small_offset_1 {
        margin-left: 8.3333333333%
    }

    .grid_margin_x>.small_offset_1 {
        margin-left: calc(8.33333% + .5rem)
    }

    .small_offset_2 {
        margin-left: 16.6666666667%
    }

    .grid_margin_x>.small_offset_2 {
        margin-left: calc(16.66667% + .5rem)
    }

    .small_offset_3 {
        margin-left: 25%
    }

    .grid_margin_x>.small_offset_3 {
        margin-left: calc(25% + .5rem)
    }

    .small_offset_4 {
        margin-left: 33.3333333333%
    }

    .grid_margin_x>.small_offset_4 {
        margin-left: calc(33.33333% + .5rem)
    }

    .small_offset_5 {
        margin-left: 41.6666666667%
    }

    .grid_margin_x>.small_offset_5 {
        margin-left: calc(41.66667% + .5rem)
    }

    .small_offset_6 {
        margin-left: 50%
    }

    .grid_margin_x>.small_offset_6 {
        margin-left: calc(50% + .5rem)
    }

    .small_offset_7 {
        margin-left: 58.3333333333%
    }

    .grid_margin_x>.small_offset_7 {
        margin-left: calc(58.33333% + .5rem)
    }

    .small_offset_8 {
        margin-left: 66.6666666667%
    }

    .grid_margin_x>.small_offset_8 {
        margin-left: calc(66.66667% + .5rem)
    }

    .small_offset_9 {
        margin-left: 75%
    }

    .grid_margin_x>.small_offset_9 {
        margin-left: calc(75% + .5rem)
    }

    .small_offset_10 {
        margin-left: 83.3333333333%
    }

    .grid_margin_x>.small_offset_10 {
        margin-left: calc(83.33333% + .5rem)
    }

    .small_offset_11 {
        margin-left: 91.6666666667%
    }

    .grid_margin_x>.small_offset_11 {
        margin-left: calc(91.66667% + .5rem)
    }
}

@media print,screen and (min-width: 56.25em) {
    .medium_offset_0 {
        margin-left:0
    }

    .grid_margin_x>.medium_offset_0 {
        margin-left: .625rem
    }

    .medium_offset_1 {
        margin-left: 8.3333333333%
    }

    .grid_margin_x>.medium_offset_1 {
        margin-left: calc(8.33333% + .625rem)
    }

    .medium_offset_2 {
        margin-left: 16.6666666667%
    }

    .grid_margin_x>.medium_offset_2 {
        margin-left: calc(16.66667% + .625rem)
    }

    .medium_offset_3 {
        margin-left: 25%
    }

    .grid_margin_x>.medium_offset_3 {
        margin-left: calc(25% + .625rem)
    }

    .medium_offset_4 {
        margin-left: 33.3333333333%
    }

    .grid_margin_x>.medium_offset_4 {
        margin-left: calc(33.33333% + .625rem)
    }

    .medium_offset_5 {
        margin-left: 41.6666666667%
    }

    .grid_margin_x>.medium_offset_5 {
        margin-left: calc(41.66667% + .625rem)
    }

    .medium_offset_6 {
        margin-left: 50%
    }

    .grid_margin_x>.medium_offset_6 {
        margin-left: calc(50% + .625rem)
    }

    .medium_offset_7 {
        margin-left: 58.3333333333%
    }

    .grid_margin_x>.medium_offset_7 {
        margin-left: calc(58.33333% + .625rem)
    }

    .medium_offset_8 {
        margin-left: 66.6666666667%
    }

    .grid_margin_x>.medium_offset_8 {
        margin-left: calc(66.66667% + .625rem)
    }

    .medium_offset_9 {
        margin-left: 75%
    }

    .grid_margin_x>.medium_offset_9 {
        margin-left: calc(75% + .625rem)
    }

    .medium_offset_10 {
        margin-left: 83.3333333333%
    }

    .grid_margin_x>.medium_offset_10 {
        margin-left: calc(83.33333% + .625rem)
    }

    .medium_offset_11 {
        margin-left: 91.6666666667%
    }

    .grid_margin_x>.medium_offset_11 {
        margin-left: calc(91.66667% + .625rem)
    }
}

@media screen and (min-width: 75em) {
    .large_offset_0 {
        margin-left:0
    }

    .grid_margin_x>.large_offset_0 {
        margin-left: .625rem
    }

    .large_offset_1 {
        margin-left: 8.3333333333%
    }

    .grid_margin_x>.large_offset_1 {
        margin-left: calc(8.33333% + .625rem)
    }

    .large_offset_2 {
        margin-left: 16.6666666667%
    }

    .grid_margin_x>.large_offset_2 {
        margin-left: calc(16.66667% + .625rem)
    }

    .large_offset_3 {
        margin-left: 25%
    }

    .grid_margin_x>.large_offset_3 {
        margin-left: calc(25% + .625rem)
    }

    .large_offset_4 {
        margin-left: 33.3333333333%
    }

    .grid_margin_x>.large_offset_4 {
        margin-left: calc(33.33333% + .625rem)
    }

    .large_offset_5 {
        margin-left: 41.6666666667%
    }

    .grid_margin_x>.large_offset_5 {
        margin-left: calc(41.66667% + .625rem)
    }

    .large_offset_6 {
        margin-left: 50%
    }

    .grid_margin_x>.large_offset_6 {
        margin-left: calc(50% + .625rem)
    }

    .large_offset_7 {
        margin-left: 58.3333333333%
    }

    .grid_margin_x>.large_offset_7 {
        margin-left: calc(58.33333% + .625rem)
    }

    .large_offset_8 {
        margin-left: 66.6666666667%
    }

    .grid_margin_x>.large_offset_8 {
        margin-left: calc(66.66667% + .625rem)
    }

    .large_offset_9 {
        margin-left: 75%
    }

    .grid_margin_x>.large_offset_9 {
        margin-left: calc(75% + .625rem)
    }

    .large_offset_10 {
        margin-left: 83.3333333333%
    }

    .grid_margin_x>.large_offset_10 {
        margin-left: calc(83.33333% + .625rem)
    }

    .large_offset_11 {
        margin-left: 91.6666666667%
    }

    .grid_margin_x>.large_offset_11 {
        margin-left: calc(91.66667% + .625rem)
    }
}

.grid_y {
    display: flex;
    flex-flow: column nowrap
}

.grid_y>.cell {
    height: auto;
    max-height: none
}

.grid_y>.auto,.grid_y>.shrink {
    height: auto
}

.grid_y>.xsmall-1,.grid_y>.xsmall-2,.grid_y>.xsmall-3,.grid_y>.xsmall-4,.grid_y>.xsmall-5,.grid_y>.xsmall-6,.grid_y>.xsmall-7,.grid_y>.xsmall-8,.grid_y>.xsmall-9,.grid_y>.xsmall-10,.grid_y>.xsmall-11,.grid_y>.xsmall-12,.grid_y>.xsmall_full,.grid_y>.xsmall_shrink {
    flex-basis: auto
}

@media print,screen and (min-width: 37.5em) {
    .grid_y>.small-1,.grid_y>.small-2,.grid_y>.small-3,.grid_y>.small-4,.grid_y>.small-5,.grid_y>.small-6,.grid_y>.small-7,.grid_y>.small-8,.grid_y>.small-9,.grid_y>.small-10,.grid_y>.small-11,.grid_y>.small-12,.grid_y>.small_full,.grid_y>.small_shrink {
        flex-basis:auto
    }
}

@media print,screen and (min-width: 56.25em) {
    .grid_y>.medium-1,.grid_y>.medium-2,.grid_y>.medium-3,.grid_y>.medium-4,.grid_y>.medium-5,.grid_y>.medium-6,.grid_y>.medium-7,.grid_y>.medium-8,.grid_y>.medium-9,.grid_y>.medium-10,.grid_y>.medium-11,.grid_y>.medium-12,.grid_y>.medium_full,.grid_y>.medium_shrink {
        flex-basis:auto
    }
}

@media screen and (min-width: 75em) {
    .grid_y>.large-1,.grid_y>.large-2,.grid_y>.large-3,.grid_y>.large-4,.grid_y>.large-5,.grid_y>.large-6,.grid_y>.large-7,.grid_y>.large-8,.grid_y>.large-9,.grid_y>.large-10,.grid_y>.large-11,.grid_y>.large-12,.grid_y>.large_full,.grid_y>.large_shrink {
        flex-basis:auto
    }
}

.grid_y>.xsmall_1,.grid_y>.xsmall_2,.grid_y>.xsmall_3,.grid_y>.xsmall_4,.grid_y>.xsmall_5,.grid_y>.xsmall_6,.grid_y>.xsmall_7,.grid_y>.xsmall_8,.grid_y>.xsmall_9,.grid_y>.xsmall_10,.grid_y>.xsmall_11,.grid_y>.xsmall_12 {
    flex: 0 0 auto
}

.grid_y>.xsmall_1 {
    height: 8.3333333333%
}

.grid_y>.xsmall_2 {
    height: 16.6666666667%
}

.grid_y>.xsmall_3 {
    height: 25%
}

.grid_y>.xsmall_4 {
    height: 33.3333333333%
}

.grid_y>.xsmall_5 {
    height: 41.6666666667%
}

.grid_y>.xsmall_6 {
    height: 50%
}

.grid_y>.xsmall_7 {
    height: 58.3333333333%
}

.grid_y>.xsmall_8 {
    height: 66.6666666667%
}

.grid_y>.xsmall_9 {
    height: 75%
}

.grid_y>.xsmall_10 {
    height: 83.3333333333%
}

.grid_y>.xsmall_11 {
    height: 91.6666666667%
}

.grid_y>.xsmall_12 {
    height: 100%
}

@media print,screen and (min-width: 37.5em) {
    .grid_y>.small_auto {
        flex:1 1 0;
        height: auto
    }

    .grid_y>.small_1,.grid_y>.small_2,.grid_y>.small_3,.grid_y>.small_4,.grid_y>.small_5,.grid_y>.small_6,.grid_y>.small_7,.grid_y>.small_8,.grid_y>.small_9,.grid_y>.small_10,.grid_y>.small_11,.grid_y>.small_12,.grid_y>.small_shrink {
        flex: 0 0 auto
    }

    .grid_y>.small_shrink {
        height: auto
    }

    .grid_y>.small_1 {
        height: 8.3333333333%
    }

    .grid_y>.small_2 {
        height: 16.6666666667%
    }

    .grid_y>.small_3 {
        height: 25%
    }

    .grid_y>.small_4 {
        height: 33.3333333333%
    }

    .grid_y>.small_5 {
        height: 41.6666666667%
    }

    .grid_y>.small_6 {
        height: 50%
    }

    .grid_y>.small_7 {
        height: 58.3333333333%
    }

    .grid_y>.small_8 {
        height: 66.6666666667%
    }

    .grid_y>.small_9 {
        height: 75%
    }

    .grid_y>.small_10 {
        height: 83.3333333333%
    }

    .grid_y>.small_11 {
        height: 91.6666666667%
    }

    .grid_y>.small_12 {
        height: 100%
    }
}

@media print,screen and (min-width: 56.25em) {
    .grid_y>.medium_auto {
        flex:1 1 0;
        height: auto
    }

    .grid_y>.medium_1,.grid_y>.medium_2,.grid_y>.medium_3,.grid_y>.medium_4,.grid_y>.medium_5,.grid_y>.medium_6,.grid_y>.medium_7,.grid_y>.medium_8,.grid_y>.medium_9,.grid_y>.medium_10,.grid_y>.medium_11,.grid_y>.medium_12,.grid_y>.medium_shrink {
        flex: 0 0 auto
    }

    .grid_y>.medium_shrink {
        height: auto
    }

    .grid_y>.medium_1 {
        height: 8.3333333333%
    }

    .grid_y>.medium_2 {
        height: 16.6666666667%
    }

    .grid_y>.medium_3 {
        height: 25%
    }

    .grid_y>.medium_4 {
        height: 33.3333333333%
    }

    .grid_y>.medium_5 {
        height: 41.6666666667%
    }

    .grid_y>.medium_6 {
        height: 50%
    }

    .grid_y>.medium_7 {
        height: 58.3333333333%
    }

    .grid_y>.medium_8 {
        height: 66.6666666667%
    }

    .grid_y>.medium_9 {
        height: 75%
    }

    .grid_y>.medium_10 {
        height: 83.3333333333%
    }

    .grid_y>.medium_11 {
        height: 91.6666666667%
    }

    .grid_y>.medium_12 {
        height: 100%
    }
}

@media screen and (min-width: 75em) {
    .grid_y>.large_auto {
        flex:1 1 0;
        height: auto
    }

    .grid_y>.large_1,.grid_y>.large_2,.grid_y>.large_3,.grid_y>.large_4,.grid_y>.large_5,.grid_y>.large_6,.grid_y>.large_7,.grid_y>.large_8,.grid_y>.large_9,.grid_y>.large_10,.grid_y>.large_11,.grid_y>.large_12,.grid_y>.large_shrink {
        flex: 0 0 auto
    }

    .grid_y>.large_shrink {
        height: auto
    }

    .grid_y>.large_1 {
        height: 8.3333333333%
    }

    .grid_y>.large_2 {
        height: 16.6666666667%
    }

    .grid_y>.large_3 {
        height: 25%
    }

    .grid_y>.large_4 {
        height: 33.3333333333%
    }

    .grid_y>.large_5 {
        height: 41.6666666667%
    }

    .grid_y>.large_6 {
        height: 50%
    }

    .grid_y>.large_7 {
        height: 58.3333333333%
    }

    .grid_y>.large_8 {
        height: 66.6666666667%
    }

    .grid_y>.large_9 {
        height: 75%
    }

    .grid_y>.large_10 {
        height: 83.3333333333%
    }

    .grid_y>.large_11 {
        height: 91.6666666667%
    }

    .grid_y>.large_12 {
        height: 100%
    }
}

.grid_padding_y .grid_padding_y {
    margin-top: -.5rem;
    margin-bottom: -.5rem
}

@media print,screen and (min-width: 56.25em) {
    .grid_padding_y .grid_padding_y {
        margin-top:-.625rem;
        margin-bottom: -.625rem
    }
}

.grid_padding_y>.cell {
    padding-top: .5rem;
    padding-bottom: .5rem
}

@media print,screen and (min-width: 56.25em) {
    .grid_padding_y>.cell {
        padding-top:.625rem;
        padding-bottom: .625rem
    }
}

.grid_frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw
}

.cell .grid_frame {
    width: 100%
}

.cell_block {
    overflow-x: auto;
    max-width: 100%
}

.cell_block,.cell_block_y {
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.cell_block_y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%
}

.cell_block_container {
    display: flex;
    flex-direction: column;
    max-height: 100%
}

.cell_block_container>.grid_x {
    max-height: 100%;
    flex-wrap: nowrap
}

@media print,screen and (min-width: 37.5em) {
    .small_grid_frame {
        overflow:hidden;
        position: relative;
        flex-wrap: nowrap;
        align-items: stretch;
        width: 100vw
    }

    .cell .small_grid_frame {
        width: 100%
    }

    .small_cell_block {
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .small_cell_block_container {
        display: flex;
        flex-direction: column;
        max-height: 100%
    }

    .small_cell_block_container>.grid_x {
        max-height: 100%;
        flex-wrap: nowrap
    }

    .small_cell_block_y {
        overflow-y: auto;
        max-height: 100%;
        min-height: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
}

@media print,screen and (min-width: 56.25em) {
    .medium_grid_frame {
        overflow:hidden;
        position: relative;
        flex-wrap: nowrap;
        align-items: stretch;
        width: 100vw
    }

    .cell .medium_grid_frame {
        width: 100%
    }

    .medium_cell_block {
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .medium_cell_block_container {
        display: flex;
        flex-direction: column;
        max-height: 100%
    }

    .medium_cell_block_container>.grid_x {
        max-height: 100%;
        flex-wrap: nowrap
    }

    .medium_cell_block_y {
        overflow-y: auto;
        max-height: 100%;
        min-height: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
}

@media screen and (min-width: 75em) {
    .large_grid_frame {
        overflow:hidden;
        position: relative;
        flex-wrap: nowrap;
        align-items: stretch;
        width: 100vw
    }

    .cell .large_grid_frame {
        width: 100%
    }

    .large_cell_block {
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .large_cell_block_container {
        display: flex;
        flex-direction: column;
        max-height: 100%
    }

    .large_cell_block_container>.grid_x {
        max-height: 100%;
        flex-wrap: nowrap
    }

    .large_cell_block_y {
        overflow-y: auto;
        max-height: 100%;
        min-height: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
}

.grid_y.grid_frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    width: auto
}

@media print,screen and (min-width: 37.5em) {
    .grid_y.small_grid_frame {
        overflow:hidden;
        position: relative;
        flex-wrap: nowrap;
        align-items: stretch;
        height: 100vh;
        width: auto
    }
}

@media print,screen and (min-width: 56.25em) {
    .grid_y.medium_grid_frame {
        overflow:hidden;
        position: relative;
        flex-wrap: nowrap;
        align-items: stretch;
        height: 100vh;
        width: auto
    }
}

@media screen and (min-width: 75em) {
    .grid_y.large_grid_frame {
        overflow:hidden;
        position: relative;
        flex-wrap: nowrap;
        align-items: stretch;
        height: 100vh;
        width: auto
    }
}

.cell .grid_y.grid_frame {
    height: 100%
}

@media print,screen and (min-width: 37.5em) {
    .cell .grid_y.small_grid_frame {
        height:100%
    }
}

@media print,screen and (min-width: 56.25em) {
    .cell .grid_y.medium_grid_frame {
        height:100%
    }
}

@media screen and (min-width: 75em) {
    .cell .grid_y.large_grid_frame {
        height:100%
    }
}

.grid_margin_y {
    margin-top: -.5rem;
    margin-bottom: -.5rem
}

@media print,screen and (min-width: 56.25em) {
    .grid_margin_y {
        margin-top:-.625rem;
        margin-bottom: -.625rem
    }
}

.grid_margin_y>.cell {
    height: calc(100% - 1rem);
    margin-top: .5rem;
    margin-bottom: .5rem
}

@media print,screen and (min-width: 56.25em) {
    .grid_margin_y>.cell {
        height:calc(100% - 1.25rem);
        margin-top: .625rem;
        margin-bottom: .625rem
    }
}

.grid_margin_y>.auto,.grid_margin_y>.shrink {
    height: auto
}

.grid_margin_y>.xsmall_1 {
    height: calc(8.33333% - 1rem)
}

.grid_margin_y>.xsmall_2 {
    height: calc(16.66667% - 1rem)
}

.grid_margin_y>.xsmall_3 {
    height: calc(25% - 1rem)
}

.grid_margin_y>.xsmall_4 {
    height: calc(33.33333% - 1rem)
}

.grid_margin_y>.xsmall_5 {
    height: calc(41.66667% - 1rem)
}

.grid_margin_y>.xsmall_6 {
    height: calc(50% - 1rem)
}

.grid_margin_y>.xsmall_7 {
    height: calc(58.33333% - 1rem)
}

.grid_margin_y>.xsmall_8 {
    height: calc(66.66667% - 1rem)
}

.grid_margin_y>.xsmall_9 {
    height: calc(75% - 1rem)
}

.grid_margin_y>.xsmall_10 {
    height: calc(83.33333% - 1rem)
}

.grid_margin_y>.xsmall_11 {
    height: calc(91.66667% - 1rem)
}

.grid_margin_y>.xsmall_12 {
    height: calc(100% - 1rem)
}

@media print,screen and (min-width: 37.5em) {
    .grid_margin_y>.small_auto,.grid_margin_y>.small_shrink {
        height:auto
    }

    .grid_margin_y>.small_1 {
        height: calc(8.33333% - 1rem)
    }

    .grid_margin_y>.small_2 {
        height: calc(16.66667% - 1rem)
    }

    .grid_margin_y>.small_3 {
        height: calc(25% - 1rem)
    }

    .grid_margin_y>.small_4 {
        height: calc(33.33333% - 1rem)
    }

    .grid_margin_y>.small_5 {
        height: calc(41.66667% - 1rem)
    }

    .grid_margin_y>.small_6 {
        height: calc(50% - 1rem)
    }

    .grid_margin_y>.small_7 {
        height: calc(58.33333% - 1rem)
    }

    .grid_margin_y>.small_8 {
        height: calc(66.66667% - 1rem)
    }

    .grid_margin_y>.small_9 {
        height: calc(75% - 1rem)
    }

    .grid_margin_y>.small_10 {
        height: calc(83.33333% - 1rem)
    }

    .grid_margin_y>.small_11 {
        height: calc(91.66667% - 1rem)
    }

    .grid_margin_y>.small_12 {
        height: calc(100% - 1rem)
    }
}

@media print,screen and (min-width: 56.25em) {
    .grid_margin_y>.auto,.grid_margin_y>.shrink {
        height:auto
    }

    .grid_margin_y>.xsmall_1 {
        height: calc(8.33333% - 1.25rem)
    }

    .grid_margin_y>.xsmall_2 {
        height: calc(16.66667% - 1.25rem)
    }

    .grid_margin_y>.xsmall_3 {
        height: calc(25% - 1.25rem)
    }

    .grid_margin_y>.xsmall_4 {
        height: calc(33.33333% - 1.25rem)
    }

    .grid_margin_y>.xsmall_5 {
        height: calc(41.66667% - 1.25rem)
    }

    .grid_margin_y>.xsmall_6 {
        height: calc(50% - 1.25rem)
    }

    .grid_margin_y>.xsmall_7 {
        height: calc(58.33333% - 1.25rem)
    }

    .grid_margin_y>.xsmall_8 {
        height: calc(66.66667% - 1.25rem)
    }

    .grid_margin_y>.xsmall_9 {
        height: calc(75% - 1.25rem)
    }

    .grid_margin_y>.xsmall_10 {
        height: calc(83.33333% - 1.25rem)
    }

    .grid_margin_y>.xsmall_11 {
        height: calc(91.66667% - 1.25rem)
    }

    .grid_margin_y>.xsmall_12 {
        height: calc(100% - 1.25rem)
    }

    .grid_margin_y>.small_auto,.grid_margin_y>.small_shrink {
        height: auto
    }

    .grid_margin_y>.small_1 {
        height: calc(8.33333% - 1.25rem)
    }

    .grid_margin_y>.small_2 {
        height: calc(16.66667% - 1.25rem)
    }

    .grid_margin_y>.small_3 {
        height: calc(25% - 1.25rem)
    }

    .grid_margin_y>.small_4 {
        height: calc(33.33333% - 1.25rem)
    }

    .grid_margin_y>.small_5 {
        height: calc(41.66667% - 1.25rem)
    }

    .grid_margin_y>.small_6 {
        height: calc(50% - 1.25rem)
    }

    .grid_margin_y>.small_7 {
        height: calc(58.33333% - 1.25rem)
    }

    .grid_margin_y>.small_8 {
        height: calc(66.66667% - 1.25rem)
    }

    .grid_margin_y>.small_9 {
        height: calc(75% - 1.25rem)
    }

    .grid_margin_y>.small_10 {
        height: calc(83.33333% - 1.25rem)
    }

    .grid_margin_y>.small_11 {
        height: calc(91.66667% - 1.25rem)
    }

    .grid_margin_y>.small_12 {
        height: calc(100% - 1.25rem)
    }

    .grid_margin_y>.medium_auto,.grid_margin_y>.medium_shrink {
        height: auto
    }

    .grid_margin_y>.medium_1 {
        height: calc(8.33333% - 1.25rem)
    }

    .grid_margin_y>.medium_2 {
        height: calc(16.66667% - 1.25rem)
    }

    .grid_margin_y>.medium_3 {
        height: calc(25% - 1.25rem)
    }

    .grid_margin_y>.medium_4 {
        height: calc(33.33333% - 1.25rem)
    }

    .grid_margin_y>.medium_5 {
        height: calc(41.66667% - 1.25rem)
    }

    .grid_margin_y>.medium_6 {
        height: calc(50% - 1.25rem)
    }

    .grid_margin_y>.medium_7 {
        height: calc(58.33333% - 1.25rem)
    }

    .grid_margin_y>.medium_8 {
        height: calc(66.66667% - 1.25rem)
    }

    .grid_margin_y>.medium_9 {
        height: calc(75% - 1.25rem)
    }

    .grid_margin_y>.medium_10 {
        height: calc(83.33333% - 1.25rem)
    }

    .grid_margin_y>.medium_11 {
        height: calc(91.66667% - 1.25rem)
    }

    .grid_margin_y>.medium_12 {
        height: calc(100% - 1.25rem)
    }
}

@media screen and (min-width: 75em) {
    .grid_margin_y>.large_auto,.grid_margin_y>.large_shrink {
        height:auto
    }

    .grid_margin_y>.large_1 {
        height: calc(8.33333% - 1.25rem)
    }

    .grid_margin_y>.large_2 {
        height: calc(16.66667% - 1.25rem)
    }

    .grid_margin_y>.large_3 {
        height: calc(25% - 1.25rem)
    }

    .grid_margin_y>.large_4 {
        height: calc(33.33333% - 1.25rem)
    }

    .grid_margin_y>.large_5 {
        height: calc(41.66667% - 1.25rem)
    }

    .grid_margin_y>.large_6 {
        height: calc(50% - 1.25rem)
    }

    .grid_margin_y>.large_7 {
        height: calc(58.33333% - 1.25rem)
    }

    .grid_margin_y>.large_8 {
        height: calc(66.66667% - 1.25rem)
    }

    .grid_margin_y>.large_9 {
        height: calc(75% - 1.25rem)
    }

    .grid_margin_y>.large_10 {
        height: calc(83.33333% - 1.25rem)
    }

    .grid_margin_y>.large_11 {
        height: calc(91.66667% - 1.25rem)
    }

    .grid_margin_y>.large_12 {
        height: calc(100% - 1.25rem)
    }
}

.grid_frame.grid_margin_y {
    height: calc(100vh + 1rem)
}

@media print,screen and (min-width: 37.5em) {
    .grid_frame.grid_margin_y {
        height:calc(100vh + 1rem)
    }
}

@media print,screen and (min-width: 56.25em) {
    .grid_frame.grid_margin_y {
        height:calc(100vh + 1.25rem)
    }
}

@media screen and (min-width: 75em) {
    .grid_frame.grid_margin_y {
        height:calc(100vh + 1.25rem)
    }
}

@media print,screen and (min-width: 37.5em) {
    .grid_margin_y.small_grid_frame {
        height:calc(100vh + 1rem)
    }
}

@media print,screen and (min-width: 56.25em) {
    .grid_margin_y.medium_grid_frame {
        height:calc(100vh + 1.25rem)
    }
}

@media screen and (min-width: 75em) {
    .grid_margin_y.large_grid_frame {
        height:calc(100vh + 1.25rem)
    }
}

blockquote,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,li,ol,p,pre,td,th,ul {
    margin: 0;
    padding: 0
}

p {
    margin-bottom: 1.25rem;
    font-size: inherit;
    line-height: 1.5;
    text-rendering: optimizeLegibility
}

em,i {
    font-style: italic;
    line-height: inherit
}

.tf_bold,b,strong {
    font-weight: 700;
    line-height: inherit
}

small {
    font-size: .875rem;
    line-height: inherit
}

.tf_h1,.tf_h2,.tf_h3,.tf_h4,.tf_h5,.tf_h6,h1,h2,h3,h4,h5,h6 {
    font-family: voelkner,Helvetica,Roboto,Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    color: inherit;
    text-rendering: optimizeLegibility
}

.tf_h1 small,.tf_h2 small,.tf_h3 small,.tf_h4 small,.tf_h5 small,.tf_h6 small,h1 small,h2 small,h3 small,h4 small,h5 small,h6 small {
    line-height: 0;
    color: var(--medium-gray)
}

.tf_h1,.tf_h2,h1,h2 {
    font-size: 1.25rem;
    line-height: 1.1;
    margin-top: 0;
    margin-bottom: .9375rem;
    font-weight: 700
}

.tf_h3,h3 {
    font-weight: 600
}

.tf_h3,.tf_h4,h3,h4 {
    font-size: 1.125rem;
    line-height: 1.3888888889;
    margin-top: 0;
    margin-bottom: .625rem
}

.tf_h4,h4 {
    font-weight: 700
}

.tf_h5,h5 {
    font-size: 1.0625rem;
    line-height: 1.4117647059
}

.tf_h5,.tf_h6,h5,h6 {
    margin-top: 0;
    margin-bottom: .625rem;
    font-weight: 400
}

.tf_h6,h6 {
    font-size: 1rem;
    line-height: 1.5
}

@media print,screen and (min-width: 56.25em) {
    .tf_h1,h1 {
        font-size:1.5625rem;
        line-height: 1.2;
        margin-bottom: 1.5625rem;
        font-weight: 700
    }

    .tf_h2,h2 {
        font-size: 1.375rem;
        line-height: 1.2727272727;
        margin-bottom: .9375rem;
        font-weight: 700
    }

    .tf_h3,h3 {
        font-size: 1.25rem;
        line-height: 1.4;
        font-weight: 600
    }

    .tf_h4,h4 {
        font-size: 1.125rem;
        line-height: 1.3888888889;
        font-weight: 700
    }

    .tf_h5,h5 {
        font-size: 1.0625rem;
        line-height: 1.4117647059;
        font-weight: 400
    }

    .tf_h6,h6 {
        font-size: 1rem;
        line-height: 1.5;
        font-weight: 400
    }
}

a {
    line-height: inherit;
    color: var(--body-txt);
    text-decoration: inherit;
    cursor: pointer
}

a:not([class]) {
    text-decoration: underline
}

a:focus,a:hover {
    color: var(--third)
}

a img,hr {
    border: 0
}

hr {
    clear: both;
    max-width: 93.125rem;
    height: 0;
    margin: 1.875rem auto;
    border-bottom: 2px solid var(--global-border)
}

dl,ol,ul {
    margin-bottom: 0;
    list-style-position: outside;
    line-height: 1.5
}

li {
    font-size: inherit
}

ul {
    list-style-type: disc
}

ol,ul {
    margin-left: 1.25rem
}

ol ol,ol ul,ul ol,ul ul {
    margin-left: 1.25rem;
    margin-bottom: 0
}

dl {
    margin-bottom: 0
}

dl dt {
    margin-bottom: .3rem;
    font-weight: 700
}

figure {
    margin: 0
}

ol.no-bullet,ul.no-bullet {
    margin-left: 0;
    list-style: none
}

.text_left {
    text-align: left
}

.text_right {
    text-align: right
}

.text_center {
    text-align: center
}

.text_justify {
    text-align: justify
}

@media print,screen and (min-width: 37.5em) {
    .small_text-left {
        text-align:left
    }

    .small_text-right {
        text-align: right
    }

    .small_text-center {
        text-align: center
    }

    .small_text-justify {
        text-align: justify
    }
}

@media print,screen and (min-width: 56.25em) {
    .medium_text-left {
        text-align:left
    }

    .medium_text-right {
        text-align: right
    }

    .medium_text-center {
        text-align: center
    }

    .medium_text-justify {
        text-align: justify
    }
}

@media screen and (min-width: 75em) {
    .large_text-left {
        text-align:left
    }

    .large_text-right {
        text-align: right
    }

    .large_text-center {
        text-align: center
    }

    .large_text-justify {
        text-align: justify
    }
}

.show_for_print {
    display: none!important
}

@media print {
    * {
        background: transparent!important;
        color: #000!important;
        -webkit-print-color-adjust: economy;
        color-adjust: economy;
        box-shadow: none!important;
        text-shadow: none!important
    }

    .show_for_print {
        display: block!important
    }

    .hide_for_print {
        display: none!important
    }

    table.show_for_print {
        display: table!important
    }

    thead.show_for_print {
        display: table-header-group!important
    }

    tbody.show_for_print {
        display: table-row-group!important
    }

    tr.show_for_print {
        display: table-row!important
    }

    td.show_for_print,th.show_for_print {
        display: table-cell!important
    }

    a,a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    .ir a:after,a[href^="#"]:after,a[href^="javascript:"]:after {
        content: ""
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    blockquote,pre {
        border: 1px solid var(--dark-gray);
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100%!important
    }

    @page {
        margin: .5cm
    }

    h2,h3,p {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }

    .print_break_inside {
        page-break-inside: auto
    }
}

[type=cardholderName],[type=color],[type=cvv],[type=date],[type=datetime-local],[type=datetime],[type=email],[type=expirationDate],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.6875rem;
    margin: 0 0 1.25rem;
    padding: .625rem .9375rem;
    border: 2px solid var(--global-border);
    border-radius: 0;
    background-color: var(--body-bg);
    box-shadow: none;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--body-txt);
    transition: box-shadow .5s,border-color .25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

[type=cardholderName]:focus,[type=color]:focus,[type=cvv]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=datetime]:focus,[type=email]:focus,[type=expirationDate]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,textarea:focus {
    border: 2px solid var(--primary);
    background-color: var(--body-bg);
    box-shadow: none;
    transition: box-shadow .5s,border-color .25s ease-in-out
}

[type=cardholderName]:focus-visible,[type=color]:focus-visible,[type=cvv]:focus-visible,[type=date]:focus-visible,[type=datetime-local]:focus-visible,[type=datetime]:focus-visible,[type=email]:focus-visible,[type=expirationDate]:focus-visible,[type=month]:focus-visible,[type=number]:focus-visible,[type=password]:focus-visible,[type=search]:focus-visible,[type=tel]:focus-visible,[type=text]:focus-visible,[type=time]:focus-visible,[type=url]:focus-visible,[type=week]:focus-visible,textarea:focus-visible {
    outline: none
}

textarea {
    max-width: 100%
}

textarea[rows] {
    height: auto
}

input:disabled,input[readonly],textarea:disabled,textarea[readonly] {
    background-color: var(--light-gray);
    cursor: not-allowed
}

input[type=search] {
    box-sizing: border-box
}

::-moz-placeholder {
    color: var(--body-txt)
}

:-ms-input-placeholder {
    color: var(--body-txt)
}

::placeholder {
    color: var(--body-txt)
}

[type=checkbox],[type=file],[type=radio] {
    margin: 0 0 1.25rem
}

[type=checkbox]+label,[type=radio]+label {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    align-items: center;
    line-height: 1.2;
    font-weight: 700;
    margin-right: 1.25rem;
    margin-bottom: 0
}

[type=checkbox]+label[for],[type=radio]+label[for] {
    cursor: pointer
}

label>[type=checkbox],label>[type=radio] {
    margin-right: .625rem
}

[type=file] {
    width: 100%
}

.help_text {
    margin-top: -.625rem;
    font-size: .75rem;
    font-style: italic;
    color: var(--dark)
}

.input_group,.input_group_quantity,.input_group_quantity--large {
    display: flex;
    width: 100%;
    margin-bottom: 1.25rem;
    align-items: stretch
}

.input_group__button,.input_group__button a,.input_group__button button,.input_group__button input,.input_group__button label,.input_group__field,.input_group__label,.input_group_quantity--large .input_group_quantity__button,.input_group_quantity--large .input_group_quantity__button a,.input_group_quantity--large .input_group_quantity__button button,.input_group_quantity--large .input_group_quantity__button input,.input_group_quantity--large .input_group_quantity__button label,.input_group_quantity--large .input_group_quantity__field,.input_group_quantity .input_group_quantity__button,.input_group_quantity .input_group_quantity__button a,.input_group_quantity .input_group_quantity__button button,.input_group_quantity .input_group_quantity__button input,.input_group_quantity .input_group_quantity__button label,.input_group_quantity .input_group_quantity__field {
    margin: 0;
    white-space: nowrap
}

.input_group__label {
    padding: 0 .9375rem;
    border: 2px solid var(--global-border);
    background: var(--secondary);
    color: var(--dark);
    text-align: center;
    white-space: nowrap;
    display: flex;
    flex: 0 0 auto;
    align-items: center
}

.input_group__label:first-child {
    border-right: 0
}

.input_group__label:last-child {
    border-left: 0
}

.input_group__field,.input_group_quantity--large .input_group_quantity__field,.input_group_quantity .input_group_quantity__field {
    border-radius: 0;
    flex: 1 1 0;
    min-width: 0
}

.input_group__button,.input_group_quantity--large .input_group_quantity__button,.input_group_quantity .input_group_quantity__button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    display: flex;
    flex: 0 0 auto
}

.input_group__button a,.input_group__button button,.input_group__button input,.input_group__button label,.input_group_quantity--large .input_group_quantity__button a,.input_group_quantity--large .input_group_quantity__button button,.input_group_quantity--large .input_group_quantity__button input,.input_group_quantity--large .input_group_quantity__button label,.input_group_quantity .input_group_quantity__button a,.input_group_quantity .input_group_quantity__button button,.input_group_quantity .input_group_quantity__button input,.input_group_quantity .input_group_quantity__button label {
    align-self: stretch;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1rem;
    border-radius: 0
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

legend {
    max-width: 100%;
    margin-bottom: .625rem
}

.fieldset {
    margin: 1.25rem 0;
    padding: 1.25rem;
    border: 2px solid var(--global-border)
}

.fieldset legend {
    margin: 0 0 0 -.1875rem;
    padding: 0 .1875rem
}

select {
    height: 2.6875rem;
    margin: 0 0 1.25rem;
    padding: .625rem .9375rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid var(--global-border);
    border-radius: 0;
    background-color: var(--body-bg);
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--body-txt);
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%2814, 16, 16%29"></polygon></svg>')
}

@media screen and (min-width: 0) {
    select {
        background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==")
    }
}

select {
    background-origin: content-box;
    background-position: right -1.25rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding-right: 1.875rem
}

select,select:focus {
    transition: box-shadow .5s,border-color .25s ease-in-out
}

select:focus {
    outline: none;
    border: 2px solid var(--primary);
    background-color: var(--body-bg);
    box-shadow: none
}

select:disabled {
    background-color: var(--light-gray);
    cursor: not-allowed
}

select[multiple] {
    height: auto;
    background-image: none
}

select:not([multiple]) {
    padding-top: 0;
    padding-bottom: 0
}

.is_invalid_input:not(:focus) {
    border-color: var(--alert)
}

.is_invalid_input:not(:focus)::-moz-placeholder {
    color: var(--alert)
}

.is_invalid_input:not(:focus):-ms-input-placeholder {
    color: var(--alert)
}

.is_invalid_input:not(:focus)::placeholder {
    color: var(--alert)
}

.is_invalid_label {
    color: var(--alert)
}

.form__input__error {
    display: none;
    margin-top: -.625rem;
    margin-bottom: 1.25rem;
    font-size: .75rem;
    font-weight: 700;
    color: var(--alert)
}

.form__input__error.is_visible {
    display: block
}

.form__input__error>* {
    display: none;
    margin-top: -.625rem;
    margin-bottom: 1.25rem
}

.form__input {
    position: relative
}

.form__input__label {
    position: absolute;
    top: 9px;
    left: 12px;
    padding: 0 5px;
    width: auto;
    transition: .5s;
    background: 0 0
}

.form__input__radio_switch,.form__input__radio_switch--address {
    display: flex;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    border: 2px solid var(--global-border);
    border-radius: 9999px;
    padding: 6px 3px;
    margin-bottom: 1.25rem
}

.form__input__radio_switch--address .form__input__radio_switch__input--first:focus-visible+label,.form__input__radio_switch--address .form__input__radio_switch__input--last:focus-visible+label,.form__input__radio_switch__input:focus-visible+label {
    outline: .1875rem solid var(--primary);
    outline-offset: .1875rem
}

@media (prefers-reduced-motion:no-preference) {
    .form__input__radio_switch--address .form__input__radio_switch__input--first:focus-visible+label,.form__input__radio_switch--address .form__input__radio_switch__input--last:focus-visible+label,.form__input__radio_switch__input:focus-visible+label {
        animation: outline-bounce .5s
    }
}

.form__input__radio_switch--address .form__input__radio_switch__input--first:focus-visible+label,.form__input__radio_switch--address .form__input__radio_switch__input--last:focus-visible+label,.form__input__radio_switch__input:focus-visible+label {
    outline-offset: 6px;
    border-radius: 9999px
}

.form__input__radio_switch--address .form__input__radio_switch__input--first:checked+label,.form__input__radio_switch--address .form__input__radio_switch__input--last:checked+label,.form__input__radio_switch__input:checked+label {
    color: var(--light)
}

.form__input__radio_switch--address .form__input__radio_switch__input--first:disabled+label,.form__input__radio_switch--address .form__input__radio_switch__input--last:disabled+label,.form__input__radio_switch__input:disabled+label {
    cursor: not-allowed
}

.form__input__radio_switch--address .form__input__radio_switch__input--first:disabled+label:focus,.form__input__radio_switch--address .form__input__radio_switch__input--first:disabled+label:hover,.form__input__radio_switch--address .form__input__radio_switch__input--last:disabled+label:focus,.form__input__radio_switch--address .form__input__radio_switch__input--last:disabled+label:hover,.form__input__radio_switch__input:disabled+label:focus,.form__input__radio_switch__input:disabled+label:hover {
    color: var(--primary)
}

.form__input__radio_switch--address .form__input__radio_switch__input--first:disabled:checked+label:focus,.form__input__radio_switch--address .form__input__radio_switch__input--first:disabled:checked+label:hover,.form__input__radio_switch--address .form__input__radio_switch__input--last:disabled:checked+label:focus,.form__input__radio_switch--address .form__input__radio_switch__input--last:disabled:checked+label:hover,.form__input__radio_switch__input:disabled:checked+label:focus,.form__input__radio_switch__input:disabled:checked+label:hover {
    color: var(--light)
}

.form__input__radio_switch--address .form__input__radio_switch__input--first:disabled:checked~.form__input__radio_switch__indicator,.form__input__radio_switch--address .form__input__radio_switch__input--last:disabled:checked~.form__input__radio_switch__indicator,.form__input__radio_switch__input:disabled:checked~.form__input__radio_switch__indicator {
    opacity: .5
}

.form__input__radio_switch__input--first:not(:disabled):checked~.form__input__radio_switch__indicator {
    transform: translate(0)
}

.form__input__radio_switch__input--last:not(:disabled):checked~.form__input__radio_switch__indicator {
    transform: translate(65px)
}

.form__input__radio_switch__label {
    width: 65px;
    padding: 4px 0;
    margin: 0;
    color: var(--primary);
    font-size: 1rem;
    line-height: 1;
    justify-content: center;
    z-index: 2
}

.form__input__radio_switch__label:hover {
    color: var(--cta);
    cursor: pointer
}

@media print,screen and (min-width: 37.5em) {
    .form__input__radio_switch__label {
        font-size:1.125rem
    }
}

.form__input__radio_switch__indicator {
    display: flex;
    position: absolute;
    height: 36px;
    width: 65px;
    background: var(--primary);
    border-radius: 9999px;
    left: 1px;
    top: 1px;
    transition: transform .25s ease-in-out
}

.form__input__radio_switch--address {
    padding: 0
}

.form__input__radio_switch--address .form__input__radio_switch__input--first:checked~.form__input__radio_switch__indicator {
    transform: translate(0)
}

.form__input__radio_switch--address .form__input__radio_switch__input--last:checked~.form__input__radio_switch__indicator {
    transform: translate(177px)
}

.form__input__radio_switch--address .form__input__radio_switch__label {
    width: 158px;
    font-size: 1rem;
    padding: .625rem .9375rem
}

.form__input__radio_switch--address .form__input__radio_switch__indicator {
    width: 155px;
    left: 2px;
    top: 2px
}

.form__input__info {
    display: block;
    margin-top: -17px;
    margin-bottom: 1.25rem;
    font-size: .75rem
}

.form__input__icon,.form__input__icon--wishlist {
    display: inline-block;
    fill: currentColor;
    width: 1rem;
    height: 1rem;
    position: absolute;
    right: 10px;
    top: 14px;
    color: var(--success);
    display: none
}

.form__input__icon--wishlist {
    top: 8px;
    color: var(--body-txt);
    display: inline-block
}

.form__input__toggle_password {
    position: absolute;
    top: 14px;
    right: 10px;
    display: flex;
    color: var(--dark);
    border-radius: 0
}

.form__input__toggle_password:focus,.form__input__toggle_password:hover {
    cursor: pointer;
    color: var(--third)
}

.form__input:has(.js_input_check) .form__input__toggle_password {
    right: 36px
}

.form__input__list {
    list-style: none;
    margin: 0 0 1.25rem;
    overflow: scroll;
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.form__input__list::-webkit-scrollbar {
    display: none
}

@media print,screen and (min-width: 56.25em) {
    .form__input__list {
        overflow:visible
    }
}

.form__input__list__element {
    display: inline-block
}

.form__input__list__element:not(:last-child) {
    margin-right: .625rem
}

.form__input__list__element__input:not(:disabled):checked~.form__input__list__element__label {
    background: var(--primary);
    color: var(--light)
}

.form__input__list__element__input:disabled:checked~.form__input__list__element__label:focus,.form__input__list__element__input:disabled:checked~.form__input__list__element__label:hover {
    background: var(--primary)
}

.form__input__list__element__input:disabled~.form__input__list__element__label {
    opacity: .5;
    cursor: not-allowed
}

.form__input__list__element__input:disabled~.form__input__list__element__label:focus,.form__input__list__element__input:disabled~.form__input__list__element__label:hover {
    background: inherit
}

.form__input__list__element__label {
    padding: .9375rem 2.5rem;
    margin: 0 10px 0 0;
    border: 2px solid var(--primary);
    border-radius: 0;
    line-height: 1
}

.form__input__list__element__label:focus,.form__input__list__element__label:hover {
    background: var(--secondary)
}

.form__input__list__element__label:before {
    content: normal!important
}

.form__input__valid {
    color: var(--success)
}

.form__input__valid .is_invalid_input:not(:focus) {
    border-color: var(--alert)
}

.form__input__valid .is_invalid_input:not(:focus)::-moz-placeholder {
    color: var(--alert)
}

.form__input__valid .is_invalid_input:not(:focus):-ms-input-placeholder {
    color: var(--alert)
}

.form__input__valid .is_invalid_input:not(:focus)::placeholder {
    color: var(--alert)
}

.form__input__valid .is_invalid_label {
    color: var(--alert)
}

.form__input__valid .form__input__error {
    display: none;
    margin-top: -.625rem;
    margin-bottom: 1.25rem;
    font-size: .75rem;
    font-weight: 700;
    color: var(--alert)
}

.form__input__valid .form__input__error.is_visible {
    display: block
}

.form__input__valid .form__input__error>* {
    display: none;
    margin-top: -.625rem;
    margin-bottom: 1.25rem
}

.form__input_info__list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: .625rem .9375rem;
    padding: 0;
    margin: 0;
    list-style: none
}

.form__input_info__list li {
    position: relative
}

[data-whatinput=mouse] .form__input_info__list li {
    outline: 0
}

.form__input_info__list li {
    display: inline-flex;
    align-items: center;
    gap: .3125rem
}

.form__input_info__list a,.form__input_info__list button,.form__input_info__list input,.form__input_info__list select {
    margin-bottom: 0
}

.form__input_info__list input {
    display: inline-flex
}

.form__input_info__list {
    flex-wrap: nowrap;
    flex-direction: column;
    color: var(--body-txt);
    margin: 0 0 1.25rem;
    font-weight: 700
}

@media print,screen and (min-width: 56.25em) {
    .form__input_info__list {
        margin:initial
    }
}

.form__input_info__list.password_security_list {
    color: var(--alert);
    font-size: .875rem
}

.form__input_info__list__item {
    margin: 0 0 .25rem
}

.form__input_info__list__item__icon {
    display: none;
    float: left;
    margin: 2px .3125rem 0 0
}

.form__input_info__list__item.is_checked {
    color: var(--dark)
}

.form__input_info__list__item.is_checked .icon {
    display: block;
    color: var(--success)
}

.form__submit__button {
    margin: 1.25rem 0
}

.form__block {
    margin-bottom: 2.5rem
}

.form__info {
    font-size: .875rem
}

.form__shipping_tile {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 1.25rem;
    border: 2px solid var(--global-border);
    line-height: 1.2;
    transition: .25s ease-in-out
}

.form__shipping_tile:hover {
    border: 2px solid var(--primary)
}

.form__shipping_tile:hover,.form__shipping_tile:hover .form__shipping_tile__icon {
    color: var(--primary);
    transition: .25s ease-in-out
}

.form__shipping_tile__description {
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (min-width: 75em) {
    .form__shipping_tile__description {
        margin:0 1.25rem 0 0;
        width: 80%
    }
}

.form__shipping_tile__icon {
    display: block;
    position: static;
    width: 25px;
    height: 25px;
    margin: 0 1.25rem 0 0
}

@media screen and (min-width: 75em) {
    .form__shipping_tile__icon {
        position:absolute;
        top: 20px;
        right: 20px;
        margin: initial
    }
}

.rating__input,input[type=checkbox],input[type=radio] {
    position: absolute!important;
    clip: rect(0,0,0,0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden
}

input[type=checkbox]:not(.switch__input):not(.form__shipping_tile_input):focus-visible+label:before,input[type=radio]:not(.form__input__radio_switch__input):not(.form__shipping_tile_input):focus-visible+label:before {
    outline: .1875rem solid var(--primary);
    outline-offset: .1875rem
}

@media (prefers-reduced-motion:no-preference) {
    input[type=checkbox]:not(.switch__input):not(.form__shipping_tile_input):focus-visible+label:before,input[type=radio]:not(.form__input__radio_switch__input):not(.form__shipping_tile_input):focus-visible+label:before {
        animation: outline-bounce .5s
    }
}

input[type=checkbox]:not(.switch__input):not(.form__shipping_tile_input)+label:not(:has(button)):before,input[type=radio]:not([class^=form__input__radio_switch__input]):not(.form__shipping_tile_input)+label:not(:has(button)):before {
    content: "";
    display: block;
    float: left;
    border: 2px solid var(--dark);
    background-color: var(--light);
    width: 25px;
    height: 25px;
    margin: auto .625rem auto 0;
    aspect-ratio: 1/1
}

input[type=checkbox]:not(.switch__input):not(.form__shipping_tile_input)+label:not(:has(button)):focus-visible:before,input[type=checkbox]:not(.switch__input):not(.form__shipping_tile_input)+label:not(:has(button)):focus:before,input[type=checkbox]:not(.switch__input):not(.form__shipping_tile_input)+label:not(:has(button)):hover:before,input[type=radio]:not([class^=form__input__radio_switch__input]):not(.form__shipping_tile_input)+label:not(:has(button)):focus-visible:before,input[type=radio]:not([class^=form__input__radio_switch__input]):not(.form__shipping_tile_input)+label:not(:has(button)):focus:before,input[type=radio]:not([class^=form__input__radio_switch__input]):not(.form__shipping_tile_input)+label:not(:has(button)):hover:before {
    border: 2px solid var(--third)
}

input[type=checkbox]:disabled+label,input[type=checkbox][readonly]+label {
    pointer-events: none
}

input[type=checkbox].form__shipping_tile_input:checked+.form__shipping_tile,input[type=radio].form__shipping_tile_input:checked+.form__shipping_tile {
    border: 2px solid var(--primary);
    background: var(--primary);
    color: var(--light)
}

input[type=checkbox].form__shipping_tile_input:checked+.form__shipping_tile .form__shipping_tile__description,input[type=radio].form__shipping_tile_input:checked+.form__shipping_tile .form__shipping_tile__description {
    font-weight: 700
}

input[type=checkbox].form__shipping_tile_input:checked+.form__shipping_tile .form__shipping_tile__icon,input[type=radio].form__shipping_tile_input:checked+.form__shipping_tile .form__shipping_tile__icon {
    color: var(--light)
}

input:-moz-placeholder-shown+label.form__input__label,textarea:-moz-placeholder-shown+label.form__input__label {
    top: -12px;
    left: 12px;
    background: var(--body-bg);
    font-size: 1rem
}

input:-ms-input-placeholder+label.form__input__label,textarea:-ms-input-placeholder+label.form__input__label {
    top: -12px;
    left: 12px;
    background: var(--body-bg);
    font-size: 1rem
}

input.js_input--has_value+label.form__input__label,input:focus+label.form__input__label,input:not([value=""])~label.form__input__label,input:placeholder-shown+label.form__input__label,select~label.form__input__label,textarea:not([value=""])+label.form__input__label,textarea:placeholder-shown+label.form__input__label {
    top: -12px;
    left: 12px;
    background: var(--body-bg);
    font-size: 1rem
}

input:disabled:-moz-placeholder-shown+label.form__input__label {
    background-color: var(--light-gray)
}

input:disabled:-ms-input-placeholder+label.form__input__label {
    background-color: var(--light-gray)
}

input.js_input--has_value:disabled+label.form__input__label,input:disabled:focus+label.form__input__label,input:disabled:placeholder-shown+label.form__input__label,input:not([value=""]):disabled+label.form__input__label,select:disabled+label.form__input__label,textarea:disabled+label.form__input__label {
    background-color: var(--light-gray)
}

input[type=checkbox]:last-of-type+label,input[type=radio]:last-of-type+label {
    margin-right: 0
}

input[type=radio]:not(.form__input__radio_switch__input):not(.form__shipping_tile_input)+label:before {
    border-radius: 9999px
}

input[type=radio]:checked:not(.switch__input):not(.form__input__radio_switch__input)+label:before {
    box-shadow: inset 0 0 0 3px var(--light);
    background-color: var(--primary)
}

input[type=checkbox]:checked:not(.switch__input)+label>span:not([class]) {
    position: absolute;
    display: flex;
    top: -5px;
    bottom: 0;
    margin: auto 0;
    width: 25px;
    height: 25px;
    transform: rotate(45deg)
}

input[type=checkbox]:checked:not(.switch__input)+label>span:not([class]):before {
    content: "";
    position: absolute;
    width: 3px;
    height: 15px;
    background-color: var(--primary);
    left: 15px;
    top: 6px
}

input[type=checkbox]:checked:not(.switch__input)+label>span:not([class]):after {
    content: "";
    position: absolute;
    width: 10px;
    height: 3px;
    background-color: var(--primary);
    left: 8px;
    top: 18px
}

input[type=checkbox]:disabled:not(.form__input__radio_switch__input)+label:before,input[type=checkbox]:disabled:not(.switch__input)+label:before,input[type=radio]:disabled:not(.form__input__radio_switch__input)+label:before,input[type=radio]:disabled:not(.switch__input)+label:before {
    opacity: .5;
    cursor: not-allowed
}

input[type=checkbox]:disabled:checked:not(.switch__input)+label>span:not([class]):after,input[type=checkbox]:disabled:checked:not(.switch__input)+label>span:not([class]):before {
    background-color: var(--dark)
}

input[type=password] {
    font-family: caption;
    font-size: 30px;
    letter-spacing: 5px
}

.order_type_list {
    display: flex;
    flex-wrap: wrap;
    gap: .625rem .9375rem;
    padding: 0;
    margin: 0;
    list-style: none
}

.order_type_list,.order_type_list li {
    position: relative
}

[data-whatinput=mouse] .order_type_list li {
    outline: 0
}

.order_type_list li {
    display: inline-flex;
    align-items: center;
    gap: .3125rem
}

.order_type_list a,.order_type_list button,.order_type_list input,.order_type_list select {
    margin-bottom: 0
}

.order_type_list input {
    display: inline-flex
}

@media print,screen and (min-width: 56.25em) {
    .order_type_list {
        margin-bottom:1.25rem
    }
}

.password_forgotten__info {
    padding: 1.25rem 0
}

.login_captcha_container {
    margin: 1.25rem auto 0
}

.login_register_link {
    margin-top: 2.5rem
}

.create_account__head {
    margin-bottom: .625rem
}

.create_account__address {
    margin-bottom: 1.25rem
}

.dropdown-country-flag {
    position: static;
    float: right;
    margin: 12px!important
}

.my_packstation_finder {
    margin: 0 0 1.25rem!important;
    padding-top: .9375rem;
    padding-bottom: .9375rem
}

@media print,screen and (min-width: 37.5em) {
    .my_packstation_finder {
        margin:0!important
    }
}

.hide_form {
    display: none
}

.sap_kdmat {
    margin-top: .625rem
}

.sap_kdmat+label {
    top: .625rem
}

.sap_kdmat:focus+label.form__input__label,.sap_kdmat:not([value=""])+label.form__input__label {
    top: 0!important
}

.checkbox_settings:not(:last-child) {
    margin-bottom: .625rem
}

.checkbox_settings__label {
    font-weight: 700
}

.checkbox_settings__description {
    margin-left: 35px;
    font-size: 80%
}

[id^=search_content__filter__search],[id^=sliderOutput] {
    border-radius: 9999px
}

@media screen and (min-width: 75em) {
    .input_group_quantity,.input_group_quantity--large {
        margin:0
    }
}

.input_group_quantity--large .input_group_quantity__button:first-of-type button.button,.input_group_quantity .input_group_quantity__button:first-of-type button.button {
    border-right: none;
    border-radius: 9999px 0 0 9999px
}

.input_group_quantity--large .input_group_quantity__button:last-of-type,.input_group_quantity .input_group_quantity__button:last-of-type {
    margin-right: 0
}

.input_group_quantity--large .input_group_quantity__button:last-of-type button.button,.input_group_quantity .input_group_quantity__button:last-of-type button.button {
    border-left: none;
    border-radius: 0 9999px 9999px 0
}

.input_group_quantity--large .input_group_quantity__button button.button,.input_group_quantity .input_group_quantity__button button.button {
    padding: 0 .625rem;
    background: var(--light);
    border-color: var(--body-txt);
    color: var(--body-txt)
}

.input_group_quantity--large .input_group_quantity__button button.button:focus,.input_group_quantity--large .input_group_quantity__button button.button:hover,.input_group_quantity .input_group_quantity__button button.button:focus,.input_group_quantity .input_group_quantity__button button.button:hover {
    background: var(--light);
    color: var(--third)
}

@media print,screen and (max-width: 37.49875em) {
    .input_group_quantity--large .input_group_quantity__button button.button,.input_group_quantity .input_group_quantity__button button.button {
        padding:0 1.25rem
    }
}

.input_group_quantity--large .input_group_quantity__field,.input_group_quantity .input_group_quantity__field {
    position: relative
}

.input_group_quantity--large .input_group_quantity__field input,.input_group_quantity .input_group_quantity__field input {
    -webkit-appearance: initial;
    border-top: 2px solid var(--body-txt);
    border-bottom: 2px solid var(--body-txt);
    width: 100%;
    border-left: none;
    border-right: none;
    height: 2rem;
    margin: 0;
    padding: 0;
    border-radius: 0;
    text-align: center
}

.input_group_quantity--large .input_group_quantity__field input::-webkit-inner-spin-button,.input_group_quantity--large .input_group_quantity__field input::-webkit-outer-spin-button,.input_group_quantity .input_group_quantity__field input::-webkit-inner-spin-button,.input_group_quantity .input_group_quantity__field input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.input_group_quantity--large .input_group_quantity__field input[type=number],.input_group_quantity .input_group_quantity__field input[type=number] {
    -moz-appearance: textfield
}

.input_group_quantity--large .input_group_quantity__unit,.input_group_quantity .input_group_quantity__unit {
    position: absolute;
    top: -12px;
    left: -12px;
    font-size: .875rem;
    width: auto;
    background-color: var(--light);
    padding: 0 .625rem
}

.input_group_quantity--large {
    margin-bottom: 0
}

.input_group_quantity--large .input_group_quantity__button__icon {
    width: 20px
}

.input_group_quantity--large .input_group_quantity__field input {
    -webkit-appearance: initial;
    height: 2.875rem
}

.input_group_quantity--large .input_group_quantity__field input::-webkit-inner-spin-button,.input_group_quantity--large .input_group_quantity__field input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.input_group_quantity--large .input_group_quantity__field input[type=number] {
    -moz-appearance: textfield
}

.input_group_quantity--large .input_group_quantity__unit {
    top: -10px;
    right: unset
}

@media print,screen and (max-width: 37.49875em) {
    .input_group_quantity,.input_group_quantity--large {
        margin:.625rem 0
    }
}

.align_left {
    justify-content: flex-start
}

.align_right {
    justify-content: flex-end
}

.align_center {
    justify-content: center
}

.align_justify {
    justify-content: space-between
}

.align_spaced {
    justify-content: space-around
}

.align_left--vertical.menu>li>a {
    justify-content: flex-start
}

.align_right--vertical.menu>li>a {
    justify-content: flex-end
}

.align_center--vertical.menu>li>a {
    justify-content: center
}

.align_top {
    align-items: flex-start
}

.align_self_top {
    align-self: flex-start
}

.align_bottom {
    align-items: flex-end
}

.align_self_bottom {
    align-self: flex-end
}

.align_middle {
    align-items: center
}

.align_self_middle {
    align-self: center
}

.align_stretch {
    align-items: stretch
}

.align_self_stretch {
    align-self: stretch
}

.align_center_middle {
    justify-content: center;
    align-items: center;
    align-content: center
}

.xsmall_order_1 {
    order: 1
}

.xsmall_order_2 {
    order: 2
}

.xsmall_order_3 {
    order: 3
}

.xsmall_order_4 {
    order: 4
}

.xsmall_order_5 {
    order: 5
}

.xsmall_order_6 {
    order: 6
}

@media print,screen and (min-width: 37.5em) {
    .small_order_1 {
        order:1
    }

    .small_order_2 {
        order: 2
    }

    .small_order_3 {
        order: 3
    }

    .small_order_4 {
        order: 4
    }

    .small_order_5 {
        order: 5
    }

    .small_order_6 {
        order: 6
    }
}

@media print,screen and (min-width: 56.25em) {
    .medium_order_1 {
        order:1
    }

    .medium_order_2 {
        order: 2
    }

    .medium_order_3 {
        order: 3
    }

    .medium_order_4 {
        order: 4
    }

    .medium_order_5 {
        order: 5
    }

    .medium_order_6 {
        order: 6
    }
}

@media screen and (min-width: 75em) {
    .large_order_1 {
        order:1
    }

    .large_order_2 {
        order: 2
    }

    .large_order_3 {
        order: 3
    }

    .large_order_4 {
        order: 4
    }

    .large_order_5 {
        order: 5
    }

    .large_order_6 {
        order: 6
    }
}

.flex_container {
    display: flex
}

.flex_child_auto {
    flex: 1 1 auto
}

.flex_child_grow {
    flex: 1 0 auto
}

.flex_child_shrink {
    flex: 0 1 auto
}

.flex_dir_row {
    flex-direction: row
}

.flex_dir_row-reverse {
    flex-direction: row-reverse
}

.flex_dir_column {
    flex-direction: column
}

.flex_dir_column-reverse {
    flex-direction: column-reverse
}

@media print,screen and (min-width: 37.5em) {
    .small_flex_container {
        display:flex
    }

    .small_flex_child_auto {
        flex: 1 1 auto
    }

    .small_flex_child_grow {
        flex: 1 0 auto
    }

    .small_flex_child_shrink {
        flex: 0 1 auto
    }

    .small_flex_dir_row {
        flex-direction: row
    }

    .small_flex_dir_row-reverse {
        flex-direction: row-reverse
    }

    .small_flex_dir_column {
        flex-direction: column
    }

    .small_flex_dir_column-reverse {
        flex-direction: column-reverse
    }
}

@media print,screen and (min-width: 56.25em) {
    .medium_flex_container {
        display:flex
    }

    .medium_flex_child_auto {
        flex: 1 1 auto
    }

    .medium_flex_child_grow {
        flex: 1 0 auto
    }

    .medium_flex_child_shrink {
        flex: 0 1 auto
    }

    .medium_flex_dir_row {
        flex-direction: row
    }

    .medium_flex_dir_row-reverse {
        flex-direction: row-reverse
    }

    .medium_flex_dir_column {
        flex-direction: column
    }

    .medium_flex_dir_column-reverse {
        flex-direction: column-reverse
    }
}

@media screen and (min-width: 75em) {
    .large_flex_container {
        display:flex
    }

    .large_flex_child_auto {
        flex: 1 1 auto
    }

    .large_flex_child_grow {
        flex: 1 0 auto
    }

    .large_flex_child_shrink {
        flex: 0 1 auto
    }

    .large_flex_dir_row {
        flex-direction: row
    }

    .large_flex_dir_row-reverse {
        flex-direction: row-reverse
    }

    .large_flex_dir_column {
        flex-direction: column
    }

    .large_flex_dir_column-reverse {
        flex-direction: column-reverse
    }
}

.flex_column_justify {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.float_left {
    float: left!important
}

.float_right {
    float: right!important
}

.float_center {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.clearfix:after,.clearfix:before {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.clearfix:after {
    clear: both
}

.hide {
    display: none!important
}

.invisible {
    visibility: hidden
}

.visible {
    visibility: visible
}

@media print,screen and (max-width: 37.49875em) {
    .hide_for_xsmall_only {
        display:none!important
    }
}

@media screen and (max-width: 0em),screen and (min-width:37.5em) {
    .show_for_xsmall_only {
        display:none!important
    }
}

@media print,screen and (min-width: 37.5em) {
    .hide_for_small {
        display:none!important
    }
}

@media screen and (max-width: 37.49875em) {
    .show_for_small {
        display:none!important
    }
}

@media print,screen and (min-width: 37.5em) and (max-width:56.24875em) {
    .hide_for_small_only {
        display:none!important
    }
}

@media screen and (max-width: 37.49875em),screen and (min-width:56.25em) {
    .show_for_small_only {
        display:none!important
    }
}

@media print,screen and (min-width: 56.25em) {
    .hide_for_medium {
        display:none!important
    }
}

@media screen and (max-width: 56.24875em) {
    .show_for_medium {
        display:none!important
    }
}

@media print,screen and (min-width: 56.25em) and (max-width:74.99875em) {
    .hide_for_medium_only {
        display:none!important
    }
}

@media screen and (max-width: 56.24875em),screen and (min-width:75em) {
    .show_for_medium_only {
        display:none!important
    }
}

@media screen and (min-width: 75em) {
    .hide_for_large {
        display:none!important
    }
}

@media screen and (max-width: 74.99875em) {
    .show_for_large {
        display:none!important
    }
}

@media screen and (min-width: 75em) {
    .hide_for_large_only {
        display:none!important
    }
}

@media screen and (max-width: 74.99875em) {
    .show_for_large_only {
        display:none!important
    }
}

.show_for_sr,.show_on_focus {
    position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important
}

.show_on_focus:active,.show_on_focus:focus {
    position: static!important;
    width: auto!important;
    height: auto!important;
    overflow: visible!important;
    clip: auto!important;
    white-space: normal!important
}

.hide_for_portrait,.show_for_landscape {
    display: block!important
}

@media screen and (orientation: landscape) {
    .hide_for_portrait,.show_for_landscape {
        display:block!important
    }
}

@media screen and (orientation: portrait) {
    .hide_for_portrait,.show_for_landscape {
        display:none!important
    }
}

.hide_for_landscape,.show_for_portrait {
    display: none!important
}

@media screen and (orientation: landscape) {
    .hide_for_landscape,.show_for_portrait {
        display:none!important
    }
}

@media screen and (orientation: portrait) {
    .hide_for_landscape,.show_for_portrait {
        display:block!important
    }
}

.show_for_dark_mode {
    display: none
}

.hide_for_dark_mode {
    display: block
}

@media screen and (prefers-color-scheme: dark) {
    .show_for_dark_mode {
        display:block!important
    }

    .hide_for_dark_mode {
        display: none!important
    }
}

.show_for_sticky {
    display: none
}

.is_stuck .show_for_sticky {
    display: block
}

.is_stuck .hide_for_sticky {
    display: none
}

.reveal,.reveal--collapse,.reveal--full,.reveal--large,.reveal--small,.reveal--tiny {
    right: auto;
    left: auto;
    margin: 0 auto
}

@font-face {
    font-family: voelkner;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(./css/font/inter_400.woff2) format("woff2")
}

@font-face {
    font-family: voelkner;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(./css/font/inter_600.woff2) format("woff2")
}

@font-face {
    font-family: voelkner;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(./css/font/inter_700.woff2) format("woff2")
}

@font-face {
    font-family: voelkner;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(./css/font/inter_900.woff2) format("woff2")
}

@keyframes animation-slide-in-from-top {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        transform: translateZ(0)
    }

    60% {
        transform: translate3d(25px,0,0)
    }

    75% {
        transform: translate3d(-10px,0,0)
    }

    90% {
        transform: translate3d(5px,0,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes sk-stretchdelay {
    0%,40%,to {
        transform: scaleY(.4);
        -webkit-transform: scaleY(.4)
    }

    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1)
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -1000px 0
    }

    to {
        background-position: 1000px 0
    }
}

@keyframes typeWriter {
    0% {
        transform: translateY(-2px)
    }

    50% {
        transform: translateY(3px)
    }

    to {
        transform: translateY(-2px)
    }
}

:not(input,textarea,select):focus-visible {
    outline: .1875rem solid var(--primary);
    outline-offset: .1875rem
}

@media (prefers-reduced-motion:no-preference) {
    :not(input,textarea,select):focus-visible {
        animation: outline-bounce .5s
    }
}

.info {
    border-radius: 9999px
}

@keyframes outline-bounce {
    0% {
        outline-offset: .25rem
    }

    50% {
        outline-offset: .5rem
    }

    to {
        outline-offset: .25rem
    }
}

.shortcuts {
    position: fixed;
    right: -9999px;
    top: 0;
    background: var(--light);
    padding: 2.5rem;
    z-index: 1000;
    box-shadow: 3px 3px 3px rgba(14,16,16,.5)
}

.shortcuts.is_visible {
    right: 0
}

.shortcuts__list {
    display: flex;
    flex-wrap: wrap;
    gap: .625rem .9375rem;
    padding: 0;
    margin: 0;
    list-style: none
}

.shortcuts__list,.shortcuts__list li {
    position: relative
}

[data-whatinput=mouse] .shortcuts__list li {
    outline: 0
}

.shortcuts__list li {
    display: inline-flex;
    align-items: center;
    gap: .3125rem
}

.shortcuts__list a,.shortcuts__list button,.shortcuts__list input,.shortcuts__list select {
    margin-bottom: 0
}

.shortcuts__list input {
    display: inline-flex
}

.shortcuts__list {
    flex-wrap: nowrap;
    flex-direction: column
}

.shortcuts__list__option {
    display: flex;
    gap: 1.25rem;
    padding: .625rem 0
}

.shortcuts__list__option__title {
    text-align: left;
    align-self: stretch;
    align-content: center;
    width: 24ch
}

.shortcuts__list__option__keys {
    display: flex;
    gap: .3125rem;
    align-items: baseline;
    font-family: monospace
}

.shortcuts__list__option__keys>span {
    background: var(--light-gray);
    padding: .3125rem .625rem;
    border-radius: .3125rem
}

.shortcuts__keys {
    display: flex;
    gap: .3125rem;
    align-items: baseline
}

.shortcuts__keys>span {
    background: var(--light-gray);
    padding: .3125rem .625rem;
    border-radius: .3125rem
}

body {
    position: relative;
    letter-spacing: -.12px
}

body.modal_open {
    overflow: hidden
}

header .icon_logo_shop,header .icon_logo_shop--black_week {
    width: 100px;
    height: 52px;
    color: var(--light)
}

header .icon_logo_shop--black_week:active,header .icon_logo_shop--black_week:focus,header .icon_logo_shop--black_week:hover,header .icon_logo_shop:active,header .icon_logo_shop:focus,header .icon_logo_shop:hover {
    color: var(--light)
}

header .icon_logo_shop--black_week {
    color: initial!important
}

@media screen and (min-width: 64em) {
    header .icon_logo_shop,header .icon_logo_shop--black_week {
        width:130px;
        height: 85px
    }
}

@media screen and (min-width: 75em) {
    header .icon_logo_shop,header .icon_logo_shop--black_week {
        width:208px;
        height: 85px
    }
}

.is_stuck .icon_logo_shop,.is_stuck header .icon_logo_shop--black_week,header .is_stuck .icon_logo_shop--black_week {
    width: 100px;
    height: 100%
}

.head--auth .icon_logo_shop,.head--auth header .icon_logo_shop--black_week,header .head--auth .icon_logo_shop--black_week {
    width: 120px;
    height: 30px;
    color: var(--shop-logo)
}

.head--auth .icon_logo_shop:active,.head--auth .icon_logo_shop:focus,.head--auth .icon_logo_shop:hover,.head--auth header .icon_logo_shop--black_week:active,.head--auth header .icon_logo_shop--black_week:focus,.head--auth header .icon_logo_shop--black_week:hover,header .head--auth .icon_logo_shop--black_week:active,header .head--auth .icon_logo_shop--black_week:focus,header .head--auth .icon_logo_shop--black_week:hover {
    color: var(--shop-logo)
}

@media print,screen and (min-width: 56.25em) {
    .head--auth .icon_logo_shop,.head--auth header .icon_logo_shop--black_week,header .head--auth .icon_logo_shop--black_week {
        width:185px;
        height: 29px
    }
}

header :focus-visible {
    outline-color: var(--cta)
}

header.sticky {
    z-index: 10
}

header.sticky.is_stuck {
    z-index: 101
}

@media screen and (min-width: 64em) {
    header.is_stuck .head__wrapper__group--logo {
        margin:0 0 0 1.25rem
    }

    header.is_stuck .head__wrapper__group__button {
        height: 65px;
        border-radius: 9999px
    }

    header.is_stuck .head__wrapper__group__list__item--navigation {
        display: flex
    }

    header.is_stuck .sub_head {
        display: none
    }
}

header .head__wrapper,header .sub_head__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    width: 100%;
    max-width: 93.125rem
}

@media screen and (min-width: 64em) {
    header .head__wrapper,header .sub_head__wrapper {
        padding:0 .9375rem
    }
}

header .head,header .head--blackweek {
    display: flex;
    background: var(--third)
}

header .head--blackweek {
    background: var(--dark)
}

header .head--blackweek .head__wrapper__group__list__item--language_delivery>a,header .head--blackweek .head__wrapper__group__list__item--language_delivery>button,header .head--blackweek .head__wrapper__group__list__item--navigation>a,header .head--blackweek .head__wrapper__group__list__item--navigation>button,header .head--blackweek .head__wrapper__group__list__item>a,header .head--blackweek .head__wrapper__group__list__item>button {
    background: var(--light)
}

header .head--blackweek .head__wrapper__group__list__item--language_delivery>a svg,header .head--blackweek .head__wrapper__group__list__item--language_delivery>button svg,header .head--blackweek .head__wrapper__group__list__item--navigation>a svg,header .head--blackweek .head__wrapper__group__list__item--navigation>button svg,header .head--blackweek .head__wrapper__group__list__item>a svg,header .head--blackweek .head__wrapper__group__list__item>button svg {
    fill: var(--dark)
}

header .head--blackweek .head__wrapper__group__list__item--language_delivery>a svg:hover,header .head--blackweek .head__wrapper__group__list__item--language_delivery>button svg:hover,header .head--blackweek .head__wrapper__group__list__item--navigation>a svg:hover,header .head--blackweek .head__wrapper__group__list__item--navigation>button svg:hover,header .head--blackweek .head__wrapper__group__list__item>a svg:hover,header .head--blackweek .head__wrapper__group__list__item>button svg:hover {
    fill: var(--cta)
}

header .head--blackweek .head__wrapper__group__list__item--language_delivery>a .head__wrapper__group__list__item__button__icon--nav__element,header .head--blackweek .head__wrapper__group__list__item--language_delivery>button .head__wrapper__group__list__item__button__icon--nav__element,header .head--blackweek .head__wrapper__group__list__item--navigation>a .head__wrapper__group__list__item__button__icon--nav__element,header .head--blackweek .head__wrapper__group__list__item--navigation>button .head__wrapper__group__list__item__button__icon--nav__element,header .head--blackweek .head__wrapper__group__list__item>a .head__wrapper__group__list__item__button__icon--nav__element,header .head--blackweek .head__wrapper__group__list__item>button .head__wrapper__group__list__item__button__icon--nav__element {
    background: var(--dark)
}

header .head--blackweek .head__wrapper__group__list__item__button__notification_wrap__icon {
    fill: var(--light)!important
}

header .head--blackweek .head__wrapper__group__list__item__button:hover {
    background: var(--light)!important
}

header .head--blackweek .head__wrapper__group__list__item__button:hover .head__wrapper__group__list__item__button__icon--nav__element {
    background: var(--cta)!important
}

header .head--auth :focus-visible {
    outline-color: var(--primary)
}

header .head--auth .head__content_wrapper {
    padding: 1.25rem 0
}

header .head--auth .head__trust_badge_logo {
    width: 30px;
    height: 30px
}

@media print,screen and (min-width: 56.25em) {
    header .head--auth .head__trust_badge_logo {
        width:50px;
        height: 50px
    }
}

@media screen and (min-width: 64em) {
    header .head__wrapper {
        flex-wrap:nowrap
    }
}

header .head__wrapper__group,header .head__wrapper__group--end,header .head__wrapper__group--logo,header .head__wrapper__group--search_form {
    display: flex;
    width: 33%;
    height: 52px;
    padding: 0 .9375rem;
    align-items: center
}

@media screen and (min-width: 64em) {
    header .head__wrapper__group,header .head__wrapper__group--end,header .head__wrapper__group--logo,header .head__wrapper__group--search_form {
        flex:0 1 auto;
        width: auto;
        height: 100%;
        padding: initial
    }
}

header .head__wrapper__group--logo {
    justify-content: center
}

@media screen and (min-width: 64em) {
    header .head__wrapper__group--logo {
        margin:0 0 0 1.25rem
    }
}

@media screen and (min-width: 75em) {
    header .head__wrapper__group--logo {
        margin:initial
    }
}

header .head__wrapper__group--end {
    justify-content: flex-end
}

header .head__wrapper__group--end header .head__wrapper__group__list__item--language_delivery:last-of-type,header .head__wrapper__group--end header .head__wrapper__group__list__item--navigation:last-of-type,header .head__wrapper__group--end header .head__wrapper__group__list__item:last-of-type {
    margin: 0 0 0 1.25rem
}

@media print,screen and (min-width: 56.25em) {
    header .head__wrapper__group--end header .head__wrapper__group__list__item--language_delivery:last-of-type,header .head__wrapper__group--end header .head__wrapper__group__list__item--navigation:last-of-type,header .head__wrapper__group--end header .head__wrapper__group__list__item:last-of-type {
        margin:initial
    }
}

@media screen and (min-width: 64em) {
    header .head__wrapper__group--end {
        order:3
    }
}

header .head__wrapper__group--search_form {
    width: 100%;
    align-items: center;
    order: 3;
    border-top: 1px solid var(--light);
    padding: .3125rem .9375rem
}

@media screen and (min-width: 64em) {
    header .head__wrapper__group--search_form {
        flex:1 1 auto;
        order: 2;
        padding: 0 2.8125rem;
        border: 0
    }
}

@media screen and (min-width: 75em) {
    header .head__wrapper__group--search_form {
        padding:0 5rem
    }
}

header .head__wrapper__group--search_form:focus,header .head__wrapper__group--search_form:hover {
    cursor: auto
}

header .head__wrapper__group__button {
    align-items: center;
    justify-content: center;
    line-height: 1;
    align-content: center;
    border-radius: 9999px
}

header .head__wrapper__group__button:focus-visible {
    outline-offset: -.1875rem
}

header .head__wrapper__group__button:focus,header .head__wrapper__group__button:hover {
    cursor: pointer
}

@media screen and (min-width: 64em) {
    header .head__wrapper__group__button {
        height:85px;
        width: auto;
        order: 1
    }
}

header .head__wrapper__group__list {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    display: flex
}

[data-whatinput=mouse] header .head__wrapper__group__list__item,[data-whatinput=mouse] header .head__wrapper__group__list__item--language_delivery,[data-whatinput=mouse] header .head__wrapper__group__list__item--navigation {
    outline: 0
}

header .head__wrapper__group__list__item,header .head__wrapper__group__list__item--language_delivery,header .head__wrapper__group__list__item--navigation {
    position: relative
}

header .head__wrapper__group__list__item--language_delivery:last-of-type:not(:first-of-type),header .head__wrapper__group__list__item--navigation:last-of-type:not(:first-of-type),header .head__wrapper__group__list__item:last-of-type:not(:first-of-type) {
    margin: 0 0 0 .625rem
}

@media print,screen and (min-width: 37.5em) {
    header .head__wrapper__group__list__item--language_delivery:not(:first-of-type),header .head__wrapper__group__list__item--navigation:not(:first-of-type),header .head__wrapper__group__list__item:not(:first-of-type) {
        margin:0 0 0 1.25rem!important
    }
}

@media screen and (min-width: 75em) {
    header .head__wrapper__group__list__item--navigation {
        display:none
    }
}

header .head__wrapper__group__list__item__button {
    display: flex;
    position: relative;
    line-height: 1;
    color: var(--light);
    justify-content: center;
    align-items: center;
    background: var(--primary);
    border-radius: 9999px;
    height: 35px;
    width: 35px
}

header .head__wrapper__group__list__item__button .icon {
    fill: currentColor
}

@media screen and (min-width: 64em) {
    header .head__wrapper__group__list__item__button {
        height:40px;
        width: 40px
    }
}

header .head__wrapper__group__list__item__button:focus,header .head__wrapper__group__list__item__button:hover {
    color: var(--light);
    background: var(--cta);
    transition: .25s ease-out
}

header .head__wrapper__group__list__item__button:focus .icon,header .head__wrapper__group__list__item__button:hover .icon {
    fill: currentColor
}

header .head__wrapper__group__list__item__button__icon,header .head__wrapper__group__list__item__button__icon--nav {
    height: 25px;
    width: 24px
}

header .head__wrapper__group__list__item__button__icon--nav {
    width: 28px;
    height: 26px;
    display: block;
    position: relative;
    transform: rotate(0deg);
    transition: .5s ease-in-out
}

header .head__wrapper__group__list__item__button__icon--nav__element {
    display: block;
    position: absolute;
    left: 4px;
    background: var(--light);
    height: 3px;
    width: 18px;
    opacity: 1;
    border-radius: 9px;
    transform: rotate(0deg);
    transition: .25s ease-in-out
}

header .head__wrapper__group__list__item__button__icon--nav__element:first-child {
    top: 4px
}

header .head__wrapper__group__list__item__button__icon--nav__element:nth-child(2) {
    top: 11px
}

header .head__wrapper__group__list__item__button__icon--nav__element:nth-child(3) {
    top: 18px
}

@media screen and (min-width: 64em) {
    header .head__wrapper__group__list__item__button__icon--nav__element {
        width:22px;
        left: 4px
    }

    header .head__wrapper__group__list__item__button__icon--nav__element:first-child {
        top: 5px
    }

    header .head__wrapper__group__list__item__button__icon--nav__element:nth-child(2) {
        top: 12px
    }

    header .head__wrapper__group__list__item__button__icon--nav__element:nth-child(3) {
        top: 19px
    }
}

header .head__wrapper__group__list__item__button__heading,header .head__wrapper__group__list__item__button__subheading {
    display: none;
    padding-left: .625rem;
    line-height: 1.5
}

@media screen and (min-width: 64em) {
    header .head__wrapper__group__list__item__button__heading,header .head__wrapper__group__list__item__button__subheading {
        display:block
    }
}

header .head__wrapper__group__list__item__button__heading {
    font-weight: 700
}

header .head__wrapper__group__list__item__button__subheading {
    margin: -6px 0 0
}

header .head__wrapper__group__list__item__button__notification_wrap {
    position: absolute;
    left: 22px;
    top: -5px;
    display: flex;
    width: 20px;
    height: 20px;
    justify-content: center;
    align-items: center;
    background: var(--cta);
    border-radius: 9999px;
    font-size: .75rem;
    font-weight: 700
}

header .head__wrapper__group__list__item__button__notification_wrap:has(.head__wrapper__group__list__item__button__notification_wrap__icon) {
    background: var(--light)
}

@media screen and (min-width: 64em) {
    header .head__wrapper__group__list__item__button__notification_wrap {
        left:22px;
        top: -10px;
        width: 25px;
        height: 25px;
        font-size: 1rem
    }
}

header .head__wrapper__group__list__item__button__notification_wrap__icon {
    width: 20px;
    height: 20px;
    align-self: center;
    color: var(--cta)
}

@media screen and (min-width: 64em) {
    header .head__wrapper__group__list__item__button__notification_wrap__icon {
        width:25px;
        height: 25px
    }
}

@media screen and (min-width: 64em) {
    header .head__wrapper__group__list__item--language_delivery {
        display:none
    }
}

header .sub_head {
    display: flex
}

header .sub_head__wrapper {
    margin-top: .625rem;
    padding: 0 .3125rem;
    background: var(--secondary);
    border-radius: 9999px
}

header .sub_head__wrapper .button {
    font-weight: 400
}

header .sub_head__wrapper__group,header .sub_head__wrapper__group--right {
    display: flex;
    flex: 1 1 auto
}

header .sub_head__wrapper__group--right {
    justify-content: flex-end;
    flex: 0 1 auto
}

header .sub_head__wrapper__group__list {
    line-height: 1;
    align-items: center
}

header .sub_head__wrapper__group__list a {
    padding: 1.25rem
}

header .sub_head__wrapper__group__list__item {
    position: relative;
    padding: 12px
}

header .sub_head__wrapper__group__list__item:not(:last-of-type) {
    margin-right: .625rem
}

header .sub_head__wrapper__group__list__item:active,header .sub_head__wrapper__group__list__item:focus,header .sub_head__wrapper__group__list__item:hover {
    cursor: pointer
}

@media screen and (min-width: 64em) {
    header .sub_head__wrapper__group__list__item {
        padding:initial
    }
}

header .sub_head__wrapper__group__list__item__button,header .sub_head__wrapper__group__list__item__button--sale {
    font-family: inherit;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    border-width: 2px;
    border-style: solid;
    border-radius: 9999px;
    transition: .25s ease-out;
    cursor: pointer;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .625rem;
    padding: .5rem 1rem .5rem 0;
    border-color: transparent
}

header .sub_head__wrapper__group__list__item__button--sale:active,header .sub_head__wrapper__group__list__item__button--sale:focus,header .sub_head__wrapper__group__list__item__button--sale:hover,header .sub_head__wrapper__group__list__item__button:active,header .sub_head__wrapper__group__list__item__button:focus,header .sub_head__wrapper__group__list__item__button:hover {
    color: var(--third)
}

header .sub_head__wrapper__group__list__item__button--sale {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    padding: 10px 15px!important;
    max-width: 210px
}

@media screen and (min-width: 81.25em) {
    header .sub_head__wrapper__group__list__item__button--sale {
        max-width:350px
    }
}

header .sub_head__wrapper__group__list__item__button__icon--nav {
    position: relative;
    width: 35px;
    height: 35px;
    background: var(--body-txt);
    border-radius: 9999px
}

header .sub_head__wrapper__group__list__item__button__icon--nav__element {
    position: absolute;
    width: 22px;
    border-radius: 9px;
    opacity: 1;
    left: 7px;
    height: 3px;
    background: var(--light);
    transition: .25s ease-in-out
}

header .sub_head__wrapper__group__list__item__button__icon--nav__element:first-child {
    top: 9px
}

header .sub_head__wrapper__group__list__item__button__icon--nav__element:nth-child(2) {
    top: 16px
}

header .sub_head__wrapper__group__list__item__button__icon--nav__element:nth-child(3) {
    top: 23px
}

header .sub_head__wrapper__group__list__item__button__icon--sale.icon {
    float: right
}

header .sub_head__wrapper__group__list__item__button__nav_title {
    font-weight: 700
}

header .sub_head__wrapper__group__list__item .dropdown__panel--comparison:before {
    border-left-color: transparent;
    border-bottom-color: var(--light);
    border-right-color: transparent;
    border-top-color: transparent
}

header .sub_head__wrapper__group__list__item--customer_group {
    align-self: center
}

header .promotion_campaign {
    display: flex;
    justify-content: center;
    align-content: center;
    background-color: var(--alert)
}

header .promotion_campaign__link {
    display: flex;
    padding: .625rem 0!important;
    gap: .3125rem;
    font-weight: 700;
    line-height: 1;
    color: var(--light)
}

header .promotion_campaign__link:hover {
    color: var(--alert-txt)
}

header .promotion_campaign__link__icon {
    width: 1rem;
    height: 1rem;
    fill: currentColor
}

header .advantage_bar,header .advantage_bar--blackweek {
    display: flex;
    justify-content: center;
    background-color: var(--primary)
}

header .advantage_bar__list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: .625rem .9375rem;
    padding: 0;
    margin: 0;
    list-style: none
}

header .advantage_bar__list li {
    position: relative
}

[data-whatinput=mouse] header .advantage_bar__list li {
    outline: 0
}

header .advantage_bar__list li {
    display: inline-flex;
    align-items: center;
    gap: .3125rem
}

header .advantage_bar__list a,header .advantage_bar__list button,header .advantage_bar__list input,header .advantage_bar__list select {
    margin-bottom: 0
}

header .advantage_bar__list input {
    display: inline-flex
}

header .advantage_bar__list {
    width: 93.125rem;
    justify-content: space-around
}

header .advantage_bar__list__item__link {
    display: flex;
    align-items: center;
    padding: .625rem 0!important;
    gap: .3125rem;
    color: var(--light);
    border-radius: 9999px
}

header .advantage_bar__list__item__link:focus,header .advantage_bar__list__item__link:hover {
    color: var(--light);
    text-decoration: underline
}

header .advantage_bar__list__item__link__icon,header .advantage_bar__list__item__link__icon--promotion {
    width: 1rem;
    height: 1rem;
    fill: currentColor
}

header .advantage_bar__list__item__link__icon--promotion {
    width: 78px;
    height: 30px
}

header .advantage_bar--blackweek {
    background-color: var(--dark)
}

.lang_country_selection__card {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    position: relative;
    border-radius: 0;
    background: var(--body-bg);
    box-shadow: none;
    color: var(--body-txt);
    margin-bottom: .9375rem
}

.lang_country_selection__card>:last-child {
    margin-bottom: 0
}

.lang_country_selection__card__section {
    flex: 1 0 auto;
    padding: .625rem;
    border: 2px solid var(--global-border);
    border-radius: 0
}

.lang_country_selection__card__section>:last-child:not(.tf_h1),.lang_country_selection__card__section>:last-child:not(.tf_h2),.lang_country_selection__card__section>:last-child:not(.tf_h3),.lang_country_selection__card__section>:last-child:not(.tf_h4),.lang_country_selection__card__section>:last-child:not(.tf_h5),.lang_country_selection__card__section>:last-child:not(.tf_h6),.lang_country_selection__card__section>:last-child:not(h1),.lang_country_selection__card__section>:last-child:not(h2),.lang_country_selection__card__section>:last-child:not(h3),.lang_country_selection__card__section>:last-child:not(h4),.lang_country_selection__card__section>:last-child:not(h5),.lang_country_selection__card__section>:last-child:not(h6) {
    margin-bottom: 0
}

@media print,screen and (min-width: 56.25em) {
    .lang_country_selection__card__section {
        padding:1.25rem
    }
}

.lang_country_selection__card__section:has(.lang_country_selection__option__icon_selected) {
    cursor: default;
    background: var(--secondary)
}

.lang_country_selection__card__section:hover {
    border: 2px solid var(--primary)
}

.lang_country_selection__heading {
    display: flex;
    align-items: center;
    -moz-column-gap: .625rem;
    column-gap: .625rem
}

.lang_country_selection__heading__icon {
    width: 1.25rem;
    height: 1.25rem
}

.lang_country_selection__option {
    margin-bottom: .625rem
}

.lang_country_selection__option:last-child {
    margin-bottom: 0
}

.lang_country_selection__option__content {
    display: flex;
    align-items: center;
    -moz-column-gap: .625rem;
    column-gap: .625rem
}

.lang_country_selection__option__icon_selected {
    color: var(--primary)
}

.reveal__list {
    display: flex;
    flex-wrap: wrap;
    gap: .625rem .9375rem;
    padding: 0;
    margin: 0;
    list-style: none
}

.reveal__list,.reveal__list li {
    position: relative
}

[data-whatinput=mouse] .reveal__list li {
    outline: 0
}

.reveal__list li {
    display: inline-flex;
    align-items: center;
    gap: .3125rem
}

.reveal__list a,.reveal__list button,.reveal__list input,.reveal__list select {
    margin-bottom: 0
}

.reveal__list input {
    display: inline-flex
}

@media print,screen and (max-width: 56.24875em) {
    .reveal__list__item {
        margin-bottom:1.25rem
    }
}

.trust_badge {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    position: relative;
    margin-bottom: 1.25rem;
    border-radius: 0;
    background: var(--body-bg);
    box-shadow: none;
    color: var(--body-txt)
}

.trust_badge>:last-child {
    margin-bottom: 0
}

.trust_badge {
    position: fixed;
    bottom: 150px;
    z-index: 2;
    right: 0
}

.trust_badge__section {
    flex: 1 0 auto;
    padding: .625rem;
    border: 2px solid var(--global-border);
    border-radius: 0
}

.trust_badge__section>:last-child:not(.tf_h1),.trust_badge__section>:last-child:not(.tf_h2),.trust_badge__section>:last-child:not(.tf_h3),.trust_badge__section>:last-child:not(.tf_h4),.trust_badge__section>:last-child:not(.tf_h5),.trust_badge__section>:last-child:not(.tf_h6),.trust_badge__section>:last-child:not(h1),.trust_badge__section>:last-child:not(h2),.trust_badge__section>:last-child:not(h3),.trust_badge__section>:last-child:not(h4),.trust_badge__section>:last-child:not(h5),.trust_badge__section>:last-child:not(h6) {
    margin-bottom: 0
}

@media print,screen and (min-width: 56.25em) {
    .trust_badge__section {
        padding:1.25rem
    }
}

.trust_badge__section {
    padding: 1.25rem 1.25rem .625rem;
    position: relative;
    box-shadow: 3px 3px 3px rgba(var(--secondary),.5)
}

.trust_badge__section:not(:last-child) {
    margin-bottom: .625rem
}

.trust_badge__section__icon {
    width: 40px!important;
    height: 40px!important;
    color: var(--dark)
}

.trust_badge__close {
    font-size: 0;
    top: .3125rem;
    right: .3125rem
}

.trust_badge__close .icon {
    width: 12px;
    height: 12px
}

.security__card {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    position: relative;
    margin-bottom: 1.25rem;
    border-radius: 0;
    background: var(--body-bg);
    box-shadow: none;
    color: var(--body-txt)
}

.security__card>:last-child {
    margin-bottom: 0
}

.security__card__content {
    flex: 1 0 auto;
    padding: .625rem;
    border: 2px solid var(--global-border);
    border-radius: 0
}

.security__card__content>:last-child:not(.tf_h1),.security__card__content>:last-child:not(.tf_h2),.security__card__content>:last-child:not(.tf_h3),.security__card__content>:last-child:not(.tf_h4),.security__card__content>:last-child:not(.tf_h5),.security__card__content>:last-child:not(.tf_h6),.security__card__content>:last-child:not(h1),.security__card__content>:last-child:not(h2),.security__card__content>:last-child:not(h3),.security__card__content>:last-child:not(h4),.security__card__content>:last-child:not(h5),.security__card__content>:last-child:not(h6) {
    margin-bottom: 0
}

@media print,screen and (min-width: 56.25em) {
    .security__card__content {
        padding:1.25rem
    }
}

.security__card__content:active,.security__card__content:focus,.security__card__content:hover {
    cursor: pointer;
    border-color: var(--primary)
}

.footer,.footer--with_newsletter {
    margin-top: 3.75rem;
    position: relative;
    background-color: var(--global-footer-bg);
    color: var(--body-txt)
}

.footer--with_newsletter a:not(.button),.footer a:not(.button) {
    color: inherit
}

.footer__info_text {
    font-size: .875rem;
    display: block
}

.footer__link_list {
    display: flex;
    flex-direction: column;
    gap: 0 1.875rem
}

@media screen and (min-width: 75em) {
    .footer__link_list {
        flex-direction:row
    }
}

.footer__link_list__item {
    display: flex;
    align-items: center;
    gap: .625rem
}

.footer--with_newsletter {
    margin-top: 12.5rem
}

.footer--auth,.footer--checkout {
    padding: 1.25rem 0;
    background-color: transparent
}

@media print,screen and (max-width: 74.99875em) {
    .footer--checkout .footer__section {
        margin-bottom:2.5rem
    }
}

.footer__newsletter {
    background: var(--primary);
    color: var(--light);
    padding: 1.25rem;
    margin-top: -8.75rem
}

.footer__shop_info {
    padding: 5rem 0
}

.footer__shop_info__return_link {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    gap: .3125rem;
    font-size: .875rem
}

.footer__shop_info__return_link:hover {
    text-decoration: underline
}

.footer__legal {
    background: var(--footer-legal-bg);
    color: var(--footer-legal-txt);
    padding: 1.25rem 0;
    position: relative;
    z-index: 4
}

.footer__legal :focus-visible {
    outline-color: var(--cta)
}

.footer__legal__copyright {
    font-size: .875rem
}

@media print,screen and (max-width: 74.99875em) {
    .footer__legal__copyright {
        text-align:center
    }
}

.footer__legal__elevated_icons,.footer__legal__elevated_icons--not_mobile {
    margin-top: -55px;
    margin-bottom: 1.25rem
}

.footer__legal__elevated_icons--not_mobile {
    margin-bottom: 0
}

@media print,screen and (max-width: 74.99875em) {
    .footer__legal__elevated_icons,.footer__legal__elevated_icons--not_mobile {
        display:flex;
        justify-content: center
    }

    .footer__legal__elevated_icons--not_mobile {
        margin-top: 0
    }
}

.newsletter_promotion--wext {
    margin-top: 1.25rem
}

.newsletter_promotion__icon {
    width: 3rem;
    height: 3rem;
    fill: var(--light);
    margin-bottom: .625rem
}

.newsletter_promotion .button:focus-visible {
    outline: 3px solid var(--cta)
}

.footer_navigation {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: .625rem .9375rem;
    padding: 0;
    margin: 0;
    list-style: none
}

.footer_navigation li {
    position: relative
}

[data-whatinput=mouse] .footer_navigation li {
    outline: 0
}

.footer_navigation li {
    display: inline-flex;
    align-items: center;
    gap: .3125rem
}

.footer_navigation a,.footer_navigation button,.footer_navigation input,.footer_navigation select {
    margin-bottom: 0
}

.footer_navigation input {
    display: inline-flex
}

.footer_navigation {
    flex-wrap: nowrap;
    flex-direction: column
}

.footer_navigation__item {
    padding: .3125rem 0
}

.footer_navigation__item__link:hover {
    text-decoration: underline
}

.footer_navigation--horizontal {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: .625rem .9375rem;
    padding: 0;
    margin: 0;
    list-style: none
}

.footer_navigation--horizontal li {
    position: relative
}

[data-whatinput=mouse] .footer_navigation--horizontal li {
    outline: 0
}

.footer_navigation--horizontal li {
    display: inline-flex;
    align-items: center;
    gap: .3125rem
}

.footer_navigation--horizontal a,.footer_navigation--horizontal button,.footer_navigation--horizontal input,.footer_navigation--horizontal select {
    margin-bottom: 0
}

.footer_navigation--horizontal input {
    display: inline-flex
}

.footer_navigation--horizontal {
    gap: 0 1.25rem!important;
    font-size: .875rem
}

@media print,screen and (max-width: 74.99875em) {
    .footer_navigation--horizontal {
        justify-content:center
    }
}

.accordion,.accordion--boxed,.accordion--clear {
    margin-left: 0;
    list-style-type: none
}

.accordion[disabled] .accordion__title,[disabled].accordion--boxed .accordion__title,[disabled].accordion--clear .accordion__title {
    cursor: not-allowed
}

.accordion__item {
    position: relative
}

.accordion__item__title {
    position: relative;
    display: flex;
    align-items: center;
    padding: .9375rem 0;
    border-bottom: 2px solid var(--dark);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    color: var(--dark)
}

.accordion__item__title:focus,.accordion__item__title:focus>.accordion__item__title__icon,.accordion__item__title:hover,.accordion__item__title:hover>.accordion__item__title__icon {
    color: var(--third)
}

.accordion__item__title:has(h1,h2,h3,h4,h5,h6) h1,.accordion__item__title:has(h1,h2,h3,h4,h5,h6) h2,.accordion__item__title:has(h1,h2,h3,h4,h5,h6) h3,.accordion__item__title:has(h1,h2,h3,h4,h5,h6) h4,.accordion__item__title:has(h1,h2,h3,h4,h5,h6) h5,.accordion__item__title:has(h1,h2,h3,h4,h5,h6) h6 {
    margin: 0
}

.accordion__item__title:has(.accordion__item__title__text) {
    justify-content: space-between
}

.accordion__item__title:has(.accordion__item__title__text) .accordion__item__title__text {
    margin: 0 .625rem 0 0
}

.accordion__item__title__text {
    margin: 0
}

.accordion__item__title__icon {
    margin: 0 0 0 auto;
    transform: rotate(0deg);
    transition: transform .25s ease-in-out
}

.accordion__item.is_active .accordion__item__title__icon {
    transform: rotate(180deg)
}

.accordion__item__content {
    display: none;
    padding: .625rem;
    width: 100%;
    background-color: transparent;
    color: var(--body-txt)
}

.accordion--clear .accordion__item__title {
    border-bottom: 0
}

.accordion--boxed .card--loading {
    height: 77px
}

.accordion--boxed .accordion__item:not(:last-child) {
    margin: 0 0 1.25rem
}

.accordion--boxed .accordion__item__title {
    padding: 1.25rem;
    background: var(--light-gray);
    border: 0
}

.accordion--boxed .accordion__item__title:focus,.accordion--boxed .accordion__item__title:hover {
    color: var(--third)
}

.accordion--boxed .accordion__item__title__indicator {
    margin: 0 1.25rem 0 0
}

.accordion--boxed .accordion__item__title__info {
    display: flex;
    flex-direction: column
}

.accordion--boxed .accordion__item__title__info:not(:last-of-type) {
    margin: 0 .625rem 0 0
}

.accordion--boxed .accordion__item__title__info__headline {
    font-size: .875rem;
    color: var(--dark-gray);
    margin: 0 0 .3125rem
}

.accordion--boxed .accordion__item__title__info__data,.badge {
    font-weight: 700
}

.badge {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .875rem;
    background: var(--primary);
    color: var(--light);
    border-radius: 0;
    width: 1.25rem;
    aspect-ratio: 1/1
}

@media print,screen and (min-width: 56.25em) {
    .badge {
        width:1.5rem
    }
}

.badge:has(.icon--full) {
    background: var(--light);
    color: var(--primary)
}

.badge .icon--full {
    width: 1.25rem;
    height: 1.25rem
}

@media print,screen and (min-width: 56.25em) {
    .badge .icon--full {
        width:1.5rem;
        height: 1.5rem
    }
}

.badge--success {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .875rem;
    background: var(--success-bg);
    color: var(--success-txt);
    border-radius: 0;
    font-weight: 700;
    width: 1.25rem;
    aspect-ratio: 1/1
}

@media print,screen and (min-width: 56.25em) {
    .badge--success {
        width:1.5rem
    }
}

.badge--success:has(.icon--full) {
    background: var(--success-txt);
    color: var(--success-bg)
}

.badge--success .icon--full {
    width: 1.25rem;
    height: 1.25rem
}

@media print,screen and (min-width: 56.25em) {
    .badge--success .icon--full {
        width:1.5rem;
        height: 1.5rem
    }
}

.badge--success_round {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .875rem;
    background: var(--success-bg);
    color: var(--success-txt);
    border-radius: 9999px;
    font-weight: 700;
    width: 1.25rem;
    aspect-ratio: 1/1
}

@media print,screen and (min-width: 56.25em) {
    .badge--success_round {
        width:1.5rem
    }
}

.badge--success_round:has(.icon--full) {
    background: var(--success-txt);
    color: var(--success-bg)
}

.badge--success_round .icon--full {
    width: 1.25rem;
    height: 1.25rem
}

@media print,screen and (min-width: 56.25em) {
    .badge--success_round .icon--full {
        width:1.5rem;
        height: 1.5rem
    }
}

.badge--warning {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .875rem;
    background: var(--warning-bg);
    color: var(--warning-txt);
    border-radius: 0;
    font-weight: 700;
    width: 1.25rem;
    aspect-ratio: 1/1
}

@media print,screen and (min-width: 56.25em) {
    .badge--warning {
        width:1.5rem
    }
}

.badge--warning:has(.icon--full) {
    background: var(--warning-txt);
    color: var(--warning-bg)
}

.badge--warning .icon--full {
    width: 1.25rem;
    height: 1.25rem
}

@media print,screen and (min-width: 56.25em) {
    .badge--warning .icon--full {
        width:1.5rem;
        height: 1.5rem
    }
}

.badge--warning_round {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .875rem;
    background: var(--warning-bg);
    color: var(--warning-txt);
    border-radius: 9999px;
    font-weight: 700;
    width: 1.25rem;
    aspect-ratio: 1/1
}

@media print,screen and (min-width: 56.25em) {
    .badge--warning_round {
        width:1.5rem
    }
}

.badge--warning_round:has(.icon--full) {
    background: var(--warning-txt);
    color: var(--warning-bg)
}

.badge--warning_round .icon--full {
    width: 1.25rem;
    height: 1.25rem
}

@media print,screen and (min-width: 56.25em) {
    .badge--warning_round .icon--full {
        width:1.5rem;
        height: 1.5rem
    }
}

.badge--alert {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .875rem;
    background: var(--alert-bg);
    color: var(--alert-txt);
    border-radius: 0;
    font-weight: 700;
    width: 1.25rem;
    aspect-ratio: 1/1
}

@media print,screen and (min-width: 56.25em) {
    .badge--alert {
        width:1.5rem
    }
}

.badge--alert:has(.icon--full) {
    background: var(--alert-txt);
    color: var(--alert-bg)
}

.badge--alert .icon--full {
    width: 1.25rem;
    height: 1.25rem
}

@media print,screen and (min-width: 56.25em) {
    .badge--alert .icon--full {
        width:1.5rem;
        height: 1.5rem
    }
}

.badge--alert_round {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .875rem;
    background: var(--alert-bg);
    color: var(--alert-txt);
    border-radius: 9999px;
    font-weight: 700;
    width: 1.25rem;
    aspect-ratio: 1/1
}

@media print,screen and (min-width: 56.25em) {
    .badge--alert_round {
        width:1.5rem
    }
}

.badge--alert_round:has(.icon--full) {
    background: var(--alert-txt);
    color: var(--alert-bg)
}

.badge--alert_round .icon--full {
    width: 1.25rem;
    height: 1.25rem
}

@media print,screen and (min-width: 56.25em) {
    .badge--alert_round .icon--full {
        width:1.5rem;
        height: 1.5rem
    }
}

.badge--info {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .875rem;
    background: var(--info-bg);
    color: var(--info-txt);
    border-radius: 0;
    font-weight: 700;
    width: 1.25rem;
    aspect-ratio: 1/1
}

@media print,screen and (min-width: 56.25em) {
    .badge--info {
        width:1.5rem
    }
}

.badge--info:has(.icon--full) {
    background: var(--info-txt);
    color: var(--info-bg)
}

.badge--info .icon--full {
    width: 1.25rem;
    height: 1.25rem
}

@media print,screen and (min-width: 56.25em) {
    .badge--info .icon--full {
        width:1.5rem;
        height: 1.5rem
    }
}

.badge--info_round {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .875rem;
    background: var(--info-bg);
    color: var(--info-txt);
    border-radius: 9999px;
    font-weight: 700;
    width: 1.25rem;
    aspect-ratio: 1/1
}

@media print,screen and (min-width: 56.25em) {
    .badge--info_round {
        width:1.5rem
    }
}

.badge--info_round:has(.icon--full) {
    background: var(--info-txt);
    color: var(--info-bg)
}

.badge--info_round .icon--full {
    width: 1.25rem;
    height: 1.25rem
}

@media print,screen and (min-width: 56.25em) {
    .badge--info_round .icon--full {
        width:1.5rem;
        height: 1.5rem
    }
}

.badge--cta {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .875rem;
    background: var(--cta);
    color: var(--light);
    border-radius: 0;
    font-weight: 700;
    width: 1.25rem;
    aspect-ratio: 1/1
}

@media print,screen and (min-width: 56.25em) {
    .badge--cta {
        width:1.5rem
    }
}

.badge--cta:has(.icon--full) {
    background: var(--light);
    color: var(--cta)
}

.badge--cta .icon--full {
    width: 1.25rem;
    height: 1.25rem
}

@media print,screen and (min-width: 56.25em) {
    .badge--cta .icon--full {
        width:1.5rem;
        height: 1.5rem
    }
}

.badge--cta_round {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .875rem;
    background: var(--cta);
    color: var(--light);
    border-radius: 9999px;
    font-weight: 700;
    width: 1.25rem;
    aspect-ratio: 1/1
}

@media print,screen and (min-width: 56.25em) {
    .badge--cta_round {
        width:1.5rem
    }
}

.badge--cta_round:has(.icon--full) {
    background: var(--light);
    color: var(--cta)
}

.badge--cta_round .icon--full {
    width: 1.25rem;
    height: 1.25rem
}

@media print,screen and (min-width: 56.25em) {
    .badge--cta_round .icon--full {
        width:1.5rem;
        height: 1.5rem
    }
}

.badge--absolute {
    position: absolute;
    top: -.4166666667rem;
    right: -.4166666667rem
}

@media print,screen and (min-width: 56.25em) {
    .badge--absolute {
        top:-.5rem;
        right: -.5rem
    }
}

.button {
    font-family: inherit;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    border-radius: 9999px;
    transition: .25s ease-out;
    cursor: pointer;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .625rem;
    padding: .625rem 1.25rem;
    font-size: 16px;
    color: var(--primary);
    border: 2px solid var(--primary);
    background: 0 0
}

.button:focus,.button:focus-visible,.button:hover {
    background: var(--primary);
    color: var(--light)
}

.button--disabled,.button--disabled:focus,.button--disabled:hover,.button[disabled],.button[disabled]:focus,.button[disabled]:hover {
    cursor: not-allowed;
    opacity: .25
}

.button--expanded {
    width: 100%
}

@media print,screen and (max-width: 37.49875em) {
    .button--xsmall_only_expanded {
        width:100%
    }
}

@media print,screen and (min-width: 37.5em) and (max-width:56.24875em) {
    .button--small_only_expanded {
        width:100%
    }
}

@media print,screen and (max-width: 56.24875em) {
    .button--small_down_expanded {
        width:100%
    }
}

@media print,screen and (min-width: 37.5em) {
    .button--small_expanded {
        width:100%
    }
}

@media print,screen and (min-width: 56.25em) and (max-width:74.99875em) {
    .button--medium_only_expanded {
        width:100%
    }
}

@media print,screen and (max-width: 74.99875em) {
    .button--medium_down_expanded {
        width:100%
    }
}

@media print,screen and (min-width: 56.25em) {
    .button--medium_expanded {
        width:100%
    }
}

@media screen and (min-width: 75em) {
    .button--large_only_expanded {
        width:100%
    }
}

.button--large_down_expanded {
    width: 100%
}

@media screen and (min-width: 75em) {
    .button--large_expanded {
        width:100%
    }
}

.button--small {
    padding: .3125rem .625rem;
    font-size: 14px
}

.button--large {
    padding: .625rem 1.5625rem;
    font-size: 22px
}

.button--sale,header .sub_head__wrapper__group__list__item__button--sale {
    color: var(--light);
    background: var(--alert);
    border-color: var(--alert)
}

.button--sale:focus,.button--sale:focus-visible,.button--sale:hover,header .sub_head__wrapper__group__list__item__button--sale:focus,header .sub_head__wrapper__group__list__item__button--sale:focus-visible,header .sub_head__wrapper__group__list__item__button--sale:hover {
    background-color: color-mix(in hsl,#000 20%,var(--alert));
    border-color: color-mix(in hsl,#000 20%,var(--alert));
    color: var(--light)
}

.button--sale--disabled,.button--sale--disabled:focus,.button--sale--disabled:hover,.button--sale[disabled],.button--sale[disabled]:focus,.button--sale[disabled]:hover,header [disabled].sub_head__wrapper__group__list__item__button--sale {
    cursor: not-allowed;
    opacity: .25
}

.button--primary {
    color: var(--light);
    background: var(--primary);
    border-color: var(--primary)
}

.button--primary:focus,.button--primary:focus-visible,.button--primary:hover {
    background-color: color-mix(in hsl,#000 20%,var(--primary));
    border-color: color-mix(in hsl,#000 20%,var(--primary));
    color: var(--light)
}

.button--primary--disabled,.button--primary--disabled:focus,.button--primary--disabled:hover,.button--primary[disabled],.button--primary[disabled]:focus,.button--primary[disabled]:hover {
    cursor: not-allowed;
    opacity: .25
}

.button--cta {
    color: var(--light);
    background: var(--cta);
    border-color: var(--cta)
}

.button--cta:focus,.button--cta:focus-visible,.button--cta:hover {
    background-color: color-mix(in hsl,#000 20%,var(--cta));
    border-color: color-mix(in hsl,#000 20%,var(--cta));
    color: var(--light)
}

.button--cta--disabled,.button--cta--disabled:focus,.button--cta--disabled:hover,.button--cta[disabled],.button--cta[disabled]:focus,.button--cta[disabled]:hover {
    cursor: not-allowed;
    opacity: .25
}

.button--cta {
    font-weight: 700
}

.button--alert {
    color: var(--alert);
    border-color: var(--alert);
    background: 0 0
}

.button--alert:focus,.button--alert:focus-visible,.button--alert:hover {
    background: var(--alert);
    color: var(--light)
}

.button--alert--disabled,.button--alert--disabled:focus,.button--alert--disabled:hover,.button--alert[disabled],.button--alert[disabled]:focus,.button--alert[disabled]:hover {
    cursor: not-allowed;
    opacity: .25
}

.button--clear {
    color: var(--primary);
    background: 0 0;
    border-color: transparent
}

.button--clear:focus,.button--clear:focus-visible,.button--clear:hover {
    color: var(--primary);
    background: color-mix(in srgb,var(--primary) 25%,transparent)
}

.button--clear--disabled,.button--clear--disabled:focus,.button--clear--disabled:hover,.button--clear[disabled],.button--clear[disabled]:focus,.button--clear[disabled]:hover {
    cursor: not-allowed;
    opacity: .25
}

.button--link {
    color: var(--third);
    background: 0 0;
    border-color: transparent;
    text-decoration: underline!important;
    color: var(--body-txt);
    font-weight: 400;
    padding: 0!important
}

.button--link:focus,.button--link:focus-visible,.button--link:hover {
    color: var(--third);
    background: 0 0
}

.button--link--disabled,.button--link--disabled:focus,.button--link--disabled:hover,.button--link[disabled],.button--link[disabled]:focus,.button--link[disabled]:hover {
    cursor: not-allowed;
    opacity: .25
}

.button--icon {
    padding: 6px
}

.button--icon,.button--icon--small {
    font-family: inherit;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    border-width: 2px;
    border-style: solid;
    border-radius: 100%;
    transition: .25s ease-out;
    cursor: pointer;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .625rem;
    aspect-ratio: 1/1
}

.button--icon--small {
    padding: 4px
}

.button--icon--medium {
    padding: 10px
}

.button--icon--large,.button--icon--medium {
    font-family: inherit;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    border-width: 2px;
    border-style: solid;
    border-radius: 100%;
    transition: .25s ease-out;
    cursor: pointer;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .625rem;
    aspect-ratio: 1/1
}

.button--icon--large {
    padding: 12px
}

.button--icon_delete {
    font-family: inherit;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    border-width: 2px;
    border-style: solid;
    border-radius: 100%;
    transition: .25s ease-out;
    cursor: pointer;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .625rem;
    padding: 6px;
    aspect-ratio: 1/1;
    position: absolute;
    z-index: 1;
    top: -.75rem;
    right: -.75rem;
    color: var(--dark-gray);
    background: var(--light)
}

.button--icon_delete:focus,.button--icon_delete:focus-visible,.button--icon_delete:hover {
    color: var(--alert)
}

.button--icon_delete--disabled,.button--icon_delete--disabled:focus,.button--icon_delete--disabled:hover,.button--icon_delete[disabled],.button--icon_delete[disabled]:focus,.button--icon_delete[disabled]:hover {
    cursor: not-allowed;
    opacity: .25
}

.button--icon_absolute_in,.button--icon_absolute_in--left,.button--icon_absolute_out,.button--icon_absolute_out--left {
    font-family: inherit;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    border-width: 2px;
    border-style: solid;
    border-radius: 100%;
    transition: .25s ease-out;
    cursor: pointer;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .625rem;
    padding: 6px;
    aspect-ratio: 1/1
}

.button--icon_absolute_in--left,.button--icon_absolute_out--left {
    right: unset;
    position: absolute;
    z-index: 1;
    top: -.75rem;
    left: -.75rem
}

.button--icon_absolute_in {
    position: absolute;
    z-index: 1;
    top: .625rem;
    right: .625rem
}

.button--icon_absolute_out {
    position: absolute;
    z-index: 1;
    top: -.75rem;
    right: -.75rem
}

.button--to_top {
    position: fixed;
    z-index: 4;
    bottom: 120px;
    right: 1.25rem;
    color: var(--light);
    background: var(--dark);
    border-color: var(--dark)
}

.button--to_top:focus,.button--to_top:focus-visible,.button--to_top:hover {
    background-color: color-mix(in hsl,#000 20%,var(--dark));
    border-color: color-mix(in hsl,#000 20%,var(--dark));
    color: var(--light)
}

.button--to_top--disabled,.button--to_top--disabled:focus,.button--to_top--disabled:hover,.button--to_top[disabled],.button--to_top[disabled]:focus,.button--to_top[disabled]:hover {
    cursor: not-allowed;
    opacity: .25
}

@media print,screen and (min-width: 37.5em) {
    .button--to_top {
        font-family:inherit;
        font-weight: 600;
        line-height: 1;
        text-align: center;
        border-width: 2px;
        border-style: solid;
        border-radius: 9999px;
        transition: .25s ease-out;
        cursor: pointer;
        -webkit-appearance: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: .625rem;
        padding: .3125rem .625rem;
        font-size: 14px
    }
}

@media print,screen and (max-width: 56.24875em) {
    .button--to_top {
        font-family:inherit;
        font-weight: 600;
        line-height: 1;
        text-align: center;
        border-width: 2px;
        border-style: solid;
        border-radius: 100%;
        transition: .25s ease-out;
        cursor: pointer;
        -webkit-appearance: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: .625rem;
        padding: 10px;
        aspect-ratio: 1/1
    }
}

.button--country_select span {
    display: flex;
    align-items: center;
    gap: .3125rem
}

.button_group {
    gap: .625rem
}

.button_group,.button_group--no-gaps {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0
}

.button_group--no-gaps {
    gap: 0
}

.button_group--expanded {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: .625rem;
    margin: 0;
    align-items: stretch
}

.button_group--expanded>* {
    flex-grow: 1
}

.button_group--expanded_for_xsmall {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: .625rem;
    margin: 0
}

@media print,screen and (max-width: 37.49875em) {
    .button_group--expanded_for_xsmall {
        align-items:stretch
    }

    .button_group--expanded_for_xsmall>* {
        flex-grow: 1
    }
}

.button_group--expanded_for_small {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: .625rem;
    margin: 0
}

@media print,screen and (max-width: 56.24875em) {
    .button_group--expanded_for_small {
        align-items:stretch
    }

    .button_group--expanded_for_small>* {
        flex-grow: 1
    }
}

.button_group--expanded_for_medium {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: .625rem;
    margin: 0
}

@media print,screen and (max-width: 74.99875em) {
    .button_group--expanded_for_medium {
        align-items:stretch
    }

    .button_group--expanded_for_medium>* {
        flex-grow: 1
    }
}

.button_group--stacked {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: .625rem;
    margin: 0
}

.button_group--stacked>* {
    flex: 0 0 100%
}

.button_group--stacked_for_xsmall {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: .625rem;
    margin: 0
}

@media print,screen and (max-width: 37.49875em) {
    .button_group--stacked_for_xsmall>* {
        flex:0 0 100%
    }
}

.button_group--stacked_for_small {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: .625rem;
    margin: 0
}

@media print,screen and (max-width: 56.24875em) {
    .button_group--stacked_for_small>* {
        flex:0 0 100%
    }
}

.button_group--stacked_for_medium {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: .625rem;
    margin: 0
}

@media print,screen and (max-width: 74.99875em) {
    .button_group--stacked_for_medium>* {
        flex:0 0 100%
    }
}

.callout,.callout--alert,.callout--info,.callout--success,.callout--warning {
    position: relative;
    display: grid;
    grid-auto-flow: column;
    gap: .625rem;
    align-items: center;
    justify-content: start;
    margin-bottom: .9375rem;
    border-radius: 0;
    line-height: 1.2;
    font-size: 1rem;
    padding: .625rem;
    background: var(--light);
    color: var(--dark);
    border: 2px solid;
    border-color: var(--dark);
    border-left: 8px solid var(--dark)
}

.callout--alert .button--icon_delete,.callout--info .button--icon_delete,.callout--success .button--icon_delete,.callout--warning .button--icon_delete,.callout .button--icon_delete {
    color: inherit
}

.callout--alert {
    background: var(--alert-bg);
    color: var(--alert-txt);
    border-color: var(--alert-txt)
}

.callout--success {
    background: var(--success-bg);
    color: var(--success-txt);
    border-color: var(--success-txt)
}

.callout--warning {
    background: var(--warning-bg);
    color: var(--warning-txt);
    border-color: var(--warning-txt)
}

.callout--info {
    background: var(--info-bg);
    color: var(--info-txt);
    border-color: var(--info-txt)
}

.card,.card--combo,.card--interaction,.card--promote {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    position: relative;
    margin-bottom: 1.25rem;
    border-radius: 0;
    background: var(--body-bg);
    box-shadow: none;
    color: var(--body-txt)
}

.card--combo>:last-child,.card--interaction>:last-child,.card--promote>:last-child,.card>:last-child {
    margin-bottom: 0
}

.card--loading {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-bottom: 1.25rem;
    border-radius: 0;
    background: var(--body-bg);
    box-shadow: none;
    color: var(--body-txt);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    animation: placeHolderShimmer 2s linear infinite;
    background: linear-gradient(90deg,var(--secondary) 1%,var(--light) 25%,var(--secondary) 50%);
    background-size: 1000px 100%;
    position: relative;
    height: 250px
}

.card--loading>:last-child {
    margin-bottom: 0
}

.card__divider {
    display: flex;
    flex: 0 1 auto;
    padding: 0 0 .9375rem;
    font-size: 1.375rem;
    font-weight: 700;
    background: 0 0
}

.card__divider>:last-child {
    margin-bottom: 0
}

.card__section {
    flex: 1 0 auto;
    padding: .625rem;
    border: 2px solid var(--global-border);
    border-radius: 0
}

.card__section>:last-child:not(.tf_h1),.card__section>:last-child:not(.tf_h2),.card__section>:last-child:not(.tf_h3),.card__section>:last-child:not(.tf_h4),.card__section>:last-child:not(.tf_h5),.card__section>:last-child:not(.tf_h6),.card__section>:last-child:not(h1),.card__section>:last-child:not(h2),.card__section>:last-child:not(h3),.card__section>:last-child:not(h4),.card__section>:last-child:not(h5),.card__section>:last-child:not(h6) {
    margin-bottom: 0
}

@media print,screen and (min-width: 56.25em) {
    .card__section {
        padding:1.25rem
    }
}

.card--promote .card__section {
    background: var(--secondary)
}

.card--interaction .card__section:focus,.card--interaction .card__section:hover {
    border-color: var(--primary);
    cursor: pointer
}

.card--combo .card__section:first-child {
    background-color: var(--secondary)
}

.card--combo .card__section:nth-child(2) {
    border-top: none
}

.w84fa0b8c9d7da99d162659e11c5e4028 {
    max-width: 850px;
    margin: 0 1.25rem;
    display: block;
    background-color: var(--light);
    position: relative;
    top: calc(50vh - 216.5px)!important;
    border-radius: 0
}

@media print,screen and (min-width: 56.25em) {
    .w84fa0b8c9d7da99d162659e11c5e4028 {
        margin:0 auto
    }
}

.w84fa0b8c9d7da99d162659e11c5e4028__container {
    padding-top: 2.125rem;
    position: relative
}

@media print,screen and (min-width: 37.5em) {
    .w84fa0b8c9d7da99d162659e11c5e4028__container {
        padding-top:3.125rem
    }
}

.w84fa0b8c9d7da99d162659e11c5e4028__container__icon {
    position: absolute;
    top: -2rem;
    background-color: var(--third);
    padding: .8rem;
    width: 60px;
    height: 60px;
    border-radius: 9999px
}

.w84fa0b8c9d7da99d162659e11c5e4028__container__icon .icon {
    width: 100%!important;
    height: 100%!important;
    fill: var(--light)
}

.w84fa0b8c9d7da99d162659e11c5e4028__container__decline_container {
    padding: 0 1.875rem;
    position: absolute;
    right: 0;
    top: .5rem
}

@media print,screen and (min-width: 56.25em) {
    .w84fa0b8c9d7da99d162659e11c5e4028__container__decline_container {
        padding:0 3.75rem;
        top: 1rem
    }
}

.w84fa0b8c9d7da99d162659e11c5e4028__container__text {
    padding: 0 1.25rem;
    max-height: 300px;
    overflow-y: scroll
}

@media print,screen and (min-width: 37.5em) {
    .w84fa0b8c9d7da99d162659e11c5e4028__container__text {
        max-height:200px;
        padding: 0 2.25rem
    }
}

@media print,screen and (min-width: 37.5em) {
    .w84fa0b8c9d7da99d162659e11c5e4028__container__text__language_selection {
        margin-bottom:1.25rem
    }
}

.w84fa0b8c9d7da99d162659e11c5e4028__container__text__headline {
    color: var(--primary)!important
}

.w84fa0b8c9d7da99d162659e11c5e4028__container__text__form {
    padding: 1.25rem 0
}

.w84fa0b8c9d7da99d162659e11c5e4028__container__options_list {
    width: 100%;
    padding: 1.25rem
}

@media print,screen and (min-width: 37.5em) {
    .w84fa0b8c9d7da99d162659e11c5e4028__container__options_list {
        padding:2.25rem
    }
}

.w84fa0b8c9d7da99d162659e11c5e4028__container__options_list__container {
    text-align: center
}

@media print,screen and (min-width: 37.5em) {
    .w84fa0b8c9d7da99d162659e11c5e4028__container__options_list__container {
        align-items:center
    }
}

.dropdown {
    position: relative
}

.dropdown__panel,.dropdown__panel--comparison,.dropdown__panel--language,.dropdown__panel--language_delivery,.dropdown__panel--my_basket_options,.dropdown__panel--my_wishlist_options,.dropdown__panel--nested,.dropdown__panel--rating_quickview,.dropdown__panel--small {
    position: absolute;
    right: 0;
    z-index: 10;
    display: none;
    width: -moz-max-content;
    width: max-content;
    padding: 1.25rem;
    border-radius: 0;
    background-color: var(--light);
    box-shadow: 3px 3px 3px rgba(14,16,16,.5);
    border: 2px solid var(--secondary)
}

.dropdown__panel--comparison:before,.dropdown__panel--language:before,.dropdown__panel--language_delivery:before,.dropdown__panel--my_basket_options:before,.dropdown__panel--my_wishlist_options:before,.dropdown__panel--nested:before,.dropdown__panel--rating_quickview:before,.dropdown__panel--small:before,.dropdown__panel:before {
    content: "";
    position: absolute;
    top: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-bottom: 10px solid var(--secondary);
    border-right: 10px solid transparent;
    border-top: 0 solid transparent
}

.dropdown__panel--my_basket_options,.dropdown__panel--my_wishlist_options,.dropdown__panel--small {
    padding: .625rem
}

.dropdown__panel--comparison {
    left: 0;
    width: 250px
}

.dropdown__panel--comparison.is_visible {
    flex-direction: column;
    top: 45px
}

.dropdown__panel--comparison .comparison__list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: .625rem .9375rem;
    padding: 0;
    margin: 0;
    list-style: none
}

.dropdown__panel--comparison .comparison__list li {
    position: relative
}

[data-whatinput=mouse] .dropdown__panel--comparison .comparison__list li {
    outline: 0
}

.dropdown__panel--comparison .comparison__list li {
    display: inline-flex;
    align-items: center;
    gap: .3125rem
}

.dropdown__panel--comparison .comparison__list a,.dropdown__panel--comparison .comparison__list button,.dropdown__panel--comparison .comparison__list input,.dropdown__panel--comparison .comparison__list select {
    margin-bottom: 0
}

.dropdown__panel--comparison .comparison__list input {
    display: inline-flex
}

.dropdown__panel--comparison .comparison__list {
    flex-wrap: nowrap;
    flex-direction: column
}

.dropdown__panel--comparison .comparison__list__item:not(:last-of-type) {
    margin: 0 0 1.25rem
}

.dropdown__panel--my_wishlist_options {
    left: 0;
    top: 25px
}

.dropdown__panel--my_basket_options {
    top: 35px
}

.dropdown__panel--my_basket_options:before {
    right: 10px
}

.dropdown__panel--nested {
    border: 2px solid var(--primary);
    width: 100%;
    top: 200px;
    right: auto;
    left: 0
}

.dropdown__panel--nested:before {
    top: -11px;
    left: calc(50% - 10px);
    border-left-color: transparent;
    border-bottom-color: var(--primary);
    border-right-color: transparent;
    border-top-color: transparent
}

.dropdown__panel--language_delivery {
    width: 100vw;
    top: 46px;
    left: -15px
}

.dropdown__panel--language_delivery:before {
    left: 65px
}

@media print,screen and (min-width: 37.5em) {
    .dropdown__panel--language_delivery {
        width:550px;
        left: -18px
    }

    .dropdown__panel--language_delivery:before {
        left: 68px
    }
}

@media screen and (min-width: 75em) {
    .dropdown__panel--language_delivery {
        top:60px;
        left: -150px
    }

    .dropdown__panel--language_delivery:before {
        left: 210px
    }
}

.dropdown__panel--language {
    left: 1.25rem;
    right: 1.25rem;
    top: 55px;
    width: auto
}

.dropdown__panel--language:before {
    left: 25px
}

@media print,screen and (min-width: 37.5em) {
    .dropdown__panel--language {
        width:-moz-fit-content;
        width: fit-content
    }
}

.dropdown__panel--leave_checkout {
    position: absolute;
    right: 0;
    z-index: 10;
    display: none;
    width: -moz-max-content;
    width: max-content;
    padding: 1.25rem;
    border-radius: 0;
    background-color: var(--light);
    box-shadow: 3px 3px 3px rgba(14,16,16,.5);
    border: 2px solid var(--secondary)
}

.dropdown__panel--leave_checkout:before {
    content: "";
    position: absolute;
    top: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-bottom: 10px solid var(--secondary);
    border-right: 10px solid transparent;
    border-top: 0 solid transparent
}

.dropdown__panel--leave_checkout {
    flex-direction: column;
    color: initial;
    max-width: 100vw;
    left: -15px;
    top: 40px
}

@media print,screen and (min-width: 37.5em) {
    .dropdown__panel--leave_checkout {
        max-width:100vw;
        min-width: auto;
        left: 0
    }
}

@media screen and (min-width: 64em) {
    .dropdown__panel--leave_checkout {
        top:80px
    }
}

.dropdown__panel--rating_quickview {
    left: 0;
    top: 50px
}

@media print,screen and (min-width: 37.5em) {
    .dropdown__panel--rating_quickview {
        right:inherit
    }
}

@media screen and (min-width: 75em) {
    .dropdown__panel--rating_quickview {
        top:30px
    }
}

@media screen and (min-width: 75em) {
    .dropdown__panel--rating_quickview:before {
        left:50px
    }
}

.dropdown__panel__heading {
    font-weight: 700;
    margin-bottom: 1.25rem
}

@media print,screen and (min-width: 37.5em) {
    .dropdown__panel__info {
        display:flex;
        justify-content: flex-end
    }
}

.dropdown__nav {
    list-style: none;
    font-weight: 400;
    margin: 0;
    padding: 0
}

.dropdown__nav__element {
    margin: 0!important
}

.dropdown__nav__element:not(:last-child) {
    border-bottom: 1px solid var(--secondary)
}

.dropdown__nav__element__link {
    display: block;
    padding: .625rem!important;
    color: var(--primary)
}

.dropdown__nav__element__link:focus,.dropdown__nav__element__link:hover {
    cursor: pointer;
    color: var(--cta)
}

.is_drilldown {
    position: relative;
    overflow: hidden
}

.is_drilldown.animate_height {
    transition: height .5s
}

.drilldown {
    display: flex;
    flex-wrap: wrap;
    gap: .625rem .9375rem;
    padding: 0;
    margin: 0;
    list-style: none
}

.drilldown,.drilldown li {
    position: relative
}

[data-whatinput=mouse] .drilldown li {
    outline: 0
}

.drilldown li {
    display: inline-flex;
    align-items: center;
    gap: .3125rem
}

.drilldown a,.drilldown button,.drilldown input,.drilldown select {
    margin-bottom: 0
}

.drilldown input {
    display: inline-flex
}

.drilldown {
    flex-wrap: nowrap;
    flex-direction: column
}

.drilldown li {
    flex: 1 1 0
}

.drilldown {
    gap: 0
}

.drilldown__submenu_title {
    width: 100%
}

.drilldown a {
    flex: 1;
    padding: .9375rem 1.5625rem;
    background: var(--light);
    font-size: 1.125rem;
    color: var(--body-txt)
}

.drilldown a:focus-visible,.drilldown a:hover {
    color: var(--primary);
    background: var(--secondary)
}

.drilldown a:focus-visible {
    outline-offset: -.1875rem;
    animation: none
}

.drilldown .submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: -1;
    width: 100%;
    background: var(--light);
    transition: transform .15s linear
}

.drilldown .submenu.is_active {
    z-index: 1;
    display: flex;
    transform: translateX(-100%)
}

.drilldown .submenu.is_closing {
    transform: translateX(100%)
}

.drilldown .submenu li {
    display: flex;
    flex: 1 1 0
}

.drilldown .submenu a {
    padding: .9375rem 1.5625rem
}

.drilldown .nested.is_drilldown_submenu {
    margin-right: 0;
    margin-left: 0
}

.drilldown .drilldown__submenu__cover_previous {
    min-height: 100%
}

.drilldown .invisible .is_drilldown_submenu_parent[aria-expanded=false] {
    display: none
}

.drilldown .is_drilldown_submenu_parent>a,.drilldown .js_drilldown_back a {
    position: relative
}

.drilldown .is_drilldown_submenu_parent>a:after,.drilldown .is_drilldown_submenu_parent>a:before,.drilldown .js_drilldown_back a:after,.drilldown .js_drilldown_back a:before {
    content: "";
    display: flex;
    background: var(--secondary);
    position: absolute;
    right: 25px;
    width: 15px;
    height: 3px
}

.drilldown .is_drilldown_submenu_parent>a:before,.drilldown .js_drilldown_back a:before {
    transform: rotate(45deg);
    top: 23px
}

.drilldown .is_drilldown_submenu_parent>a:after,.drilldown .js_drilldown_back a:after {
    transform: rotate(135deg);
    top: 33px
}

.drilldown .is_drilldown_submenu_parent>a:focus-visible:after,.drilldown .is_drilldown_submenu_parent>a:focus-visible:before,.drilldown .is_drilldown_submenu_parent>a:hover:after,.drilldown .is_drilldown_submenu_parent>a:hover:before,.drilldown .js_drilldown_back a:focus-visible:after,.drilldown .js_drilldown_back a:focus-visible:before,.drilldown .js_drilldown_back a:hover:after,.drilldown .js_drilldown_back a:hover:before {
    background: var(--primary)
}

.drilldown .js_drilldown_back a {
    color: var(--primary);
    background: var(--secondary);
    padding: 1rem 1.5625rem 1rem 3.4375rem;
    font-weight: 700;
    line-height: 1.5
}

.drilldown .js_drilldown_back a:focus-visible,.drilldown .js_drilldown_back a:hover {
    color: var(--cta)
}

.drilldown .js_drilldown_back a:after,.drilldown .js_drilldown_back a:before {
    background: var(--primary);
    left: 25px;
    right: auto
}

.drilldown .js_drilldown_back a:before {
    transform: rotate(135deg)
}

.drilldown .js_drilldown_back a:after {
    transform: rotate(45deg)
}

.drilldown .js_drilldown_back a:focus-visible:after,.drilldown .js_drilldown_back a:focus-visible:before,.drilldown .js_drilldown_back a:hover:after,.drilldown .js_drilldown_back a:hover:before {
    background: var(--cta)
}

.drilldown__title {
    padding: .9375rem 1.5625rem;
    font-weight: 700;
    font-size: 1.125rem;
    background: var(--secondary);
    color: var(--primary)
}

.drilldown__title__switch {
    display: inline-flex!important;
    padding: 0!important;
    margin: 0 0 0 .625rem!important;
    font-size: .75rem!important;
    font-weight: 400!important;
    background: none!important;
    color: inherit!important
}

.drilldown .color_green a {
    color: var(--success-txt);
    font-weight: 700
}

.drilldown .color_red a {
    color: var(--alert);
    font-weight: 700
}

.icon {
    width: 1rem;
    height: 1rem
}

.icon,.icon--small {
    display: inline-block;
    fill: currentColor
}

.icon--small {
    width: .875rem;
    height: .875rem
}

.icon--medium {
    width: 1.25rem;
    height: 1.25rem
}

.icon--large,.icon--medium {
    display: inline-block;
    fill: currentColor
}

.icon--large {
    width: 1.5rem;
    height: 1.5rem
}

.icon--xlarge {
    width: 2rem;
    height: 2rem
}

.icon--xlarge,.icon--xxlarge {
    display: inline-block;
    fill: currentColor
}

.icon--xxlarge {
    width: 3rem;
    height: 3rem
}

.icon--primary {
    color: var(--primary)
}

.icon--primary-lighter {
    color: var(--primary-lighter)
}

.icon--primary-darker {
    color: var(--primary-darker)
}

.icon--secondary {
    color: var(--secondary)
}

.icon--third {
    color: var(--third)
}

.icon--cta {
    color: var(--cta)
}

.icon--light-gray {
    color: var(--light-gray)
}

.icon--medium-gray {
    color: var(--medium-gray)
}

.icon--dark-gray {
    color: var(--dark-gray)
}

.icon--dark {
    color: var(--dark)
}

.icon--light {
    color: var(--light)
}

.icon--body-bg {
    color: var(--body-bg)
}

.icon--body-txt {
    color: var(--body-txt)
}

.icon--global-footer-bg {
    color: var(--global-footer-bg)
}

.icon--global-footer-text {
    color: var(--global-footer-text)
}

.icon--footer-legal-bg {
    color: var(--footer-legal-bg)
}

.icon--footer-legal-txt {
    color: var(--footer-legal-txt)
}

.icon--footer-social-media {
    color: var(--footer-social-media)
}

.icon--global-border {
    color: var(--global-border)
}

.icon--label-border {
    color: var(--label-border)
}

.icon--switch-bg {
    color: var(--switch-bg)
}

.icon--shop-logo {
    color: var(--shop-logo)
}

.icon--cta-accent-color {
    color: var(--cta-accent-color)
}

.icon--success {
    color: var(--success)
}

.icon--success-bg {
    color: var(--success-bg)
}

.icon--success-txt {
    color: var(--success-txt)
}

.icon--success-border {
    color: var(--success-border)
}

.icon--warning {
    color: var(--warning)
}

.icon--warning-bg {
    color: var(--warning-bg)
}

.icon--warning-txt {
    color: var(--warning-txt)
}

.icon--warning-border {
    color: var(--warning-border)
}

.icon--alert {
    color: var(--alert)
}

.icon--alert-bg {
    color: var(--alert-bg)
}

.icon--alert-txt {
    color: var(--alert-txt)
}

.icon--alert-border {
    color: var(--alert-border)
}

.icon--info {
    color: var(--info)
}

.icon--info-bg {
    color: var(--info-bg)
}

.icon--info-txt {
    color: var(--info-txt)
}

.icon--info-border {
    color: var(--info-border)
}

.icon--dhl {
    color: var(--dhl)
}

.icon--klarna {
    color: var(--klarna)
}

.icon--idealo {
    color: var(--idealo)
}

.icon--geizhals {
    color: var(--geizhals)
}

.icon--gls {
    color: var(--gls)
}

.icon--label-darker-mix {
    color: var(--label-darker-mix)
}

.icon .shop {
    color: var(--third)
}

.label {
    position: relative;
    width: -moz-max-content;
    width: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .625rem;
    padding: .3125rem .625rem;
    margin-bottom: .9375rem;
    line-height: 1;
    white-space: nowrap;
    background: var(--secondary);
    border: 2px solid var(--label-border);
    color: var(--dark);
    font-weight: 400;
    border-radius: 0;
    font-size: .875rem
}

@media print,screen and (min-width: 56.25em) {
    .label {
        font-size:1rem
    }
}

.label--success {
    position: relative;
    width: -moz-max-content;
    width: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .625rem;
    padding: .3125rem .625rem;
    margin-bottom: .9375rem;
    line-height: 1;
    white-space: nowrap;
    background: var(--success-bg);
    border: 2px solid var(--success-border);
    color: var(--success-txt);
    font-weight: 400;
    border-radius: 0;
    font-size: .875rem
}

@media print,screen and (min-width: 56.25em) {
    .label--success {
        font-size:1rem
    }
}

.label--warning {
    position: relative;
    width: -moz-max-content;
    width: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .625rem;
    padding: .3125rem .625rem;
    margin-bottom: .9375rem;
    line-height: 1;
    white-space: nowrap;
    background: var(--warning-bg);
    border: 2px solid var(--warning-border);
    color: var(--warning-txt);
    font-weight: 400;
    border-radius: 0;
    font-size: .875rem
}

@media print,screen and (min-width: 56.25em) {
    .label--warning {
        font-size:1rem
    }
}

.label--alert {
    position: relative;
    width: -moz-max-content;
    width: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .625rem;
    padding: .3125rem .625rem;
    margin-bottom: .9375rem;
    line-height: 1;
    white-space: nowrap;
    background: var(--alert-bg);
    border: 2px solid var(--alert-border);
    color: var(--alert-txt);
    font-weight: 400;
    border-radius: 0;
    font-size: .875rem
}

@media print,screen and (min-width: 56.25em) {
    .label--alert {
        font-size:1rem
    }
}

.label--info {
    position: relative;
    width: -moz-max-content;
    width: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .625rem;
    padding: .3125rem .625rem;
    margin-bottom: .9375rem;
    line-height: 1;
    white-space: nowrap;
    background: var(--info-bg);
    border: 2px solid var(--info-border);
    color: var(--info-txt);
    font-weight: 400;
    border-radius: 0;
    font-size: .875rem
}

@media print,screen and (min-width: 56.25em) {
    .label--info {
        font-size:1rem
    }
}

.label--sale {
    position: relative;
    width: -moz-max-content;
    width: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .625rem;
    padding: .3125rem .625rem;
    margin-bottom: .9375rem;
    line-height: 1;
    white-space: nowrap;
    background: var(--alert);
    border: 2px solid var(--alert);
    color: var(--light);
    font-weight: 700;
    border-radius: 0;
    font-size: .875rem
}

@media print,screen and (min-width: 56.25em) {
    .label--sale {
        font-size:1rem
    }
}

.label--sale {
    text-transform: uppercase
}

.label_3d {
    position: relative;
    width: -moz-max-content;
    width: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .625rem;
    padding: .3125rem .625rem;
    margin-bottom: .9375rem;
    line-height: 1;
    white-space: nowrap;
    background: var(--secondary);
    border: 2px solid var(--label-border);
    color: var(--dark);
    font-weight: 700;
    border-radius: 0 9999px 9999px 0;
    font-size: .875rem
}

@media print,screen and (min-width: 56.25em) {
    .label_3d {
        font-size:1rem
    }
}

.label_3d {
    margin-left: -.75rem
}

@media print,screen and (min-width: 56.25em) {
    .label_3d {
        margin-left:-1.375rem
    }
}

.label_3d:before {
    top: -2px;
    border-left: 8px solid transparent;
    border-top: 30px solid var(--label-border)
}

.label_3d:after,.label_3d:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    left: -10px
}

.label_3d:after {
    top: -8px;
    border-left: 10px solid transparent;
    border-bottom: 6px solid var(--dark-gray)
}

.label_3d--sale {
    position: relative;
    width: -moz-max-content;
    width: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .625rem;
    padding: .3125rem .625rem;
    margin-bottom: .9375rem;
    line-height: 1;
    white-space: nowrap;
    background: var(--alert);
    border: 2px solid color-mix(in hsl,#000 var(--label-darker-mix),var(--alert));
    color: var(--light);
    font-weight: 700;
    border-radius: 0 9999px 9999px 0;
    font-size: .875rem
}

@media print,screen and (min-width: 56.25em) {
    .label_3d--sale {
        font-size:1rem
    }
}

.label_3d--sale {
    margin-left: -.75rem
}

@media print,screen and (min-width: 56.25em) {
    .label_3d--sale {
        margin-left:-1.375rem
    }
}

.label_3d--sale:before {
    top: -2px;
    border-left: 8px solid transparent;
    border-top: 30px solid color-mix(in hsl,#000 var(--label-darker-mix),var(--alert))
}

.label_3d--sale:after,.label_3d--sale:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    left: -10px
}

.label_3d--sale:after {
    top: -8px;
    border-left: 10px solid transparent;
    border-bottom: 6px solid var(--alert-txt)
}

.label_3d--sold_out {
    position: relative;
    width: -moz-max-content;
    width: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .625rem;
    padding: .3125rem .625rem;
    margin-bottom: .9375rem;
    line-height: 1;
    white-space: nowrap;
    background: var(--dark-gray);
    border: 2px solid color-mix(in hsl,#000 var(--label-darker-mix),var(--dark-gray));
    color: var(--light);
    font-weight: 700;
    border-radius: 0 9999px 9999px 0;
    font-size: .875rem
}

@media print,screen and (min-width: 56.25em) {
    .label_3d--sold_out {
        font-size:1rem
    }
}

.label_3d--sold_out {
    margin-left: -.75rem
}

@media print,screen and (min-width: 56.25em) {
    .label_3d--sold_out {
        margin-left:-1.375rem
    }
}

.label_3d--sold_out:before {
    top: -2px;
    border-left: 8px solid transparent;
    border-top: 30px solid color-mix(in hsl,#000 var(--label-darker-mix),var(--dark-gray))
}

.label_3d--sold_out:after,.label_3d--sold_out:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    left: -10px
}

.label_3d--sold_out:after {
    top: -8px;
    border-left: 10px solid transparent;
    border-bottom: 6px solid var(--medium-gray)
}

.label_3d--blackweek {
    position: relative;
    width: -moz-max-content;
    width: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .625rem;
    padding: .3125rem .625rem;
    margin-bottom: .9375rem;
    line-height: 1;
    white-space: nowrap;
    background: var(--dark);
    border: 2px solid color-mix(in hsl,#000 var(--label-darker-mix),var(--dark));
    color: var(--light);
    font-weight: 700;
    border-radius: 0 9999px 9999px 0;
    font-size: .875rem
}

@media print,screen and (min-width: 56.25em) {
    .label_3d--blackweek {
        font-size:1rem
    }
}

.label_3d--blackweek {
    margin-left: -.75rem
}

@media print,screen and (min-width: 56.25em) {
    .label_3d--blackweek {
        margin-left:-1.375rem
    }
}

.label_3d--blackweek:before {
    top: -2px;
    border-left: 8px solid transparent;
    border-top: 30px solid color-mix(in hsl,#000 var(--label-darker-mix),var(--dark))
}

.label_3d--blackweek:after,.label_3d--blackweek:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    left: -10px
}

.label_3d--blackweek:after {
    top: -8px;
    border-left: 10px solid transparent;
    border-bottom: 6px solid var(--dark-gray)
}

.label_3d--geizhals {
    position: relative;
    width: -moz-max-content;
    width: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .625rem;
    padding: .3125rem .625rem;
    margin-bottom: .9375rem;
    line-height: 1;
    white-space: nowrap;
    background: var(--geizhals);
    border: 2px solid color-mix(in hsl,#000 var(--label-darker-mix),var(--geizhals));
    color: var(--light);
    font-weight: 700;
    border-radius: 0 9999px 9999px 0;
    font-size: .875rem
}

@media print,screen and (min-width: 56.25em) {
    .label_3d--geizhals {
        font-size:1rem
    }
}

.label_3d--geizhals {
    margin-left: -.75rem
}

@media print,screen and (min-width: 56.25em) {
    .label_3d--geizhals {
        margin-left:-1.375rem
    }
}

.label_3d--geizhals:before {
    top: -2px;
    border-left: 8px solid transparent;
    border-top: 30px solid color-mix(in hsl,#000 var(--label-darker-mix),var(--geizhals))
}

.label_3d--geizhals:after,.label_3d--geizhals:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    left: -10px
}

.label_3d--geizhals:after {
    top: -8px;
    border-left: 10px solid transparent;
    border-bottom: 6px solid var(--medium-gray)
}

.label_3d--idealo {
    position: relative;
    width: -moz-max-content;
    width: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .625rem;
    padding: .3125rem .625rem;
    margin-bottom: .9375rem;
    line-height: 1;
    white-space: nowrap;
    background: var(--idealo);
    border: 2px solid color-mix(in hsl,#000 var(--label-darker-mix),var(--idealo));
    color: var(--light);
    font-weight: 700;
    border-radius: 0 9999px 9999px 0;
    font-size: .875rem
}

@media print,screen and (min-width: 56.25em) {
    .label_3d--idealo {
        font-size:1rem
    }
}

.label_3d--idealo {
    margin-left: -.75rem
}

@media print,screen and (min-width: 56.25em) {
    .label_3d--idealo {
        margin-left:-1.375rem
    }
}

.label_3d--idealo:before {
    top: -2px;
    border-left: 8px solid transparent;
    border-top: 30px solid color-mix(in hsl,#000 var(--label-darker-mix),var(--idealo))
}

.label_3d--idealo:after,.label_3d--idealo:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    left: -10px
}

.label_3d--idealo:after {
    top: -8px;
    border-left: 10px solid transparent;
    border-bottom: 6px solid var(--medium-gray)
}

.label_3d_horizontal {
    position: absolute;
    z-index: 2;
    top: -12px;
    right: 1.875rem;
    padding: 4px 8px;
    background: var(--primary);
    color: var(--light);
    font-weight: 700;
    font-size: .875rem
}

@media print,screen and (min-width: 56.25em) {
    .label_3d_horizontal {
        font-size:1.25rem
    }
}

.label_3d_horizontal:before {
    content: "";
    position: absolute;
    right: -14px;
    top: 0;
    height: 0;
    width: 0;
    border-bottom: 12px solid var(--dark-gray);
    border-right: 14px solid transparent
}

.label_3d_horizontal--success {
    position: absolute;
    z-index: 2;
    top: -12px;
    right: 1.875rem;
    padding: 4px 8px;
    background: var(--success);
    color: var(--success-txt);
    font-weight: 700;
    font-size: .875rem
}

@media print,screen and (min-width: 56.25em) {
    .label_3d_horizontal--success {
        font-size:1.25rem
    }
}

.label_3d_horizontal--success:before {
    content: "";
    position: absolute;
    right: -14px;
    top: 0;
    height: 0;
    width: 0;
    border-bottom: 12px solid var(--light);
    border-right: 14px solid transparent
}

.label_3d_horizontal--warning {
    position: absolute;
    z-index: 2;
    top: -12px;
    right: 1.875rem;
    padding: 4px 8px;
    background: var(--warning);
    color: var(--warning-txt);
    font-weight: 700;
    font-size: .875rem
}

@media print,screen and (min-width: 56.25em) {
    .label_3d_horizontal--warning {
        font-size:1.25rem
    }
}

.label_3d_horizontal--warning:before {
    content: "";
    position: absolute;
    right: -14px;
    top: 0;
    height: 0;
    width: 0;
    border-bottom: 12px solid var(--light);
    border-right: 14px solid transparent
}

.label_3d_horizontal--alert {
    position: absolute;
    z-index: 2;
    top: -12px;
    right: 1.875rem;
    padding: 4px 8px;
    background: var(--alert);
    color: var(--alert-txt);
    font-weight: 700;
    font-size: .875rem
}

@media print,screen and (min-width: 56.25em) {
    .label_3d_horizontal--alert {
        font-size:1.25rem
    }
}

.label_3d_horizontal--alert:before {
    content: "";
    position: absolute;
    right: -14px;
    top: 0;
    height: 0;
    width: 0;
    border-bottom: 12px solid var(--light);
    border-right: 14px solid transparent
}

.label_3d_horizontal--info {
    position: absolute;
    z-index: 2;
    top: -12px;
    right: 1.875rem;
    padding: 4px 8px;
    background: var(--info);
    color: var(--info-txt);
    font-weight: 700;
    font-size: .875rem
}

@media print,screen and (min-width: 56.25em) {
    .label_3d_horizontal--info {
        font-size:1.25rem
    }
}

.label_3d_horizontal--info:before {
    content: "";
    position: absolute;
    right: -14px;
    top: 0;
    height: 0;
    width: 0;
    border-bottom: 12px solid var(--light);
    border-right: 14px solid transparent
}

.logo_list,.logo_list--boxed,.logo_list--boxed_expanded,.logo_list--checkout,.logo_list--circle,.logo_list--circle_colored,.logo_list--partner {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: .625rem .9375rem;
    padding: 0;
    margin: 0;
    list-style: none
}

.logo_list--boxed_expanded li,.logo_list--boxed li,.logo_list--checkout li,.logo_list--circle_colored li,.logo_list--circle li,.logo_list--partner li,.logo_list li {
    position: relative
}

[data-whatinput=mouse] .logo_list--boxed_expanded li,[data-whatinput=mouse] .logo_list--boxed li,[data-whatinput=mouse] .logo_list--checkout li,[data-whatinput=mouse] .logo_list--circle_colored li,[data-whatinput=mouse] .logo_list--circle li,[data-whatinput=mouse] .logo_list--partner li,[data-whatinput=mouse] .logo_list li {
    outline: 0
}

.logo_list--boxed_expanded li,.logo_list--boxed li,.logo_list--checkout li,.logo_list--circle_colored li,.logo_list--circle li,.logo_list--partner li,.logo_list li {
    display: inline-flex;
    align-items: center;
    gap: .3125rem
}

.logo_list--boxed_expanded a,.logo_list--boxed_expanded button,.logo_list--boxed_expanded input,.logo_list--boxed_expanded select,.logo_list--boxed a,.logo_list--boxed button,.logo_list--boxed input,.logo_list--boxed select,.logo_list--checkout a,.logo_list--checkout button,.logo_list--checkout input,.logo_list--checkout select,.logo_list--circle_colored a,.logo_list--circle_colored button,.logo_list--circle_colored input,.logo_list--circle_colored select,.logo_list--circle a,.logo_list--circle button,.logo_list--circle input,.logo_list--circle select,.logo_list--partner a,.logo_list--partner button,.logo_list--partner input,.logo_list--partner select,.logo_list a,.logo_list button,.logo_list input,.logo_list select {
    margin-bottom: 0
}

.logo_list--boxed_expanded input,.logo_list--boxed input,.logo_list--checkout input,.logo_list--circle_colored input,.logo_list--circle input,.logo_list--partner input,.logo_list input {
    display: inline-flex
}

.logo_list,.logo_list--boxed,.logo_list--boxed_expanded,.logo_list--checkout,.logo_list--circle,.logo_list--circle_colored,.logo_list--partner {
    gap: 1.25rem;
    margin-top: .625rem;
    margin-bottom: .625rem
}

.logo_list--boxed_expanded a,.logo_list--boxed a,.logo_list--checkout a,.logo_list--circle_colored a,.logo_list--circle a,.logo_list--partner a,.logo_list a {
    padding: 0!important;
    color: inherit;
    font-size: .75rem
}

.logo_list--partner .logo_list__item,.logo_list--partner .logo_list__item--idealo,.logo_list__item {
    display: flex;
    align-items: center;
    justify-content: center
}

.logo_list--partner .logo_list__item--idealo .icon_logo_list__description,.logo_list__item .icon_logo_list__description {
    font-size: .75rem
}

.logo_list--boxed .logo_list__item__link__icon,.logo_list--boxed .logo_list__item__link__icon--dhl,.logo_list--boxed .logo_list__item__link__icon--gls,.logo_list--boxed_expanded .logo_list__item__link__icon,.logo_list--boxed_expanded .logo_list__item__link__icon--dhl,.logo_list--boxed_expanded .logo_list__item__link__icon--gls,.logo_list--checkout .logo_list__item__link__icon,.logo_list--checkout .logo_list__item__link__icon--dhl,.logo_list--checkout .logo_list__item__link__icon--gls,.logo_list__item__link__icon {
    width: 100px;
    height: 40px;
    padding: .3125rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    position: relative
}

.logo_list__item__link__icon__hint {
    position: absolute;
    top: 7px;
    right: 4px
}

.logo_list__item__link:focus-visible {
    border-radius: 4px
}

.logo_list--boxed,.logo_list--boxed_expanded,.logo_list--checkout {
    gap: .3125rem .625rem
}

.logo_list--boxed .logo_list__item__link__icon,.logo_list--boxed .logo_list__item__link__icon--dhl,.logo_list--boxed .logo_list__item__link__icon--gls,.logo_list--boxed_expanded .logo_list__item__link__icon,.logo_list--boxed_expanded .logo_list__item__link__icon--dhl,.logo_list--boxed_expanded .logo_list__item__link__icon--gls,.logo_list--checkout .logo_list__item__link__icon,.logo_list--checkout .logo_list__item__link__icon--dhl,.logo_list--checkout .logo_list__item__link__icon--gls {
    background-color: var(--light);
    border-radius: 8px;
    border: 2px solid var(--global-border)
}

.logo_list--boxed .logo_list__item__link__icon--dhl,.logo_list--boxed_expanded .logo_list__item__link__icon--dhl,.logo_list--checkout .logo_list__item__link__icon--dhl {
    background-color: var(--dhl);
    border: 2px solid var(--dhl)
}

.logo_list--boxed .logo_list__item__link__icon--gls,.logo_list--boxed_expanded .logo_list__item__link__icon--gls,.logo_list--checkout .logo_list__item__link__icon--gls {
    background-color: var(--gls);
    border: 2px solid var(--gls)
}

.logo_list--boxed_expanded,.logo_list--checkout {
    justify-content: center;
    gap: .3125rem
}

.logo_list--checkout .logo_list__item__link__icon,.logo_list--checkout .logo_list__item__link__icon--dhl,.logo_list--checkout .logo_list__item__link__icon--gls {
    width: 70px;
    height: 30px
}

.logo_list--circle,.logo_list--circle_colored {
    gap: .625rem
}

.logo_list--circle_colored a,.logo_list--circle a {
    padding: 0
}

.logo_list--circle .logo_list--partner .logo_list__item--idealo,.logo_list--circle .logo_list__item,.logo_list--circle_colored .logo_list--partner .logo_list__item--idealo,.logo_list--circle_colored .logo_list__item,.logo_list--partner .logo_list--circle .logo_list__item--idealo,.logo_list--partner .logo_list--circle_colored .logo_list__item--idealo {
    border-radius: 9999px;
    background-color: var(--light);
    padding: 0
}

.logo_list--boxed .logo_list--circle .logo_list__item__link__icon--dhl,.logo_list--boxed .logo_list--circle .logo_list__item__link__icon--gls,.logo_list--boxed .logo_list--circle_colored .logo_list__item__link__icon--dhl,.logo_list--boxed .logo_list--circle_colored .logo_list__item__link__icon--gls,.logo_list--boxed_expanded .logo_list--circle .logo_list__item__link__icon--dhl,.logo_list--boxed_expanded .logo_list--circle .logo_list__item__link__icon--gls,.logo_list--boxed_expanded .logo_list--circle_colored .logo_list__item__link__icon--dhl,.logo_list--boxed_expanded .logo_list--circle_colored .logo_list__item__link__icon--gls,.logo_list--checkout .logo_list--circle .logo_list__item__link__icon--dhl,.logo_list--checkout .logo_list--circle .logo_list__item__link__icon--gls,.logo_list--checkout .logo_list--circle_colored .logo_list__item__link__icon--dhl,.logo_list--checkout .logo_list--circle_colored .logo_list__item__link__icon--gls,.logo_list--circle .logo_list--boxed .logo_list__item__link__icon--dhl,.logo_list--circle .logo_list--boxed .logo_list__item__link__icon--gls,.logo_list--circle .logo_list--boxed_expanded .logo_list__item__link__icon--dhl,.logo_list--circle .logo_list--boxed_expanded .logo_list__item__link__icon--gls,.logo_list--circle .logo_list--checkout .logo_list__item__link__icon--dhl,.logo_list--circle .logo_list--checkout .logo_list__item__link__icon--gls,.logo_list--circle .logo_list__item__link__icon,.logo_list--circle_colored .logo_list--boxed .logo_list__item__link__icon--dhl,.logo_list--circle_colored .logo_list--boxed .logo_list__item__link__icon--gls,.logo_list--circle_colored .logo_list--boxed_expanded .logo_list__item__link__icon--dhl,.logo_list--circle_colored .logo_list--boxed_expanded .logo_list__item__link__icon--gls,.logo_list--circle_colored .logo_list--checkout .logo_list__item__link__icon--dhl,.logo_list--circle_colored .logo_list--checkout .logo_list__item__link__icon--gls,.logo_list--circle_colored .logo_list__item__link__icon {
    padding: 0;
    width: 3rem;
    height: 3rem
}

.logo_list--circle_colored .logo_list--partner .logo_list__item--idealo,.logo_list--circle_colored .logo_list__item,.logo_list--partner .logo_list--circle_colored .logo_list__item--idealo {
    padding: .9375rem;
    background-color: var(--footer-social-media)
}

.logo_list--boxed .logo_list--circle_colored .logo_list__item__link__icon--dhl,.logo_list--boxed .logo_list--circle_colored .logo_list__item__link__icon--gls,.logo_list--boxed_expanded .logo_list--circle_colored .logo_list__item__link__icon--dhl,.logo_list--boxed_expanded .logo_list--circle_colored .logo_list__item__link__icon--gls,.logo_list--checkout .logo_list--circle_colored .logo_list__item__link__icon--dhl,.logo_list--checkout .logo_list--circle_colored .logo_list__item__link__icon--gls,.logo_list--circle_colored .logo_list--boxed .logo_list__item__link__icon--dhl,.logo_list--circle_colored .logo_list--boxed .logo_list__item__link__icon--gls,.logo_list--circle_colored .logo_list--boxed_expanded .logo_list__item__link__icon--dhl,.logo_list--circle_colored .logo_list--boxed_expanded .logo_list__item__link__icon--gls,.logo_list--circle_colored .logo_list--checkout .logo_list__item__link__icon--dhl,.logo_list--circle_colored .logo_list--checkout .logo_list__item__link__icon--gls,.logo_list--circle_colored .logo_list__item__link__icon {
    width: 20px;
    height: 20px;
    fill: var(--light)
}

.logo_list--partner {
    gap: .625rem
}

.logo_list--partner .logo_list__item--idealo {
    display: flex;
    align-items: center
}

.logo_list--boxed .logo_list--partner .logo_list__item--idealo .logo_list__item__link__icon--dhl,.logo_list--boxed .logo_list--partner .logo_list__item--idealo .logo_list__item__link__icon--gls,.logo_list--boxed_expanded .logo_list--partner .logo_list__item--idealo .logo_list__item__link__icon--dhl,.logo_list--boxed_expanded .logo_list--partner .logo_list__item--idealo .logo_list__item__link__icon--gls,.logo_list--checkout .logo_list--partner .logo_list__item--idealo .logo_list__item__link__icon--dhl,.logo_list--checkout .logo_list--partner .logo_list__item--idealo .logo_list__item__link__icon--gls,.logo_list--partner .logo_list__item--idealo .logo_list--boxed .logo_list__item__link__icon--dhl,.logo_list--partner .logo_list__item--idealo .logo_list--boxed .logo_list__item__link__icon--gls,.logo_list--partner .logo_list__item--idealo .logo_list--boxed_expanded .logo_list__item__link__icon--dhl,.logo_list--partner .logo_list__item--idealo .logo_list--boxed_expanded .logo_list__item__link__icon--gls,.logo_list--partner .logo_list__item--idealo .logo_list--checkout .logo_list__item__link__icon--dhl,.logo_list--partner .logo_list__item--idealo .logo_list--checkout .logo_list__item__link__icon--gls,.logo_list--partner .logo_list__item--idealo .logo_list__item__link__icon {
    background: var(--idealo);
    border-radius: 9999px;
    height: 45px;
    width: 45px;
    padding: .3125rem
}

.menu,.menu--align_left,.menu--align_right,.menu--expanded,.menu--horizontal,.menu--vertical,header .sub_head__wrapper__group__list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: .625rem .9375rem;
    padding: 0;
    margin: 0;
    list-style: none
}

.menu--align_left li,.menu--align_right li,.menu--expanded li,.menu--horizontal li,.menu--vertical li,.menu li,header .sub_head__wrapper__group__list li {
    position: relative
}

[data-whatinput=mouse] .menu--align_left li,[data-whatinput=mouse] .menu--align_right li,[data-whatinput=mouse] .menu--expanded li,[data-whatinput=mouse] .menu--horizontal li,[data-whatinput=mouse] .menu--vertical li,[data-whatinput=mouse] .menu li,[data-whatinput=mouse] header .sub_head__wrapper__group__list li,header [data-whatinput=mouse] .sub_head__wrapper__group__list li {
    outline: 0
}

.menu--align_left li,.menu--align_right li,.menu--expanded li,.menu--horizontal li,.menu--vertical li,.menu li,header .sub_head__wrapper__group__list li {
    display: inline-flex;
    align-items: center;
    gap: .3125rem
}

.menu--align_left a,.menu--align_left button,.menu--align_left input,.menu--align_left select,.menu--align_right a,.menu--align_right button,.menu--align_right input,.menu--align_right select,.menu--expanded a,.menu--expanded button,.menu--expanded input,.menu--expanded select,.menu--horizontal a,.menu--horizontal button,.menu--horizontal input,.menu--horizontal select,.menu--vertical a,.menu--vertical button,.menu--vertical input,.menu--vertical select,.menu a,.menu button,.menu input,.menu select,header .sub_head__wrapper__group__list a,header .sub_head__wrapper__group__list button,header .sub_head__wrapper__group__list input,header .sub_head__wrapper__group__list select {
    margin-bottom: 0
}

.menu--align_left input,.menu--align_right input,.menu--expanded input,.menu--horizontal input,.menu--vertical input,.menu input,header .sub_head__wrapper__group__list input {
    display: inline-flex
}

.menu--vertical {
    flex-wrap: nowrap;
    flex-direction: column
}

.menu--horizontal {
    flex-wrap: wrap;
    flex-direction: row
}

.menu--expanded li {
    flex: 1 1 0
}

.menu--align_left {
    justify-content: flex-start;
    align-items: flex-start
}

.menu--align_right {
    justify-content: flex-end;
    align-items: flex-end
}

.menu.nested,.nested.menu--align_left,.nested.menu--align_right,.nested.menu--expanded,.nested.menu--horizontal,.nested.menu--vertical,header .nested.sub_head__wrapper__group__list {
    margin-right: 0;
    margin-left: .625rem
}

.menu--align_left .is_active>a,.menu--align_right .is_active>a,.menu--expanded .is_active>a,.menu--horizontal .is_active>a,.menu--vertical .is_active>a,.menu .is_active>a,header .sub_head__wrapper__group__list .is_active>a {
    background: var(--primary);
    color: var(--light)
}

.notifications {
    position: fixed;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 9999;
    top: 1.25rem;
    left: 50%;
    transform: translateX(-50%)
}

.notifications>.callout,.notifications>.callout--alert,.notifications>.callout--info,.notifications>.callout--success,.notifications>.callout--warning {
    grid-template-columns: 1rem 75vw
}

@media print,screen and (min-width: 56.25em) {
    .notifications>.callout,.notifications>.callout--alert,.notifications>.callout--info,.notifications>.callout--success,.notifications>.callout--warning {
        grid-template-columns:1rem 384px
    }
}

.animate_slide_in {
    width: -moz-max-content;
    width: max-content;
    animation-name: animation-slide-in-from-top;
    animation-duration: .3s;
    animation-fill-mode: both
}

.is_off_canvas_open {
    overflow: hidden
}

.js_off_canvas__overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 102;
    width: 100%;
    height: 100%;
    transition: opacity .5s ease,visibility .5s ease;
    background: color-mix(in srgb,var(--dark) 75%,transparent);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    opacity: 0;
    visibility: hidden;
    overflow: hidden
}

.js_off_canvas__overlay.is_visible {
    opacity: 1;
    visibility: visible
}

.js_off_canvas__overlay.is_closable {
    cursor: pointer
}

.js_off_canvas__overlay.is_overlay_absolute {
    position: absolute
}

.js_off_canvas__overlay.is_overlay_fixed {
    position: fixed
}

.off_canvas__wrapper {
    position: relative;
    overflow: hidden
}

.off_canvas,.off_canvas--absolute,.off_canvas--position_bottom,.off_canvas--position_left,.off_canvas--position_right,.off_canvas--position_top {
    position: fixed;
    z-index: 103;
    transition: transform .5s ease;
    backface-visibility: hidden;
    background: var(--light)
}

[data-whatinput=mouse] .off_canvas,[data-whatinput=mouse] .off_canvas--absolute,[data-whatinput=mouse] .off_canvas--position_bottom,[data-whatinput=mouse] .off_canvas--position_left,[data-whatinput=mouse] .off_canvas--position_right,[data-whatinput=mouse] .off_canvas--position_top {
    outline: 0
}

.is_transition_push.off_canvas--absolute,.is_transition_push.off_canvas--position_bottom,.is_transition_push.off_canvas--position_left,.is_transition_push.off_canvas--position_right,.is_transition_push.off_canvas--position_top,.off_canvas.is_transition_push {
    z-index: 103
}

.is_closed.off_canvas--absolute,.is_closed.off_canvas--position_bottom,.is_closed.off_canvas--position_left,.is_closed.off_canvas--position_right,.is_closed.off_canvas--position_top,.off_canvas.is_closed {
    visibility: hidden
}

.is_transition_overlap.off_canvas--absolute,.is_transition_overlap.off_canvas--position_bottom,.is_transition_overlap.off_canvas--position_left,.is_transition_overlap.off_canvas--position_right,.is_transition_overlap.off_canvas--position_top,.off_canvas.is_transition_overlap {
    z-index: 104
}

.is_transition_overlap.is_open.off_canvas--absolute,.is_transition_overlap.is_open.off_canvas--position_bottom,.is_transition_overlap.is_open.off_canvas--position_left,.is_transition_overlap.is_open.off_canvas--position_right,.is_transition_overlap.is_open.off_canvas--position_top,.off_canvas.is_transition_overlap.is_open {
    box-shadow: none
}

.is_open.off_canvas--absolute,.is_open.off_canvas--position_bottom,.is_open.off_canvas--position_left,.is_open.off_canvas--position_right,.is_open.off_canvas--position_top,.off_canvas.is_open {
    transform: translate(0)
}

.off_canvas--absolute {
    position: absolute;
    z-index: 103;
    transition: transform .5s ease;
    backface-visibility: hidden;
    background: var(--light)
}

[data-whatinput=mouse] .off_canvas--absolute {
    outline: 0
}

.off_canvas--absolute.is_transition_push {
    z-index: 103
}

.off_canvas--absolute.is_closed {
    visibility: hidden
}

.off_canvas--absolute.is_transition_overlap {
    z-index: 104
}

.off_canvas--absolute.is_transition_overlap.is_open {
    box-shadow: none
}

.off_canvas--absolute.is_open {
    transform: translate(0)
}

.off_canvas--position_left {
    top: 0;
    left: 0;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    width: 85%;
    transform: translateX(-100%)
}

@media print,screen and (min-width: 56.25em) {
    .off_canvas--position_left {
        width:700px;
        transform: translateX(-700px)
    }
}

.off_canvas__content .off_canvas--position_left,.off_canvas__content .off_canvas.off_canvas--position_left {
    transform: translateX(-100%)
}

@media print,screen and (min-width: 56.25em) {
    .off_canvas__content .off_canvas--position_left,.off_canvas__content .off_canvas.off_canvas--position_left {
        transform:translateX(-700px)
    }
}

.off_canvas__content .off_canvas--position_left.is_transition_overlap.is_open,.off_canvas__content .off_canvas.off_canvas--position_left.is_transition_overlap.is_open {
    transform: translate(0)
}

.off_canvas__content.is_open_left.has_transition_push {
    transform: translateX(100%)
}

@media print,screen and (min-width: 56.25em) {
    .off_canvas__content.is_open_left.has_transition_push {
        transform:translateX(700px)
    }
}

.off_canvas--position_left.is_transition_push {
    box-shadow: inset 0 0 0 0 none
}

.off_canvas--position_right {
    top: 0;
    right: 0;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    width: 85%;
    transform: translateX(100%)
}

@media print,screen and (min-width: 56.25em) {
    .off_canvas--position_right {
        width:700px;
        transform: translateX(700px)
    }
}

.off_canvas__content .off_canvas--position_right,.off_canvas__content .off_canvas.off_canvas--position_right {
    transform: translateX(100%)
}

@media print,screen and (min-width: 56.25em) {
    .off_canvas__content .off_canvas--position_right,.off_canvas__content .off_canvas.off_canvas--position_right {
        transform:translateX(700px)
    }
}

.off_canvas__content .off_canvas--position_right.is_transition_overlap.is_open,.off_canvas__content .off_canvas.off_canvas--position_right.is_transition_overlap.is_open {
    transform: translate(0)
}

.off_canvas__content.is_open_right.has_transition_push {
    transform: translateX(-100%)
}

@media print,screen and (min-width: 56.25em) {
    .off_canvas__content.is_open_right.has_transition_push {
        transform:translateX(-700px)
    }
}

.off_canvas--position_right.is_transition_push {
    box-shadow: inset 0 0 0 0 none
}

.off_canvas--position_top {
    top: 0;
    left: 0;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    height: 250px
}

.off_canvas--position_top,.off_canvas__content .off_canvas--position_top,.off_canvas__content .off_canvas.off_canvas--position_top {
    transform: translateY(-250px)
}

.off_canvas__content .off_canvas--position_top.is_transition_overlap.is_open,.off_canvas__content .off_canvas.off_canvas--position_top.is_transition_overlap.is_open {
    transform: translate(0)
}

.off_canvas__content.is_open_top.has_transition_push {
    transform: translateY(250px)
}

.off_canvas--position_top.is_transition_push {
    box-shadow: inset 0 0 0 0 none
}

.off_canvas--position_bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    height: 250px;
    transform: translateY(250px)
}

.off_canvas__content .off_canvas--position_bottom,.off_canvas__content .off_canvas.off_canvas--position_bottom {
    transform: translateY(250px)
}

.off_canvas__content .off_canvas--position_bottom.is_transition_overlap.is_open,.off_canvas__content .off_canvas.off_canvas--position_bottom.is_transition_overlap.is_open {
    transform: translate(0)
}

.off_canvas__content.is_open_bottom.has_transition_push {
    transform: translateY(-250px)
}

.off_canvas--position_bottom.is_transition_push {
    box-shadow: inset 0 0 0 0 none
}

.off_canvas__content {
    transform: none;
    backface-visibility: hidden
}

.off_canvas__content.has_transition_overlap,.off_canvas__content.has_transition_push {
    transition: transform .5s ease
}

.off_canvas__content.has_transition_push,.off_canvas__content .is_open.off_canvas--absolute,.off_canvas__content .is_open.off_canvas--position_bottom,.off_canvas__content .is_open.off_canvas--position_left,.off_canvas__content .is_open.off_canvas--position_right,.off_canvas__content .is_open.off_canvas--position_top,.off_canvas__content .off_canvas.is_open {
    transform: translate(0)
}

@media print,screen and (min-width: 37.5em) {
    .position_left.reveal_for_small {
        transform:none;
        z-index: 103;
        transition: none;
        visibility: visible
    }

    .position_left.reveal_for_small .close_button {
        display: none
    }

    .off_canvas__content .position_left.reveal_for_small {
        transform: none
    }

    .off_canvas__content.has_reveal_left,.position_left.reveal_for_small~.off_canvas__content {
        margin-left: 85%
    }

    .position_right.reveal_for_small {
        transform: none;
        z-index: 103;
        transition: none;
        visibility: visible
    }

    .position_right.reveal_for_small .close_button {
        display: none
    }

    .off_canvas__content .position_right.reveal_for_small {
        transform: none
    }

    .off_canvas__content.has_reveal_right,.position_right.reveal_for_small~.off_canvas__content {
        margin-right: 85%
    }

    .position_top.reveal_forsmall {
        transform: none;
        z-index: 103;
        transition: none;
        visibility: visible
    }

    .position_top.reveal_forsmall .close_button {
        display: none
    }

    .off_canvas__content .position_top.reveal_forsmall {
        transform: none
    }

    .off_canvas__content.has_reveal_top,.position_top.reveal_forsmall~.off_canvas__content {
        margin-top: 85%
    }

    .position_bottom.reveal_for-small {
        transform: none;
        z-index: 103;
        transition: none;
        visibility: visible
    }

    .position_bottom.reveal_for-small .close_button {
        display: none
    }

    .off_canvas__content .position_bottom.reveal_for-small {
        transform: none
    }

    .off_canvas__content.has_reveal_bottom,.position_bottom.reveal_for-small~.off_canvas__content {
        margin-bottom: 85%
    }
}

@media print,screen and (min-width: 56.25em) {
    .position_left.reveal_for_medium {
        transform:none;
        z-index: 103;
        transition: none;
        visibility: visible
    }

    .position_left.reveal_for_medium .close_button {
        display: none
    }

    .off_canvas__content .position_left.reveal_for_medium {
        transform: none
    }

    .off_canvas__content.has_reveal_left,.position_left.reveal_for_medium~.off_canvas__content {
        margin-left: 700px
    }

    .position_right.reveal_for_medium {
        transform: none;
        z-index: 103;
        transition: none;
        visibility: visible
    }

    .position_right.reveal_for_medium .close_button {
        display: none
    }

    .off_canvas__content .position_right.reveal_for_medium {
        transform: none
    }

    .off_canvas__content.has_reveal_right,.position_right.reveal_for_medium~.off_canvas__content {
        margin-right: 700px
    }

    .position_top.reveal_formedium {
        transform: none;
        z-index: 103;
        transition: none;
        visibility: visible
    }

    .position_top.reveal_formedium .close_button {
        display: none
    }

    .off_canvas__content .position_top.reveal_formedium {
        transform: none
    }

    .off_canvas__content.has_reveal_top,.position_top.reveal_formedium~.off_canvas__content {
        margin-top: 700px
    }

    .position_bottom.reveal_for-medium {
        transform: none;
        z-index: 103;
        transition: none;
        visibility: visible
    }

    .position_bottom.reveal_for-medium .close_button {
        display: none
    }

    .off_canvas__content .position_bottom.reveal_for-medium {
        transform: none
    }

    .off_canvas__content.has_reveal_bottom,.position_bottom.reveal_for-medium~.off_canvas__content {
        margin-bottom: 700px
    }
}

@media screen and (min-width: 75em) {
    .position_left.reveal_for_large {
        transform:none;
        z-index: 103;
        transition: none;
        visibility: visible
    }

    .position_left.reveal_for_large .close_button {
        display: none
    }

    .off_canvas__content .position_left.reveal_for_large {
        transform: none
    }

    .off_canvas__content.has_reveal_left,.position_left.reveal_for_large~.off_canvas__content {
        margin-left: 700px
    }

    .position_right.reveal_for_large {
        transform: none;
        z-index: 103;
        transition: none;
        visibility: visible
    }

    .position_right.reveal_for_large .close_button {
        display: none
    }

    .off_canvas__content .position_right.reveal_for_large {
        transform: none
    }

    .off_canvas__content.has_reveal_right,.position_right.reveal_for_large~.off_canvas__content {
        margin-right: 700px
    }

    .position_top.reveal_forlarge {
        transform: none;
        z-index: 103;
        transition: none;
        visibility: visible
    }

    .position_top.reveal_forlarge .close_button {
        display: none
    }

    .off_canvas__content .position_top.reveal_forlarge {
        transform: none
    }

    .off_canvas__content.has_reveal_top,.position_top.reveal_forlarge~.off_canvas__content {
        margin-top: 700px
    }

    .position_bottom.reveal_for-large {
        transform: none;
        z-index: 103;
        transition: none;
        visibility: visible
    }

    .position_bottom.reveal_for-large .close_button {
        display: none
    }

    .off_canvas__content .position_bottom.reveal_for-large {
        transform: none
    }

    .off_canvas__content.has_reveal_bottom,.position_bottom.reveal_for-large~.off_canvas__content {
        margin-bottom: 700px
    }
}

@media print,screen and (min-width: 37.5em) {
    .in_canvas_for_small.off_canvas--absolute,.in_canvas_for_small.off_canvas--position_bottom,.in_canvas_for_small.off_canvas--position_left,.in_canvas_for_small.off_canvas--position_right,.in_canvas_for_small.off_canvas--position_top,.off_canvas.in_canvas_for_small {
        visibility:visible;
        height: auto;
        position: static;
        background: 0 0;
        width: auto;
        overflow: visible;
        transition: none
    }

    .in_canvas_for_small.position_bottom.off_canvas--absolute,.in_canvas_for_small.position_bottom.off_canvas--position_bottom,.in_canvas_for_small.position_bottom.off_canvas--position_left,.in_canvas_for_small.position_bottom.off_canvas--position_right,.in_canvas_for_small.position_bottom.off_canvas--position_top,.in_canvas_for_small.position_left.off_canvas--absolute,.in_canvas_for_small.position_left.off_canvas--position_bottom,.in_canvas_for_small.position_left.off_canvas--position_left,.in_canvas_for_small.position_left.off_canvas--position_right,.in_canvas_for_small.position_left.off_canvas--position_top,.in_canvas_for_small.position_right.off_canvas--absolute,.in_canvas_for_small.position_right.off_canvas--position_bottom,.in_canvas_for_small.position_right.off_canvas--position_left,.in_canvas_for_small.position_right.off_canvas--position_right,.in_canvas_for_small.position_right.off_canvas--position_top,.in_canvas_for_small.position_top.off_canvas--absolute,.in_canvas_for_small.position_top.off_canvas--position_bottom,.in_canvas_for_small.position_top.off_canvas--position_left,.in_canvas_for_small.position_top.off_canvas--position_right,.in_canvas_for_small.position_top.off_canvas--position_top,.off_canvas.in_canvas_for_small.position_bottom,.off_canvas.in_canvas_for_small.position_left,.off_canvas.in_canvas_for_small.position_right,.off_canvas.in_canvas_for_small.position_top {
        box-shadow: none;
        transform: none
    }

    .in_canvas_for_small.off_canvas--absolute .close_button,.in_canvas_for_small.off_canvas--position_bottom .close_button,.in_canvas_for_small.off_canvas--position_left .close_button,.in_canvas_for_small.off_canvas--position_right .close_button,.in_canvas_for_small.off_canvas--position_top .close_button,.off_canvas.in_canvas_for_small .close_button {
        display: none
    }
}

@media print,screen and (min-width: 56.25em) {
    .in_canvas_for_medium.off_canvas--absolute,.in_canvas_for_medium.off_canvas--position_bottom,.in_canvas_for_medium.off_canvas--position_left,.in_canvas_for_medium.off_canvas--position_right,.in_canvas_for_medium.off_canvas--position_top,.off_canvas.in_canvas_for_medium {
        visibility:visible;
        height: auto;
        position: static;
        background: 0 0;
        width: auto;
        overflow: visible;
        transition: none
    }

    .in_canvas_for_medium.position_bottom.off_canvas--absolute,.in_canvas_for_medium.position_bottom.off_canvas--position_bottom,.in_canvas_for_medium.position_bottom.off_canvas--position_left,.in_canvas_for_medium.position_bottom.off_canvas--position_right,.in_canvas_for_medium.position_bottom.off_canvas--position_top,.in_canvas_for_medium.position_left.off_canvas--absolute,.in_canvas_for_medium.position_left.off_canvas--position_bottom,.in_canvas_for_medium.position_left.off_canvas--position_left,.in_canvas_for_medium.position_left.off_canvas--position_right,.in_canvas_for_medium.position_left.off_canvas--position_top,.in_canvas_for_medium.position_right.off_canvas--absolute,.in_canvas_for_medium.position_right.off_canvas--position_bottom,.in_canvas_for_medium.position_right.off_canvas--position_left,.in_canvas_for_medium.position_right.off_canvas--position_right,.in_canvas_for_medium.position_right.off_canvas--position_top,.in_canvas_for_medium.position_top.off_canvas--absolute,.in_canvas_for_medium.position_top.off_canvas--position_bottom,.in_canvas_for_medium.position_top.off_canvas--position_left,.in_canvas_for_medium.position_top.off_canvas--position_right,.in_canvas_for_medium.position_top.off_canvas--position_top,.off_canvas.in_canvas_for_medium.position_bottom,.off_canvas.in_canvas_for_medium.position_left,.off_canvas.in_canvas_for_medium.position_right,.off_canvas.in_canvas_for_medium.position_top {
        box-shadow: none;
        transform: none
    }

    .in_canvas_for_medium.off_canvas--absolute .close_button,.in_canvas_for_medium.off_canvas--position_bottom .close_button,.in_canvas_for_medium.off_canvas--position_left .close_button,.in_canvas_for_medium.off_canvas--position_right .close_button,.in_canvas_for_medium.off_canvas--position_top .close_button,.off_canvas.in_canvas_for_medium .close_button {
        display: none
    }
}

@media screen and (min-width: 75em) {
    .in_canvas_for_large.off_canvas--absolute,.in_canvas_for_large.off_canvas--position_bottom,.in_canvas_for_large.off_canvas--position_left,.in_canvas_for_large.off_canvas--position_right,.in_canvas_for_large.off_canvas--position_top,.off_canvas.in_canvas_for_large {
        visibility:visible;
        height: auto;
        position: static;
        background: 0 0;
        width: auto;
        overflow: visible;
        transition: none
    }

    .in_canvas_for_large.position_bottom.off_canvas--absolute,.in_canvas_for_large.position_bottom.off_canvas--position_bottom,.in_canvas_for_large.position_bottom.off_canvas--position_left,.in_canvas_for_large.position_bottom.off_canvas--position_right,.in_canvas_for_large.position_bottom.off_canvas--position_top,.in_canvas_for_large.position_left.off_canvas--absolute,.in_canvas_for_large.position_left.off_canvas--position_bottom,.in_canvas_for_large.position_left.off_canvas--position_left,.in_canvas_for_large.position_left.off_canvas--position_right,.in_canvas_for_large.position_left.off_canvas--position_top,.in_canvas_for_large.position_right.off_canvas--absolute,.in_canvas_for_large.position_right.off_canvas--position_bottom,.in_canvas_for_large.position_right.off_canvas--position_left,.in_canvas_for_large.position_right.off_canvas--position_right,.in_canvas_for_large.position_right.off_canvas--position_top,.in_canvas_for_large.position_top.off_canvas--absolute,.in_canvas_for_large.position_top.off_canvas--position_bottom,.in_canvas_for_large.position_top.off_canvas--position_left,.in_canvas_for_large.position_top.off_canvas--position_right,.in_canvas_for_large.position_top.off_canvas--position_top,.off_canvas.in_canvas_for_large.position_bottom,.off_canvas.in_canvas_for_large.position_left,.off_canvas.in_canvas_for_large.position_right,.off_canvas.in_canvas_for_large.position_top {
        box-shadow: none;
        transform: none
    }

    .in_canvas_for_large.off_canvas--absolute .close_button,.in_canvas_for_large.off_canvas--position_bottom .close_button,.in_canvas_for_large.off_canvas--position_left .close_button,.in_canvas_for_large.off_canvas--position_right .close_button,.in_canvas_for_large.off_canvas--position_top .close_button,.off_canvas.in_canvas_for_large .close_button {
        display: none
    }
}

@media print,screen and (min-width: 37.5em) {
    .off_canvas--position_left {
        width:320px;
        transform: translateX(-320px)
    }

    .off_canvas--position_left.is_open {
        transform: translate(0)
    }
}

.off_canvas__prelude,.off_canvas__prelude--blackweek {
    display: flex;
    position: sticky;
    width: 100%;
    padding: 1.25rem;
    top: 0;
    z-index: 9999;
    background: var(--primary)
}

.off_canvas__prelude__ctn_shopping {
    font-family: inherit;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    border-radius: 9999px;
    transition: .25s ease-out;
    cursor: pointer;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .625rem;
    padding: .625rem 1.25rem;
    font-size: 16px;
    color: var(--light);
    background: 0 0;
    border: 2px solid transparent
}

.off_canvas__prelude__ctn_shopping:focus,.off_canvas__prelude__ctn_shopping:focus-visible,.off_canvas__prelude__ctn_shopping:hover {
    color: var(--light);
    background: color-mix(in srgb,var(--light) 25%,transparent)
}

.off_canvas__prelude__ctn_shopping--disabled,.off_canvas__prelude__ctn_shopping--disabled:focus,.off_canvas__prelude__ctn_shopping--disabled:hover,.off_canvas__prelude__ctn_shopping[disabled],.off_canvas__prelude__ctn_shopping[disabled]:focus,.off_canvas__prelude__ctn_shopping[disabled]:hover {
    cursor: not-allowed;
    opacity: .25
}

.off_canvas__prelude--blackweek .switch_customer_group,.off_canvas__prelude--blackweek .switch_customer_group--create_account,.off_canvas__prelude--blackweek .switch_customer_group--inverted,.off_canvas__prelude--blackweek .switch_customer_group--large,.off_canvas__prelude .switch_customer_group,.off_canvas__prelude .switch_customer_group--create_account,.off_canvas__prelude .switch_customer_group--inverted,.off_canvas__prelude .switch_customer_group--large {
    margin: .625rem 0 0
}

.off_canvas__prelude--blackweek {
    background: var(--dark)
}

.off_canvas__navigation {
    position: relative;
    height: 100%
}

.off_canvas__navigation__title {
    padding: .9375rem 1.5625rem;
    font-weight: 700;
    font-size: 1.125rem
}

.off_canvas__navigation .off_canvas__animation__container {
    position: absolute;
    top: 0;
    left: 0
}

.off_canvas__divider_top {
    background: var(--secondary);
    padding: 1.25rem;
    font-weight: 700;
    font-size: 1.125rem
}

.off_canvas__divider_top small {
    font-weight: 400
}

.off_canvas__animation__container {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    background: rgba(0,0,0,.5)
}

.off_canvas__animation__container .content_loading_animation>div {
    background: var(--light)
}

.off_canvas__content--authentication {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

@media print,screen and (min-width: 56.25em) {
    .off_canvas__content--authentication #main_content {
        margin-top:12vh
    }
}

.off_canvas__content--authentication footer {
    margin-top: auto
}

html.is_reveal_open {
    position: fixed;
    width: 100%;
    overflow-y: hidden
}

html.is_reveal_open.zf_has_scroll {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

html.is_reveal_open body {
    overflow-y: hidden
}

.reveal__overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1005;
    display: none;
    background-color: color-mix(in srgb,var(--dark) 45%,transparent);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.reveal,.reveal--collapse,.reveal--full,.reveal--large,.reveal--small,.reveal--tiny {
    z-index: 1006;
    backface-visibility: hidden;
    display: none;
    padding: 1.25rem;
    border: 0;
    border-radius: 0;
    background-color: var(--light);
    width: 90%
}

[data-whatinput=mouse] .reveal,[data-whatinput=mouse] .reveal--collapse,[data-whatinput=mouse] .reveal--full,[data-whatinput=mouse] .reveal--large,[data-whatinput=mouse] .reveal--small,[data-whatinput=mouse] .reveal--tiny {
    outline: 0
}

@media print,screen and (min-width: 56.25em) {
    .reveal,.reveal--collapse,.reveal--full,.reveal--large,.reveal--small,.reveal--tiny {
        min-height:0
    }
}

.reveal--collapse .column,.reveal--full .column,.reveal--large .column,.reveal--small .column,.reveal--tiny .column,.reveal .column {
    min-width: 0
}

.reveal--collapse>:last-child,.reveal--full>:last-child,.reveal--large>:last-child,.reveal--small>:last-child,.reveal--tiny>:last-child,.reveal>:last-child {
    margin-bottom: 0
}

@media print,screen and (min-width: 56.25em) {
    .reveal,.reveal--collapse,.reveal--full,.reveal--large,.reveal--small,.reveal--tiny {
        width:50%;
        max-width: 90%
    }
}

.reveal,.reveal--collapse,.reveal--full,.reveal--large,.reveal--small,.reveal--tiny {
    position: relative;
    top: 100px;
    overflow: visible
}

.reveal--collapse {
    padding: 0
}

@media print,screen and (min-width: 56.25em) {
    .reveal--tiny {
        width:30%;
        max-width: 90%
    }
}

@media print,screen and (min-width: 56.25em) {
    .reveal--small {
        width:35%;
        max-width: 90%
    }
}

@media print,screen and (min-width: 56.25em) {
    .reveal--large {
        width:70%;
        max-width: 90%
    }
}

.reveal--full {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin-left: 0;
    border: 0;
    border-radius: 0
}

@media print,screen and (min-width: 56.25em) {
    .reveal--my_address {
        width:80%
    }
}

@media screen and (min-width: 75em) {
    .reveal--my_address {
        width:63%
    }
}

@media screen and (min-width: 120em) {
    .reveal--my_address {
        width:50%
    }
}

.frc-captcha {
    margin: 0 0 1.25rem
}

.frc-captcha .frc-container {
    overflow: unset
}

.search_form,.search_form--head,.search_form--orders,.search_form--wishlist {
    width: 100%
}

.search_form__group {
    display: flex;
    position: relative;
    margin: 0;
    height: 40px
}

.search_form__group__input[type=text] {
    height: 40px;
    padding: .625rem 5rem .625rem 1.25rem;
    border-color: transparent;
    border-radius: 9999px
}

.search_form__group__input[type=text]:focus,.search_form__group__input[type=text]:focus-visible {
    border-color: transparent
}

.search_form__group__button {
    display: flex;
    position: absolute;
    right: .625rem;
    top: calc(50% - 17px);
    padding: .3125rem;
    background: var(--light);
    border-radius: 9999px;
    color: var(--primary)
}

.search_form__group__button:hover {
    color: var(--third)
}

.search_form__group__button__icon {
    fill: currentColor;
    width: 1.5rem;
    height: 1.5rem
}

.search_form__group__button--clear {
    position: absolute;
    right: 3.25rem;
    top: calc(50% - 17px)
}

.search_form--head .search_form__suggest_animation {
    padding: 0 0 0 1rem;
    height: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    pointer-events: none
}

.search_form--head .form__input input,.search_form--orders .form__input input,.search_form--wishlist .form__input input,.search_form .form__input input {
    margin: 0
}

.search_form__clear_button {
    position: absolute;
    height: 100%;
    right: 2.8125rem;
    top: calc(50% - 20px)
}

.search_form__loading_animation {
    z-index: 2;
    position: absolute
}

.search_form__loading_animation>div {
    background-color: var(--primary);
    height: 100%;
    width: 2px;
    display: inline-block;
    animation: sk-stretchdelay 1.2s ease-in-out infinite
}

.search_form__loading_animation .search_form__loading_animation__item_2 {
    animation-delay: -1.1s
}

.search_form__loading_animation .search_form__loading_animation__item_3 {
    animation-delay: -1s
}

.search_form__loading_animation .search_form__loading_animation__item_4 {
    animation-delay: -.9s
}

.search_form__loading_animation .search_form__loading_animation__item_5 {
    animation-delay: -.8s
}

.search_form__loading_animation {
    height: calc(100% - 5px);
    top: calc(50% - 17px);
    right: 55px;
    background: var(--light);
    font-size: 10px
}

.search_form__suggest {
    display: block;
    position: absolute;
    width: 100%;
    top: 2.8125rem;
    z-index: 3;
    background: var(--light);
    border-radius: 0 0 0 0!important;
    padding: 0;
    box-shadow: 0 3px 5px rgba(14,16,16,.5)
}

.search_form__suggest__wrapper {
    max-height: 85vh;
    overflow-y: scroll
}

.search_form__suggest__results {
    padding: 1.25rem 0 .3125rem
}

.search_form__suggest__results:last-of-type {
    padding: 1.25rem 0 0
}

.search_form__suggest__results__headline {
    font-size: 1.125rem;
    font-weight: 700;
    padding: 0 .625rem .3125rem
}

@media print,screen and (min-width: 56.25em) {
    .search_form__suggest__results__headline {
        padding:0 1.25rem .3125rem
    }
}

.search_form__suggest__results__list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 0;
    margin: 0
}

.search_form__suggest__results__list__element__title {
    line-height: 1.5
}

.search_form__suggest__results__list__element__link {
    display: flex;
    padding: .625rem;
    color: var(--primary)
}

.search_form__suggest__results__list__element__link.is_active,.search_form__suggest__results__list__element__link:focus,.search_form__suggest__results__list__element__link:hover {
    background: var(--secondary);
    color: var(--primary)
}

@media print,screen and (min-width: 56.25em) {
    .search_form__suggest__results__list__element__link {
        padding:.25rem 1.25rem
    }
}

.search_form__suggest__results__list__element__link>.grid_x {
    width: 100%
}

.search_form--orders .search_form__suggest,.search_form--wishlist .search_form__suggest {
    top: 50px;
    padding: 1.25rem 0
}

.search_form--orders .search_form__suggest__item:not(:last-of-type),.search_form--wishlist .search_form__suggest__item:not(:last-of-type) {
    margin-bottom: 1.25rem
}

.search_form--orders .search_form__loading_animation,.search_form--wishlist .search_form__loading_animation {
    top: calc(50% - 20px);
    right: 15px
}

.switch,.switch--float_right {
    position: relative;
    margin-bottom: 1.25rem;
    outline: 0;
    display: flex;
    align-items: center;
    gap: .625rem;
    font-size: 1rem;
    font-weight: 700;
    color: var(--body-txt);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 32px
}

.switch__input {
    position: absolute;
    margin-bottom: 0;
    opacity: 0
}

.switch__input:focus-visible+label {
    outline: .1875rem solid var(--primary);
    outline-offset: .1875rem
}

.switch__paddle {
    position: relative;
    display: block;
    width: 64px;
    height: 32px;
    border-radius: 9999px;
    background: var(--switch-bg);
    transition: all .25s ease-out;
    font-weight: inherit;
    color: inherit;
    cursor: pointer
}

input+.switch__paddle {
    margin: 0
}

.switch__paddle:after {
    position: absolute;
    top: 3px;
    left: 3px;
    display: block;
    width: 26px;
    height: 26px;
    transform: translateZ(0);
    border-radius: 9999px;
    background: var(--light);
    transition: all .25s ease-out;
    content: ""
}

input:checked~.switch__paddle {
    background: var(--primary)
}

input:checked~.switch__paddle:after {
    left: 35px
}

input:disabled~.switch__paddle {
    cursor: not-allowed;
    opacity: .5
}

[data-whatinput=mouse] input:focus~.switch__paddle {
    outline: 0
}

.switch__text,.switch__text--active,.switch__text--inactive {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.switch__text--active {
    left: 8%;
    display: none
}

input:checked+label>.switch__text--active {
    display: block
}

.switch__text--inactive {
    right: 15%
}

input:checked+label>.switch__text--inactive {
    display: none
}

.switch--float_right {
    justify-content: space-between
}

.switch_customer_group,.switch_customer_group--create_account,.switch_customer_group--inverted,.switch_customer_group--large {
    width: -moz-max-content;
    width: max-content
}

.switch_customer_group--inverted .switch_customer_group__container,.switch_customer_group__container {
    display: flex;
    padding: 1px;
    background: 0 0;
    border: 2px solid var(--light);
    border-radius: 9999px
}

.switch_customer_group--create_account .switch_customer_group__container__link,.switch_customer_group--inverted .switch_customer_group__container__link,.switch_customer_group--large .switch_customer_group__container__link,.switch_customer_group .switch_customer_group__container__link {
    display: flex;
    flex: 1 1 0;
    padding: 8px;
    line-height: 1;
    color: var(--light)
}

.switch_customer_group--create_account .switch_customer_group__container__link--active,.switch_customer_group--create_account .switch_customer_group__container__link:focus,.switch_customer_group--create_account .switch_customer_group__container__link:hover,.switch_customer_group--inverted .switch_customer_group__container__link--active,.switch_customer_group--inverted .switch_customer_group__container__link:focus,.switch_customer_group--inverted .switch_customer_group__container__link:hover,.switch_customer_group--large .switch_customer_group__container__link--active,.switch_customer_group--large .switch_customer_group__container__link:focus,.switch_customer_group--large .switch_customer_group__container__link:hover,.switch_customer_group .switch_customer_group__container__link--active,.switch_customer_group .switch_customer_group__container__link:focus,.switch_customer_group .switch_customer_group__container__link:hover {
    background: var(--light);
    color: var(--primary);
    border-radius: 9999px
}

.switch_customer_group--inverted .switch_customer_group__container {
    border-color: var(--primary)
}

.switch_customer_group--inverted .switch_customer_group__container__link {
    color: var(--primary)
}

.switch_customer_group--inverted .switch_customer_group__container__link--active,.switch_customer_group--inverted .switch_customer_group__container__link:focus,.switch_customer_group--inverted .switch_customer_group__container__link:hover {
    background: var(--primary);
    color: var(--light)
}

.switch_customer_group--large .switch_customer_group__container__link {
    padding: 10px 15px
}

.switch_customer_group--create_account {
    margin: 0 0 .625rem
}

@media print,screen and (min-width: 56.25em) {
    .switch_customer_group--create_account {
        margin:initial
    }
}

.has_tip {
    position: relative;
    display: inline-block;
    font-weight: 400;
    cursor: help
}

.tooltip {
    position: absolute;
    top: calc(100% + .6495rem);
    z-index: 1200;
    max-width: 10rem;
    padding: .625rem 1.25rem;
    border-radius: 0;
    background-color: var(--info-bg);
    font-size: .75rem;
    color: var(--info-txt)
}

@media print,screen and (min-width: 37.5em) {
    .tooltip {
        max-width:350px
    }
}

@media print,screen and (min-width: 56.25em) {
    .tooltip {
        font-size:.875rem
    }
}

.tooltip .button {
    color: var(--info-txt);
    border-color: var(--info-txt);
    background: 0 0
}

.tooltip .button:focus,.tooltip .button:focus-visible,.tooltip .button:hover {
    background: var(--info-txt);
    color: var(--info-bg)
}

.tooltip .button--disabled,.tooltip .button--disabled:focus,.tooltip .button--disabled:hover,.tooltip .button[disabled],.tooltip .button[disabled]:focus,.tooltip .button[disabled]:hover {
    cursor: not-allowed;
    opacity: .25
}

.tooltip:before {
    position: absolute
}

.tooltip.bottom:before {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-left: .75rem solid transparent;
    border-bottom: .75rem solid var(--info-bg);
    border-right: .75rem solid transparent;
    border-top: 0 solid transparent;
    bottom: 100%
}

.tooltip.bottom.align_center:before {
    left: 50%;
    transform: translateX(-50%)
}

.tooltip.top:before {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-left: .75rem solid transparent;
    border-bottom: 0 solid transparent;
    border-right: .75rem solid transparent;
    border-top: .75rem solid var(--info-bg);
    top: 100%;
    bottom: auto
}

.tooltip.top.align_center:before {
    left: 50%;
    transform: translateX(-50%)
}

.tooltip.left:before {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-left: .75rem solid var(--info-bg);
    border-bottom: .75rem solid transparent;
    border-right: 0 solid transparent;
    border-top: .75rem solid transparent;
    left: 100%
}

.tooltip.left.align_center:before {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%)
}

.tooltip.right:before {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-left: 0 solid transparent;
    border-bottom: .75rem solid transparent;
    border-right: .75rem solid var(--info-bg);
    border-top: .75rem solid transparent;
    right: 100%;
    left: auto
}

.tooltip.right.align_center:before {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%)
}

.tooltip.align_top:before {
    bottom: auto;
    top: 10%
}

.tooltip.align_bottom:before {
    bottom: 10%;
    top: auto
}

.tooltip.align_left:before {
    left: 2%;
    right: auto
}

.tooltip.align_right:before {
    left: auto;
    right: 2%
}

.product__options,.product__options--buy_box {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: .625rem .9375rem;
    padding: 0;
    margin: 0;
    list-style: none
}

.product__options--buy_box li,.product__options li {
    position: relative
}

[data-whatinput=mouse] .product__options--buy_box li,[data-whatinput=mouse] .product__options li {
    outline: 0
}

.product__options--buy_box li,.product__options li {
    display: inline-flex;
    align-items: center;
    gap: .3125rem
}

.product__options--buy_box a,.product__options--buy_box button,.product__options--buy_box input,.product__options--buy_box select,.product__options a,.product__options button,.product__options input,.product__options select {
    margin-bottom: 0
}

.product__options--buy_box input,.product__options input {
    display: inline-flex
}

.product__options,.product__options--buy_box {
    align-items: center;
    margin: 0 0 .625rem
}

.product__options--buy_box .button_comparison__icon,.product__options .button_comparison__icon {
    float: left;
    margin: 0 .625rem 0 0
}

.product__options--buy_box {
    margin: 0 0 2.5rem;
    justify-content: space-between
}

.product__price,.product__price--large,.product__price--small {
    font-weight: 900;
    color: var(--body-txt);
    margin-bottom: .625rem
}

.product__price--small .price__wrapper__euro {
    font-size: 25px
}

.product__price--small .price__wrapper__cent {
    font-size: 20px
}

.product__price--small .price__base {
    margin: 0
}

.product__price--large .price__wrapper__euro {
    font-size: 40px
}

.product__price--large .price__wrapper__cent {
    font-size: 20px
}

.product__price--large .price__base {
    margin: 0
}

@media print,screen and (min-width: 56.25em) {
    .product__price--small .price__wrapper__euro {
        font-size:25px
    }

    .product__price--small .price__wrapper__cent {
        font-size: 20px
    }

    .product__price--small .price__base {
        margin: 0
    }

    .product__price--large .price__wrapper__euro {
        font-size: 40px
    }

    .product__price--large .price__wrapper__cent {
        font-size: 20px
    }

    .product__price--large .price__base {
        margin: 0
    }
}

.product__price--small+.product__price__shipping_cost,.product__price--small+.product__price__shipping_cost--free {
    font-size: .875rem
}

.product__price__wrapper,.product__price__wrapper--graduate_price,.product__price__wrapper--sale,.product__price__wrapper__uvp {
    display: flex;
    align-items: baseline
}

.product__price__wrapper__euro {
    line-height: 1;
    font-size: 35px
}

@media print,screen and (min-width: 56.25em) {
    .product__price__wrapper__euro {
        font-size:35px
    }
}

.product__price__wrapper__cent {
    line-height: 1;
    font-size: 25px
}

@media print,screen and (min-width: 56.25em) {
    .product__price__wrapper__cent {
        font-size:25px
    }
}

.product__price__wrapper__uvp {
    font-weight: 700;
    text-decoration: line-through;
    font-size: 1rem;
    padding-right: .625rem
}

.product__price__wrapper--sale .product__price__wrapper__cent,.product__price__wrapper--sale .product__price__wrapper__euro {
    color: var(--alert)
}

.product__price__wrapper--graduate_price {
    font-weight: 400
}

.product__price__min,.product__price__single {
    display: block;
    margin: .3125rem 0 0;
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.2
}

.product__price__base {
    font-weight: 400;
    font-size: .75rem;
    margin: 0
}

.product__price__voucher {
    color: var(--alert)
}

.product_wrapper {
    container: product_wrapper/inline-size;
    height: 100%;
    position: relative
}

.product_wrapper--aside {
    container: product_aside_wrapper/inline-size;
    height: 100%
}

.product {
    display: grid;
    gap: 1.25rem;
    height: 100%
}

.product__purchase {
    display: flex;
    flex-direction: column;
    gap: 1.25rem
}

@container product_wrapper (width < 600px) {
    .product {
        grid-template-rows: [firstrow] 150px [secondrow] .5fr;
        grid-auto-flow: row
    }

    .product__image {
        grid-area: image;
        grid-row: firstrow;
        align-self: flex-start
    }

    .product__features,.product__image,.product__indicators,.product__meta_options,.product__purchase {
        grid-column: 1/span 3
    }

    .product__purchase {
        align-self: self-end;
        margin: .9375rem 0 0
    }

    .product__actions {
        grid-column: 1/span 3
    }

    .product__title {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical
    }
}

@container product_wrapper (width>600px) {
    .product {
        grid-template-columns: [firstcol] 150px [secondcol] 2fr [thirdcol] 250px;
        grid-auto-flow: row
    }

    .product__indicators,.product__meta_options {
        grid-column: 1/end
    }

    .product__image {
        grid-column: firstcol
    }

    .product__features {
        grid-column: secondcol
    }

    .product__purchase {
        grid-column: 3/span 1;
        align-self: flex-start
    }

    .product__actions {
        grid-column: 1/end
    }
}

@container product_wrapper (width>380px) {
    .product--bazaar .product__purchase {
        display: grid;
        gap: 1.25rem;
        height: 100%;
        grid-template-areas: "atp . price" "atp . cta";
        row-gap: .9375rem
    }

    .product--bazaar .product__purchase__atp {
        grid-area: atp
    }

    .product--bazaar .product__purchase__price {
        grid-area: price;
        justify-self: flex-end
    }

    .product--bazaar .product__purchase__cta_quantity {
        grid-area: cta;
        align-self: flex-end
    }
}

@container product_aside_wrapper (width < 450px) {
    .product {
        grid-auto-flow: row
    }

    .product__image {
        grid-row: 1/span 1
    }
}

@container product_aside_wrapper (width>450px) {
    .product {
        grid-template-columns: [firstcol] 150px [secondcol] 2fr;
        grid-auto-flow: row
    }

    .product__meta_options {
        grid-column: 1/span 2
    }

    .product__image {
        grid-column: 1/span 1
    }

    .product__purchase {
        grid-column: 2/span 1
    }

    .product__actions {
        grid-column: 1/span 2
    }
}

.loyalty_container,.loyalty_container--footer {
    margin: 2.5rem 0 0;
    background: var(--primary-lighter)
}

.loyalty_container--footer {
    margin: 110px 0 0
}

.loyalty_program,.loyalty_program--extended {
    position: relative;
    padding: 1.25rem;
    margin: 1.25rem 0 0;
    background: var(--primary-lighter);
    color: var(--primary-darker)
}

.loyalty_program--extended .loyalty_program__logo,.loyalty_program__logo {
    position: absolute;
    width: 105px;
    height: 40px;
    top: -19px
}

.loyalty_program__benefits {
    display: flex;
    align-items: center;
    margin: 1.5625rem 0 0;
    padding: 0 0 1.25rem
}

.loyalty_program__benefits__list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: .625rem .9375rem;
    padding: 0;
    margin: 0;
    list-style: none
}

.loyalty_program__benefits__list li {
    position: relative
}

[data-whatinput=mouse] .loyalty_program__benefits__list li {
    outline: 0
}

.loyalty_program__benefits__list li {
    display: inline-flex;
    align-items: center;
    gap: .3125rem
}

.loyalty_program__benefits__list a,.loyalty_program__benefits__list button,.loyalty_program__benefits__list input,.loyalty_program__benefits__list select {
    margin-bottom: 0
}

.loyalty_program__benefits__list input {
    display: inline-flex
}

.loyalty_program__benefits__list {
    flex-wrap: nowrap;
    flex-direction: column;
    gap: .9375rem;
    font-size: 1.125rem;
    line-height: 1.2
}

.loyalty_program__benefits__list__item__icon {
    width: 2rem;
    height: 2rem;
    margin-right: .3125rem;
    flex-shrink: 0
}

.loyalty_program__benefits__list__item__text {
    font-weight: 700
}

.loyalty_program__main_content {
    container: loyalty_promotion_content/inline-size;
    padding: 1.25rem;
    background: var(--light)
}

.loyalty_program__main_content:has(img) {
    padding: 1.25rem 1.25rem 0
}

@container loyalty_promotion_content (width < 739px) {
    .loyalty_program__main_content__promo {
        flex-direction: column
    }
}

@container loyalty_promotion_content (width>740px) {
    .loyalty_program__main_content__promo {
        flex-direction: row;
        justify-content: space-between
    }

    .loyalty_program__main_content__promo__image {
        align-self: end
    }
}

.loyalty_program__main_content__promo {
    display: flex
}

.loyalty_program__main_content__promo__text a {
    display: flex;
    margin: 0 auto;
    width: -moz-max-content;
    width: max-content
}

.loyalty_program__main_content__promo__image {
    display: flex
}

@media print,screen and (min-width: 37.5em) {
    .loyalty_program__main_content__promo__image {
        width:250px;
        margin: 0 auto
    }
}

.loyalty_program__services {
    display: flex;
    flex-direction: column;
    margin: .9375rem 0 0
}

.loyalty_program__services__headline {
    display: flex;
    justify-content: space-between;
    gap: .9375rem;
    margin: 0 0 .9375rem
}

.loyalty_program__services__claim,.loyalty_program__services__headline {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.2
}

.loyalty_program__services__cta {
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto
}

.loyalty_program__services__guide {
    margin: 1.25rem 0 0
}

.loyalty_program__services__guide a {
    color: var(--primary-darker)
}

.loyalty_program__services__guide a:focus,.loyalty_program__services__guide a:hover {
    color: var(--third)
}

.loyalty_program--extended {
    display: grid;
    gap: 1.25rem;
    height: 100%;
    margin: initial;
    padding: 2.5rem 1.25rem 0
}

@media print,screen and (min-width: 56.25em) {
    .loyalty_program--extended {
        grid-template-columns:[benefits] 350px [promo_content] 2fr;
        grid-auto-flow: row
    }
}

.loyalty_program--extended .loyalty_program__logo {
    width: 205px;
    height: 80px;
    top: -38px
}

.product__energyefficiency,.product__energyefficiency--buy_box {
    display: flex;
    align-items: center;
    flex-flow: wrap;
    -moz-column-gap: .625rem;
    column-gap: .625rem;
    row-gap: .3125rem
}

.product__energyefficiency__logo {
    cursor: pointer;
    width: 60px;
    height: 32px
}

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

.product__energyefficiency__logo__fallback,.product__energyefficiency__logo__fallback--level_0,.product__energyefficiency__logo__fallback--level_1,.product__energyefficiency__logo__fallback--level_2,.product__energyefficiency__logo__fallback--level_3,.product__energyefficiency__logo__fallback--level_4,.product__energyefficiency__logo__fallback--level_5,.product__energyefficiency__logo__fallback--level_6,.product__energyefficiency__logo__fallback--level_7 {
    position: relative;
    color: var(--light);
    font-size: 1.25rem;
    font-weight: 700;
    width: 100%;
    height: 100%;
    margin: 0 0 0 7px;
    display: flex;
    align-items: center;
    justify-content: center
}

.product__energyefficiency__logo__fallback--level_0:before,.product__energyefficiency__logo__fallback--level_1:before,.product__energyefficiency__logo__fallback--level_2:before,.product__energyefficiency__logo__fallback--level_3:before,.product__energyefficiency__logo__fallback--level_4:before,.product__energyefficiency__logo__fallback--level_5:before,.product__energyefficiency__logo__fallback--level_6:before,.product__energyefficiency__logo__fallback--level_7:before,.product__energyefficiency__logo__fallback:before {
    content: "";
    position: absolute;
    border-width: 16px 0 16px 15px;
    border-style: solid;
    right: 53px;
    top: 0;
    transform: rotate(180deg)
}

.product__energyefficiency__logo__fallback--level_0 {
    background: #939598
}

.product__energyefficiency__logo__fallback--level_0:before {
    border-color: transparent transparent transparent #939598
}

.product__energyefficiency__logo__fallback--level_1 {
    background: #009640
}

.product__energyefficiency__logo__fallback--level_1:before {
    border-color: transparent transparent transparent #009640
}

.product__energyefficiency__logo__fallback--level_2 {
    background: #51ae32
}

.product__energyefficiency__logo__fallback--level_2:before {
    border-color: transparent transparent transparent #51ae32
}

.product__energyefficiency__logo__fallback--level_3 {
    background: #c7d300
}

.product__energyefficiency__logo__fallback--level_3:before {
    border-color: transparent transparent transparent #c7d300
}

.product__energyefficiency__logo__fallback--level_4 {
    background: #ffed00
}

.product__energyefficiency__logo__fallback--level_4:before {
    border-color: transparent transparent transparent #ffed00
}

.product__energyefficiency__logo__fallback--level_5 {
    background: #fbb900
}

.product__energyefficiency__logo__fallback--level_5:before {
    border-color: transparent transparent transparent #fbb900
}

.product__energyefficiency__logo__fallback--level_6 {
    background: #ec6607
}

.product__energyefficiency__logo__fallback--level_6:before {
    border-color: transparent transparent transparent #ec6607
}

.product__energyefficiency__logo__fallback--level_7 {
    background: #e30513
}

.product__energyefficiency__logo__fallback--level_7:before {
    border-color: transparent transparent transparent #e30513
}

.product__energyefficiency--buy_box .product__energyefficiency__logo {
    width: 75px;
    height: 40px
}

.product__energyefficiency--buy_box .product__energyefficiency__logo__fallback_logo {
    font-size: 1.5625rem
}

.product__energyefficiency--buy_box .product__energyefficiency__logo__fallback_logo:before {
    border-width: 20px 0 20px 15px;
    right: 68px
}

.countdown {
    display: flex;
    align-items: baseline;
    font-weight: 700;
    line-height: 1;
    gap: .625rem
}

#js_side_content:has(.chatbot__conversation) {
    display: grid;
    height: 100%
}

.is_chatbot_open {
    overflow-y: hidden
}

@media print,screen and (min-width: 37.5em) {
    .is_chatbot_open {
        overflow-y:auto
    }
}

.chatbot__trigger {
    position: fixed;
    bottom: 1.25rem;
    right: 1.25rem;
    padding: .9375rem;
    height: 70px;
    min-width: 70px;
    max-width: 330px;
    background: var(--light);
    border: 2px solid var(--third);
    border-radius: 9999px 9999px 0;
    z-index: 3
}

.chatbot__trigger__icon {
    fill: var(--third);
    width: 35px;
    height: 35px
}

.chatbot__trigger__info {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    text-align: left;
    color: var(--dark)
}

.chatbot__trigger__info__headline {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2
}

.chatbot__trigger__info__text {
    font-size: .875rem;
    font-weight: 400
}

.chatbot__trigger:focus,.chatbot__trigger:hover {
    border-color: var(--third);
    background: var(--light);
    transition: width .7s ease-in-out
}

.chatbot__overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    background-color: rgba(var(--light),.05);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    display: none
}

.chatbot__error {
    display: none;
    position: absolute;
    top: 0;
    padding: 1.875rem .9375rem;
    background: var(--alert-bg);
    color: var(--alert-txt);
    border-radius: 0;
    z-index: 2;
    align-items: center;
    justify-content: center
}

.chatbot__error__icon {
    width: 32px;
    height: 32px;
    fill: var(--alert-txt)
}

.chatbot__error__information {
    margin: 0 0 .625rem
}

.chatbot__conversation {
    display: grid;
    grid-template-rows: 72px 1fr 65px;
    gap: 0
}

.chatbot__conversation__header {
    display: grid;
    grid-template-columns: auto auto 1fr auto;
    gap: .9375rem;
    padding: .9375rem 1.25rem;
    background: var(--primary);
    color: var(--light)
}

.chatbot__conversation__header__button {
    border-radius: 9999px;
    font-family: inherit;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    border-radius: 100%;
    transition: .25s ease-out;
    cursor: pointer;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .625rem;
    padding: 6px;
    aspect-ratio: 1/1;
    color: var(--light);
    background: 0 0;
    border: 2px solid transparent
}

.chatbot__conversation__header__button:focus,.chatbot__conversation__header__button:focus-visible,.chatbot__conversation__header__button:hover {
    color: var(--light);
    background: color-mix(in srgb,var(--light) 25%,transparent)
}

.chatbot__conversation__header__button--disabled,.chatbot__conversation__header__button--disabled:focus,.chatbot__conversation__header__button--disabled:hover,.chatbot__conversation__header__button[disabled],.chatbot__conversation__header__button[disabled]:focus,.chatbot__conversation__header__button[disabled]:hover {
    cursor: not-allowed;
    opacity: .25
}

.chatbot__conversation__header__avatar {
    display: flex;
    align-items: center
}

.chatbot__conversation__header__avatar svg {
    fill: var(--light);
    width: 40px;
    height: 40px
}

.chatbot__conversation__header__title {
    display: flex;
    align-items: center;
    padding: 1.25rem 0;
    font-size: 1.125rem;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden
}

@media print,screen and (min-width: 37.5em) {
    .chatbot__conversation__header__title {
        padding:unset
    }
}

.chatbot__conversation__header__title__details {
    color: var(--light);
    cursor: pointer
}

.chatbot__conversation__header__title__details:focus,.chatbot__conversation__header__title__details:hover {
    opacity: .5
}

.chatbot__conversation__frame {
    position: relative
}

.chatbot__conversation__frame__gradient_bottom,.chatbot__conversation__frame__gradient_top {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: .9375rem;
    background: var(--light)
}

.chatbot__conversation__frame__gradient_top {
    background: linear-gradient(180deg,#f0f0f0,hsla(0,0%,94.1%,.5) 50%,hsla(0,0%,94.1%,.25) 0);
    top: 0
}

.chatbot__conversation__frame__gradient_bottom {
    background: linear-gradient(180deg,hsla(0,0%,94.1%,.25) 25%,hsla(0,0%,94.1%,.5) 50%,#f0f0f0);
    bottom: 0
}

.chatbot__conversation__frame__dialogue {
    background: var(--secondary);
    height: calc(100dvh - 137px);
    padding: 1.25rem;
    overflow-x: hidden;
    overflow-y: scroll
}

.chatbot__conversation__frame__dialogue__privacy_info {
    font-size: .75rem;
    text-align: center
}

.chatbot__conversation__frame__dialogue__privacy_info__link {
    color: var(--dark);
    text-decoration: underline
}

.chatbot__conversation__frame__dialogue__privacy_info__link:focus,.chatbot__conversation__frame__dialogue__privacy_info__link:hover {
    color: var(--third)
}

.chatbot__conversation__frame__dialogue__messages {
    list-style: none;
    margin: 0;
    padding: 0
}

.chatbot__conversation__frame__dialogue__messages+ul {
    margin: .625rem 0 0
}

.chatbot__conversation__frame__dialogue__messages__item,.chatbot__conversation__frame__dialogue__messages__item--user {
    display: flex;
    align-items: end;
    justify-content: flex-start
}

.chatbot__conversation__frame__dialogue__messages__item__avatar {
    display: flex;
    flex: 1 0 auto;
    height: 16px;
    max-width: 16px;
    fill: var(--third)
}

.chatbot__conversation__frame__dialogue__messages__item__text,.chatbot__conversation__frame__dialogue__messages__item__text--agent,.chatbot__conversation__frame__dialogue__messages__item__text--product {
    background: var(--light);
    border-radius: 8px 8px 8px 0;
    padding: .625rem;
    margin: .625rem 0 .625rem .3125rem;
    overflow: hidden
}

.chatbot__conversation__frame__dialogue__messages__item__text--agent {
    word-wrap: break-word
}

.chatbot__conversation__frame__dialogue__messages__item__text--product {
    width: 100%
}

.chatbot__conversation__frame__dialogue__messages__item__suggestions {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: .625rem .9375rem;
    padding: 0;
    margin: 0;
    list-style: none
}

.chatbot__conversation__frame__dialogue__messages__item__suggestions li {
    position: relative
}

[data-whatinput=mouse] .chatbot__conversation__frame__dialogue__messages__item__suggestions li {
    outline: 0
}

.chatbot__conversation__frame__dialogue__messages__item__suggestions li {
    display: inline-flex;
    align-items: center;
    gap: .3125rem
}

.chatbot__conversation__frame__dialogue__messages__item__suggestions a,.chatbot__conversation__frame__dialogue__messages__item__suggestions button,.chatbot__conversation__frame__dialogue__messages__item__suggestions input,.chatbot__conversation__frame__dialogue__messages__item__suggestions select {
    margin-bottom: 0
}

.chatbot__conversation__frame__dialogue__messages__item__suggestions input {
    display: inline-flex
}

.chatbot__conversation__frame__dialogue__messages__item__suggestions__item {
    width: 100%
}

.chatbot__conversation__frame__dialogue__messages__item__suggestions__item:not(:first-of-type) {
    margin: .3125rem 0 0
}

.chatbot__conversation__frame__dialogue__messages__item--user {
    justify-content: flex-end
}

.chatbot__conversation__frame__dialogue__messages__item--user .chatbot__conversation__frame__dialogue__messages__item__text,.chatbot__conversation__frame__dialogue__messages__item--user .chatbot__conversation__frame__dialogue__messages__item__text--agent,.chatbot__conversation__frame__dialogue__messages__item--user .chatbot__conversation__frame__dialogue__messages__item__text--product {
    background: var(--dark);
    color: var(--light);
    border-radius: 8px 8px 0;
    margin: .625rem 0
}

.chatbot__conversation__frame__dialogue__messages__item--suggestion {
    flex-direction: column
}

.chatbot__conversation__input {
    padding: .9375rem;
    background: var(--light);
    display: flex;
    flex-direction: column;
    justify-content: center
}

.chatbot__conversation__input__message {
    margin: unset;
    padding: unset;
    border: 0
}

.chatbot__conversation__input__message:disabled {
    background: var(--light)
}

.chatbot__conversation__input__message:focus {
    border: 0
}

.animate_trigger {
    width: 70px;
    height: 70px;
    flex-direction: row;
    white-space: nowrap
}

.animate_trigger,.animate_trigger.is_visible,.animate_trigger:hover {
    overflow: hidden;
    transition: width .7s ease-in-out
}

.animate_trigger:hover {
    width: 295px;
    white-space: nowrap
}

.animate_trigger.is_visible {
    width: 295px;
    height: auto;
    white-space: normal;
    transition: height .7s ease-in-out
}

.chatbot_loading__element {
    width: 5px;
    height: 5px;
    display: inline-block;
    background: var(--dark);
    border-radius: 9999px
}

.chatbot_loading__element:first-child {
    animation: typeWriter 1s infinite
}

.chatbot_loading__element:nth-child(2) {
    animation: typeWriter 1s .1s infinite
}

.chatbot_loading__element:nth-child(3) {
    animation: typeWriter 1s .2s infinite
}

.marketing_message__headline,.marketing_message__voucher {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5625rem;
    margin-bottom: .9375rem;
    color: var(--primary)
}

.marketing_message__voucher {
    color: var(--third)
}

.marketing_message__info__headline {
    font-size: 1rem;
    font-weight: 700
}

.marketing_message__info__list {
    padding: 0
}

.marketing_message__info__list__item__text--uplift {
    color: var(--primary);
    font-weight: 700
}

.marketing_message__cta {
    margin-top: 1.25rem
}

.cms__section {
    margin-bottom: 1.25rem
}

@media screen and (min-width: 75em) {
    .cms__section {
        margin-bottom:2.5rem
    }
}

.cms__section__title {
    display: flex;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: .9375rem
}

.cms__section__title,.cms__section__title:focus,.cms__section__title:hover {
    color: var(--body-txt)
}

@media print,screen and (min-width: 56.25em) {
    .cms__section__title {
        font-size:1.375rem
    }
}

.cms__section__teaser {
    position: relative;
    margin: 1.25rem 0
}

@media screen and (min-width: 75em) {
    .cms__section__teaser {
        margin:1.25rem 0 2.5rem
    }
}

.cms__section__teaser__info {
    position: absolute;
    display: flex;
    align-items: flex-end;
    width: 100%;
    left: 0;
    bottom: 0;
    gap: 2.5rem;
    padding: 0 .9375rem .9375rem
}

@media screen and (min-width: 25em) {
    .cms__section__teaser__info {
        padding:0 1.5625rem 1.5625rem
    }
}

@media print,screen and (min-width: 37.5em) {
    .cms__section__teaser__info {
        width:66%;
        justify-content: space-between
    }
}

@media print,screen and (min-width: 56.25em) {
    .cms__section__teaser__info {
        width:55%;
        padding: 0 0 2.5rem 2.5rem
    }
}

.cms__section__teaser__info__price {
    display: flex;
    flex-direction: column
}

.cms__section__teaser__info__price [class^=label] {
    font-size: .75rem;
    margin: 0 0 .3125rem
}

@media print,screen and (min-width: 56.25em) {
    .cms__section__teaser__info__price [class^=label] {
        font-size:medium
    }
}

@media print,screen and (min-width: 56.25em) {
    .cms__section__teaser__info__price .product__price__wrapper__euro {
        font-size:2.8125rem
    }
}

@media print,screen and (min-width: 56.25em) {
    .cms__section__teaser__info__price .product__price__wrapper__cent {
        font-size:2.1875rem
    }
}

.cms__section__teaser__info__price .product__shipping_cost__price--free {
    line-height: 1
}

.cms__heading,.cms__heading--promote {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 .9375rem
}

@media print,screen and (min-width: 56.25em) {
    .cms__heading,.cms__heading--promote {
        font-size:1.375rem;
        line-height: 1.2
    }
}

.cms__heading--promote {
    color: var(--alert)
}

.cms__promotion_categories {
    margin: 1.25rem 0
}

.cms__promotion_categories__head {
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 600
}

@media print,screen and (min-width: 56.25em) {
    .cms__promotion_categories__head {
        font-size:1.375rem;
        margin: 0 0 .625rem
    }
}

.cms__promotion_categories__navigation {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: .625rem .9375rem;
    margin: 0;
    list-style: none
}

.cms__promotion_categories__navigation li {
    position: relative
}

[data-whatinput=mouse] .cms__promotion_categories__navigation li {
    outline: 0
}

.cms__promotion_categories__navigation li {
    display: inline-flex;
    align-items: center;
    gap: .3125rem
}

.cms__promotion_categories__navigation a,.cms__promotion_categories__navigation button,.cms__promotion_categories__navigation input,.cms__promotion_categories__navigation select {
    margin-bottom: 0
}

.cms__promotion_categories__navigation input {
    display: inline-flex
}

.cms__promotion_categories__navigation li {
    flex: 1 1 0
}

.cms__promotion_categories__navigation {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.cms__promotion_categories__navigation::-webkit-scrollbar {
    display: none
}

.cms__promotion_categories__navigation {
    overflow-x: scroll;
    flex-wrap: nowrap;
    padding: 0;
    margin-left: 0
}

.cms__promotion_categories__navigation__item__link,.cms__promotion_categories__navigation__item__link--blackweek {
    background-color: var(--secondary);
    color: var(--body-txt);
    border: 0;
    border-radius: 9999px;
    padding: .8125rem 1.25rem!important;
    white-space: nowrap;
    justify-content: center;
    width: auto;
    font-weight: 400
}

@media print,screen and (min-width: 56.25em) {
    .cms__promotion_categories__navigation__item__link,.cms__promotion_categories__navigation__item__link--blackweek {
        width:100%;
        padding: .8125rem 1.875rem!important
    }
}

.cms__promotion_categories__navigation__item__link--blackweek:focus-visible,.cms__promotion_categories__navigation__item__link:focus-visible {
    outline-offset: -.1875rem
}

.cms__promotion_categories__navigation__item__link--blackweek:hover,.cms__promotion_categories__navigation__item__link:hover {
    background-color: var(--primary);
    color: var(--light)
}

.cms__promotion_categories__navigation__item__link--blackweek {
    background-color: var(--dark)!important;
    color: var(--light)!important
}

.cms__promotion_categories__navigation__item__link--blackweek:hover {
    background-color: var(--light-gray)!important;
    color: var(--dark)!important
}

.advertising__campaign {
    margin: 1.25rem 0
}

.advertising__campaign__link {
    display: flex
}

.advertising__campaign__image {
    max-height: 100%;
    margin: 0 auto;
    display: block
}

.advertising__campaign:not(:first-child) {
    margin: 0 0 1.25rem
}

.advertising__campaign:last-child:not(:first-child) {
    margin: 0
}

.advertising__campaign .swiper__container {
    margin-bottom: 0
}

.loyalty_container,.loyalty_container--footer {
    margin: 2.5rem 0 0;
    background: var(--primary-lighter)
}

.loyalty_container--footer {
    margin: 110px 0 0
}

.loyalty_program,.loyalty_program--extended {
    position: relative;
    padding: 1.25rem;
    margin: 1.25rem 0 0;
    background: var(--primary-lighter);
    color: var(--primary-darker)
}

.loyalty_program--extended .loyalty_program__logo,.loyalty_program__logo {
    position: absolute;
    width: 105px;
    height: 40px;
    top: -19px
}

.loyalty_program__benefits {
    display: flex;
    align-items: center;
    margin: 1.5625rem 0 0;
    padding: 0 0 1.25rem
}

.loyalty_program__benefits__list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: .625rem .9375rem;
    padding: 0;
    margin: 0;
    list-style: none
}

.loyalty_program__benefits__list li {
    position: relative
}

[data-whatinput=mouse] .loyalty_program__benefits__list li {
    outline: 0
}

.loyalty_program__benefits__list li {
    display: inline-flex;
    align-items: center;
    gap: .3125rem
}

.loyalty_program__benefits__list a,.loyalty_program__benefits__list button,.loyalty_program__benefits__list input,.loyalty_program__benefits__list select {
    margin-bottom: 0
}

.loyalty_program__benefits__list input {
    display: inline-flex
}

.loyalty_program__benefits__list {
    flex-wrap: nowrap;
    flex-direction: column;
    gap: .9375rem;
    font-size: 1.125rem;
    line-height: 1.2
}

.loyalty_program__benefits__list__item__icon {
    width: 2rem;
    height: 2rem;
    margin-right: .3125rem;
    flex-shrink: 0
}

.loyalty_program__benefits__list__item__text {
    font-weight: 700
}

.loyalty_program__main_content {
    container: loyalty_promotion_content/inline-size;
    padding: 1.25rem;
    background: var(--light)
}

.loyalty_program__main_content:has(img) {
    padding: 1.25rem 1.25rem 0
}

@container loyalty_promotion_content (width < 739px) {
    .loyalty_program__main_content__promo {
        flex-direction: column
    }
}

@container loyalty_promotion_content (width>740px) {
    .loyalty_program__main_content__promo {
        flex-direction: row;
        justify-content: space-between
    }

    .loyalty_program__main_content__promo__image {
        align-self: end
    }
}

.loyalty_program__main_content__promo {
    display: flex
}

.loyalty_program__main_content__promo__text a {
    display: flex;
    margin: 0 auto;
    width: -moz-max-content;
    width: max-content
}

.loyalty_program__main_content__promo__image {
    display: flex
}

@media print,screen and (min-width: 37.5em) {
    .loyalty_program__main_content__promo__image {
        width:250px;
        margin: 0 auto
    }
}

.loyalty_program__services {
    display: flex;
    flex-direction: column;
    margin: .9375rem 0 0
}

.loyalty_program__services__headline {
    display: flex;
    justify-content: space-between;
    gap: .9375rem;
    margin: 0 0 .9375rem
}

.loyalty_program__services__claim,.loyalty_program__services__headline {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.2
}

.loyalty_program__services__cta {
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto
}

.loyalty_program__services__guide {
    margin: 1.25rem 0 0
}

.loyalty_program__services__guide a {
    color: var(--primary-darker)
}

.loyalty_program__services__guide a:focus,.loyalty_program__services__guide a:hover {
    color: var(--third)
}

.loyalty_program--extended {
    display: grid;
    gap: 1.25rem;
    height: 100%;
    margin: initial;
    padding: 2.5rem 1.25rem 0
}

@media print,screen and (min-width: 56.25em) {
    .loyalty_program--extended {
        grid-template-columns:[benefits] 350px [promo_content] 2fr;
        grid-auto-flow: row
    }
}

.loyalty_program--extended .loyalty_program__logo {
    width: 205px;
    height: 80px;
    top: -38px
}

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

.product__image__link {
    display: block
}

.product__image__link__placeholder.icon {
    max-width: 150px;
    max-height: 150px;
    width: 100%;
    height: 100%;
    padding: 1.25rem;
    color: var(--dark-gray)
}

.product__image__link__placeholder--shipment_tracking {
    max-width: 75px;
    max-height: 75px
}

.rating {
    line-height: 1;
    align-items: center;
    gap: .3125rem
}

.rating,.rating__stars {
    display: flex
}

.rating__stars__icon {
    float: left;
    margin: 0 2px 0 0
}

.rating__stars__icon--clickable {
    width: 30px;
    height: 30px;
    color: var(--primary)
}

.rating__stars__icon--clickable:not(:last-of-type) {
    margin: 0 8px 0 0
}

.rating__stars__icon--clickable:focus,.rating__stars__icon--clickable:hover {
    cursor: pointer
}

@media print,screen and (min-width: 56.25em) {
    .rating__stars__icon--clickable:not(:last-of-type) {
        margin:0 2px 0 0
    }
}

.rating~.form__input__error {
    margin-top: .625rem
}

.rating_quickview__average_rating {
    font-size: 1.125rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: .625rem
}

.rating_quickview__ratings {
    margin-bottom: 1.25rem
}

.rating_quickview__ratings__sorting {
    cursor: pointer;
    color: var(--body-txt);
    text-decoration: underline
}

.rating_quickview__ratings__sorting:active,.rating_quickview__ratings__sorting:focus,.rating_quickview__ratings__sorting:hover {
    color: var(--third)
}

.accessibility,.alert-empty,.alert-full,.article-packing,.box,.chatbot,.check-empty,.check-full,.checklist,.chevron-down,.chevron-left,.chevron-right,.chevron-up,.clock,.close,.compare,.contact-formular,.cookie,.customer,.desktop,.dislike-empty,.dislike-full {
    width: 16px
}

.eek_grade_1,.eek_grade_2,.eek_grade_3,.eek_grade_4,.eek_grade_5,.eek_grade_6,.eek_grade_7,.eek_grade_eek-lamp,.eek_grade_eek-lamp-cross {
    width: 29.2571428571px
}

.email,.eye,.eye-closed,.faq_faq-360001534818,.faq_faq-360001534838,.faq_faq-360001534858,.faq_faq-360001541277,.faq_faq-360001541317,.faq_faq-360001541337,.file-doc,.file-pdf,.file-zip,.filter,.fire,.flags_country-AT,.flags_country-DE,.flags_country-ES,.flags_country-FR,.flags_country-GB,.flags_country-IT,.flags_country-NL,.gift,.gift-card,.growth,.heart-empty,.heart-full,.help,.home-delivery,.info,.languages_lang-DEU,.languages_lang-ENG,.languages_lang-FRA,.languages_lang-NIE,.lightning,.like-empty {
    width: 16px
}

.like-full {
    width: 17px
}

.location,.microphone,.minus,.money-back,.move,.no-image,.notification,.online-shopping,.package-return,.packstation,.padlock,.pencil,.piggy-bank,.plus,.premium_shipping,.printer,.receive-order,.sale,.search,.security-shield,.send-arrow,.share,.shopping-cart,.smartphone,.smiley-happy,.smiley-neutral,.smiley-unhappy,.star-empty,.star-full,.star-half,.store,.tablet,.telephone,.trash,.truck,.view_grid,.view_list,.warning-empty,.warning-full,.world {
    width: 16px
}

.loyalty {
    width: 42px
}

.loyalty_flat {
    width: 41.6px
}

.partner_geizhals,.partner_idealo {
    width: 51.2px
}

.partner_spacenet {
    width: 102.4px
}

.payment_credit_card {
    width: 51.2px
}

.payment_cvc_explanation {
    width: 29.2571428571px
}

.payment_ideal {
    width: 18.6181818182px
}

.payment_kreditkarte,.payment_paypal {
    width: 68.2666666667px
}

.payment_paypal_ratenzahlung {
    width: 204.8px
}

.payment_sepa,.rein-select {
    width: 40.96px
}

.rein-white {
    width: 29.2571428571px
}

.seals_ehi {
    width: 16px
}

.seals_trust_ecommerce_europe {
    width: 20.48px
}

.seals_trusted_shops {
    width: 16px
}

.shipping_dhl {
    width: 102.4px
}

.shipping_dpd {
    width: 40.96px
}

.shipping_gls {
    width: 51.2px
}

.shipping_tof,.shop {
    width: 102.4px
}

.shop-small {
    width: 25.2774002954px
}

.social_facebook,.social_instagram,.social_linkedin,.social_tiktok,.social_youtube {
    width: 16px
}
.swiper__container {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    margin-bottom: 2.5rem;
    position: relative;
    list-style: none;
    overflow: hidden;
    z-index: 1
}

.swiper__container--cms_manufacturer .swiper__slide__wrapper,.swiper__container--cms_manufacturer .swiper__slide__wrapper:hover {
    border: 0
}

.swiper__container--cms_teaser {
    padding: 0;
    margin: 1.25rem 0
}

@media screen and (min-width: 75em) {
    .swiper__container--cms_teaser {
        margin:1.25rem 0 2.5rem
    }
}

.swiper__container--cms_teaser img {
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 180px
}

@media print,screen and (min-width: 37.5em) {
    .swiper__container--cms_teaser img {
        max-height:300px
    }
}

@media print,screen and (min-width: 56.25em) {
    .swiper__container--cms_teaser img {
        max-height:450px
    }
}

.swiper__container--cms_teaser .swiper__slide__wrapper {
    border: 0;
    padding: 0
}

.swiper__container--cms_teaser .swiper__slide__wrapper:hover {
    border: 0
}

.swiper__container--cms_custom_campaign .swiper__slide {
    width: 100%
}

.swiper__container--cms_custom_campaign .swiper__slide__wrapper {
    border: 0;
    padding: 0
}

.swiper__container--cms_custom_campaign .swiper__slide__wrapper:hover {
    border: 0
}

.swiper__container--android .swiper__slide,.swiper__container .swiper__wrapper {
    transform: translateZ(0)
}

.swiper__container--css-mode>.swiper__wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper__container--css-mode>.swiper__wrapper::-webkit-scrollbar {
    display: none
}

.swiper__container--css-mode>.swiper__wrapper .swiper__slide {
    scroll-snap-align: start start
}

.swiper__container .content_loading_animation {
    height: 32px
}

.swiper__wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform,height;
    box-sizing: content-box
}

.swiper__slide {
    flex-shrink: 0;
    height: auto;
    position: relative;
    transition-property: transform;
    width: 220px;
    text-align: center
}

@media print,screen and (min-width: 56.25em) {
    .swiper__slide {
        width:270px
    }
}

.swiper__slide__wrapper {
    display: flex;
    flex-direction: column;
    padding: 20px;
    height: 100%;
    box-sizing: border-box;
    border: 2px solid var(--global-border);
    border-radius: 0
}

.swiper__slide__wrapper:focus-visible {
    outline-offset: -.1875rem
}

.swiper__slide__wrapper:hover {
    border: 2px solid var(--third)
}

.swiper__slide__wrapper:focus-visible .swiper__slide__wrapper__title,.swiper__slide__wrapper:hover .swiper__slide__wrapper__title {
    color: var(--third)
}

.swiper__slide__wrapper__countdown .product__label--dailydeal,.swiper__slide__wrapper__countdown .product__label--deals_blackweek {
    font-size: 11px;
    margin: 0 0 0 -23px;
    padding: 4px 8px;
    height: 25px
}

@media print,screen and (min-width: 56.25em) {
    .swiper__slide__wrapper__countdown .product__label--dailydeal,.swiper__slide__wrapper__countdown .product__label--deals_blackweek {
        font-size:.875rem;
        height: 32px;
        margin: 0 0 0 -22px
    }
}

.swiper__slide__wrapper__countdown .product__label--dailydeal .icon,.swiper__slide__wrapper__countdown .product__label--deals_blackweek .icon {
    width: 11px;
    height: 11px
}

@media print,screen and (min-width: 56.25em) {
    .swiper__slide__wrapper__countdown .product__label--dailydeal .icon,.swiper__slide__wrapper__countdown .product__label--deals_blackweek .icon {
        width:14px;
        height: 14px
    }
}

.swiper__slide__wrapper__countdown .product__label--dailydeal:before,.swiper__slide__wrapper__countdown .product__label--deals_blackweek:before {
    left: -10px;
    border-top: 24px solid var(--alert);
    border-left: 10px solid transparent
}

@media print,screen and (min-width: 56.25em) {
    .swiper__slide__wrapper__countdown .product__label--dailydeal:before,.swiper__slide__wrapper__countdown .product__label--deals_blackweek:before {
        left:-12px;
        border-top: 32px solid var(--alert);
        border-left: 12px solid transparent
    }
}

.swiper__slide__wrapper__countdown .product__label--dailydeal:after,.swiper__slide__wrapper__countdown .product__label--deals_blackweek:after {
    left: -10px;
    border-left: 10px solid transparent
}

@media print,screen and (min-width: 56.25em) {
    .swiper__slide__wrapper__countdown .product__label--dailydeal:after,.swiper__slide__wrapper__countdown .product__label--deals_blackweek:after {
        left:-12px;
        border-left: 12px solid transparent
    }
}

.swiper__slide__wrapper__countdown .product__label--deals_blackweek:before {
    border-top: 16px solid var(--dark)
}

@media print,screen and (min-width: 56.25em) {
    .swiper__slide__wrapper__countdown .product__label--deals_blackweek:before {
        border-top:32px solid var(--dark)
    }
}

.swiper__slide__wrapper__image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 190px
}

@media print,screen and (min-width: 56.25em) {
    .swiper__slide__wrapper__image {
        height:250px
    }
}

.swiper__slide__wrapper__image--manufacturer {
    height: 80px
}

.swiper__slide__wrapper__image .product__image__placeholder {
    max-width: 80px;
    max-height: 80px
}

.swiper__slide__wrapper__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--body-txt);
    margin-bottom: 10px;
    font-weight: 700
}

.swiper__slide__wrapper__rating {
    display: flex;
    margin: 0 0 .625rem;
    justify-content: center
}

.swiper__slide__wrapper__rating .rating {
    display: flex
}

.swiper__slide__wrapper__cta {
    display: flex;
    flex: 1 1 auto
}

.swiper__slide__wrapper__cta__item {
    flex: 1 1 auto;
    align-self: flex-end
}

.swiper__slide__teaser_label {
    position: absolute;
    left: 25px;
    bottom: 35px
}

@media print,screen and (min-width: 37.5em) {
    .swiper__slide__teaser_label {
        left:46px;
        bottom: 66px
    }
}

@media print,screen and (min-width: 56.25em) {
    .swiper__slide__teaser_label {
        left:55px;
        bottom: 85px
    }
}

@media screen and (min-width: 75em) {
    .swiper__slide__teaser_label {
        left:75px;
        bottom: 120px
    }
}

.swiper__slide__teaser_label [class^=product__label] {
    font-size: 10px
}

@media print,screen and (min-width: 56.25em) {
    .swiper__slide__teaser_label [class^=product__label] {
        font-size:.875rem
    }
}

@media screen and (min-width: 75em) {
    .swiper__slide__teaser_label [class^=product__label] {
        font-size:medium
    }
}

.swiper__slide__teaser_label [class^=product__label]:after,.swiper__slide__teaser_label [class^=product__label]:before {
    content: normal;
    border: 0
}

.swiper__slide__teaser_info {
    position: absolute;
    left: 20%;
    bottom: 1.25rem
}

@media screen and (min-width: 75em) {
    .swiper__slide__teaser_info {
        bottom:1.875rem
    }
}

.swiper__slide__teaser_info .product__price {
    margin: 0
}

.swiper__slide__teaser_info .product__price__wrapper__uvp {
    font-size: .75rem
}

@media print,screen and (min-width: 56.25em) {
    .swiper__slide__teaser_info .product__price__wrapper__uvp {
        font-size:1.125rem
    }
}

@media screen and (min-width: 75em) {
    .swiper__slide__teaser_info .product__price__wrapper__uvp {
        font-size:24px
    }
}

.swiper__slide__teaser_info .product__price__wrapper__euro {
    font-size: 25px
}

@media print,screen and (min-width: 56.25em) {
    .swiper__slide__teaser_info .product__price__wrapper__euro {
        font-size:35px
    }
}

@media screen and (min-width: 75em) {
    .swiper__slide__teaser_info .product__price__wrapper__euro {
        font-size:45px
    }
}

.swiper__slide__teaser_info .product__price__wrapper__cent {
    font-size: 15px
}

@media print,screen and (min-width: 56.25em) {
    .swiper__slide__teaser_info .product__price__wrapper__cent {
        font-size:25px
    }
}

@media screen and (min-width: 75em) {
    .swiper__slide__teaser_info .product__price__wrapper__cent {
        font-size:35px
    }
}

.swiper__slide__teaser_info .product__price__base {
    font-size: 8px
}

@media print,screen and (min-width: 56.25em) {
    .swiper__slide__teaser_info .product__price__base {
        font-size:.75rem
    }
}

.swiper__slide--main_gallery {
    border: 0;
    width: 100%
}

.swiper__slide--main_gallery:hover {
    border: 0
}

.swiper__slide--main_gallery__video_container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.swiper__slide--invisible_blank {
    visibility: hidden
}

.swiper__next,.swiper__prev {
    display: none
}

@media print,screen and (min-width: 37.5em) {
    .swiper__next,.swiper__prev {
        position:absolute;
        top: calc(50% - 20px);
        width: 40px;
        height: 40px;
        border: 2px solid var(--global-border);
        border-radius: 9999px;
        z-index: auto;
        cursor: pointer;
        background: var(--secondary);
        display: flex;
        justify-content: center
    }

    .swiper__next:before,.swiper__prev:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 134px;
        height: 409px;
        background: hsla(0,0%,100%,.65);
        z-index: -1
    }

    .swiper__next:focus-visible,.swiper__next:hover,.swiper__prev:focus-visible,.swiper__prev:hover {
        background: var(--third);
        color: var(--light)
    }
}

@media print,screen and (min-width: 37.5em) and (min-width:56.25em) {
    .swiper__next,.swiper__prev {
        top:calc(50% - 30px);
        width: 60px;
        height: 60px
    }
}

@media print,screen and (min-width: 37.5em) {
    .swiper__next .icon,.swiper__prev .icon {
        align-self:center;
        width: 20px;
        height: 20px
    }
}

@media print,screen and (min-width: 37.5em) and (min-width:56.25em) {
    .swiper__next .icon,.swiper__prev .icon {
        width:30px;
        height: 30px
    }
}

.swiper__next--thumb_gallery,.swiper__prev--thumb_gallery {
    top: calc(50% - 27.5px);
    width: 35px;
    height: 35px
}

.swiper__next--thumb_gallery .icon,.swiper__prev--thumb_gallery .icon {
    width: 18px;
    height: 18px
}

.swiper__next--thumb_gallery:before,.swiper__prev--thumb_gallery:before {
    content: inherit
}

.swiper__next--gallery,.swiper__prev--gallery {
    top: 50%;
    margin: -30px 0 0
}

.swiper__next--gallery:before,.swiper__prev--gallery:before {
    content: inherit
}

.swiper__next.swiper__button--disabled,.swiper__prev.swiper__button--disabled {
    display: none
}

.swiper__navigation {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 60px;
    transform: translate(-50%,-50%);
    z-index: 1;
    pointer-events: none
}

.swiper__next,.swiper__prev {
    pointer-events: auto
}

.swiper__prev {
    left: 0;
    right: auto
}

@media screen and (min-width: 75em) {
    .swiper__prev--gallery {
        left:0
    }

    .swiper__prev--thumb_gallery {
        left: -45px
    }
}

.swiper__next {
    right: 0;
    left: auto
}

@media screen and (min-width: 75em) {
    .swiper__next--gallery {
        right:0
    }

    .swiper__next--thumb_gallery {
        right: -45px
    }
}

.swiper__pagination {
    margin: 0 auto;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 1
}

.swiper__pagination__bullets {
    width: 100%
}

.swiper__pagination__bullet {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 4px;
    border-radius: 2px 2px 2px 0;
    background: var(--dark);
    opacity: .2;
    cursor: pointer;
    transition: left .2s;
    transform: scale(.33)
}

.swiper__pagination__bullet--active,.swiper__pagination__bullet--active-main {
    transform: scale(1) skew(-10deg)
}

.swiper__pagination__bullet--active-next,.swiper__pagination__bullet--active-prev {
    transform: scale(.66) skew(-10deg)
}

.swiper__pagination__bullet--active-next-next,.swiper__pagination__bullet--active-prev-prev {
    transform: scale(.33) skew(-10deg)
}

.swiper__pagination--hidden {
    opacity: 0
}

.swiper__pagination--bullets-dynamic {
    white-space: nowrap;
    overflow: hidden;
    font-size: 0
}

.swiper__scrollbar {
    position: absolute;
    left: 0;
    bottom: 3px;
    width: 100%;
    height: 5px;
    z-index: 50;
    border-radius: 10px;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper__scrollbar--drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper__scrollbar--cursor_drag {
    cursor: move
}

.swiper__scrollbar--lock {
    display: none
}

.swiper__notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.last_products {
    margin-top: 2.5rem
}