.euroline {
    text-rendering: geometricPrecision;
    font-family: "BebasNeue-Regular", Arial, Helvetica;
    font-size: 32px;
    letter-spacing: 3px;
    font-weight: 500;
}

h1 {
    text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
}

.modal-overlay__container {
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 6000
}

@media (min-width:48em) {
    .modal-overlay__container {
        flex-direction: row
    }
}

.modal-overlay__box {
    box-sizing: border-box;
    background-color: var(--c-b-white);
    flex: 100% 1;
    width: 100%
}

@media (min-width:48em) {
    .modal-overlay__box {
        width: auto;
        flex: 0 1 31.25rem
    }
}

.ReactModal__Body--open,
.ReactModal__Html--open {
    overflow: visible;
    height: auto
}

.ReactModal__Overlay {
    opacity: 0;
    transition: opacity var(--default-transition)
}

.ReactModal__Overlay--after-open {
    opacity: 1
}

.ReactModal__Overlay--before-close {
    opacity: 0
}

.test-modal {
    padding: 1.25rem .625rem
}

@media (min-width:48em) {
    .test-modal {
        padding: 1.875rem
    }
}

.test-modal__content {
    padding: 1.25rem 0;
    position: relative
}

.test-modal .action-button {
    position: absolute;
    top: 0;
    right: 0
}

.svg-icon {
    --icon-c: var(--c-b-black);
    fill: var(--icon-c);
    overflow: visible
}

.svg-icon.is-inverted {
    --icon-c: var(--c-b-white);
    fill: var(--icon-c)
}

.action-button {
    --button-bgc: var(--c-b-white);
    --button-c: var(--c-b-black);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    box-sizing: border-box;
    justify-content: center;
    transition: all var(--default-transition);
    color: var(--button-c);
    background-color: var(--button-bgc);
    padding: 1.25rem
}

.action-button.is-disabled {
    cursor: default
}

@media (min-width:48em) {
    .action-button {
        padding: 1.25rem 1.875rem
    }
}

@media (min-width:72.5em) {
    .action-button {
        padding: 1.25rem 2.5rem
    }
}

.action-button:hover {
    opacity: .7
}

.action-button.is-disabled {
    opacity: .5;
    --button-bgc: var(--c-b-grey3)
}

.action-button.is-disabled:hover {
    opacity: .5
}

.action-button .svg-icon {
    fill: var(--button-c)
}

.action-button .text {
    display: inline-block;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.57143;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (min-width:118.75em) {
    .action-button .text {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .action-button .text {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.action-button .icon {
    display: inline-flex
}

.action-button .icon+.text,
.action-button .text+.icon {
    margin-left: .625rem
}

.action-button.is-outlined {
    --button-bgc: transparent;
    color: var(--button-c);
    border: .0625rem solid var(--button-c)
}

.action-button.is-outlined:hover {
    color: var(--button-c);
    background-color: var(--button-bgc)
}

.action-button.is-outlined.is-disabled:hover {
    color: var(--button-c);
    background: var(--button-bgc)
}

.action-button.is-inverted {
    --button-bgc: var(--c-b-black);
    --button-c: var(--c-b-white)
}

.action-button.is-inverted:hover .svg-icon {
    fill: var(--button-c)
}

.action-button.is-inverted.is-disabled {
    --button-bgc: var(--c-b-grey3);
    --button-c: var(--c-b-black);
    color: var(--button-c)
}

.action-button.is-inverted.is-disabled:hover {
    color: var(--button-c);
    background: var(--button-bgc)
}

.action-button.is-icon-link {
    padding: .625rem
}

.action-button.is-link {
    --button-bgc: transparent;
    --button-c: var(--c-b-black);
    padding: 0;
    position: relative
}

.action-button.is-link strong {
    padding-left: .25em;
    padding-right: .5em;
    transition: transform var(--default-transition)
}

.action-button.is-link:before {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 100%;
    height: .0625rem;
    background: currentColor;
    transition: right var(--default-transition)
}

.action-button.is-link:hover:before {
    right: 0
}

.action-button.is-link:hover .svg-icon {
    fill: var(--button-c)
}

.action-button.is-link.is-inverted {
    --button-bgc: transparent;
    --button-c: var(--c-b-white)
}

.market-change-modal__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.875rem 2.5rem
}

.market-change-modal__content h3 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818;
    margin-bottom: 1.25rem
}

@media (min-width:64em) {
    .market-change-modal__content h3 {
        font-size: clamp(1.375rem, 2.14844vw, 1.75rem);
        line-height: 1.31818
    }
}

@media (min-width:87.5em) {
    .market-change-modal__content h3 {
        font-size: clamp(1.75rem, 2vw, 2rem);
        line-height: 1.28571
    }
}

@media (min-width:118.75em) {
    .market-change-modal__content h3 {
        font-size: clamp(2rem, 1.68421vw, 2.375rem);
        line-height: 1.3125
    }
}

@media (min-width:150em) {
    .market-change-modal__content h3 {
        font-size: 2.375rem;
        line-height: 1.28947
    }
}

.market-change-modal__content p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5625;
    margin-bottom: 1.25rem
}

@media (min-width:64em) {
    .market-change-modal__content p {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:118.75em) {
    .market-change-modal__content p {
        font-size: 1.25rem;
        line-height: 1.55
    }
}

@media (min-width:150em) {
    .market-change-modal__content p {
        font-size: 1.375rem;
        line-height: 1.54545
    }
}

.market-change-modal__content .action-button {
    margin-top: auto
}

.out-of-stock-modal__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.875rem 2.5rem
}

.out-of-stock-modal__content h3 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818;
    margin-bottom: 1.25rem
}

@media (min-width:64em) {
    .out-of-stock-modal__content h3 {
        font-size: clamp(1.375rem, 2.14844vw, 1.75rem);
        line-height: 1.31818
    }
}

@media (min-width:87.5em) {
    .out-of-stock-modal__content h3 {
        font-size: clamp(1.75rem, 2vw, 2rem);
        line-height: 1.28571
    }
}

@media (min-width:118.75em) {
    .out-of-stock-modal__content h3 {
        font-size: clamp(2rem, 1.68421vw, 2.375rem);
        line-height: 1.3125
    }
}

@media (min-width:150em) {
    .out-of-stock-modal__content h3 {
        font-size: 2.375rem;
        line-height: 1.28947
    }
}

.out-of-stock-modal__content p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5625;
    margin-bottom: 1.25rem
}

@media (min-width:64em) {
    .out-of-stock-modal__content p {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:118.75em) {
    .out-of-stock-modal__content p {
        font-size: 1.25rem;
        line-height: 1.55
    }
}

@media (min-width:150em) {
    .out-of-stock-modal__content p {
        font-size: 1.375rem;
        line-height: 1.54545
    }
}

.out-of-stock-modal__content .action-button {
    margin-top: auto
}

.video-player-modal {
    background-color: transparent;
    height: 100%;
    aspect-ratio: 16/9
}

@media (min-width:35em) {
    .video-player-modal {
        width: 80vw
    }
}

@media (min-width:48em) {
    .video-player-modal {
        width: 90vw
    }
}

@media (min-width:72.5em) {
    .video-player-modal {
        width: 80vw
    }
}

.video-player-modal__close {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-flex;
    width: 2.5rem;
    height: 2.5rem;
    align-items: center;
    justify-content: center;
    background-color: var(--c-b-black)
}

.video-player-modal__close .svg-icon {
    width: 2.375rem;
    height: 2.375rem;
    stroke: var(--c-b-white)
}

@media (min-width:35em) {
    .video-player-modal__close {
        right: auto;
        left: 0
    }
}

@media (min-width:48em) {
    .video-player-modal__close {
        right: 0;
        left: auto
    }
}

.video-player-modal__content {
    height: 100%
}

.video-player-modal__content h3 {
    display: none;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818;
    margin-bottom: 1.25rem
}

@media (min-width:64em) {
    .video-player-modal__content h3 {
        font-size: clamp(1.375rem, 2.14844vw, 1.75rem);
        line-height: 1.31818
    }
}

@media (min-width:87.5em) {
    .video-player-modal__content h3 {
        font-size: clamp(1.75rem, 2vw, 2rem);
        line-height: 1.28571
    }
}

@media (min-width:118.75em) {
    .video-player-modal__content h3 {
        font-size: clamp(2rem, 1.68421vw, 2.375rem);
        line-height: 1.3125
    }
}

@media (min-width:150em) {
    .video-player-modal__content h3 {
        font-size: 2.375rem;
        line-height: 1.28947
    }
}

.presentation-modal {
    background-color: #1e1e1d;
    width: 100%;
    flex: 0 0 100%
}

.presentation-modal__close {
    position: absolute;
    top: 1.25rem;
    right: 0;
    z-index: 7;
    display: inline-flex;
    width: 2.5rem;
    height: 2.5rem;
    align-items: center;
    justify-content: center
}

.presentation-modal__close .svg-icon {
    width: 2.375rem;
    height: 2.375rem;
    stroke: var(--c-b-white)
}

@media (min-width:35em) {
    .presentation-modal__close {
        top: 0;
        right: auto;
        left: 0
    }
}

@media (min-width:48em) {
    .presentation-modal__close {
        right: 0;
        left: auto
    }
}

@media (min-width:87.5em) {
    .presentation-modal__close {
        width: 5rem;
        height: 5rem
    }

    .presentation-modal__close .svg-icon {
        width: 3.75rem;
        height: 3.75rem
    }
}

.presentation-modal__content {
    height: 100%;
    width: 100%
}

.presentation-modal__content h3 {
    display: none;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818;
    margin-bottom: 1.25rem
}

@media (min-width:64em) {
    .presentation-modal__content h3 {
        font-size: clamp(1.375rem, 2.14844vw, 1.75rem);
        line-height: 1.31818
    }
}

@media (min-width:87.5em) {
    .presentation-modal__content h3 {
        font-size: clamp(1.75rem, 2vw, 2rem);
        line-height: 1.28571
    }
}

@media (min-width:118.75em) {
    .presentation-modal__content h3 {
        font-size: clamp(2rem, 1.68421vw, 2.375rem);
        line-height: 1.3125
    }
}

@media (min-width:150em) {
    .presentation-modal__content h3 {
        font-size: 2.375rem;
        line-height: 1.28947
    }
}

@media (min-width:35em) {
    .presentation-modal__content {
        display: flex;
        justify-content: center;
        align-items: center
    }
}

.presentation-modal__headline {
    position: fixed;
    top: calc(var(--site-header-height) + var(--mode-switch-height));
    z-index: 3;
    line-height: 1;
    left: .625rem;
    transform-origin: top left;
    transform: scale(.4)
}

@media (min-width:23.4375em) {
    .presentation-modal__headline {
        transform: scale(.5)
    }
}

@media (min-width:48em) {
    .presentation-modal__headline {
        transform: scale(.8)
    }
}

@media (min-width:64em) {
    .presentation-modal__headline {
        transform: scale(.85)
    }
}

@media (min-width:87.5em) {
    .presentation-modal__headline {
        transform: scale(1.2)
    }
}

.presentation-modal__headline span {
    color: var(--c-b-white);
    display: inline-flex;
    text-align: right;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 12.5rem;
    line-height: 1
}

.presentation-modal__headline em,
.presentation-modal__headline strong {
    display: inline-flex;
    justify-content: center
}

.presentation-modal__headline em {
    width: .7em;
    max-width: .7em
}

.presentation-modal__headline strong {
    width: .4em;
    max-width: .4em
}

.presentation-modal__auto-gallery {
    position: relative;
    display: flex;
    box-sizing: border-box;
    height: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    animation: galleryAnim .3s ease forwards
}

@media (min-width:35em) {
    .presentation-modal__auto-gallery {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: 61.875vh;
        max-width: 61.875vh;
        height: 90vh;
        margin: 5vh 0
    }
}

.presentation-modal__progress {
    position: absolute;
    top: .625rem;
    left: .625rem;
    right: .625rem;
    z-index: 10;
    display: flex;
    justify-content: space-between
}

.presentation-modal__progress li {
    flex: 1 1;
    margin: 0 .125rem;
    background-color: var(--c-b-grey2);
    position: relative;
    height: .125rem
}

.presentation-modal__progress li span {
    position: absolute;
    top: 0;
    left: 0;
    width: .0001%;
    height: .125rem;
    background-color: var(--c-b-grey3)
}

.presentation-modal__progress li.is-complete span {
    width: 100%
}

.presentation-modal__progress li.is-active span {
    animation: progressAnim 10s linear forwards
}

.presentation-modal__slider {
    overflow: hidden;
    height: 100%;
    max-height: 100%
}

.presentation-modal__slider .swiper-container {
    height: 100%;
    max-height: 100%
}

.presentation-modal .carousel__nav {
    display: none;
    position: relative
}

@media (min-width:35em) {
    .presentation-modal .carousel__nav {
        display: block
    }
}

.presentation-modal .carousel__next,
.presentation-modal .carousel__prev {
    position: fixed;
    top: 0;
    bottom: 0;
    display: inline-flex;
    align-items: center;
    padding: 2.5rem;
    box-sizing: border-box;
    color: var(--c-b-white);
    z-index: 6
}

.presentation-modal .carousel__next svg,
.presentation-modal .carousel__prev svg {
    fill: var(--c-b-white);
    width: 1.25rem;
    height: 1.25rem
}

.presentation-modal .carousel__prev {
    left: 0;
    padding-right: calc(50% - 2.5rem)
}

.presentation-modal .carousel__next {
    right: 0;
    padding-left: calc(50% - 2.5rem)
}

.presentation-modal__slide {
    position: relative;
    box-sizing: border-box;
    overflow: hidden
}

.presentation-modal__slide.swiper-slide-active img {
    animation-duration: 10s;
    animation-timing-function: cubic-bezier(.5, .19, .27, .53);
    animation-direction: alternate;
    animation-iteration-count: infinite
}

.presentation-modal__slide.swiper-slide-active:nth-child(4n+1) img {
    animation-name: mediaAnim1
}

.presentation-modal__slide.swiper-slide-active:nth-child(4n+2) img {
    animation-name: mediaAnim2
}

.presentation-modal__slide.swiper-slide-active:nth-child(4n+3) img {
    animation-name: mediaAnim1
}

.presentation-modal__slide.swiper-slide-active:nth-child(4n+4) img {
    animation-name: mediaAnim3
}

.presentation-modal__slide__media {
    position: relative;
    background-color: var(--c-b-black);
    width: 100%;
    height: 100%;
    max-height: 100%
}

.presentation-modal__slide__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.presentation-modal__slide__text {
    position: absolute;
    display: grid;
    bottom: 0;
    left: 0;
    right: 0;
    top: 20vh;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-areas: "pos1 pos2 pos3""pos4 pos5 pos6""pos7 pos8 pos9";
    align-items: center;
    justify-content: center;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none
}

.presentation-modal__slide__text h5 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 2.08333;
    white-space: nowrap
}

.presentation-modal__slide__text p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 6.28em
}

.mob .logo-animation__hansen{
    padding-left: 0 !important;
}

@media (min-width:118.75em) {
    .presentation-modal__slide__text p {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .presentation-modal__slide__text p {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.presentation-modal__slide__text div {
    padding: 1.25rem
}

.is-inverted .presentation-modal__slide__text div {
    color: var(--c-b-white)
}

.presentation-modal__slide__text--position-1 div {
    grid-area: pos1
}

.presentation-modal__slide__text--position-2 div {
    grid-area: pos2
}

.presentation-modal__slide__text--position-3 div {
    grid-area: pos3
}

.presentation-modal__slide__text--position-4 div {
    grid-area: pos4
}

.presentation-modal__slide__text--position-5 div {
    grid-area: pos5
}

.presentation-modal__slide__text--position-6 div {
    grid-area: pos6
}

.presentation-modal__slide__text--position-7 div {
    grid-area: pos7
}

.presentation-modal__slide__text--position-8 div {
    grid-area: pos8
}

.presentation-modal__slide__text--position-9 div {
    grid-area: pos9
}

.presentation-modal__slide__text--position-2 div,
.presentation-modal__slide__text--position-5 div,
.presentation-modal__slide__text--position-8 div {
    text-align: center
}

.presentation-modal__slide__text--position-3 div,
.presentation-modal__slide__text--position-6 div,
.presentation-modal__slide__text--position-9 div {
    text-align: right
}

@keyframes mediaAnim1 {
    0% {
        transform-origin: center;
        transform: scale(1.2) translateX(-5%)
    }

    to {
        transform-origin: center;
        transform: scale(1.2) translateX(5%)
    }
}

@keyframes mediaAnim2 {
    0% {
        transform-origin: top left;
        transform: scale(1.2) translate(-10%, -10%)
    }

    to {
        transform-origin: top left;
        transform: scale(1) translate(0)
    }
}

@keyframes mediaAnim3 {
    0% {
        transform-origin: right bottom;
        transform: scale(1.2) translate(10%, 10%)
    }

    to {
        transform-origin: right bottom;
        transform: scale(1) translate(0)
    }
}

@keyframes galleryAnim {
    0% {
        transform: scale(.9)
    }

    to {
        transform: scale(1)
    }
}

@keyframes progressAnim {
    0% {
        width: .01%
    }

    to {
        width: 100%
    }
}

@media only screen and (max-width: 800px){
    .main-header{
        background-color: #fff;
    }
    .logo-animation{
        top: 10px;
        left: -20px;
    }
    .logo-animation__hansen{
        padding-left: 0px!important;
        margin-left: 0!important;
    }
    .linea{
        left: 128px!important;
    }
}

.logo-animation {
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.logo-animation__outer {
    transform-origin: left center
}

@media (min-width:64em) {
    .logo-animation__outer {
        transform: scale(.8);
        margin: 0
    }
}

@media (min-width:72.5em) {
    .logo-animation__outer {
        transform: scale(1)
    }
}

@media (min-width:87.5em) {
    .logo-animation__outer {
        min-width: 15.625rem
    }
}

.logo-animation svg {
    fill: currentColor
}

.logo-animation__wrapper {
    display: flex;
    align-items: center;
    position: static
}

@media (min-width:64em) {
    .logo-animation__wrapper {
        position: absolute;
        left: 0
    }
}

.logo-animation__hansen {
    margin-left: .8rem
}

@media (min-width:64em) {
    .logo-animation__hansen {
        margin-left: 0 !important
    }
}

.logo-animation__hansen.padding-reset {
    padding-left: 0 !important
}

.logo-animation__fritz,
.logo-animation__hansen {
    overflow: hidden;
    display: grid
}

@media (max-width:63.99em) {

    .logo-animation__fritz,
    .logo-animation__hansen {
        width: auto !important
    }
}

.logo-animation__fritz-svg,
.logo-animation__hansen-svg {
    height: 1rem
}

@media (min-width:64em) {

    .logo-animation__fritz-svg,
    .logo-animation__hansen-svg {
        height: 1.4375rem
    }
}

.logo-animation__fritz-svg {
    width: 3.9375rem
}

@media (min-width:64em) {
    .logo-animation__fritz-svg {
        width: 5.6875rem
    }
}

.logo-animation__hansen-svg {
    width: 6.0625rem
}

@media (min-width:64em) {
    .logo-animation__hansen-svg {
        width: 4.625rem
    }
}

.logo-animation__dot-a-svg,
.logo-animation__dot-b-svg {
    width: .25rem;
    height: 1rem;
    display: none
}

.nulla {
    color: #ff7a59;
    font-size: 8px;
    text-transform: capitalize;
    position: absolute;
    left: 145px;
    width: 60px;
    top: 16px;
    font-weight: 500;
}

.nulla.moveToLeft span{
    transition: 0.65s all ease-in-out;
    opacity: 0;
}

.nulla.moveToRight span{
    transition: 0.65s all ease-in-out;
    opacity: 1;
}

.moveToLeft {
    transition: transform 600ms ease-in;
    transform: translate(-78px, 0px);
}

.moveToRight {
    transition: transform 500ms ease-out;
    transform: translate(0px, 0px);
}

@media (min-width:64em) {

    .logo-animation__dot-a-svg,
    .logo-animation__dot-b-svg {
        display: flex;
        height: 2.4375rem
    }
}

.logo-animation__dot-a,
.logo-animation__dot-b {
    position: absolute;
    top: 0;
    display: inline-flex
}

.logo-animation__dot-a {
    left: .875rem
}

@media (min-width:64em) {
    .logo-animation__dot-a {
        left: 1rem
    }
}

.logo-animation__dot-b {
    left: .25rem
}

@media (min-width:64em) {
    .logo-animation__dot-b {
        left: 2.5rem
    }
}

@keyframes slideHansen {
    0% {
        width: auto;
        padding-left: 1.2rem
    }

    50% {
        width: 1.4rem;
        padding-left: 0
    }

    to {
        width: auto;
        padding-left: 1.2rem
    }
}

.main-header {
    display: flex;
    justify-content: space-between;
    align-content: center;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    top: var(--mode-switch-height, 0);
    z-index: 1000;
    transition: background-color .2s, transform .5s ease, color .2s ease;
    color: var(--c-s-site-c)
}

@media (min-width:64em) {
    .main-header {
        z-index: 5000
    }
}

.main-header:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: var(--site-header-height);
    background-color: var(--c-s-site-bgc);
    transform-origin: center top;
    transform: scaleY(0);
    opacity: 0;
    z-index: -1;
    transition: all var(--default-transition)
}

.main-header:hover:before {
    transform: scaleY(1);
    opacity: 1
}

.main-header.is-inverted {
    color: var(--c-s-site-bgc);
    background-color: transparent
}

.main-header.is-inverted:hover {
    color: var(--c-s-site-c)
}

.main-header.is-configuring {
    display: none
}

.is-scrolled .main-header {
    color: var(--c-s-site-c)
}

.is-scrolled .main-header.is-unchanging.is-inverted {
    color: var(--c-s-site-bgc)
}

.is-scrolled .main-header.is-unchanging.is-inverted:hover {
    color: var(--c-s-site-c)
}

@media (min-width:64em) {
    .main-header.is-active {
        background-color: transparent
    }
}

.main-header.is-active:hover:before {
    transform: scaleY(0);
    opacity: 0
}

.main-header__logo {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818;
    font-weight: 600;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (min-width:64em) {
    .main-header__logo {
        font-size: clamp(1.375rem, 2.14844vw, 1.75rem);
        line-height: 1.31818
    }
}

@media (min-width:87.5em) {
    .main-header__logo {
        font-size: clamp(1.75rem, 2vw, 2rem);
        line-height: 1.28571
    }
}

@media (min-width:118.75em) {
    .main-header__logo {
        font-size: clamp(2rem, 1.68421vw, 2.375rem);
        line-height: 1.3125
    }
}

@media (min-width:150em) {
    .main-header__logo {
        font-size: 2.375rem;
        line-height: 1.28947
    }
}

@media (max-width:63.99em) {
    .main-header__logo {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 1.5rem
    }
}

@media (min-width:64em) {
    .main-header__logo {
        position: static;
        top: auto;
        left: auto;
        transform: translate(0);
        display: block;
        padding: 1.875rem 0 1.875rem 2.5rem
    }
}

@media (min-width:118.75em) {
    .main-header__logo {
        padding: 2.5rem 0 2.5rem 2.5rem
    }
}

.main-header__nav {
    display: flex;
    align-content: center;
    box-sizing: border-box
}

@media (max-width:63.99em) {
    .main-header__nav {
        flex: 0 1;
        padding: 1.25rem .75rem
    }
}

.main-header__nav:not(:first-child) {
    justify-content: flex-end
}

@media (min-width:64em) {
    .main-header__nav {
        padding: 1.875rem;
        width: 70vw
    }
}

@media (min-width:72.5em) {
    .main-header__nav {
        padding: 1.875rem 2.5rem;
        width: 60vw
    }
}

@media (min-width:87.5em) {
    .main-header__nav {
        width: 50vw
    }
}

@media (min-width:118.75em) {
    .main-header__nav {
        padding: 2.5rem
    }
}

.main-header__list {
    display: flex;
    justify-content: flex-end;
    align-content: center
}

.main-header__list li {
    display: inline-flex
}

.main-header__list li .icon {
    display: inline-flex;
    align-content: center
}

.main-header__list-button {
    overflow: visible;
    padding: 0 .625rem;
    color: currentColor
}

.main-header__list-button .svg-icon {
    overflow: visible;
    fill: currentColor
}

.main-header__list-icon {
    width: 1rem
}

.main-header__item {
    padding: 0 .75rem;
    position: relative;
    transition: opacity var(--default-transition);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    font-size: .8125rem;
    line-height: 1rem;
    text-transform: uppercase
}

@media (min-width:72.5em) {
    .main-header__item {
        font-size: .875rem
    }
}

.main-header__item:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 100%;
    height: .0625rem;
    background: currentColor;
    transition: right var(--default-transition)
}

.main-header__item.is-active {
    color: var(--c-b-grey2)
}

.main-header__item.is-active:before {
    right: 0
}

.main-header__item:hover {
    opacity: .5
}

.main-header__back {
    transform: rotate(180deg);
    box-sizing: border-box;
    margin-right: auto;
    font-size: 1.875rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.main-header__back span {
    display: inline-flex;
    transition: transform var(--default-transition)
}

.main-header__back:hover span {
    transform: translateX(-.625rem)
}

.menu-overlay {
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    z-index: 4000
}

.menu-overlay.is-active {
    pointer-events: auto
}

.menu-overlay__backdrop {
    cursor: pointer;
    display: flex;
    background-color: rgba(0, 0, 0, .15);
    height: 100vh;
    width: 100vw
}

.menu-overlay__backdrop div {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%
}

@media (min-width:64em) {
    .menu-overlay__backdrop div {
        width: 30vw
    }
}

@media (min-width:72.5em) {
    .menu-overlay__backdrop div {
        width: 50vw
    }
}

.menu-overlay__backdrop div img,
.menu-overlay__backdrop div video {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: opacity 0.4s ease-in;
    -webkit-transition: opacity 0.4s ease-in;
    -moz-transition: opacity 0.4s ease-in;
    -ms-transition: opacity 0.4s ease-in;
    -o-transition: opacity 0.4s ease-in;
    opacity: 1;
}

.menu-overlay__content {
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: auto;
    background-color: var(--c-b-white);
    left: 100vw;
    width: 85vw;
    height: 100%
}

.menu-overlay__content.is-active {
    transition: transform .72s cubic-bezier(.75, 0, .4, 1) .22s;
    transform: translateX(-100%) translateZ(0px);
    opacity: 1;
}

@media (min-width:64em) {
    .menu-overlay__content {
        width: 70vw;
        height: calc(100% - var(--site-header-height));
        padding-top: var(--site-header-height);
        display: flex
    }
}

@media (min-width:72.5em) {
    .menu-overlay__content {
        width: 60vw
    }
}

@media (min-width:87.5em) {
    .menu-overlay__content {
        width: 50vw
    }
}

.collapsible .svg-icon {
    transition: transform .2s;
    height: 1em
}

.collapsible.is-active .svg-icon {
    transform: rotate(180deg)
}

.collapsible__content {
    overflow: hidden
}

.search-form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: .0625rem solid var(--c-b-grey2)
}

.search-form input {
    border: 0;
    text-transform: uppercase;
    line-height: 1.875rem;
    flex: 1 1;
    padding: 0;
    margin: 0
}

@media (max-width:34.99em) {
    .search-form input {
        font-size: 1rem
    }
}

@media (min-width:64em) {
    .search-form input {
        line-height: 2.5rem
    }
}

.search-form button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em
}

.country-select-button button {
    text-transform: uppercase
}

.mega-menu__footer-block {
    color: var(--c-b-white-trans);
    width: 100%
}

@media (min-width:64em) {
    .mega-menu__footer-block {
        display: none
    }
}

.mega-menu__footer-block .mega-menu__button .svg-icon {
    fill: var(--c-b-white-trans)
}

@media (max-width:63.99em) {
    .mega-menu__footer-block .mega-menu__inner {
        overflow: inherit
    }
}

.mega-menu__footer-block .mega-menu__list h2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5;
    font-size: .9375rem
}

@media (min-width:64em) {
    .mega-menu__footer-block .mega-menu__list h2 {
        font-size: clamp(1rem, 1.5625vw, 1.25rem);
        line-height: 1.5
    }
}

@media (min-width:87.5em) {
    .mega-menu__footer-block .mega-menu__list h2 {
        font-size: clamp(1.25rem, 1.42857vw, 1.375rem);
        line-height: 1.4
    }
}

@media (min-width:118.75em) {
    .mega-menu__footer-block .mega-menu__list h2 {
        font-size: clamp(1.375rem, 1.15789vw, 1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:150em) {
    .mega-menu__footer-block .mega-menu__list h2 {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

.mega-menu__footer-block .mega-menu__list .mega-menu__button {
    font-size: .75rem
}

.mega-menu__footer-block__navlist {
    display: flex;
    flex-direction: column;
    grid-gap: 1.25rem;
    gap: 1.25rem
}

.mega-menu__footer-block__link-item {
    color: var(--c-b-white-trans);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5;
    font-size: .9375rem
}

@media (min-width:64em) {
    .mega-menu__footer-block__link-item {
        font-size: clamp(1rem, 1.5625vw, 1.25rem);
        line-height: 1.5
    }
}

@media (min-width:87.5em) {
    .mega-menu__footer-block__link-item {
        font-size: clamp(1.25rem, 1.42857vw, 1.375rem);
        line-height: 1.4
    }
}

@media (min-width:118.75em) {
    .mega-menu__footer-block__link-item {
        font-size: clamp(1.375rem, 1.15789vw, 1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:150em) {
    .mega-menu__footer-block__link-item {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

.mega-menu__footer-block .country-select-button,
.mega-menu__footer-block__so-me-link {
    color: hsla(0, 0%, 100%, .5)
}

.mega-menu__footer-block__so-me-group {
    display: flex;
    flex-direction: column;
    grid-gap: .625rem;
    gap: .625rem
}

.mega-menu__footer-block__so-me-link {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636;
    text-transform: uppercase
}

@media (min-width:118.75em) {
    .mega-menu__footer-block__so-me-link {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .mega-menu__footer-block__so-me-link {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.mega-menu__footer-block .country-select-button {
    background-color: #1f1f1f;
    padding: 1.25rem
}

.mega-menu__footer-block .country-select-button button {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.mega-menu__footer-block .country-select-button button .svg-icon {
    fill: var(--c-b-white-trans);
    margin-left: .9375rem
}

.select {
    position: relative;
    display: block;
    margin: .125rem 0 .625rem;
    padding: .1875rem 0
}

.select.is-invalid .select__selector {
    color: var(--c-s-error2);
    border-color: var(--c-s-error2)
}

.select.is-valid .select__selector {
    color: var(--c-b-grey1)
}

.select.is-valid:after {
    opacity: 1
}

.select.is-disabled .select__selector {
    background-color: #f2f2f2
}

.select__selector {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    -webkit-border-radius: 0;
    width: 100%;
    padding: 1.125rem 1.125rem 1rem;
    line-height: normal;
    border: .0625rem solid var(--c-b-grey3);
    outline: none;
    background-color: transparent;
    color: var(--c-b-grey3);
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none
}

@media (min-width:118.75em) {
    .select__selector {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .select__selector {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (max-width:34.99em) {
    .select__selector {
        font-size: 1rem
    }
}

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

.select__selector:active,
.select__selector:focus {
    border-color: var(--c-b-grey2)
}

.select:after {
    content: url(/dist/ConsumersAndProfessionals/static/media/chevron-down.d6a87287.svg);
    opacity: .3;
    position: absolute;
    top: 2rem;
    transform: translate(-50%, -50%);
    right: .9375rem;
    color: var(--c-b-grey2);
    pointer-events: none
}

.select__label {
    padding-bottom: 1.25rem
}

.select__message {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    margin-top: .3125rem;
    color: var(--c-s-error2)
}

@media (min-width:118.75em) {
    .select__message {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .select__message {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.select--sort {
    display: flex;
    align-items: center;
    width: 100%
}

.select--sort .select__selector {
    padding: 0;
    margin-left: .3125rem;
    width: auto;
    border: none;
    text-align: right;
    white-space: nowrap
}

.select--sort .select__sort-text {
    white-space: nowrap;
    margin-right: .5em
}

.select--sort select {
    color: var(--c-b-grey3);
    text-align-last: right;
    text-decoration: underline
}

.select--sort option {
    direction: rtl
}

.select--sort:after {
    content: none
}

.country-selector {
    display: grid;
    --country-selector-bgc: transparent;
    background-color: var(--country-selector-bgc);
    grid-gap: .9375rem
}

@media (min-width:48em) {
    .country-selector {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: .9375rem
    }
}

@media (min-width:48em) {
    .country-selector .select__selector {
        margin-bottom: 0;
        height: 100%
    }
}

.country-selector .action-button {
    margin: .3125rem 0 .8125rem
}

.mega-menu {
    overflow-y: auto;
    width: 100%;
    background-color: var(--c-s-site-bgc)
}

@media (min-width:64em) {
    .mega-menu {
        height: calc(100vh - var(--site-header-height));
        background-color: transparent;
        overflow: visible
    }
}

.mega-menu .search-form {
    margin-bottom: 3.75rem
}

.mega-menu__container {
    min-height: 40vh;
    background-color: #fff;
    display: block;
    padding: calc(1.875rem + 1.25rem) 1.25rem 1.25rem;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
    transform: translateX(0);
    transition: transform 0.25s cubic-bezier(0.25, 0.01, 0.25, 1);
}

@media (min-width:64em) {
    .mega-menu__container {
        /*        height: calc(var(--vh)*100 - var(--site-header-height));*/
        padding: 0 3.75rem 3.75rem;
        background-color: transparent;
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        padding: 0;
        transform: translateX(0)
    }
}

@media (min-width:64em) {
    .mega-menu__container.is-active {
        transform: translateX(-70vw)
    }
}

@media (min-width:72.5em) {
    .mega-menu__container.is-active {
        transform: translateX(-50vw)
    }
}

.mega-menu__inner {
    box-sizing: border-box;
    width: 100%;
    overflow-y: auto
}

@media (min-width:64em) {
    .mega-menu__inner {
        padding: 3.75rem 1.875rem 1.875rem
    }
}

@media (min-width:72.5em) {
    .mega-menu__inner {
        padding: 3.75rem 2.5rem 2.5rem
    }
}

.mega-menu__mobile-root-item>.collapsible>.mega-menu__button,
.mega-menu__mobile-root-item>.mega-menu__button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818;
    padding-bottom: 1.375rem
}

@media (min-width:64em) {

    .mega-menu__mobile-root-item>.collapsible>.mega-menu__button,
    .mega-menu__mobile-root-item>.mega-menu__button {
        font-size: clamp(1.625rem, 2.53906vw, 3.75rem);
        line-height: 1.26923
    }
}

@media (min-width:150em) {

    .mega-menu__mobile-root-item>.collapsible>.mega-menu__button,
    .mega-menu__mobile-root-item>.mega-menu__button {
        font-size: 3.75rem;
        letter-spacing: -.0625rem;
        line-height: 1.3
    }
}

@media (min-width:64em) {

    .mega-menu__mobile-root-item>.collapsible>.mega-menu__button,
    .mega-menu__mobile-root-item>.mega-menu__button {
        padding-bottom: 1.5625rem
    }
}

.mega-menu__mobile-root-item>.collapsible>.mega-menu__button .svg-icon,
.mega-menu__mobile-root-item>.mega-menu__button .svg-icon {
    display: none
}

.mega-menu__mobile-root-item .mega-menu__list-item .mega-menu__button {
    font-size: .875rem
}

.mega-menu__list.is-active .mega-menu__button {
    opacity: .6
}

.mega-menu__list h2,
.mega-menu__list h4 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818;
    padding-bottom: 1.375rem
}

@media (min-width:64em) {

    .mega-menu__list h2,
    .mega-menu__list h4 {
        font-size: clamp(1.375rem, 2.14844vw, 1.75rem);
        line-height: 1.31818
    }
}

@media (min-width:87.5em) {

    .mega-menu__list h2,
    .mega-menu__list h4 {
        font-size: clamp(1.75rem, 2vw, 2rem);
        line-height: 1.28571
    }
}

@media (min-width:118.75em) {

    .mega-menu__list h2,
    .mega-menu__list h4 {
        font-size: clamp(2rem, 1.68421vw, 2.375rem);
        line-height: 1.3125
    }
}

@media (min-width:150em) {

    .mega-menu__list h2,
    .mega-menu__list h4 {
        font-size: 2.375rem;
        line-height: 1.28947
    }
}

@media (min-width:64em) {

    .mega-menu__list h2,
    .mega-menu__list h4 {
        padding-bottom: 1.5625rem
    }
}

.mega-menu__list li {
    border-top: .0625rem solid var(--c-s-border)
}

.mega-menu__list li:last-child {
    border-bottom: .0625rem solid var(--c-s-border)
}

.mega-menu__list-item .mega-menu__button {
    padding: .9375rem 0
}

@media (min-width:64em) {
    .mega-menu__list-item .mega-menu__button {
        padding: 1.25rem 0;
        font-size: 1rem
    }
}

@media (min-width:87.5em) {
    .mega-menu__list-item .mega-menu__button {
        font-size: 1.125rem
    }
}

.mega-menu__list-item__preload {
    position: absolute;
    visibility: hidden;
    top: 100%;
    left: 100%;
    height: 0;
    width: 0;
    overflow: hidden
}

.mega-menu__footer {
    background-color: var(--c-b-black);
    min-height: 60vh;
    display: flex;
    align-items: flex-end
}

.mega-menu__footer .mega-menu__container {
    padding-top: 3.125rem;
    background-color: transparent;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    width: 100%
}

.mega-menu .svg-icon {
    fill: var(--c-b-black)
}

@media (min-width:64em) {
    .mega-menu__list+.mega-menu__list {
        margin-top: 4.375rem
    }
}

.mega-menu__button {
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.21429
}

@media (min-width:64em) {
    .mega-menu__button {
        font-size: 1rem;
        line-height: 1.1875
    }
}

@media (min-width:87.5em) {
    .mega-menu__button {
        font-size: 1.125rem;
        line-height: 1.22222
    }
}

.mega-menu__button:hover {
    opacity: 1 !important
}

.mega-menu__back-link {
    margin-bottom: 1.25rem
}

.mega-menu__back-link .svg-icon {
    transform: rotate(180deg)
}

.mega-menu .collapsible.is-active {
    margin-bottom: 2.375rem;
    transition: margin-bottom .2
}

.mega-menu .collapsible.is-active .svg-icon {
    transform: rotate(0deg)
}

.checkbox__wrapper {
    display: flex;
    justify-content: space-between;
    position: relative;
    cursor: pointer
}

.checkbox__box {
    appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    margin: 0;
    height: 1.5625rem;
    flex: 0 0 1.5625rem;
    background-color: transparent;
    border: .0625rem solid var(--c-b-black);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    outline: none
}

.checkbox__box:checked {
    height: 1.5625rem;
    width: 1.5625rem
}

.checkbox__box:after {
    display: flex;
    justify-content: center;
    align-items: center;
    content: url(/dist/ConsumersAndProfessionals/static/media/checkmark-small.0e3ceb92.svg);
    background-color: var(--c-b-black);
    font-size: 18px;
    width: 100%;
    height: 100%;
    opacity: 0;
    color: var(--c-b-white);
    transition: opacity var(--default-transition)
}

.checkbox__box:checked:after {
    opacity: 1
}

.checkbox__box:disabled {
    border-color: var(--c-b-grey2);
    background-color: #f2f2f2
}

.checkbox__box:disabled+label {
    color: var(--c-b-grey2)
}

.checkbox__label {
    margin-left: .9375rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    line-height: 1.5625rem;
    cursor: pointer;
    text-align: left;
    width: 100%;
    word-break: break-word
}

@media (min-width:118.75em) {
    .checkbox__label {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .checkbox__label {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.checkbox__label a {
    display: block
}

.checkbox--label-left .checkbox__label {
    order: 1
}

.checkbox--label-left .checkbox__box[type=checkbox] {
    order: 2
}

.checkbox--label-left .checkbox__label {
    text-align: start
}

.checkbox.is-invalid .checkbox__box {
    color: var(--c-s-error2);
    border-color: var(--c-s-error2)
}

.checkbox.is-invalid .checkbox__label,
.checkbox__message {
    color: var(--c-s-error2)
}

.checkbox__message {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    margin-top: .3125rem
}

@media (min-width:118.75em) {
    .checkbox__message {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .checkbox__message {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.product-filters-list {
    display: block;
    padding: calc(var(--mode-switch-height) + 1.25rem) 1.25rem 1.25rem;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    overflow-y: auto
}

@media (min-width:64em) {
    .product-filters-list {
        height: calc(var(--vh)*100 - var(--site-header-height));
        padding: 0 3.75rem 3.75rem;
        padding-top: 3.75rem
    }
}

.product-filters-list__inner {
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    box-sizing: border-box;
    min-height: 40vh
}

.product-filters-list__facets {
    flex: 1 1 50%;
    overflow-y: auto
}

.product-filters-list__footer {
    margin-top: 3.125rem;
    display: flex;
    justify-content: space-between
}

.product-filters-list .collapsible {
    transition: padding-bottom var(--default-transition)
}

.product-filters-list .collapsible.is-active {
    padding-bottom: 2.5rem
}

.product-filters-list .collapsible__trigger {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding-bottom: .9375rem;
    margin-bottom: .9375rem;
    border-bottom: .0625rem solid var(--c-b-grey3)
}

.product-filters-list .collapsible__trigger h3 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5
}

@media (min-width:64em) {
    .product-filters-list .collapsible__trigger h3 {
        font-size: clamp(1rem, 1.5625vw, 1.25rem);
        line-height: 1.5
    }
}

@media (min-width:87.5em) {
    .product-filters-list .collapsible__trigger h3 {
        font-size: clamp(1.25rem, 1.42857vw, 1.375rem);
        line-height: 1.4
    }
}

@media (min-width:118.75em) {
    .product-filters-list .collapsible__trigger h3 {
        font-size: clamp(1.375rem, 1.15789vw, 1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:150em) {
    .product-filters-list .collapsible__trigger h3 {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

.product-filters-list .collapsible__trigger span {
    transition: transform var(--default-transition);
    display: inline-flex
}

.product-filters-list .collapsible__trigger.is-active span {
    transform: scaleY(-1)
}

.product-filters-list .checkbox {
    padding: 0;
    margin-bottom: 1.25rem
}

.product-filters-list .checkbox__box {
    margin: 0
}

.product-filters-list .checkbox__label {
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .product-filters-list .checkbox__label {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .product-filters-list .checkbox__label {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.product-filters-list .action-button {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(50% - 0.625rem)
}

.product-price>span {
    display: inline-block
}

.product-price__original {
    margin-left: .3125rem
}

.animation-fade-in {
    animation: fadeIn var(--default-transition)
}

.portfolio-submission {
    display: block;
    padding: calc(var(--mode-switch-height) + 1.25rem) 1.25rem 1.25rem;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    overflow-y: auto
}

@media (min-width:64em) {
    .portfolio-submission {
        height: calc(var(--vh)*100 - var(--site-header-height));
        padding: 0 3.75rem 3.75rem
    }
}

@media (min-width:64em) {
    .portfolio-submission__preview {
        padding-top: 3.75rem
    }
}

.portfolio-submission__preview h6 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 2.08333
}

.portfolio-submission__preview .lazy-load-image-background {
    height: 12.5rem;
    display: block
}

.portfolio-submission__preview img {
    max-width: 100%;
    max-height: 100%;
    display: block
}

.portfolio-submission__header {
    margin: 3.125rem 0 1.5625rem;
    position: relative
}

.portfolio-submission__header h3 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818
}

@media (min-width:64em) {
    .portfolio-submission__header h3 {
        font-size: clamp(1.375rem, 2.14844vw, 1.75rem);
        line-height: 1.31818
    }
}

@media (min-width:87.5em) {
    .portfolio-submission__header h3 {
        font-size: clamp(1.75rem, 2vw, 2rem);
        line-height: 1.28571
    }
}

@media (min-width:118.75em) {
    .portfolio-submission__header h3 {
        font-size: clamp(2rem, 1.68421vw, 2.375rem);
        line-height: 1.3125
    }
}

@media (min-width:150em) {
    .portfolio-submission__header h3 {
        font-size: 2.375rem;
        line-height: 1.28947
    }
}

.portfolio-submission__header .success {
    position: absolute;
    top: calc(100% - 1em);
    right: 0
}

.portfolio-submission__create,
.portfolio-submission__header .success {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 2.08333
}

.portfolio-submission__create {
    margin: 2.5rem auto 0;
    border: .0625rem dashed var(--c-b-grey2);
    display: flex;
    width: 100%;
    height: 4.6875rem;
    align-items: center;
    justify-content: center;
    max-width: 22.5rem;
    font-weight: 500;
    transition: background-color var(--default-transition)
}

.portfolio-submission__create:hover {
    background-color: var(--c-b-grey4)
}

.portfolio-submission__create .icon {
    margin-right: .625rem
}

.portfolio-submission .portfolio-submission-list li+li .portfolio-submission-list-item {
    border-top: 0
}

.portfolio-submission .portfolio-submission-list-item {
    position: relative;
    transition: opacity var(--default-transition);
    --portfolio-item-border-color: var(--c-b-grey3);
    border-bottom: .0625rem solid var(--portfolio-item-border-color)
}

.portfolio-submission .portfolio-submission-list-item--create {
    --portfolio-item-border-color: var(--c-b-black)
}

.portfolio-submission .portfolio-submission-list-item__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 3.75rem;
    width: 100%
}

.portfolio-submission .portfolio-submission-list-item:first-child {
    border-top: .0625rem solid var(--portfolio-item-border-color)
}

.portfolio-submission .portfolio-submission-list-item .action {
    opacity: 0;
    transition: opacity var(--default-transition);
    margin-left: auto;
    margin-right: .625rem
}

.portfolio-submission .portfolio-submission-list-item:hover .action {
    opacity: 1
}

.portfolio-submission .portfolio-submission-list-item.is-unavailable {
    cursor: default;
    background-color: var(--c-b-grey4)
}

.portfolio-submission .portfolio-submission-list-item.is-unavailable .portfolio-submission-list-item__inner {
    pointer-events: none;
    cursor: default;
    opacity: .6
}

.portfolio-submission .portfolio-submission-list-item.is-unavailable .action {
    opacity: 1
}

.portfolio-submission .portfolio-submission-list-item .count {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636
}

@media (min-width:118.75em) {
    .portfolio-submission .portfolio-submission-list-item .count {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .portfolio-submission .portfolio-submission-list-item .count {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.portfolio-submission .portfolio-submission-list-item .name {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5625
}

@media (min-width:64em) {
    .portfolio-submission .portfolio-submission-list-item .name {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:118.75em) {
    .portfolio-submission .portfolio-submission-list-item .name {
        font-size: 1.25rem;
        line-height: 1.55
    }
}

@media (min-width:150em) {
    .portfolio-submission .portfolio-submission-list-item .name {
        font-size: 1.375rem;
        line-height: 1.54545
    }
}

.portfolio-submission .portfolio-submission-list-item .icon {
    margin-left: .625rem
}

.portfolio-submission .portfolio-submission-list-item .count,
.portfolio-submission .portfolio-submission-list-item .icon,
.portfolio-submission .portfolio-submission-list-item .input,
.portfolio-submission .portfolio-submission-list-item .name {
    position: relative;
    margin-right: 1.25rem
}

.portfolio-submission .portfolio-submission-list-item .input {
    flex: 1 1 40%;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .portfolio-submission .portfolio-submission-list-item .input {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .portfolio-submission .portfolio-submission-list-item .input {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.portfolio-submission .portfolio-submission-list-item .save {
    text-decoration: underline
}

.portfolio-submission.has-chosen .portfolio-list-item:not(.is-active) .portfolio-list-item__inner {
    opacity: .6
}

.portfolio-submission.is-creating .portfolio-list-item:not(.portfolio-list-item--create) .portfolio-list-item__inner {
    opacity: .6;
    cursor: default
}

.portfolio-submission.is-creating .portfolio-list-item:not(.portfolio-list-item--create):hover .action {
    opacity: 0
}

.portfolio-submission.is-creating .portfolio-list-item.is-unavailable:not(.portfolio-list-item--create):hover .action {
    opacity: 1
}

.portfolio-submission .portfolio-submission-product {
    display: grid;
    grid-template-columns: 31% 69%;
    grid-gap: 1.875rem
}

.portfolio-submission .portfolio-submission-product__image {
    grid-column: 1/2;
    background-color: var(--c-t-beige);
    position: relative;
    height: 0;
    padding-bottom: 100%
}

.portfolio-submission .portfolio-submission-product__image .product-image {
    position: absolute;
    top: 0;
    left: 0
}

.portfolio-submission .portfolio-submission-product__image .product-image img {
    box-sizing: border-box;
    padding: 15% 6%;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center
}

.portfolio-submission .portfolio-submission-product__text {
    grid-column: 2/3;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start
}

.portfolio-submission .portfolio-submission-product__text h3 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5;
    padding-bottom: 1.5625rem;
    min-height: 1em;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (min-width:64em) {
    .portfolio-submission .portfolio-submission-product__text h3 {
        font-size: clamp(1rem, 1.5625vw, 1.25rem);
        line-height: 1.5
    }
}

@media (min-width:87.5em) {
    .portfolio-submission .portfolio-submission-product__text h3 {
        font-size: clamp(1.25rem, 1.42857vw, 1.375rem);
        line-height: 1.4
    }
}

@media (min-width:118.75em) {
    .portfolio-submission .portfolio-submission-product__text h3 {
        font-size: clamp(1.375rem, 1.15789vw, 1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:150em) {
    .portfolio-submission .portfolio-submission-product__text h3 {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

.portfolio-submission .portfolio-submission-product__text p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (min-width:118.75em) {
    .portfolio-submission .portfolio-submission-product__text p {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .portfolio-submission .portfolio-submission-product__text p {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.portfolio-submission .portfolio-submission-product__text .product-price {
    margin-top: auto;
    font-weight: 600
}

.action-menu {
    background-color: var(--c-b-white);
    position: absolute;
    top: 100%;
    right: 0;
    border: .0625rem solid var(--c-b-grey4);
    z-index: 1000;
    transform-origin: top right;
    opacity: 0;
    transform: scaleY(0);
    transition: all var(--default-transition)
}

.action-menu.is-active {
    opacity: 1;
    transform: scaleY(1);
    box-shadow: 0 .25rem .25rem rgba(0, 0, 0, .25)
}

.action-menu__item {
    width: 60vw;
    max-width: 13.125rem;
    box-sizing: border-box;
    overflow: hidden
}

.action-menu__item+.action-menu__item {
    border-top: .0625rem solid var(--c-b-grey3)
}

.action-menu__item__inner {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    transition: transform var(--default-transition)
}

.action-menu__item.is-prompting .action-menu__item__inner {
    transform: translateX(-100%)
}

.action-menu__item .action {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0 .9375rem;
    height: 3.125rem;
    flex: 0 0 100%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.18182
}

.action-menu__item .action .icon {
    margin-right: 1.25rem;
    width: 1em;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.action-menu__item .prompt {
    box-sizing: border-box;
    padding: 0 .9375rem;
    height: 3.125rem;
    flex: 0 0 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.action-menu__item .prompt .confirm {
    display: inline-flex;
    padding: .5rem .8125rem;
    background-color: var(--c-s-error1);
    color: var(--c-b-white)
}

.action-menu__item .prompt .cancel {
    text-decoration: underline
}

.portfolio-admin {
    display: block;
    padding: calc(var(--mode-switch-height) + 1.25rem) 1.25rem 1.25rem;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    overflow-y: auto
}

@media (min-width:64em) {
    .portfolio-admin {
        height: calc(var(--vh)*100 - var(--site-header-height));
        padding: 0 3.75rem 3.75rem
    }
}

.portfolio-admin__header {
    position: relative;
    margin-bottom: 1.875rem
}

@media (min-width:64em) {
    .portfolio-admin__header {
        padding-top: 3.75rem
    }
}

.portfolio-admin__header h1 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.33333
}

@media (min-width:48em) {
    .portfolio-admin__header h1 {
        font-size: 2.1875rem;
        line-height: 1.28571
    }
}

@media (min-width:64em) {
    .portfolio-admin__header h1 {
        font-size: clamp(2.1875rem, 3.41797vw, 5rem);
        line-height: 1.28571
    }
}

@media (min-width:150em) {
    .portfolio-admin__header h1 {
        font-size: 5rem;
        letter-spacing: -.0625rem;
        line-height: 1.1875
    }
}

.portfolio-admin__header .success {
    position: absolute;
    top: calc(100% - 1em);
    right: 0
}

.portfolio-admin__create,
.portfolio-admin__header .success {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 2.08333
}

.portfolio-admin__create {
    margin: 2.5rem auto 0;
    border: .0625rem dashed var(--c-b-grey2);
    display: flex;
    width: 100%;
    height: 4.6875rem;
    max-width: 22.5rem;
    align-items: center;
    justify-content: center;
    font-weight: 500
}

.portfolio-admin__create .icon {
    margin-right: .625rem
}

.portfolio-admin .portfolio-admin-list li+li .portfolio-admin-list-item {
    border-top: 0
}

.portfolio-admin .portfolio-admin-list-item {
    position: relative;
    --portfolio-item-border-color: var(--c-b-grey3);
    border-bottom: .0625rem solid var(--portfolio-item-border-color);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

.portfolio-admin .portfolio-admin-list-item--create {
    border-bottom: .0625rem solid var(--portfolio-item-border-color);
    --portfolio-item-border-color: var(--c-b-black)
}

@media (min-width:118.75em) {
    .portfolio-admin .portfolio-admin-list-item {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .portfolio-admin .portfolio-admin-list-item {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.portfolio-admin .portfolio-admin-list-item:first-child {
    border-top: .0625rem solid var(--portfolio-item-border-color)
}

.portfolio-admin .portfolio-admin-list-item__inner {
    display: flex;
    align-items: center;
    height: 3.75rem;
    width: 100%
}

.portfolio-admin .portfolio-admin-list-item a {
    flex: 1 1;
    display: flex;
    align-items: center
}

.portfolio-admin .portfolio-admin-list-item .count {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636
}

@media (min-width:118.75em) {
    .portfolio-admin .portfolio-admin-list-item .count {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .portfolio-admin .portfolio-admin-list-item .count {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.portfolio-admin .portfolio-admin-list-item .name {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5625
}

@media (min-width:64em) {
    .portfolio-admin .portfolio-admin-list-item .name {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:118.75em) {
    .portfolio-admin .portfolio-admin-list-item .name {
        font-size: 1.25rem;
        line-height: 1.55
    }
}

@media (min-width:150em) {
    .portfolio-admin .portfolio-admin-list-item .name {
        font-size: 1.375rem;
        line-height: 1.54545
    }
}

.portfolio-admin .portfolio-admin-list-item .icon {
    margin-left: .625rem
}

.portfolio-admin .portfolio-admin-list-item .count,
.portfolio-admin .portfolio-admin-list-item .icon,
.portfolio-admin .portfolio-admin-list-item .input,
.portfolio-admin .portfolio-admin-list-item .name {
    position: relative;
    margin-right: 1.25rem
}

.portfolio-admin .portfolio-admin-list-item .input {
    flex: 1 1 40%;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .portfolio-admin .portfolio-admin-list-item .input {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .portfolio-admin .portfolio-admin-list-item .input {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.portfolio-admin .portfolio-admin-list-item .save {
    text-decoration: underline;
    margin-left: auto
}

.portfolio-admin .portfolio-admin-list-item .menu-button {
    width: 2.1875rem;
    height: 1.25rem;
    background-color: var(--c-b-white);
    color: var(--c-b-grey2);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto
}

.portfolio-admin .portfolio-admin-list-item .action-menu {
    top: 2.1875rem;
    right: .625rem
}

.quantity-selector__remove-button {
    margin-right: .625rem
}

.quantity-selector__remove-button:hover {
    text-decoration: underline
}

.quantity-selector.is-locked {
    opacity: .5
}

.quantity-selector.is-locked button,
.quantity-selector.is-locked input {
    pointer-events: none
}

.quantity-selector__inner {
    border: .0625rem solid var(--c-b-grey3);
    display: inline-flex;
    width: calc(1.875rem + 5em)
}

@media (min-width:64em) {
    .quantity-selector__inner {
        width: calc(2.5rem + 8em)
    }
}

.quantity-selector__inner button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 1.875rem;
    height: 2.5625rem;
    box-sizing: border-box
}

@media (min-width:64em) {
    .quantity-selector__inner button {
        flex: 0 0 2.5rem
    }
}

.quantity-selector__inner input {
    min-width: calc(100% - 3.75rem);
    padding: .625rem 0;
    height: 2.5625rem;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    text-align: center;
    border: 0;
    box-sizing: border-box
}

@media (min-width:64em) {
    .quantity-selector__inner input {
        min-width: calc(100% - 5rem)
    }
}

@media (max-width:63.99em) {
    .quantity-selector__inner input {
        font-size: 1rem
    }
}

.mini-basket-product {
    padding: 3.125rem 0;
    box-sizing: border-box;
    grid-template-columns: 1fr auto;
    display: grid;
    grid-template-areas: "image text""quantity prices";
    grid-template-columns: 6.25rem auto;
    grid-gap: .625rem
}

@media (min-width:35em) {
    .mini-basket-product {
        grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .mini-basket-product {
        padding: 1.875rem 0;
        grid-template-columns: 7.5rem auto minmax(25%, 1fr);
        grid-template-areas: "image text prices""links quantity quantity"
    }
}

@media (min-width:87.5em) {
    .mini-basket-product {
        grid-template-columns: 9.375rem auto minmax(25%, 1fr);
        grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .mini-basket-product {
        grid-template-columns: 11.25rem auto minmax(25%, 1fr);
        grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .mini-basket-product {
        grid-gap: 2.5rem
    }
}

.mini-basket-product__image {
    grid-area: image;
    display: block;
    background-color: var(--c-t-beige);
    position: relative;
    height: 0;
    padding-bottom: 100%
}

.mini-basket-product__image .product-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: inherit;
    max-width: inherit
}

.mini-basket-product__image .product-image img {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center
}

.mini-basket-product__links {
    grid-area: image;
    align-self: center
}

@media (min-width:64em) {
    .mini-basket-product__links {
        grid-area: links
    }
}

.mini-basket-product__link {
    display: inline-flex;
    font-size: .75rem;
    line-height: 1.8333;
    color: var(--c-b-grey2);
    text-decoration: underline
}

.mini-basket-product__link:not(:first-child) {
    margin-left: 1.25rem
}

.mini-basket-product__text {
    grid-area: text
}

.mini-basket-product__text h3 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5;
    margin-bottom: 1rem
}

@media (min-width:64em) {
    .mini-basket-product__text h3 {
        font-size: clamp(1rem, 1.5625vw, 1.25rem);
        line-height: 1.5
    }
}

@media (min-width:87.5em) {
    .mini-basket-product__text h3 {
        font-size: clamp(1.25rem, 1.42857vw, 1.375rem);
        line-height: 1.4
    }
}

@media (min-width:118.75em) {
    .mini-basket-product__text h3 {
        font-size: clamp(1.375rem, 1.15789vw, 1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:150em) {
    .mini-basket-product__text h3 {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

.mini-basket-product__text p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .mini-basket-product__text p {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .mini-basket-product__text p {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.mini-basket-product__text p+p {
    margin-top: .3125rem
}

.mini-basket-product__text strong {
    font-weight: 500
}

.mini-basket-product__text input {
    margin-top: 1.25rem
}

.mini-basket-product__quantity {
    grid-area: quantity;
    align-self: center;
    margin-top: 1.25rem
}

@media (min-width:64em) {
    .mini-basket-product__quantity {
        margin-top: 0;
        align-self: end
    }
}

.mini-basket-product__prices {
    grid-area: prices;
    align-self: center;
    text-align: right;
    margin-top: 1.25rem
}

@media (min-width:64em) {
    .mini-basket-product__prices {
        margin-top: 0;
        align-self: start
    }
}

.mini-basket-product__prices h4 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5;
    text-transform: none;
    white-space: nowrap
}

@media (min-width:64em) {
    .mini-basket-product__prices h4 {
        font-size: clamp(1rem, 1.5625vw, 1.25rem);
        line-height: 1.5
    }
}

@media (min-width:87.5em) {
    .mini-basket-product__prices h4 {
        font-size: clamp(1.25rem, 1.42857vw, 1.375rem);
        line-height: 1.4
    }
}

@media (min-width:118.75em) {
    .mini-basket-product__prices h4 {
        font-size: clamp(1.375rem, 1.15789vw, 1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:150em) {
    .mini-basket-product__prices h4 {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

.mini-basket-product__prices h5 {
    color: var(--c-b-grey2);
    text-decoration: line-through;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.21429
}

@media (min-width:64em) {
    .mini-basket-product__prices h5 {
        font-size: 1rem;
        line-height: 1.1875
    }
}

@media (min-width:87.5em) {
    .mini-basket-product__prices h5 {
        font-size: 1.125rem;
        line-height: 1.22222
    }
}

.mini-basket-calculation__row+.mini-basket-calculation__row {
    margin-top: .875rem
}

.mini-basket-calculation__row,
.mini-basket-calculation__row>div {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media (max-width:63.99em) {
    .mini-basket-calculation__row>div.mini-basket-calculation__voucher {
        align-items: flex-start
    }
}

@media (min-width:64em) {
    .mini-basket-calculation__row>div:last-child {
        justify-content: flex-end
    }
}

.mini-basket-calculation__row h5 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    display: inline-flex;
    align-items: center
}

@media (min-width:118.75em) {
    .mini-basket-calculation__row h5 {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .mini-basket-calculation__row h5 {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (max-width:63.99em) {
    .mini-basket-calculation__row h5 {
        font-size: .9375rem
    }
}

.mini-basket-calculation__row h5 span {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    display: inline-flex;
    margin-left: .625rem
}

@media (min-width:118.75em) {
    .mini-basket-calculation__row h5 span {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .mini-basket-calculation__row h5 span {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:64em) {
    .mini-basket-calculation__row h5 span {
        font-size: .9375rem
    }
}

@media (min-width:72.5em) {
    .mini-basket-calculation__row h5 span {
        margin-left: 1.25rem
    }
}

.mini-basket-calculation__row p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    display: inline-flex;
    margin-left: .625rem;
    display: none
}

@media (min-width:118.75em) {
    .mini-basket-calculation__row p {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .mini-basket-calculation__row p {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:48em) {
    .mini-basket-calculation__row p {
        display: block;
        margin-left: 1.25rem
    }
}

.mini-basket-calculation__row button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    text-decoration: underline;
    margin-left: .625rem
}

@media (min-width:118.75em) {
    .mini-basket-calculation__row button {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .mini-basket-calculation__row button {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:72.5em) {
    .mini-basket-calculation__row button {
        margin-left: 1.25rem
    }
}

.mini-basket-calculation__row--result {
    padding: 1.0625rem 0;
    border-top: .0625rem solid var(--c-b-grey1);
    border-bottom: .0625rem solid var(--c-b-grey1)
}

@media (max-width:63.99em) {
    .mini-basket-calculation__voucher {
        flex-direction: column
    }
}

@media (max-width:63.99em) {
    .mini-basket-calculation__voucher-info span {
        display: none
    }

    .mini-basket-calculation__voucher-info button {
        margin-left: 0;
        font-size: .9375rem
    }
}

@media (min-width:64em) {
    .mini-basket-calculation__voucher-info {
        display: flex;
        margin-left: 1.25rem
    }
}

.mini-basket {
    display: block;
    padding: calc(var(--mode-switch-height) + 1.25rem) 1.25rem 1.25rem;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

@media (min-width:64em) {
    .mini-basket {
        height: calc(var(--vh)*100 - var(--site-header-height));
        padding: 0 3.75rem 3.75rem;
        padding-top: 3.75rem;
        display: block
    }
}

.mini-basket__headline h2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818
}

@media (min-width:64em) {
    .mini-basket__headline h2 {
        font-size: clamp(1.625rem, 2.53906vw, 3.75rem);
        line-height: 1.26923
    }
}

@media (min-width:150em) {
    .mini-basket__headline h2 {
        font-size: 3.75rem;
        letter-spacing: -.0625rem;
        line-height: 1.3
    }
}

.mini-basket__headline--no-products {
    align-self: center;
    text-align: center;
    height: 50vh
}

.mini-basket__headline--no-products p {
    padding-top: 1.25rem
}

.mini-basket__products {
    margin-top: 1.625rem;
    border-top: .0625rem solid var(--c-b-grey3)
}

.mini-basket__addon,
.mini-basket__products .mini-basket-product {
    border-bottom: .0625rem solid var(--c-b-grey3)
}

.mini-basket__calculation {
    padding-top: 1.25rem
}

.mini-basket__cta-row {
    padding-top: 2.1875rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

.mini-basket__cta-row .voucher {
    margin-bottom: 2.1875rem
}

@media (min-width:64em) {
    .mini-basket__cta-row {
        padding: 2.1875rem 0;
        justify-content: space-between;
        flex-direction: row
    }
}

@media (max-width:63.99em) {
    .mini-basket__cta-row .icon-link {
        margin-bottom: .625rem
    }
}

.mini-basket__cta-row .action-button {
    display: flex;
    width: 100%;
    margin-left: auto
}

@media (min-width:64em) {
    .mini-basket__cta-row .action-button {
        width: auto;
        display: inline-flex
    }
}

.mini-basket__footer {
    z-index: 1;
    margin-top: 1.875rem
}

@media (min-width:64em) {
    .mini-basket__footer {
        position: fixed;
        left: 1.25rem;
        right: 1.25rem;
        bottom: 0;
        left: 0;
        right: 0
    }
}

.mini-basket__usp {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--c-b-white)
}

@media (min-width:64em) {
    .mini-basket__usp {
        justify-content: space-between;
        flex-direction: row;
        padding: 1.25rem 3.75rem
    }
}

@media (min-width:87.5em) {
    .mini-basket__usp {
        padding: 1.875rem 3.75rem
    }
}

.mini-basket__usp-item {
    text-transform: uppercase;
    padding-top: .875rem;
    text-align: center;
    font-size: .875rem
}

@media (min-width:64em) {
    .mini-basket__usp-item {
        padding-top: 0;
        flex: 1 0 30%;
        max-width: 30%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: .75rem
    }
}

@media (min-width:150em) {
    .mini-basket__usp-item {
        font-size: 1rem
    }
}

.mini-basket__usp-item-separator {
    display: none
}

@media (min-width:64em) {
    .mini-basket__usp-item-separator {
        display: flex
    }
}

.icon-link {
    font-size: .875rem
}

.icon-link .svg-icon {
    margin-right: .625rem
}

.voucher {
    position: relative;
    width: 100%;
    display: block
}

@media (max-width:63.99em) {
    .voucher {
        margin-bottom: 1.25rem
    }
}

.voucher__input {
    display: inline-flex;
    align-content: center;
    justify-content: space-between;
    background-color: var(--c-t-beige)
}

.voucher__input input {
    border: none;
    flex: 1 1;
    height: 2.5rem;
    width: 100%;
    display: inline-flex;
    align-items: center;
    background-color: transparent;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5625;
    padding: 0 1.25rem
}

@media (min-width:64em) {
    .voucher__input input {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:118.75em) {
    .voucher__input input {
        font-size: 1.25rem;
        line-height: 1.55
    }
}

@media (min-width:150em) {
    .voucher__input input {
        font-size: 1.375rem;
        line-height: 1.54545
    }
}

@media (min-width:48em) {
    .voucher__input input {
        flex: 0 1 40%;
        max-width: 40%;
        height: 3.125rem;
        padding: 0 1.875rem
    }
}

@media (min-width:72.5em) {
    .voucher__input input {
        height: 3.875rem;
        padding: 0 2.5rem
    }
}

.voucher__input button {
    padding-right: 1.25rem;
    text-decoration: underline
}

.voucher p {
    top: 100%;
    left: 0;
    margin-top: .3125rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    color: var(--c-s-error1);
    position: absolute
}

@media (min-width:118.75em) {
    .voucher p {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .voucher p {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.media-info-overlay {
    display: block;
    padding: calc(var(--mode-switch-height) + 1.25rem) 1.25rem 1.25rem;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    overflow-y: auto
}

@media (min-width:64em) {
    .media-info-overlay {
        height: calc(var(--vh)*100 - var(--site-header-height));
        padding: 0 3.75rem 3.75rem
    }
}

.media-info-overlay__image .lazy-load-image-background {
    height: 12.5rem;
    display: block
}

.media-info-overlay__image img {
    max-width: 100%;
    max-height: 100%;
    display: block
}

.media-info-overlay__cta {
    margin-top: .9375rem
}

.media-info-overlay__cta .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem
}

.media-info-overlay__cta .svg-icon--arrow-small {
    transform: rotate(90deg)
}

.media-info-overlay__button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    display: flex;
    align-items: center
}

@media (min-width:118.75em) {
    .media-info-overlay__button {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .media-info-overlay__button {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.media-info-overlay__button .label {
    text-decoration: underline;
    display: inline-flex
}

.media-info-overlay__button .icon {
    margin-right: 1.25rem;
    display: inline-flex
}

.media-info-overlay__button+.media-info-overlay__button {
    margin-top: .625rem
}

.media-info-overlay__products {
    margin-top: 3.125rem
}

.media-info-overlay__products h4 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818;
    padding-bottom: 1.25rem;
    border-bottom: .0625rem solid var(--c-b-grey3)
}

@media (min-width:64em) {
    .media-info-overlay__products h4 {
        font-size: clamp(1.375rem, 2.14844vw, 1.75rem);
        line-height: 1.31818
    }
}

@media (min-width:87.5em) {
    .media-info-overlay__products h4 {
        font-size: clamp(1.75rem, 2vw, 2rem);
        line-height: 1.28571
    }
}

@media (min-width:118.75em) {
    .media-info-overlay__products h4 {
        font-size: clamp(2rem, 1.68421vw, 2.375rem);
        line-height: 1.3125
    }
}

@media (min-width:150em) {
    .media-info-overlay__products h4 {
        font-size: 2.375rem;
        line-height: 1.28947
    }
}

.media-info-overlay__products .media-info-overlay-product {
    padding: 2.5rem 0;
    border-bottom: .0625rem solid var(--c-b-grey3);
    display: grid;
    grid-template-columns: 31% 69%;
    grid-gap: 1.875rem
}

.media-info-overlay__products .media-info-overlay-product:first-child {
    border-top: .0625rem solid var(--c-b-grey3)
}

.media-info-overlay__products .media-info-overlay-product__image {
    background-color: var(--c-t-beige);
    position: relative;
    height: 0;
    padding-bottom: 100%
}

.media-info-overlay__products .media-info-overlay-product__image .product-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.media-info-overlay__products .media-info-overlay-product__image .product-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    box-sizing: border-box;
    padding: 15% 6%
}

.media-info-overlay__products .media-info-overlay-product__text {
    grid-column: 2/3;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start
}

.media-info-overlay__products .media-info-overlay-product__text h3 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5;
    padding-bottom: 1.5625rem;
    min-height: 1em
}

@media (min-width:64em) {
    .media-info-overlay__products .media-info-overlay-product__text h3 {
        font-size: clamp(1rem, 1.5625vw, 1.25rem);
        line-height: 1.5
    }
}

@media (min-width:87.5em) {
    .media-info-overlay__products .media-info-overlay-product__text h3 {
        font-size: clamp(1.25rem, 1.42857vw, 1.375rem);
        line-height: 1.4
    }
}

@media (min-width:118.75em) {
    .media-info-overlay__products .media-info-overlay-product__text h3 {
        font-size: clamp(1.375rem, 1.15789vw, 1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:150em) {
    .media-info-overlay__products .media-info-overlay-product__text h3 {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

.media-info-overlay__products .media-info-overlay-product__text p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .media-info-overlay__products .media-info-overlay-product__text p {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .media-info-overlay__products .media-info-overlay-product__text p {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.media-info-overlay__products .media-info-overlay-product__text .nav-button {
    margin-top: auto
}

.media-info-overlay__products .media-info-overlay-product__text .nav-button .text {
    font-weight: 500
}

.media-info-overlay__products .media-info-overlay-product .product-price {
    margin-top: .5em
}

.media-info-overlay__products .media-info-overlay-product.has-error {
    display: block
}

.media-info-overlay__products .media-info-overlay-product.has-error h5 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.21429
}

@media (min-width:64em) {
    .media-info-overlay__products .media-info-overlay-product.has-error h5 {
        font-size: 1rem;
        line-height: 1.1875
    }
}

@media (min-width:87.5em) {
    .media-info-overlay__products .media-info-overlay-product.has-error h5 {
        font-size: 1.125rem;
        line-height: 1.22222
    }
}

.media-info-overlay__products .media-info-overlay-product.has-error p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .media-info-overlay__products .media-info-overlay-product.has-error p {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .media-info-overlay__products .media-info-overlay-product.has-error p {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.material-info-overlay {
    display: block;
    padding: 1.25rem;
    width: 100%;
    box-sizing: border-box;
    overflow: auto
}

@media (min-width:64em) {
    .material-info-overlay {
        padding: 0 3.75rem 3.75rem;
        min-width: 18.75rem
    }
}

.material-info-overlay__headline h4 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5
}

@media (min-width:64em) {
    .material-info-overlay__headline h4 {
        font-size: clamp(1rem, 1.5625vw, 1.25rem);
        line-height: 1.5
    }
}

@media (min-width:87.5em) {
    .material-info-overlay__headline h4 {
        font-size: clamp(1.25rem, 1.42857vw, 1.375rem);
        line-height: 1.4
    }
}

@media (min-width:118.75em) {
    .material-info-overlay__headline h4 {
        font-size: clamp(1.375rem, 1.15789vw, 1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:150em) {
    .material-info-overlay__headline h4 {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

.material-info-overlay__headline p {
    margin-top: .625rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .material-info-overlay__headline p {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .material-info-overlay__headline p {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.material-info-overlay__cta {
    margin-top: 2.5rem
}

.material-info-overlay__button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    display: inline-flex;
    align-items: center
}

@media (min-width:118.75em) {
    .material-info-overlay__button {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .material-info-overlay__button {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.material-info-overlay__button .label {
    display: inline-flex;
    text-decoration: underline
}

.material-info-overlay__button .icon {
    display: inline-flex;
    margin-right: 1.25rem
}

.material-info-overlay__image {
    margin-top: 1.875rem;
    display: block;
    max-width: 100%
}

.material-info-overlay__image img {
    display: block;
    max-width: 100%;
    height: auto
}

.site-search {
    display: block;
    padding: calc(var(--mode-switch-height) + 1.25rem) 1.25rem 1.25rem;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
    position: relative
}

@media (min-width:64em) {
    .site-search {
        height: calc(var(--vh)*100 - var(--site-header-height));
        padding: 0 3.75rem 3.75rem
    }
}

.site-search__form {
    padding-top: 3.75rem
}

@media (min-width:64em) {
    .site-search__form {
        padding-top: 3.75rem
    }
}

.site-search__form input {
    text-transform: uppercase;
    flex: 1 1
}

@media (min-width:64em) {
    .site-search__form input {
        font-size: 1.75rem
    }

    .site-search__form input:-ms-input-placeholder {
        font-size: 1.75rem
    }

    .site-search__form input::placeholder {
        font-size: 1.75rem
    }
}

.site-search__links {
    margin-top: 6.25rem;
    max-width: 18.75rem;
    margin-right: auto
}

.site-search__links-title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    display: block;
    font-weight: 500;
    margin-bottom: 1.25rem
}

@media (min-width:118.75em) {
    .site-search__links-title {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .site-search__links-title {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.site-search__links .mega-menu__list {
    display: block;
    padding: 0
}

.site-search__links .mega-menu__list .mega-menu__button {
    font-size: .875rem
}

.site-search__list {
    margin-top: 2.5rem
}

@media (min-width:64em) {
    .site-search__list {
        margin-top: 4.375rem
    }
}

.site-search__list__title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818;
    margin-bottom: 1.5625rem
}

@media (min-width:64em) {
    .site-search__list__title {
        font-size: clamp(1.375rem, 2.14844vw, 1.75rem);
        line-height: 1.31818
    }
}

@media (min-width:87.5em) {
    .site-search__list__title {
        font-size: clamp(1.75rem, 2vw, 2rem);
        line-height: 1.28571
    }
}

@media (min-width:118.75em) {
    .site-search__list__title {
        font-size: clamp(2rem, 1.68421vw, 2.375rem);
        line-height: 1.3125
    }
}

@media (min-width:150em) {
    .site-search__list__title {
        font-size: 2.375rem;
        line-height: 1.28947
    }
}

@media (min-width:64em) {
    .site-search__list ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 1.25rem
    }

    .site-search__list ul li {
        grid-column: span 1
    }
}

.site-search .site-search-tile {
    padding-bottom: 1.25rem;
    border-bottom: .0625rem solid var(--c-b-grey3);
    margin-bottom: 2.8125rem
}

.site-search .site-search-tile__image {
    position: relative;
    height: 0;
    width: 100%;
    display: block;
    overflow: hidden
}

.site-search .site-search-tile__image .image {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden
}

.site-search .site-search-tile__image img {
    width: 100%;
    height: 100%;
    object-position: center;
    transform-origin: center;
    transition: transform var(--default-transition)
}

.site-search .site-search-tile__text h4 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5;
    margin-top: 1.25rem;
    margin-bottom: 1.875rem
}

@media (min-width:64em) {
    .site-search .site-search-tile__text h4 {
        font-size: clamp(1rem, 1.5625vw, 1.25rem);
        line-height: 1.5
    }
}

@media (min-width:87.5em) {
    .site-search .site-search-tile__text h4 {
        font-size: clamp(1.25rem, 1.42857vw, 1.375rem);
        line-height: 1.4
    }
}

@media (min-width:118.75em) {
    .site-search .site-search-tile__text h4 {
        font-size: clamp(1.375rem, 1.15789vw, 1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:150em) {
    .site-search .site-search-tile__text h4 {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

.site-search .site-search-tile:hover .site-search-tile__image img {
    transform: scale(1.05)
}

.site-search .site-search-tile--page .site-search-tile__image {
    padding-bottom: 66%
}

.site-search .site-search-tile--page img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    object-fit: cover
}

.site-search .site-search-tile--page p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .site-search .site-search-tile--page p {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .site-search .site-search-tile--page p {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.site-search .site-search-tile--product .site-search-tile__image {
    background-color: var(--c-t-beige);
    position: relative;
    height: 0;
    padding-bottom: 100%
}

.site-search .site-search-tile--product .site-search-tile__image .product-image {
    position: absolute;
    top: 0;
    left: 0
}

.site-search .site-search-tile--product .site-search-tile__image .product-image img {
    box-sizing: border-box;
    padding: 15% 6%;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center
}

.site-search .site-search-tile--product p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636
}

@media (min-width:118.75em) {
    .site-search .site-search-tile--product p {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .site-search .site-search-tile--product p {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.checkout-header {
    padding-left: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-right: clamp(.625rem, 2.66667vw, 1.875rem);
    display: flex;
    justify-content: center;
    flex-direction: column
}

@media (min-width:35em) {
    .checkout-header {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .checkout-header {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .checkout-header {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .checkout-header {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

@media (min-width:48em) {
    .checkout-header {
        padding-top: 1.875rem;
        height: 1.5625rem;
        flex-direction: row;
        justify-content: space-between
    }
}

.checkout-header__logo {
    order: 2
}

@media (max-width:47.99em) {
    .checkout-header__logo {
        align-self: center
    }
}

@media (min-width:48em) {
    .checkout-header__logo {
        order: 1;
        margin-top: 0
    }
}

.checkout-header__logo svg {
    width: 10rem
}

@media (min-width:48em) {
    .checkout-header__logo svg {
        width: auto;
        height: 1.4375rem
    }
}

.checkout-header__link {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    text-align: center;
    order: 1;
    text-decoration: underline;
    width: 100%;
    padding: .3125rem 0;
    margin-bottom: 2.5rem;
    background-color: var(--c-b-grey3)
}

@media (min-width:118.75em) {
    .checkout-header__link {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .checkout-header__link {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:48em) {
    .checkout-header__link {
        background-color: transparent;
        padding: 0;
        margin-bottom: 0;
        order: 2;
        text-align: end;
        align-self: flex-end
    }
}

.input-field {
    position: relative;
    margin: .125rem 0 0;
    padding: .1875rem 0;
    --input-bg: transparent
}

.input-field__field {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    appearance: none;
    box-sizing: border-box;
    width: 100%;
    padding: 1.125rem 1.125rem 1rem;
    border: .0625rem solid var(--c-b-grey3);
    background-color: var(--input-bg);
    color: var(--c-b-grey1);
    line-height: 1;
    outline: 0;
    transition: all .25s ease, text-indent 0s ease 0s
}

@media (min-width:118.75em) {
    .input-field__field {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .input-field__field {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (max-width:34.99em) {
    .input-field__field {
        font-size: 1rem
    }
}

.input-field__field::placeholder {
    color: var(--input-bg);
    opacity: 0
}

.input-field__field::-webkit-input-placeholder {
    color: var(--input-bg);
    opacity: 0
}

.input-field__field::-moz-placeholder {
    color: var(--input-bg);
    opacity: 0
}

.input-field__field:-ms-input-placeholder {
    color: var(--input-bg);
    opacity: 0
}

.input-field__field:-moz-placeholder {
    color: var(--input-bg);
    opacity: 0
}

.input-field__field:-webkit-autofill {
    animation-name: onAutoFillStart
}

.input-field__field:not(:-webkit-autofill) {
    animation-name: onAutoFillStop
}

.input-field__field:-webkit-autofill,
.input-field__field:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 10000px var(--input-bg) inset;
    -webkit-transition: background-color 10000s ease-in-out 0s;
    transition: background-color 10000s ease-in-out 0s;
    -webkit-text-fill-color: var(--c-b-black) !important;
    color: var(--c-b-black) !important;
    outline: 0
}

.input-field__field:-moz-autofill,
.input-field__field:-moz-autofill-preview {
    background-color: red;
    color: #000
}

.input-field__field:-moz-ui-invalid {
    color: var(--c-b-black);
    border-color: var(--c-s-error2);
    outline: 0;
    box-shadow: none
}

.input-field__field:-moz-ui-invalid+.input-field__label {
    color: var(--c-s-error2)
}

.input-field__field:focus {
    border: .0625rem solid var(--c-b-grey2)
}

.input-field__field:-ms-input-placeholder+.input-field__label {
    top: 2rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    color: var(--c-b-grey3);
    background-color: transparent
}

.input-field__field.placeholder-shown+.input-field__label,
.input-field__field:placeholder-shown+.input-field__label {
    top: 2rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    color: var(--c-b-grey3);
    background-color: transparent
}

@media (min-width:118.75em) {
    .input-field__field:-ms-input-placeholder+.input-field__label {
        font-size: 1rem;
        line-height: 1.5625
    }

    .input-field__field.placeholder-shown+.input-field__label,
    .input-field__field:placeholder-shown+.input-field__label {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .input-field__field:-ms-input-placeholder+.input-field__label {
        font-size: 1.125rem;
        line-height: 1.55556
    }

    .input-field__field.placeholder-shown+.input-field__label,
    .input-field__field:placeholder-shown+.input-field__label {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.input-field__field:focus+.input-field__label {
    top: .25rem;
    font-size: .6875rem;
    background-color: var(--c-b-white);
    color: var(--c-b-grey1)
}

.input-field__field:-webkit-autofill:focus+.input-field__label {
    top: .25rem !important;
    font-size: .6875rem;
    background-color: var(--c-b-white)
}

.input-field__label {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    display: block;
    position: absolute;
    pointer-events: none;
    left: 1.125rem;
    transform: translateY(-50%);
    transition: all .25s ease;
    line-height: 1;
    color: var(--c-b-grey3);
    top: .25rem;
    background-color: var(--c-b-white);
    padding: 0 .125rem;
    z-index: 1;
    max-width: 85%
}

@media (min-width:118.75em) {
    .input-field__label {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .input-field__label {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.input-field.is-required .input-field__required,
.input-field[required] .input-field__required {
    display: inline-block;
    vertical-align: text-top
}

.input-field.is-invalid .input-field__field {
    color: var(--c-b-black);
    border-color: var(--c-s-error2)
}

.input-field.is-invalid .input-field__field:focus {
    border-color: var(--c-s-error2)
}

.input-field.is-invalid .input-field__field+.input-field__label {
    color: var(--c-s-error2);
    font-size: .6875rem
}

.input-field.is-invalid .input-field__field:-ms-input-placeholder+.input-field__label {
    color: var(--c-s-error2);
    font-size: .875rem
}

.input-field.is-invalid .input-field__field.placeholder-shown+.input-field__label,
.input-field.is-invalid .input-field__field:placeholder-shown+.input-field__label {
    color: var(--c-s-error2);
    font-size: .875rem
}

.input-field.is-invalid .input-field__field.placeholder-shown:focus+.input-field__label,
.input-field.is-invalid .input-field__field:focus+.input-field__label {
    top: .25rem;
    background-color: var(--c-b-white);
    color: var(--c-s-error2);
    font-size: .6875rem
}

.input-field.is-valid .input-field__field {
    color: var(--c-b-grey1);
    border-color: var(--c-b-grey2)
}

.input-field.is-valid .input-field__field+.input-field__label {
    color: var(--c-b-grey2);
    font-size: .6875rem
}

.input-field.is-disabled .input-field__field {
    color: var(--c-b-grey3);
    border-color: var(--c-b-grey3)
}

.input-field.is-disabled .input-field__label {
    color: var(--c-b-grey3)
}

.input-field__message {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    margin-top: .3125rem;
    color: var(--c-s-error2)
}

@media (min-width:118.75em) {
    .input-field__message {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .input-field__message {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.notify-me-overlay {
    display: block;
    padding: calc(var(--mode-switch-height) + 1.25rem) 1.25rem 1.25rem;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
    padding-top: 6.25rem
}

@media (min-width:64em) {
    .notify-me-overlay {
        height: calc(var(--vh)*100 - var(--site-header-height));
        padding: 0 3.75rem 3.75rem
    }
}

.notify-me-overlay__headline {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818;
    margin-bottom: 1.875rem
}

@media (min-width:64em) {
    .notify-me-overlay__headline {
        font-size: clamp(1.375rem, 2.14844vw, 1.75rem);
        line-height: 1.31818
    }
}

@media (min-width:87.5em) {
    .notify-me-overlay__headline {
        font-size: clamp(1.75rem, 2vw, 2rem);
        line-height: 1.28571
    }
}

@media (min-width:118.75em) {
    .notify-me-overlay__headline {
        font-size: clamp(2rem, 1.68421vw, 2.375rem);
        line-height: 1.3125
    }
}

@media (min-width:150em) {
    .notify-me-overlay__headline {
        font-size: 2.375rem;
        line-height: 1.28947
    }
}

.notify-me-overlay__bodytext {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    margin-bottom: 1.25rem
}

@media (min-width:118.75em) {
    .notify-me-overlay__bodytext {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .notify-me-overlay__bodytext {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.notify-me-overlay__error {
    margin-top: 3.75rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5625;
    color: var(--c-s-error2)
}

@media (min-width:64em) {
    .notify-me-overlay__error {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:118.75em) {
    .notify-me-overlay__error {
        font-size: 1.25rem;
        line-height: 1.55
    }
}

@media (min-width:150em) {
    .notify-me-overlay__error {
        font-size: 1.375rem;
        line-height: 1.54545
    }
}

.notify-me-overlay .action-button {
    position: relative;
    --button-bgc: #d6e1b9;
    padding: .3125rem 1.25rem;
    height: 3.75rem
}

.notify-me-overlay .action-button .icon,
.notify-me-overlay .action-button .text {
    position: relative;
    z-index: 2
}

.notify-me-overlay .action-button.is-disabled {
    opacity: .9
}

.notify-me-overlay .action-button.is-disabled:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #d6e1b9;
    background-image: linear-gradient(90deg, #d6e1b9 0, #e3eec4 20%, #d6e1b9 40%, #d6e1b9);
    background-repeat: no-repeat;
    background-size: 400% 100%;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeholderShimmer;
    animation-timing-function: linear
}

.notify-me-overlay__form .form__row {
    display: flex;
    justify-content: space-between
}

.notify-me-overlay__form .input-field {
    padding: 0;
    margin: 0
}

.notify-me-overlay__form .input-field__message {
    position: absolute;
    top: 100%;
    left: 0
}

.notify-me-overlay__form .action-button,
.notify-me-overlay__form .input-field {
    display: flex;
    flex: 0 0 48%
}

.notify-me-overlay__receipt .action-button {
    width: 48%
}

.mode-switch {
    height: 1.875rem;
    box-sizing: border-box;
    background-color: var(--c-s-mode-switch-bc);
    color: var(--c-s-mode-switch-c);
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5000;
    transition: height .2s ease, padding .2s ease, background-color .2s
}

.mode-switch,
.mode-switch__container {
    display: flex;
    justify-content: center;
    align-items: center
}

.mode-switch__container {
    flex: 1 1
}

@media (min-width:48em) {
    .mode-switch__container {
        padding: .375rem 1.25rem;
        justify-content: center;
    }
}

@media (min-width:64em) {
    .mode-switch__container {
        padding: .375rem 2.5rem
    }
}

.mode-switch__buttons {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.mode-switch button {
    text-decoration: underline;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.18182
}

.mode-switch button.is-inactive {
    text-decoration: none;
    cursor: default;
    opacity: .7
}

.mode-switch__bodytext {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .625rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.6;
    display: none
}

@media (min-width:48em) {
    .mode-switch__bodytext {
        display: block
    }
}

.mode-switch button+button {
    padding-left: .625rem;
    margin-left: .625rem;
    border-left: .0625rem solid var(--c-s-mode-switch-c)
}

.message-block {
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr);
    padding: clamp(5.625rem, 24vw, 6.25rem) clamp(.625rem, 2.66667vw, 1.875rem)
}

@media (min-width:64em) {
    .message-block {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .message-block {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .message-block {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .message-block {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .message-block {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .message-block {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .message-block {
        --grid-gap: 2.5rem
    }
}

@media (min-width:35em) {
    .message-block {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .message-block {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .message-block {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .message-block {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

@media (min-width:48em) {
    .message-block {
        padding-bottom: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .message-block {
        padding-bottom: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .message-block {
        padding-bottom: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .message-block {
        padding-bottom: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .message-block {
        padding-bottom: 12.5rem
    }
}

@media (min-width:48em) {
    .message-block {
        padding-top: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .message-block {
        padding-top: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .message-block {
        padding-top: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .message-block {
        padding-top: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .message-block {
        padding-top: 12.5rem
    }
}

.message-block__inner {
    text-align: center;
    grid-column: 2/12
}

@media (min-width:64em) {
    .message-block__inner {
        grid-column: 8/16
    }
}

.message-block h5 {
    font-size: .625rem;
    line-height: 1.6
}

.message-block h1,
.message-block h5 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase
}

.message-block h1 {
    font-size: 1.375rem;
    line-height: 1.31818;
    text-transform: none
}

@media (min-width:64em) {
    .message-block h1 {
        font-size: clamp(1.375rem, 2.14844vw, 1.75rem);
        line-height: 1.31818
    }
}

@media (min-width:87.5em) {
    .message-block h1 {
        font-size: clamp(1.75rem, 2vw, 2rem);
        line-height: 1.28571
    }
}

@media (min-width:118.75em) {
    .message-block h1 {
        font-size: clamp(2rem, 1.68421vw, 2.375rem);
        line-height: 1.3125
    }
}

@media (min-width:150em) {
    .message-block h1 {
        font-size: 2.375rem;
        line-height: 1.28947
    }
}

.message-block p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636
}

@media (min-width:118.75em) {
    .message-block p {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .message-block p {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.message-block h1+a,
.message-block h1+p {
    margin-top: 1.875rem
}

.message-block p+a {
    margin-top: 1.25rem
}

.message-block .nav-button {
    padding: .625rem 1.25rem
}

.message-block .nav-button .text {
    text-transform: none;
    font-size: .75rem
}

.notification {
    --notification-c: var(--c-b-black);
    --notification-bgc: var(--c-s-alert);
    position: relative;
    overflow: hidden;
    background-color: var(--notification-bgc);
    z-index: 6000
}

.notification__close-icon {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    font-size: 2rem;
    cursor: pointer
}

.notification__close-icon svg {
    stroke: var(--notification-c)
}

.notification__inner-wrapper {
    height: inherit;
    padding: 3.125rem;
    margin: 0 auto;
    max-width: 1000px
}

@media (min-width:64em) {
    .notification__inner-wrapper {
        padding: 3.75rem 4.375rem
    }
}

.notification__bodytext,
.notification__headline {
    text-align: center
}

.notification__headline {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818;
    margin-bottom: 1.25rem
}

@media (min-width:64em) {
    .notification__headline {
        font-size: clamp(1.375rem, 2.14844vw, 1.75rem);
        line-height: 1.31818
    }
}

@media (min-width:87.5em) {
    .notification__headline {
        font-size: clamp(1.75rem, 2vw, 2rem);
        line-height: 1.28571
    }
}

@media (min-width:118.75em) {
    .notification__headline {
        font-size: clamp(2rem, 1.68421vw, 2.375rem);
        line-height: 1.3125
    }
}

@media (min-width:150em) {
    .notification__headline {
        font-size: 2.375rem;
        line-height: 1.28947
    }
}

.notification__bodytext {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5625;
    margin-bottom: 1.875rem
}

@media (min-width:64em) {
    .notification__bodytext {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:118.75em) {
    .notification__bodytext {
        font-size: 1.25rem;
        line-height: 1.55
    }
}

@media (min-width:150em) {
    .notification__bodytext {
        font-size: 1.375rem;
        line-height: 1.54545
    }
}

.notification--geolocation {
    --notification-bgc: var(--c-t-lightgreen);
    overflow: hidden
}

.notification__form-wrapper {
    display: grid;
    grid-gap: .625rem
}

@media (min-width:48em) {
    .notification__form-wrapper {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 1.875rem
    }
}

.notification--service-message {
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr)
}

@media (min-width:64em) {
    .notification--service-message {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .notification--service-message {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .notification--service-message {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .notification--service-message {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .notification--service-message {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .notification--service-message {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .notification--service-message {
        --grid-gap: 2.5rem
    }
}

.notification--service-message .notification__bodytext {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    color: var(--notification-c);
    white-space: pre-line;
    padding: 1.25rem 0;
    grid-column: 3/span 9
}

@media (min-width:118.75em) {
    .notification--service-message .notification__bodytext {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .notification--service-message .notification__bodytext {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:64em) {
    .notification--service-message .notification__bodytext {
        grid-column: 3/span 21
    }
}

.notification__link {
    text-decoration: underline
}

.notification.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0
}

.notification-item-added {
    display: flex;
    --notification-item-added-bgc: var(--c-t-lightgreen);
    background-color: var(--notification-item-added-bgc);
    position: fixed;
    top: 0;
    right: 0
}

@media (min-width:48em) {
    .notification-item-added {
        top: .9375rem;
        right: .9375rem;
        min-height: 20vw
    }
}

.notification-item-added__inner-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1.4375rem;
    width: 100%
}

@media (min-width:48em) {
    .notification-item-added__inner-wrapper {
        display: flex;
        flex-direction: column;
        padding: 3.125rem 2.8125rem
    }
}

.notification-item-added__headline {
    padding-bottom: 1.25rem;
    text-align: center;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5
}

@media (min-width:64em) {
    .notification-item-added__headline {
        font-size: clamp(1rem, 1.5625vw, 1.25rem);
        line-height: 1.5
    }
}

@media (min-width:87.5em) {
    .notification-item-added__headline {
        font-size: clamp(1.25rem, 1.42857vw, 1.375rem);
        line-height: 1.4
    }
}

@media (min-width:118.75em) {
    .notification-item-added__headline {
        font-size: clamp(1.375rem, 1.15789vw, 1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:150em) {
    .notification-item-added__headline {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

@media (min-width:48em) {
    .notification-item-added__headline {
        padding-bottom: 2.5rem
    }
}

.t-heading-1 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.33333
}

@media (min-width:48em) {
    .t-heading-1 {
        font-size: 2.1875rem;
        line-height: 1.28571
    }
}

@media (min-width:64em) {
    .t-heading-1 {
        font-size: clamp(2.1875rem, 3.41797vw, 5rem);
        line-height: 1.28571
    }
}

@media (min-width:150em) {
    .t-heading-1 {
        font-size: 5rem;
        letter-spacing: -.0625rem;
        line-height: 1.1875
    }
}

.t-heading-2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818
}

@media (min-width:64em) {
    .t-heading-2 {
        font-size: clamp(1.625rem, 2.53906vw, 3.75rem);
        line-height: 1.26923
    }
}

@media (min-width:150em) {
    .t-heading-2 {
        font-size: 3.75rem;
        letter-spacing: -.0625rem;
        line-height: 1.3
    }
}

.t-heading-3 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818
}

@media (min-width:64em) {
    .t-heading-3 {
        font-size: clamp(1.375rem, 2.14844vw, 1.75rem);
        line-height: 1.31818
    }
}

@media (min-width:87.5em) {
    .t-heading-3 {
        font-size: clamp(1.75rem, 2vw, 2rem);
        line-height: 1.28571
    }
}

@media (min-width:118.75em) {
    .t-heading-3 {
        font-size: clamp(2rem, 1.68421vw, 2.375rem);
        line-height: 1.3125
    }
}

@media (min-width:150em) {
    .t-heading-3 {
        font-size: 2.375rem;
        line-height: 1.28947
    }
}

.t-heading-4 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5
}

@media (min-width:64em) {
    .t-heading-4 {
        font-size: clamp(1rem, 1.5625vw, 1.25rem);
        line-height: 1.5
    }
}

@media (min-width:87.5em) {
    .t-heading-4 {
        font-size: clamp(1.25rem, 1.42857vw, 1.375rem);
        line-height: 1.4
    }
}

@media (min-width:118.75em) {
    .t-heading-4 {
        font-size: clamp(1.375rem, 1.15789vw, 1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:150em) {
    .t-heading-4 {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

.t-heading-5 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.21429
}

@media (min-width:64em) {
    .t-heading-5 {
        font-size: 1rem;
        line-height: 1.1875
    }
}

@media (min-width:87.5em) {
    .t-heading-5 {
        font-size: 1.125rem;
        line-height: 1.22222
    }
}

.t-trumpet-1 {
    font-size: .6875rem;
    line-height: 1.18182
}

.t-trumpet-1,
.t-trumpet-2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase
}

.t-trumpet-2 {
    font-size: .625rem;
    line-height: 1.6
}

.t-trumpet-3 {
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 2.08333
}

.t-paragraph-1,
.t-trumpet-3 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif
}

.t-paragraph-1 {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5625
}

@media (min-width:64em) {
    .t-paragraph-1 {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:118.75em) {
    .t-paragraph-1 {
        font-size: 1.25rem;
        line-height: 1.55
    }
}

@media (min-width:150em) {
    .t-paragraph-1 {
        font-size: 1.375rem;
        line-height: 1.54545
    }
}

.t-paragraph-2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .t-paragraph-2 {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .t-paragraph-2 {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.t-paragraph-3 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636
}

@media (min-width:118.75em) {
    .t-paragraph-3 {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .t-paragraph-3 {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.t-link-1 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .t-link-1 {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .t-link-1 {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.t-link-2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .8125rem;
    font-weight: 500;
    line-height: 1
}

.d-n {
    display: none !important
}

.d-i {
    display: inline !important
}

.d-ib {
    display: inline-block !important
}

.d-b {
    display: block !important
}

.d-t {
    display: table !important
}

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

.d-tc {
    display: table-cell !important
}

.d-f {
    display: flex !important
}

.d-if {
    display: inline-flex !important
}

.d-g {
    display: grid !important
}

@media (min-width:9.375em) {
    .d-n-vp1 {
        display: none !important
    }

    .d-i-vp1 {
        display: inline !important
    }

    .d-ib-vp1 {
        display: inline-block !important
    }

    .d-b-vp1 {
        display: block !important
    }

    .d-t-vp1 {
        display: table !important
    }

    .d-tr-vp1 {
        display: table-row !important
    }

    .d-tc-vp1 {
        display: table-cell !important
    }

    .d-f-vp1 {
        display: flex !important
    }

    .d-if-vp1 {
        display: inline-flex !important
    }

    .d-g-vp1 {
        display: grid !important
    }
}

@media (min-width:23.4375em) {
    .d-n-vp2 {
        display: none !important
    }

    .d-i-vp2 {
        display: inline !important
    }

    .d-ib-vp2 {
        display: inline-block !important
    }

    .d-b-vp2 {
        display: block !important
    }

    .d-t-vp2 {
        display: table !important
    }

    .d-tr-vp2 {
        display: table-row !important
    }

    .d-tc-vp2 {
        display: table-cell !important
    }

    .d-f-vp2 {
        display: flex !important
    }

    .d-if-vp2 {
        display: inline-flex !important
    }

    .d-g-vp2 {
        display: grid !important
    }
}

@media (min-width:35em) {
    .d-n-vp3 {
        display: none !important
    }

    .d-i-vp3 {
        display: inline !important
    }

    .d-ib-vp3 {
        display: inline-block !important
    }

    .d-b-vp3 {
        display: block !important
    }

    .d-t-vp3 {
        display: table !important
    }

    .d-tr-vp3 {
        display: table-row !important
    }

    .d-tc-vp3 {
        display: table-cell !important
    }

    .d-f-vp3 {
        display: flex !important
    }

    .d-if-vp3 {
        display: inline-flex !important
    }

    .d-g-vp3 {
        display: grid !important
    }
}

@media (min-width:48em) {
    .d-n-vp4 {
        display: none !important
    }

    .d-i-vp4 {
        display: inline !important
    }

    .d-ib-vp4 {
        display: inline-block !important
    }

    .d-b-vp4 {
        display: block !important
    }

    .d-t-vp4 {
        display: table !important
    }

    .d-tr-vp4 {
        display: table-row !important
    }

    .d-tc-vp4 {
        display: table-cell !important
    }

    .d-f-vp4 {
        display: flex !important
    }

    .d-if-vp4 {
        display: inline-flex !important
    }

    .d-g-vp4 {
        display: grid !important
    }
}

@media (min-width:64em) {
    .d-n-vp5 {
        display: none !important
    }

    .d-i-vp5 {
        display: inline !important
    }

    .d-ib-vp5 {
        display: inline-block !important
    }

    .d-b-vp5 {
        display: block !important
    }

    .d-t-vp5 {
        display: table !important
    }

    .d-tr-vp5 {
        display: table-row !important
    }

    .d-tc-vp5 {
        display: table-cell !important
    }

    .d-f-vp5 {
        display: flex !important
    }

    .d-if-vp5 {
        display: inline-flex !important
    }

    .d-g-vp5 {
        display: grid !important
    }
}

@media (min-width:72.5em) {
    .d-n-vp6 {
        display: none !important
    }

    .d-i-vp6 {
        display: inline !important
    }

    .d-ib-vp6 {
        display: inline-block !important
    }

    .d-b-vp6 {
        display: block !important
    }

    .d-t-vp6 {
        display: table !important
    }

    .d-tr-vp6 {
        display: table-row !important
    }

    .d-tc-vp6 {
        display: table-cell !important
    }

    .d-f-vp6 {
        display: flex !important
    }

    .d-if-vp6 {
        display: inline-flex !important
    }

    .d-g-vp6 {
        display: grid !important
    }
}

@media (min-width:87.5em) {
    .d-n-vp7 {
        display: none !important
    }

    .d-i-vp7 {
        display: inline !important
    }

    .d-ib-vp7 {
        display: inline-block !important
    }

    .d-b-vp7 {
        display: block !important
    }

    .d-t-vp7 {
        display: table !important
    }

    .d-tr-vp7 {
        display: table-row !important
    }

    .d-tc-vp7 {
        display: table-cell !important
    }

    .d-f-vp7 {
        display: flex !important
    }

    .d-if-vp7 {
        display: inline-flex !important
    }

    .d-g-vp7 {
        display: grid !important
    }
}

@media (min-width:118.75em) {
    .d-n-vp8 {
        display: none !important
    }

    .d-i-vp8 {
        display: inline !important
    }

    .d-ib-vp8 {
        display: inline-block !important
    }

    .d-b-vp8 {
        display: block !important
    }

    .d-t-vp8 {
        display: table !important
    }

    .d-tr-vp8 {
        display: table-row !important
    }

    .d-tc-vp8 {
        display: table-cell !important
    }

    .d-f-vp8 {
        display: flex !important
    }

    .d-if-vp8 {
        display: inline-flex !important
    }

    .d-g-vp8 {
        display: grid !important
    }
}

@media (min-width:150em) {
    .d-n-vp9 {
        display: none !important
    }

    .d-i-vp9 {
        display: inline !important
    }

    .d-ib-vp9 {
        display: inline-block !important
    }

    .d-b-vp9 {
        display: block !important
    }

    .d-t-vp9 {
        display: table !important
    }

    .d-tr-vp9 {
        display: table-row !important
    }

    .d-tc-vp9 {
        display: table-cell !important
    }

    .d-f-vp9 {
        display: flex !important
    }

    .d-if-vp9 {
        display: inline-flex !important
    }

    .d-g-vp9 {
        display: grid !important
    }
}

.pa0 {
    padding: 0;
    padding: calc(var(--margin-unit)*0)
}

.pl0 {
    padding-left: 0;
    padding-left: calc(var(--margin-unit)*0)
}

.pr0 {
    padding-right: 0;
    padding-right: calc(var(--margin-unit)*0)
}

.pt0 {
    padding-top: 0;
    padding-top: calc(var(--margin-unit)*0)
}

.pb0,
.pv0 {
    padding-bottom: 0;
    padding-bottom: calc(var(--margin-unit)*0)
}

.pv0 {
    padding-top: 0;
    padding-top: calc(var(--margin-unit)*0)
}

.ph0 {
    padding-left: 0;
    padding-left: calc(var(--margin-unit)*0);
    padding-right: 0;
    padding-right: calc(var(--margin-unit)*0)
}

.ma0 {
    margin: 0;
    margin: calc(var(--margin-unit)*0)
}

.ml0 {
    margin-left: 0;
    margin-left: calc(var(--margin-unit)*0)
}

.mr0 {
    margin-right: 0;
    margin-right: calc(var(--margin-unit)*0)
}

.mt0 {
    margin-top: 0;
    margin-top: calc(var(--margin-unit)*0)
}

.mb0,
.mv0 {
    margin-bottom: 0;
    margin-bottom: calc(var(--margin-unit)*0)
}

.mv0 {
    margin-top: 0;
    margin-top: calc(var(--margin-unit)*0)
}

.mh0 {
    margin-left: 0;
    margin-left: calc(var(--margin-unit)*0);
    margin-right: 0;
    margin-right: calc(var(--margin-unit)*0)
}

.pa1 {
    padding: .3125rem;
    padding: calc(var(--margin-unit)*1)
}

.pl1 {
    padding-left: .3125rem;
    padding-left: calc(var(--margin-unit)*1)
}

.pr1 {
    padding-right: .3125rem;
    padding-right: calc(var(--margin-unit)*1)
}

.pt1 {
    padding-top: .3125rem;
    padding-top: calc(var(--margin-unit)*1)
}

.pb1,
.pv1 {
    padding-bottom: .3125rem;
    padding-bottom: calc(var(--margin-unit)*1)
}

.pv1 {
    padding-top: .3125rem;
    padding-top: calc(var(--margin-unit)*1)
}

.ph1 {
    padding-left: .3125rem;
    padding-left: calc(var(--margin-unit)*1);
    padding-right: .3125rem;
    padding-right: calc(var(--margin-unit)*1)
}

.ma1 {
    margin: .3125rem;
    margin: calc(var(--margin-unit)*1)
}

.ml1 {
    margin-left: .3125rem;
    margin-left: calc(var(--margin-unit)*1)
}

.mr1 {
    margin-right: .3125rem;
    margin-right: calc(var(--margin-unit)*1)
}

.mt1 {
    margin-top: .3125rem;
    margin-top: calc(var(--margin-unit)*1)
}

.mb1,
.mv1 {
    margin-bottom: .3125rem;
    margin-bottom: calc(var(--margin-unit)*1)
}

.mv1 {
    margin-top: .3125rem;
    margin-top: calc(var(--margin-unit)*1)
}

.mh1 {
    margin-left: .3125rem;
    margin-left: calc(var(--margin-unit)*1);
    margin-right: .3125rem;
    margin-right: calc(var(--margin-unit)*1)
}

.pa2 {
    padding: .625rem;
    padding: calc(var(--margin-unit)*2)
}

.pl2 {
    padding-left: .625rem;
    padding-left: calc(var(--margin-unit)*2)
}

.pr2 {
    padding-right: .625rem;
    padding-right: calc(var(--margin-unit)*2)
}

.pt2 {
    padding-top: .625rem;
    padding-top: calc(var(--margin-unit)*2)
}

.pb2,
.pv2 {
    padding-bottom: .625rem;
    padding-bottom: calc(var(--margin-unit)*2)
}

.pv2 {
    padding-top: .625rem;
    padding-top: calc(var(--margin-unit)*2)
}

.ph2 {
    padding-left: .625rem;
    padding-left: calc(var(--margin-unit)*2);
    padding-right: .625rem;
    padding-right: calc(var(--margin-unit)*2)
}

.ma2 {
    margin: .625rem;
    margin: calc(var(--margin-unit)*2)
}

.ml2 {
    margin-left: .625rem;
    margin-left: calc(var(--margin-unit)*2)
}

.mr2 {
    margin-right: .625rem;
    margin-right: calc(var(--margin-unit)*2)
}

.mt2 {
    margin-top: .625rem;
    margin-top: calc(var(--margin-unit)*2)
}

.mb2,
.mv2 {
    margin-bottom: .625rem;
    margin-bottom: calc(var(--margin-unit)*2)
}

.mv2 {
    margin-top: .625rem;
    margin-top: calc(var(--margin-unit)*2)
}

.mh2 {
    margin-left: .625rem;
    margin-left: calc(var(--margin-unit)*2);
    margin-right: .625rem;
    margin-right: calc(var(--margin-unit)*2)
}

.pa3 {
    padding: .9375rem;
    padding: calc(var(--margin-unit)*3)
}

.pl3 {
    padding-left: .9375rem;
    padding-left: calc(var(--margin-unit)*3)
}

.pr3 {
    padding-right: .9375rem;
    padding-right: calc(var(--margin-unit)*3)
}

.pt3 {
    padding-top: .9375rem;
    padding-top: calc(var(--margin-unit)*3)
}

.pb3,
.pv3 {
    padding-bottom: .9375rem;
    padding-bottom: calc(var(--margin-unit)*3)
}

.pv3 {
    padding-top: .9375rem;
    padding-top: calc(var(--margin-unit)*3)
}

.ph3 {
    padding-left: .9375rem;
    padding-left: calc(var(--margin-unit)*3);
    padding-right: .9375rem;
    padding-right: calc(var(--margin-unit)*3)
}

.ma3 {
    margin: .9375rem;
    margin: calc(var(--margin-unit)*3)
}

.ml3 {
    margin-left: .9375rem;
    margin-left: calc(var(--margin-unit)*3)
}

.mr3 {
    margin-right: .9375rem;
    margin-right: calc(var(--margin-unit)*3)
}

.mt3 {
    margin-top: .9375rem;
    margin-top: calc(var(--margin-unit)*3)
}

.mb3,
.mv3 {
    margin-bottom: .9375rem;
    margin-bottom: calc(var(--margin-unit)*3)
}

.mv3 {
    margin-top: .9375rem;
    margin-top: calc(var(--margin-unit)*3)
}

.mh3 {
    margin-left: .9375rem;
    margin-left: calc(var(--margin-unit)*3);
    margin-right: .9375rem;
    margin-right: calc(var(--margin-unit)*3)
}

.pa4 {
    padding: 1.25rem;
    padding: calc(var(--margin-unit)*4)
}

.pl4 {
    padding-left: 1.25rem;
    padding-left: calc(var(--margin-unit)*4)
}

.pr4 {
    padding-right: 1.25rem;
    padding-right: calc(var(--margin-unit)*4)
}

.pt4 {
    padding-top: 1.25rem;
    padding-top: calc(var(--margin-unit)*4)
}

.pb4,
.pv4 {
    padding-bottom: 1.25rem;
    padding-bottom: calc(var(--margin-unit)*4)
}

.pv4 {
    padding-top: 1.25rem;
    padding-top: calc(var(--margin-unit)*4)
}

.ph4 {
    padding-left: 1.25rem;
    padding-left: calc(var(--margin-unit)*4);
    padding-right: 1.25rem;
    padding-right: calc(var(--margin-unit)*4)
}

.ma4 {
    margin: 1.25rem;
    margin: calc(var(--margin-unit)*4)
}

.ml4 {
    margin-left: 1.25rem;
    margin-left: calc(var(--margin-unit)*4)
}

.mr4 {
    margin-right: 1.25rem;
    margin-right: calc(var(--margin-unit)*4)
}

.mt4 {
    margin-top: 1.25rem;
    margin-top: calc(var(--margin-unit)*4)
}

.mb4,
.mv4 {
    margin-bottom: 1.25rem;
    margin-bottom: calc(var(--margin-unit)*4)
}

.mv4 {
    margin-top: 1.25rem;
    margin-top: calc(var(--margin-unit)*4)
}

.mh4 {
    margin-left: 1.25rem;
    margin-left: calc(var(--margin-unit)*4);
    margin-right: 1.25rem;
    margin-right: calc(var(--margin-unit)*4)
}

.pa5 {
    padding: 1.5625rem;
    padding: calc(var(--margin-unit)*5)
}

.pl5 {
    padding-left: 1.5625rem;
    padding-left: calc(var(--margin-unit)*5)
}

.pr5 {
    padding-right: 1.5625rem;
    padding-right: calc(var(--margin-unit)*5)
}

.pt5 {
    padding-top: 1.5625rem;
    padding-top: calc(var(--margin-unit)*5)
}

.pb5,
.pv5 {
    padding-bottom: 1.5625rem;
    padding-bottom: calc(var(--margin-unit)*5)
}

.pv5 {
    padding-top: 1.5625rem;
    padding-top: calc(var(--margin-unit)*5)
}

.ph5 {
    padding-left: 1.5625rem;
    padding-left: calc(var(--margin-unit)*5);
    padding-right: 1.5625rem;
    padding-right: calc(var(--margin-unit)*5)
}

.ma5 {
    margin: 1.5625rem;
    margin: calc(var(--margin-unit)*5)
}

.ml5 {
    margin-left: 1.5625rem;
    margin-left: calc(var(--margin-unit)*5)
}

.mr5 {
    margin-right: 1.5625rem;
    margin-right: calc(var(--margin-unit)*5)
}

.mt5 {
    margin-top: 1.5625rem;
    margin-top: calc(var(--margin-unit)*5)
}

.mb5,
.mv5 {
    margin-bottom: 1.5625rem;
    margin-bottom: calc(var(--margin-unit)*5)
}

.mv5 {
    margin-top: 1.5625rem;
    margin-top: calc(var(--margin-unit)*5)
}

.mh5 {
    margin-left: 1.5625rem;
    margin-left: calc(var(--margin-unit)*5);
    margin-right: 1.5625rem;
    margin-right: calc(var(--margin-unit)*5)
}

.pa6 {
    padding: 1.875rem;
    padding: calc(var(--margin-unit)*6)
}

.pl6 {
    padding-left: 1.875rem;
    padding-left: calc(var(--margin-unit)*6)
}

.pr6 {
    padding-right: 1.875rem;
    padding-right: calc(var(--margin-unit)*6)
}

.pt6 {
    padding-top: 1.875rem;
    padding-top: calc(var(--margin-unit)*6)
}

.pb6,
.pv6 {
    padding-bottom: 1.875rem;
    padding-bottom: calc(var(--margin-unit)*6)
}

.pv6 {
    padding-top: 1.875rem;
    padding-top: calc(var(--margin-unit)*6)
}

.ph6 {
    padding-left: 1.875rem;
    padding-left: calc(var(--margin-unit)*6);
    padding-right: 1.875rem;
    padding-right: calc(var(--margin-unit)*6)
}

.ma6 {
    margin: 1.875rem;
    margin: calc(var(--margin-unit)*6)
}

.ml6 {
    margin-left: 1.875rem;
    margin-left: calc(var(--margin-unit)*6)
}

.mr6 {
    margin-right: 1.875rem;
    margin-right: calc(var(--margin-unit)*6)
}

.mt6 {
    margin-top: 1.875rem;
    margin-top: calc(var(--margin-unit)*6)
}

.mb6,
.mv6 {
    margin-bottom: 1.875rem;
    margin-bottom: calc(var(--margin-unit)*6)
}

.mv6 {
    margin-top: 1.875rem;
    margin-top: calc(var(--margin-unit)*6)
}

.mh6 {
    margin-left: 1.875rem;
    margin-left: calc(var(--margin-unit)*6);
    margin-right: 1.875rem;
    margin-right: calc(var(--margin-unit)*6)
}

.pa7 {
    padding: 2.1875rem;
    padding: calc(var(--margin-unit)*7)
}

.pl7 {
    padding-left: 2.1875rem;
    padding-left: calc(var(--margin-unit)*7)
}

.pr7 {
    padding-right: 2.1875rem;
    padding-right: calc(var(--margin-unit)*7)
}

.pt7 {
    padding-top: 2.1875rem;
    padding-top: calc(var(--margin-unit)*7)
}

.pb7,
.pv7 {
    padding-bottom: 2.1875rem;
    padding-bottom: calc(var(--margin-unit)*7)
}

.pv7 {
    padding-top: 2.1875rem;
    padding-top: calc(var(--margin-unit)*7)
}

.ph7 {
    padding-left: 2.1875rem;
    padding-left: calc(var(--margin-unit)*7);
    padding-right: 2.1875rem;
    padding-right: calc(var(--margin-unit)*7)
}

.ma7 {
    margin: 2.1875rem;
    margin: calc(var(--margin-unit)*7)
}

.ml7 {
    margin-left: 2.1875rem;
    margin-left: calc(var(--margin-unit)*7)
}

.mr7 {
    margin-right: 2.1875rem;
    margin-right: calc(var(--margin-unit)*7)
}

.mt7 {
    margin-top: 2.1875rem;
    margin-top: calc(var(--margin-unit)*7)
}

.mb7,
.mv7 {
    margin-bottom: 2.1875rem;
    margin-bottom: calc(var(--margin-unit)*7)
}

.mv7 {
    margin-top: 2.1875rem;
    margin-top: calc(var(--margin-unit)*7)
}

.mh7 {
    margin-left: 2.1875rem;
    margin-left: calc(var(--margin-unit)*7);
    margin-right: 2.1875rem;
    margin-right: calc(var(--margin-unit)*7)
}

.pa8 {
    padding: 2.5rem;
    padding: calc(var(--margin-unit)*8)
}

.pl8 {
    padding-left: 2.5rem;
    padding-left: calc(var(--margin-unit)*8)
}

.pr8 {
    padding-right: 2.5rem;
    padding-right: calc(var(--margin-unit)*8)
}

.pt8 {
    padding-top: 2.5rem;
    padding-top: calc(var(--margin-unit)*8)
}

.pb8,
.pv8 {
    padding-bottom: 2.5rem;
    padding-bottom: calc(var(--margin-unit)*8)
}

.pv8 {
    padding-top: 2.5rem;
    padding-top: calc(var(--margin-unit)*8)
}

.ph8 {
    padding-left: 2.5rem;
    padding-left: calc(var(--margin-unit)*8);
    padding-right: 2.5rem;
    padding-right: calc(var(--margin-unit)*8)
}

.ma8 {
    margin: 2.5rem;
    margin: calc(var(--margin-unit)*8)
}

.ml8 {
    margin-left: 2.5rem;
    margin-left: calc(var(--margin-unit)*8)
}

.mr8 {
    margin-right: 2.5rem;
    margin-right: calc(var(--margin-unit)*8)
}

.mt8 {
    margin-top: 2.5rem;
    margin-top: calc(var(--margin-unit)*8)
}

.mb8,
.mv8 {
    margin-bottom: 2.5rem;
    margin-bottom: calc(var(--margin-unit)*8)
}

.mv8 {
    margin-top: 2.5rem;
    margin-top: calc(var(--margin-unit)*8)
}

.mh8 {
    margin-left: 2.5rem;
    margin-left: calc(var(--margin-unit)*8);
    margin-right: 2.5rem;
    margin-right: calc(var(--margin-unit)*8)
}

.pa9 {
    padding: 2.8125rem;
    padding: calc(var(--margin-unit)*9)
}

.pl9 {
    padding-left: 2.8125rem;
    padding-left: calc(var(--margin-unit)*9)
}

.pr9 {
    padding-right: 2.8125rem;
    padding-right: calc(var(--margin-unit)*9)
}

.pt9 {
    padding-top: 2.8125rem;
    padding-top: calc(var(--margin-unit)*9)
}

.pb9,
.pv9 {
    padding-bottom: 2.8125rem;
    padding-bottom: calc(var(--margin-unit)*9)
}

.pv9 {
    padding-top: 2.8125rem;
    padding-top: calc(var(--margin-unit)*9)
}

.ph9 {
    padding-left: 2.8125rem;
    padding-left: calc(var(--margin-unit)*9);
    padding-right: 2.8125rem;
    padding-right: calc(var(--margin-unit)*9)
}

.ma9 {
    margin: 2.8125rem;
    margin: calc(var(--margin-unit)*9)
}

.ml9 {
    margin-left: 2.8125rem;
    margin-left: calc(var(--margin-unit)*9)
}

.mr9 {
    margin-right: 2.8125rem;
    margin-right: calc(var(--margin-unit)*9)
}

.mt9 {
    margin-top: 2.8125rem;
    margin-top: calc(var(--margin-unit)*9)
}

.mb9,
.mv9 {
    margin-bottom: 2.8125rem;
    margin-bottom: calc(var(--margin-unit)*9)
}

.mv9 {
    margin-top: 2.8125rem;
    margin-top: calc(var(--margin-unit)*9)
}

.mh9 {
    margin-left: 2.8125rem;
    margin-left: calc(var(--margin-unit)*9);
    margin-right: 2.8125rem;
    margin-right: calc(var(--margin-unit)*9)
}

.pa10 {
    padding: 3.125rem;
    padding: calc(var(--margin-unit)*10)
}

.pl10 {
    padding-left: 3.125rem;
    padding-left: calc(var(--margin-unit)*10)
}

.pr10 {
    padding-right: 3.125rem;
    padding-right: calc(var(--margin-unit)*10)
}

.pt10 {
    padding-top: 3.125rem;
    padding-top: calc(var(--margin-unit)*10)
}

.pb10,
.pv10 {
    padding-bottom: 3.125rem;
    padding-bottom: calc(var(--margin-unit)*10)
}

.pv10 {
    padding-top: 3.125rem;
    padding-top: calc(var(--margin-unit)*10)
}

.ph10 {
    padding-left: 3.125rem;
    padding-left: calc(var(--margin-unit)*10);
    padding-right: 3.125rem;
    padding-right: calc(var(--margin-unit)*10)
}

.ma10 {
    margin: 3.125rem;
    margin: calc(var(--margin-unit)*10)
}

.ml10 {
    margin-left: 3.125rem;
    margin-left: calc(var(--margin-unit)*10)
}

.mr10 {
    margin-right: 3.125rem;
    margin-right: calc(var(--margin-unit)*10)
}

.mt10 {
    margin-top: 3.125rem;
    margin-top: calc(var(--margin-unit)*10)
}

.mb10,
.mv10 {
    margin-bottom: 3.125rem;
    margin-bottom: calc(var(--margin-unit)*10)
}

.mv10 {
    margin-top: 3.125rem;
    margin-top: calc(var(--margin-unit)*10)
}

.mh10 {
    margin-left: 3.125rem;
    margin-left: calc(var(--margin-unit)*10);
    margin-right: 3.125rem;
    margin-right: calc(var(--margin-unit)*10)
}

@media (min-width:9.375em) {
    .pa0-vp1 {
        padding: 0;
        padding: calc(var(--margin-unit)*0)
    }

    .pl0-vp1 {
        padding-left: 0;
        padding-left: calc(var(--margin-unit)*0)
    }

    .pr0-vp1 {
        padding-right: 0;
        padding-right: calc(var(--margin-unit)*0)
    }

    .pt0-vp1 {
        padding-top: 0;
        padding-top: calc(var(--margin-unit)*0)
    }

    .pb0-vp1,
    .pv0-vp1 {
        padding-bottom: 0;
        padding-bottom: calc(var(--margin-unit)*0)
    }

    .pv0-vp1 {
        padding-top: 0;
        padding-top: calc(var(--margin-unit)*0)
    }

    .ph0-vp1 {
        padding-left: 0;
        padding-left: calc(var(--margin-unit)*0);
        padding-right: 0;
        padding-right: calc(var(--margin-unit)*0)
    }

    .ma0-vp1 {
        margin: 0;
        margin: calc(var(--margin-unit)*0)
    }

    .ml0-vp1 {
        margin-left: 0;
        margin-left: calc(var(--margin-unit)*0)
    }

    .mr0-vp1 {
        margin-right: 0;
        margin-right: calc(var(--margin-unit)*0)
    }

    .mt0-vp1 {
        margin-top: 0;
        margin-top: calc(var(--margin-unit)*0)
    }

    .mb0-vp1,
    .mv0-vp1 {
        margin-bottom: 0;
        margin-bottom: calc(var(--margin-unit)*0)
    }

    .mv0-vp1 {
        margin-top: 0;
        margin-top: calc(var(--margin-unit)*0)
    }

    .mh0-vp1 {
        margin-left: 0;
        margin-left: calc(var(--margin-unit)*0);
        margin-right: 0;
        margin-right: calc(var(--margin-unit)*0)
    }
}

@media (min-width:9.375em) {
    .pa1-vp1 {
        padding: .3125rem;
        padding: calc(var(--margin-unit)*1)
    }

    .pl1-vp1 {
        padding-left: .3125rem;
        padding-left: calc(var(--margin-unit)*1)
    }

    .pr1-vp1 {
        padding-right: .3125rem;
        padding-right: calc(var(--margin-unit)*1)
    }

    .pt1-vp1 {
        padding-top: .3125rem;
        padding-top: calc(var(--margin-unit)*1)
    }

    .pb1-vp1,
    .pv1-vp1 {
        padding-bottom: .3125rem;
        padding-bottom: calc(var(--margin-unit)*1)
    }

    .pv1-vp1 {
        padding-top: .3125rem;
        padding-top: calc(var(--margin-unit)*1)
    }

    .ph1-vp1 {
        padding-left: .3125rem;
        padding-left: calc(var(--margin-unit)*1);
        padding-right: .3125rem;
        padding-right: calc(var(--margin-unit)*1)
    }

    .ma1-vp1 {
        margin: .3125rem;
        margin: calc(var(--margin-unit)*1)
    }

    .ml1-vp1 {
        margin-left: .3125rem;
        margin-left: calc(var(--margin-unit)*1)
    }

    .mr1-vp1 {
        margin-right: .3125rem;
        margin-right: calc(var(--margin-unit)*1)
    }

    .mt1-vp1 {
        margin-top: .3125rem;
        margin-top: calc(var(--margin-unit)*1)
    }

    .mb1-vp1,
    .mv1-vp1 {
        margin-bottom: .3125rem;
        margin-bottom: calc(var(--margin-unit)*1)
    }

    .mv1-vp1 {
        margin-top: .3125rem;
        margin-top: calc(var(--margin-unit)*1)
    }

    .mh1-vp1 {
        margin-left: .3125rem;
        margin-left: calc(var(--margin-unit)*1);
        margin-right: .3125rem;
        margin-right: calc(var(--margin-unit)*1)
    }
}

@media (min-width:9.375em) {
    .pa2-vp1 {
        padding: .625rem;
        padding: calc(var(--margin-unit)*2)
    }

    .pl2-vp1 {
        padding-left: .625rem;
        padding-left: calc(var(--margin-unit)*2)
    }

    .pr2-vp1 {
        padding-right: .625rem;
        padding-right: calc(var(--margin-unit)*2)
    }

    .pt2-vp1 {
        padding-top: .625rem;
        padding-top: calc(var(--margin-unit)*2)
    }

    .pb2-vp1,
    .pv2-vp1 {
        padding-bottom: .625rem;
        padding-bottom: calc(var(--margin-unit)*2)
    }

    .pv2-vp1 {
        padding-top: .625rem;
        padding-top: calc(var(--margin-unit)*2)
    }

    .ph2-vp1 {
        padding-left: .625rem;
        padding-left: calc(var(--margin-unit)*2);
        padding-right: .625rem;
        padding-right: calc(var(--margin-unit)*2)
    }

    .ma2-vp1 {
        margin: .625rem;
        margin: calc(var(--margin-unit)*2)
    }

    .ml2-vp1 {
        margin-left: .625rem;
        margin-left: calc(var(--margin-unit)*2)
    }

    .mr2-vp1 {
        margin-right: .625rem;
        margin-right: calc(var(--margin-unit)*2)
    }

    .mt2-vp1 {
        margin-top: .625rem;
        margin-top: calc(var(--margin-unit)*2)
    }

    .mb2-vp1,
    .mv2-vp1 {
        margin-bottom: .625rem;
        margin-bottom: calc(var(--margin-unit)*2)
    }

    .mv2-vp1 {
        margin-top: .625rem;
        margin-top: calc(var(--margin-unit)*2)
    }

    .mh2-vp1 {
        margin-left: .625rem;
        margin-left: calc(var(--margin-unit)*2);
        margin-right: .625rem;
        margin-right: calc(var(--margin-unit)*2)
    }
}

@media (min-width:9.375em) {
    .pa3-vp1 {
        padding: .9375rem;
        padding: calc(var(--margin-unit)*3)
    }

    .pl3-vp1 {
        padding-left: .9375rem;
        padding-left: calc(var(--margin-unit)*3)
    }

    .pr3-vp1 {
        padding-right: .9375rem;
        padding-right: calc(var(--margin-unit)*3)
    }

    .pt3-vp1 {
        padding-top: .9375rem;
        padding-top: calc(var(--margin-unit)*3)
    }

    .pb3-vp1,
    .pv3-vp1 {
        padding-bottom: .9375rem;
        padding-bottom: calc(var(--margin-unit)*3)
    }

    .pv3-vp1 {
        padding-top: .9375rem;
        padding-top: calc(var(--margin-unit)*3)
    }

    .ph3-vp1 {
        padding-left: .9375rem;
        padding-left: calc(var(--margin-unit)*3);
        padding-right: .9375rem;
        padding-right: calc(var(--margin-unit)*3)
    }

    .ma3-vp1 {
        margin: .9375rem;
        margin: calc(var(--margin-unit)*3)
    }

    .ml3-vp1 {
        margin-left: .9375rem;
        margin-left: calc(var(--margin-unit)*3)
    }

    .mr3-vp1 {
        margin-right: .9375rem;
        margin-right: calc(var(--margin-unit)*3)
    }

    .mt3-vp1 {
        margin-top: .9375rem;
        margin-top: calc(var(--margin-unit)*3)
    }

    .mb3-vp1,
    .mv3-vp1 {
        margin-bottom: .9375rem;
        margin-bottom: calc(var(--margin-unit)*3)
    }

    .mv3-vp1 {
        margin-top: .9375rem;
        margin-top: calc(var(--margin-unit)*3)
    }

    .mh3-vp1 {
        margin-left: .9375rem;
        margin-left: calc(var(--margin-unit)*3);
        margin-right: .9375rem;
        margin-right: calc(var(--margin-unit)*3)
    }
}

@media (min-width:9.375em) {
    .pa4-vp1 {
        padding: 1.25rem;
        padding: calc(var(--margin-unit)*4)
    }

    .pl4-vp1 {
        padding-left: 1.25rem;
        padding-left: calc(var(--margin-unit)*4)
    }

    .pr4-vp1 {
        padding-right: 1.25rem;
        padding-right: calc(var(--margin-unit)*4)
    }

    .pt4-vp1 {
        padding-top: 1.25rem;
        padding-top: calc(var(--margin-unit)*4)
    }

    .pb4-vp1,
    .pv4-vp1 {
        padding-bottom: 1.25rem;
        padding-bottom: calc(var(--margin-unit)*4)
    }

    .pv4-vp1 {
        padding-top: 1.25rem;
        padding-top: calc(var(--margin-unit)*4)
    }

    .ph4-vp1 {
        padding-left: 1.25rem;
        padding-left: calc(var(--margin-unit)*4);
        padding-right: 1.25rem;
        padding-right: calc(var(--margin-unit)*4)
    }

    .ma4-vp1 {
        margin: 1.25rem;
        margin: calc(var(--margin-unit)*4)
    }

    .ml4-vp1 {
        margin-left: 1.25rem;
        margin-left: calc(var(--margin-unit)*4)
    }

    .mr4-vp1 {
        margin-right: 1.25rem;
        margin-right: calc(var(--margin-unit)*4)
    }

    .mt4-vp1 {
        margin-top: 1.25rem;
        margin-top: calc(var(--margin-unit)*4)
    }

    .mb4-vp1,
    .mv4-vp1 {
        margin-bottom: 1.25rem;
        margin-bottom: calc(var(--margin-unit)*4)
    }

    .mv4-vp1 {
        margin-top: 1.25rem;
        margin-top: calc(var(--margin-unit)*4)
    }

    .mh4-vp1 {
        margin-left: 1.25rem;
        margin-left: calc(var(--margin-unit)*4);
        margin-right: 1.25rem;
        margin-right: calc(var(--margin-unit)*4)
    }
}

@media (min-width:9.375em) {
    .pa5-vp1 {
        padding: 1.5625rem;
        padding: calc(var(--margin-unit)*5)
    }

    .pl5-vp1 {
        padding-left: 1.5625rem;
        padding-left: calc(var(--margin-unit)*5)
    }

    .pr5-vp1 {
        padding-right: 1.5625rem;
        padding-right: calc(var(--margin-unit)*5)
    }

    .pt5-vp1 {
        padding-top: 1.5625rem;
        padding-top: calc(var(--margin-unit)*5)
    }

    .pb5-vp1,
    .pv5-vp1 {
        padding-bottom: 1.5625rem;
        padding-bottom: calc(var(--margin-unit)*5)
    }

    .pv5-vp1 {
        padding-top: 1.5625rem;
        padding-top: calc(var(--margin-unit)*5)
    }

    .ph5-vp1 {
        padding-left: 1.5625rem;
        padding-left: calc(var(--margin-unit)*5);
        padding-right: 1.5625rem;
        padding-right: calc(var(--margin-unit)*5)
    }

    .ma5-vp1 {
        margin: 1.5625rem;
        margin: calc(var(--margin-unit)*5)
    }

    .ml5-vp1 {
        margin-left: 1.5625rem;
        margin-left: calc(var(--margin-unit)*5)
    }

    .mr5-vp1 {
        margin-right: 1.5625rem;
        margin-right: calc(var(--margin-unit)*5)
    }

    .mt5-vp1 {
        margin-top: 1.5625rem;
        margin-top: calc(var(--margin-unit)*5)
    }

    .mb5-vp1,
    .mv5-vp1 {
        margin-bottom: 1.5625rem;
        margin-bottom: calc(var(--margin-unit)*5)
    }

    .mv5-vp1 {
        margin-top: 1.5625rem;
        margin-top: calc(var(--margin-unit)*5)
    }

    .mh5-vp1 {
        margin-left: 1.5625rem;
        margin-left: calc(var(--margin-unit)*5);
        margin-right: 1.5625rem;
        margin-right: calc(var(--margin-unit)*5)
    }
}

@media (min-width:9.375em) {
    .pa6-vp1 {
        padding: 1.875rem;
        padding: calc(var(--margin-unit)*6)
    }

    .pl6-vp1 {
        padding-left: 1.875rem;
        padding-left: calc(var(--margin-unit)*6)
    }

    .pr6-vp1 {
        padding-right: 1.875rem;
        padding-right: calc(var(--margin-unit)*6)
    }

    .pt6-vp1 {
        padding-top: 1.875rem;
        padding-top: calc(var(--margin-unit)*6)
    }

    .pb6-vp1,
    .pv6-vp1 {
        padding-bottom: 1.875rem;
        padding-bottom: calc(var(--margin-unit)*6)
    }

    .pv6-vp1 {
        padding-top: 1.875rem;
        padding-top: calc(var(--margin-unit)*6)
    }

    .ph6-vp1 {
        padding-left: 1.875rem;
        padding-left: calc(var(--margin-unit)*6);
        padding-right: 1.875rem;
        padding-right: calc(var(--margin-unit)*6)
    }

    .ma6-vp1 {
        margin: 1.875rem;
        margin: calc(var(--margin-unit)*6)
    }

    .ml6-vp1 {
        margin-left: 1.875rem;
        margin-left: calc(var(--margin-unit)*6)
    }

    .mr6-vp1 {
        margin-right: 1.875rem;
        margin-right: calc(var(--margin-unit)*6)
    }

    .mt6-vp1 {
        margin-top: 1.875rem;
        margin-top: calc(var(--margin-unit)*6)
    }

    .mb6-vp1,
    .mv6-vp1 {
        margin-bottom: 1.875rem;
        margin-bottom: calc(var(--margin-unit)*6)
    }

    .mv6-vp1 {
        margin-top: 1.875rem;
        margin-top: calc(var(--margin-unit)*6)
    }

    .mh6-vp1 {
        margin-left: 1.875rem;
        margin-left: calc(var(--margin-unit)*6);
        margin-right: 1.875rem;
        margin-right: calc(var(--margin-unit)*6)
    }
}

@media (min-width:9.375em) {
    .pa7-vp1 {
        padding: 2.1875rem;
        padding: calc(var(--margin-unit)*7)
    }

    .pl7-vp1 {
        padding-left: 2.1875rem;
        padding-left: calc(var(--margin-unit)*7)
    }

    .pr7-vp1 {
        padding-right: 2.1875rem;
        padding-right: calc(var(--margin-unit)*7)
    }

    .pt7-vp1 {
        padding-top: 2.1875rem;
        padding-top: calc(var(--margin-unit)*7)
    }

    .pb7-vp1,
    .pv7-vp1 {
        padding-bottom: 2.1875rem;
        padding-bottom: calc(var(--margin-unit)*7)
    }

    .pv7-vp1 {
        padding-top: 2.1875rem;
        padding-top: calc(var(--margin-unit)*7)
    }

    .ph7-vp1 {
        padding-left: 2.1875rem;
        padding-left: calc(var(--margin-unit)*7);
        padding-right: 2.1875rem;
        padding-right: calc(var(--margin-unit)*7)
    }

    .ma7-vp1 {
        margin: 2.1875rem;
        margin: calc(var(--margin-unit)*7)
    }

    .ml7-vp1 {
        margin-left: 2.1875rem;
        margin-left: calc(var(--margin-unit)*7)
    }

    .mr7-vp1 {
        margin-right: 2.1875rem;
        margin-right: calc(var(--margin-unit)*7)
    }

    .mt7-vp1 {
        margin-top: 2.1875rem;
        margin-top: calc(var(--margin-unit)*7)
    }

    .mb7-vp1,
    .mv7-vp1 {
        margin-bottom: 2.1875rem;
        margin-bottom: calc(var(--margin-unit)*7)
    }

    .mv7-vp1 {
        margin-top: 2.1875rem;
        margin-top: calc(var(--margin-unit)*7)
    }

    .mh7-vp1 {
        margin-left: 2.1875rem;
        margin-left: calc(var(--margin-unit)*7);
        margin-right: 2.1875rem;
        margin-right: calc(var(--margin-unit)*7)
    }
}

@media (min-width:9.375em) {
    .pa8-vp1 {
        padding: 2.5rem;
        padding: calc(var(--margin-unit)*8)
    }

    .pl8-vp1 {
        padding-left: 2.5rem;
        padding-left: calc(var(--margin-unit)*8)
    }

    .pr8-vp1 {
        padding-right: 2.5rem;
        padding-right: calc(var(--margin-unit)*8)
    }

    .pt8-vp1 {
        padding-top: 2.5rem;
        padding-top: calc(var(--margin-unit)*8)
    }

    .pb8-vp1,
    .pv8-vp1 {
        padding-bottom: 2.5rem;
        padding-bottom: calc(var(--margin-unit)*8)
    }

    .pv8-vp1 {
        padding-top: 2.5rem;
        padding-top: calc(var(--margin-unit)*8)
    }

    .ph8-vp1 {
        padding-left: 2.5rem;
        padding-left: calc(var(--margin-unit)*8);
        padding-right: 2.5rem;
        padding-right: calc(var(--margin-unit)*8)
    }

    .ma8-vp1 {
        margin: 2.5rem;
        margin: calc(var(--margin-unit)*8)
    }

    .ml8-vp1 {
        margin-left: 2.5rem;
        margin-left: calc(var(--margin-unit)*8)
    }

    .mr8-vp1 {
        margin-right: 2.5rem;
        margin-right: calc(var(--margin-unit)*8)
    }

    .mt8-vp1 {
        margin-top: 2.5rem;
        margin-top: calc(var(--margin-unit)*8)
    }

    .mb8-vp1,
    .mv8-vp1 {
        margin-bottom: 2.5rem;
        margin-bottom: calc(var(--margin-unit)*8)
    }

    .mv8-vp1 {
        margin-top: 2.5rem;
        margin-top: calc(var(--margin-unit)*8)
    }

    .mh8-vp1 {
        margin-left: 2.5rem;
        margin-left: calc(var(--margin-unit)*8);
        margin-right: 2.5rem;
        margin-right: calc(var(--margin-unit)*8)
    }
}

@media (min-width:9.375em) {
    .pa9-vp1 {
        padding: 2.8125rem;
        padding: calc(var(--margin-unit)*9)
    }

    .pl9-vp1 {
        padding-left: 2.8125rem;
        padding-left: calc(var(--margin-unit)*9)
    }

    .pr9-vp1 {
        padding-right: 2.8125rem;
        padding-right: calc(var(--margin-unit)*9)
    }

    .pt9-vp1 {
        padding-top: 2.8125rem;
        padding-top: calc(var(--margin-unit)*9)
    }

    .pb9-vp1,
    .pv9-vp1 {
        padding-bottom: 2.8125rem;
        padding-bottom: calc(var(--margin-unit)*9)
    }

    .pv9-vp1 {
        padding-top: 2.8125rem;
        padding-top: calc(var(--margin-unit)*9)
    }

    .ph9-vp1 {
        padding-left: 2.8125rem;
        padding-left: calc(var(--margin-unit)*9);
        padding-right: 2.8125rem;
        padding-right: calc(var(--margin-unit)*9)
    }

    .ma9-vp1 {
        margin: 2.8125rem;
        margin: calc(var(--margin-unit)*9)
    }

    .ml9-vp1 {
        margin-left: 2.8125rem;
        margin-left: calc(var(--margin-unit)*9)
    }

    .mr9-vp1 {
        margin-right: 2.8125rem;
        margin-right: calc(var(--margin-unit)*9)
    }

    .mt9-vp1 {
        margin-top: 2.8125rem;
        margin-top: calc(var(--margin-unit)*9)
    }

    .mb9-vp1,
    .mv9-vp1 {
        margin-bottom: 2.8125rem;
        margin-bottom: calc(var(--margin-unit)*9)
    }

    .mv9-vp1 {
        margin-top: 2.8125rem;
        margin-top: calc(var(--margin-unit)*9)
    }

    .mh9-vp1 {
        margin-left: 2.8125rem;
        margin-left: calc(var(--margin-unit)*9);
        margin-right: 2.8125rem;
        margin-right: calc(var(--margin-unit)*9)
    }
}

@media (min-width:9.375em) {
    .pa10-vp1 {
        padding: 3.125rem;
        padding: calc(var(--margin-unit)*10)
    }

    .pl10-vp1 {
        padding-left: 3.125rem;
        padding-left: calc(var(--margin-unit)*10)
    }

    .pr10-vp1 {
        padding-right: 3.125rem;
        padding-right: calc(var(--margin-unit)*10)
    }

    .pt10-vp1 {
        padding-top: 3.125rem;
        padding-top: calc(var(--margin-unit)*10)
    }

    .pb10-vp1,
    .pv10-vp1 {
        padding-bottom: 3.125rem;
        padding-bottom: calc(var(--margin-unit)*10)
    }

    .pv10-vp1 {
        padding-top: 3.125rem;
        padding-top: calc(var(--margin-unit)*10)
    }

    .ph10-vp1 {
        padding-left: 3.125rem;
        padding-left: calc(var(--margin-unit)*10);
        padding-right: 3.125rem;
        padding-right: calc(var(--margin-unit)*10)
    }

    .ma10-vp1 {
        margin: 3.125rem;
        margin: calc(var(--margin-unit)*10)
    }

    .ml10-vp1 {
        margin-left: 3.125rem;
        margin-left: calc(var(--margin-unit)*10)
    }

    .mr10-vp1 {
        margin-right: 3.125rem;
        margin-right: calc(var(--margin-unit)*10)
    }

    .mt10-vp1 {
        margin-top: 3.125rem;
        margin-top: calc(var(--margin-unit)*10)
    }

    .mb10-vp1,
    .mv10-vp1 {
        margin-bottom: 3.125rem;
        margin-bottom: calc(var(--margin-unit)*10)
    }

    .mv10-vp1 {
        margin-top: 3.125rem;
        margin-top: calc(var(--margin-unit)*10)
    }

    .mh10-vp1 {
        margin-left: 3.125rem;
        margin-left: calc(var(--margin-unit)*10);
        margin-right: 3.125rem;
        margin-right: calc(var(--margin-unit)*10)
    }
}

@media (min-width:23.4375em) {
    .pa0-vp2 {
        padding: 0;
        padding: calc(var(--margin-unit)*0)
    }

    .pl0-vp2 {
        padding-left: 0;
        padding-left: calc(var(--margin-unit)*0)
    }

    .pr0-vp2 {
        padding-right: 0;
        padding-right: calc(var(--margin-unit)*0)
    }

    .pt0-vp2 {
        padding-top: 0;
        padding-top: calc(var(--margin-unit)*0)
    }

    .pb0-vp2,
    .pv0-vp2 {
        padding-bottom: 0;
        padding-bottom: calc(var(--margin-unit)*0)
    }

    .pv0-vp2 {
        padding-top: 0;
        padding-top: calc(var(--margin-unit)*0)
    }

    .ph0-vp2 {
        padding-left: 0;
        padding-left: calc(var(--margin-unit)*0);
        padding-right: 0;
        padding-right: calc(var(--margin-unit)*0)
    }

    .ma0-vp2 {
        margin: 0;
        margin: calc(var(--margin-unit)*0)
    }

    .ml0-vp2 {
        margin-left: 0;
        margin-left: calc(var(--margin-unit)*0)
    }

    .mr0-vp2 {
        margin-right: 0;
        margin-right: calc(var(--margin-unit)*0)
    }

    .mt0-vp2 {
        margin-top: 0;
        margin-top: calc(var(--margin-unit)*0)
    }

    .mb0-vp2,
    .mv0-vp2 {
        margin-bottom: 0;
        margin-bottom: calc(var(--margin-unit)*0)
    }

    .mv0-vp2 {
        margin-top: 0;
        margin-top: calc(var(--margin-unit)*0)
    }

    .mh0-vp2 {
        margin-left: 0;
        margin-left: calc(var(--margin-unit)*0);
        margin-right: 0;
        margin-right: calc(var(--margin-unit)*0)
    }
}

@media (min-width:23.4375em) {
    .pa1-vp2 {
        padding: .3125rem;
        padding: calc(var(--margin-unit)*1)
    }

    .pl1-vp2 {
        padding-left: .3125rem;
        padding-left: calc(var(--margin-unit)*1)
    }

    .pr1-vp2 {
        padding-right: .3125rem;
        padding-right: calc(var(--margin-unit)*1)
    }

    .pt1-vp2 {
        padding-top: .3125rem;
        padding-top: calc(var(--margin-unit)*1)
    }

    .pb1-vp2,
    .pv1-vp2 {
        padding-bottom: .3125rem;
        padding-bottom: calc(var(--margin-unit)*1)
    }

    .pv1-vp2 {
        padding-top: .3125rem;
        padding-top: calc(var(--margin-unit)*1)
    }

    .ph1-vp2 {
        padding-left: .3125rem;
        padding-left: calc(var(--margin-unit)*1);
        padding-right: .3125rem;
        padding-right: calc(var(--margin-unit)*1)
    }

    .ma1-vp2 {
        margin: .3125rem;
        margin: calc(var(--margin-unit)*1)
    }

    .ml1-vp2 {
        margin-left: .3125rem;
        margin-left: calc(var(--margin-unit)*1)
    }

    .mr1-vp2 {
        margin-right: .3125rem;
        margin-right: calc(var(--margin-unit)*1)
    }

    .mt1-vp2 {
        margin-top: .3125rem;
        margin-top: calc(var(--margin-unit)*1)
    }

    .mb1-vp2,
    .mv1-vp2 {
        margin-bottom: .3125rem;
        margin-bottom: calc(var(--margin-unit)*1)
    }

    .mv1-vp2 {
        margin-top: .3125rem;
        margin-top: calc(var(--margin-unit)*1)
    }

    .mh1-vp2 {
        margin-left: .3125rem;
        margin-left: calc(var(--margin-unit)*1);
        margin-right: .3125rem;
        margin-right: calc(var(--margin-unit)*1)
    }
}

@media (min-width:23.4375em) {
    .pa2-vp2 {
        padding: .625rem;
        padding: calc(var(--margin-unit)*2)
    }

    .pl2-vp2 {
        padding-left: .625rem;
        padding-left: calc(var(--margin-unit)*2)
    }

    .pr2-vp2 {
        padding-right: .625rem;
        padding-right: calc(var(--margin-unit)*2)
    }

    .pt2-vp2 {
        padding-top: .625rem;
        padding-top: calc(var(--margin-unit)*2)
    }

    .pb2-vp2,
    .pv2-vp2 {
        padding-bottom: .625rem;
        padding-bottom: calc(var(--margin-unit)*2)
    }

    .pv2-vp2 {
        padding-top: .625rem;
        padding-top: calc(var(--margin-unit)*2)
    }

    .ph2-vp2 {
        padding-left: .625rem;
        padding-left: calc(var(--margin-unit)*2);
        padding-right: .625rem;
        padding-right: calc(var(--margin-unit)*2)
    }

    .ma2-vp2 {
        margin: .625rem;
        margin: calc(var(--margin-unit)*2)
    }

    .ml2-vp2 {
        margin-left: .625rem;
        margin-left: calc(var(--margin-unit)*2)
    }

    .mr2-vp2 {
        margin-right: .625rem;
        margin-right: calc(var(--margin-unit)*2)
    }

    .mt2-vp2 {
        margin-top: .625rem;
        margin-top: calc(var(--margin-unit)*2)
    }

    .mb2-vp2,
    .mv2-vp2 {
        margin-bottom: .625rem;
        margin-bottom: calc(var(--margin-unit)*2)
    }

    .mv2-vp2 {
        margin-top: .625rem;
        margin-top: calc(var(--margin-unit)*2)
    }

    .mh2-vp2 {
        margin-left: .625rem;
        margin-left: calc(var(--margin-unit)*2);
        margin-right: .625rem;
        margin-right: calc(var(--margin-unit)*2)
    }
}

@media (min-width:23.4375em) {
    .pa3-vp2 {
        padding: .9375rem;
        padding: calc(var(--margin-unit)*3)
    }

    .pl3-vp2 {
        padding-left: .9375rem;
        padding-left: calc(var(--margin-unit)*3)
    }

    .pr3-vp2 {
        padding-right: .9375rem;
        padding-right: calc(var(--margin-unit)*3)
    }

    .pt3-vp2 {
        padding-top: .9375rem;
        padding-top: calc(var(--margin-unit)*3)
    }

    .pb3-vp2,
    .pv3-vp2 {
        padding-bottom: .9375rem;
        padding-bottom: calc(var(--margin-unit)*3)
    }

    .pv3-vp2 {
        padding-top: .9375rem;
        padding-top: calc(var(--margin-unit)*3)
    }

    .ph3-vp2 {
        padding-left: .9375rem;
        padding-left: calc(var(--margin-unit)*3);
        padding-right: .9375rem;
        padding-right: calc(var(--margin-unit)*3)
    }

    .ma3-vp2 {
        margin: .9375rem;
        margin: calc(var(--margin-unit)*3)
    }

    .ml3-vp2 {
        margin-left: .9375rem;
        margin-left: calc(var(--margin-unit)*3)
    }

    .mr3-vp2 {
        margin-right: .9375rem;
        margin-right: calc(var(--margin-unit)*3)
    }

    .mt3-vp2 {
        margin-top: .9375rem;
        margin-top: calc(var(--margin-unit)*3)
    }

    .mb3-vp2,
    .mv3-vp2 {
        margin-bottom: .9375rem;
        margin-bottom: calc(var(--margin-unit)*3)
    }

    .mv3-vp2 {
        margin-top: .9375rem;
        margin-top: calc(var(--margin-unit)*3)
    }

    .mh3-vp2 {
        margin-left: .9375rem;
        margin-left: calc(var(--margin-unit)*3);
        margin-right: .9375rem;
        margin-right: calc(var(--margin-unit)*3)
    }
}

@media (min-width:23.4375em) {
    .pa4-vp2 {
        padding: 1.25rem;
        padding: calc(var(--margin-unit)*4)
    }

    .pl4-vp2 {
        padding-left: 1.25rem;
        padding-left: calc(var(--margin-unit)*4)
    }

    .pr4-vp2 {
        padding-right: 1.25rem;
        padding-right: calc(var(--margin-unit)*4)
    }

    .pt4-vp2 {
        padding-top: 1.25rem;
        padding-top: calc(var(--margin-unit)*4)
    }

    .pb4-vp2,
    .pv4-vp2 {
        padding-bottom: 1.25rem;
        padding-bottom: calc(var(--margin-unit)*4)
    }

    .pv4-vp2 {
        padding-top: 1.25rem;
        padding-top: calc(var(--margin-unit)*4)
    }

    .ph4-vp2 {
        padding-left: 1.25rem;
        padding-left: calc(var(--margin-unit)*4);
        padding-right: 1.25rem;
        padding-right: calc(var(--margin-unit)*4)
    }

    .ma4-vp2 {
        margin: 1.25rem;
        margin: calc(var(--margin-unit)*4)
    }

    .ml4-vp2 {
        margin-left: 1.25rem;
        margin-left: calc(var(--margin-unit)*4)
    }

    .mr4-vp2 {
        margin-right: 1.25rem;
        margin-right: calc(var(--margin-unit)*4)
    }

    .mt4-vp2 {
        margin-top: 1.25rem;
        margin-top: calc(var(--margin-unit)*4)
    }

    .mb4-vp2,
    .mv4-vp2 {
        margin-bottom: 1.25rem;
        margin-bottom: calc(var(--margin-unit)*4)
    }

    .mv4-vp2 {
        margin-top: 1.25rem;
        margin-top: calc(var(--margin-unit)*4)
    }

    .mh4-vp2 {
        margin-left: 1.25rem;
        margin-left: calc(var(--margin-unit)*4);
        margin-right: 1.25rem;
        margin-right: calc(var(--margin-unit)*4)
    }
}

@media (min-width:23.4375em) {
    .pa5-vp2 {
        padding: 1.5625rem;
        padding: calc(var(--margin-unit)*5)
    }

    .pl5-vp2 {
        padding-left: 1.5625rem;
        padding-left: calc(var(--margin-unit)*5)
    }

    .pr5-vp2 {
        padding-right: 1.5625rem;
        padding-right: calc(var(--margin-unit)*5)
    }

    .pt5-vp2 {
        padding-top: 1.5625rem;
        padding-top: calc(var(--margin-unit)*5)
    }

    .pb5-vp2,
    .pv5-vp2 {
        padding-bottom: 1.5625rem;
        padding-bottom: calc(var(--margin-unit)*5)
    }

    .pv5-vp2 {
        padding-top: 1.5625rem;
        padding-top: calc(var(--margin-unit)*5)
    }

    .ph5-vp2 {
        padding-left: 1.5625rem;
        padding-left: calc(var(--margin-unit)*5);
        padding-right: 1.5625rem;
        padding-right: calc(var(--margin-unit)*5)
    }

    .ma5-vp2 {
        margin: 1.5625rem;
        margin: calc(var(--margin-unit)*5)
    }

    .ml5-vp2 {
        margin-left: 1.5625rem;
        margin-left: calc(var(--margin-unit)*5)
    }

    .mr5-vp2 {
        margin-right: 1.5625rem;
        margin-right: calc(var(--margin-unit)*5)
    }

    .mt5-vp2 {
        margin-top: 1.5625rem;
        margin-top: calc(var(--margin-unit)*5)
    }

    .mb5-vp2,
    .mv5-vp2 {
        margin-bottom: 1.5625rem;
        margin-bottom: calc(var(--margin-unit)*5)
    }

    .mv5-vp2 {
        margin-top: 1.5625rem;
        margin-top: calc(var(--margin-unit)*5)
    }

    .mh5-vp2 {
        margin-left: 1.5625rem;
        margin-left: calc(var(--margin-unit)*5);
        margin-right: 1.5625rem;
        margin-right: calc(var(--margin-unit)*5)
    }
}

@media (min-width:23.4375em) {
    .pa6-vp2 {
        padding: 1.875rem;
        padding: calc(var(--margin-unit)*6)
    }

    .pl6-vp2 {
        padding-left: 1.875rem;
        padding-left: calc(var(--margin-unit)*6)
    }

    .pr6-vp2 {
        padding-right: 1.875rem;
        padding-right: calc(var(--margin-unit)*6)
    }

    .pt6-vp2 {
        padding-top: 1.875rem;
        padding-top: calc(var(--margin-unit)*6)
    }

    .pb6-vp2,
    .pv6-vp2 {
        padding-bottom: 1.875rem;
        padding-bottom: calc(var(--margin-unit)*6)
    }

    .pv6-vp2 {
        padding-top: 1.875rem;
        padding-top: calc(var(--margin-unit)*6)
    }

    .ph6-vp2 {
        padding-left: 1.875rem;
        padding-left: calc(var(--margin-unit)*6);
        padding-right: 1.875rem;
        padding-right: calc(var(--margin-unit)*6)
    }

    .ma6-vp2 {
        margin: 1.875rem;
        margin: calc(var(--margin-unit)*6)
    }

    .ml6-vp2 {
        margin-left: 1.875rem;
        margin-left: calc(var(--margin-unit)*6)
    }

    .mr6-vp2 {
        margin-right: 1.875rem;
        margin-right: calc(var(--margin-unit)*6)
    }

    .mt6-vp2 {
        margin-top: 1.875rem;
        margin-top: calc(var(--margin-unit)*6)
    }

    .mb6-vp2,
    .mv6-vp2 {
        margin-bottom: 1.875rem;
        margin-bottom: calc(var(--margin-unit)*6)
    }

    .mv6-vp2 {
        margin-top: 1.875rem;
        margin-top: calc(var(--margin-unit)*6)
    }

    .mh6-vp2 {
        margin-left: 1.875rem;
        margin-left: calc(var(--margin-unit)*6);
        margin-right: 1.875rem;
        margin-right: calc(var(--margin-unit)*6)
    }
}

@media (min-width:23.4375em) {
    .pa7-vp2 {
        padding: 2.1875rem;
        padding: calc(var(--margin-unit)*7)
    }

    .pl7-vp2 {
        padding-left: 2.1875rem;
        padding-left: calc(var(--margin-unit)*7)
    }

    .pr7-vp2 {
        padding-right: 2.1875rem;
        padding-right: calc(var(--margin-unit)*7)
    }

    .pt7-vp2 {
        padding-top: 2.1875rem;
        padding-top: calc(var(--margin-unit)*7)
    }

    .pb7-vp2,
    .pv7-vp2 {
        padding-bottom: 2.1875rem;
        padding-bottom: calc(var(--margin-unit)*7)
    }

    .pv7-vp2 {
        padding-top: 2.1875rem;
        padding-top: calc(var(--margin-unit)*7)
    }

    .ph7-vp2 {
        padding-left: 2.1875rem;
        padding-left: calc(var(--margin-unit)*7);
        padding-right: 2.1875rem;
        padding-right: calc(var(--margin-unit)*7)
    }

    .ma7-vp2 {
        margin: 2.1875rem;
        margin: calc(var(--margin-unit)*7)
    }

    .ml7-vp2 {
        margin-left: 2.1875rem;
        margin-left: calc(var(--margin-unit)*7)
    }

    .mr7-vp2 {
        margin-right: 2.1875rem;
        margin-right: calc(var(--margin-unit)*7)
    }

    .mt7-vp2 {
        margin-top: 2.1875rem;
        margin-top: calc(var(--margin-unit)*7)
    }

    .mb7-vp2,
    .mv7-vp2 {
        margin-bottom: 2.1875rem;
        margin-bottom: calc(var(--margin-unit)*7)
    }

    .mv7-vp2 {
        margin-top: 2.1875rem;
        margin-top: calc(var(--margin-unit)*7)
    }

    .mh7-vp2 {
        margin-left: 2.1875rem;
        margin-left: calc(var(--margin-unit)*7);
        margin-right: 2.1875rem;
        margin-right: calc(var(--margin-unit)*7)
    }
}

@media (min-width:23.4375em) {
    .pa8-vp2 {
        padding: 2.5rem;
        padding: calc(var(--margin-unit)*8)
    }

    .pl8-vp2 {
        padding-left: 2.5rem;
        padding-left: calc(var(--margin-unit)*8)
    }

    .pr8-vp2 {
        padding-right: 2.5rem;
        padding-right: calc(var(--margin-unit)*8)
    }

    .pt8-vp2 {
        padding-top: 2.5rem;
        padding-top: calc(var(--margin-unit)*8)
    }

    .pb8-vp2,
    .pv8-vp2 {
        padding-bottom: 2.5rem;
        padding-bottom: calc(var(--margin-unit)*8)
    }

    .pv8-vp2 {
        padding-top: 2.5rem;
        padding-top: calc(var(--margin-unit)*8)
    }

    .ph8-vp2 {
        padding-left: 2.5rem;
        padding-left: calc(var(--margin-unit)*8);
        padding-right: 2.5rem;
        padding-right: calc(var(--margin-unit)*8)
    }

    .ma8-vp2 {
        margin: 2.5rem;
        margin: calc(var(--margin-unit)*8)
    }

    .ml8-vp2 {
        margin-left: 2.5rem;
        margin-left: calc(var(--margin-unit)*8)
    }

    .mr8-vp2 {
        margin-right: 2.5rem;
        margin-right: calc(var(--margin-unit)*8)
    }

    .mt8-vp2 {
        margin-top: 2.5rem;
        margin-top: calc(var(--margin-unit)*8)
    }

    .mb8-vp2,
    .mv8-vp2 {
        margin-bottom: 2.5rem;
        margin-bottom: calc(var(--margin-unit)*8)
    }

    .mv8-vp2 {
        margin-top: 2.5rem;
        margin-top: calc(var(--margin-unit)*8)
    }

    .mh8-vp2 {
        margin-left: 2.5rem;
        margin-left: calc(var(--margin-unit)*8);
        margin-right: 2.5rem;
        margin-right: calc(var(--margin-unit)*8)
    }
}

@media (min-width:23.4375em) {
    .pa9-vp2 {
        padding: 2.8125rem;
        padding: calc(var(--margin-unit)*9)
    }

    .pl9-vp2 {
        padding-left: 2.8125rem;
        padding-left: calc(var(--margin-unit)*9)
    }

    .pr9-vp2 {
        padding-right: 2.8125rem;
        padding-right: calc(var(--margin-unit)*9)
    }

    .pt9-vp2 {
        padding-top: 2.8125rem;
        padding-top: calc(var(--margin-unit)*9)
    }

    .pb9-vp2,
    .pv9-vp2 {
        padding-bottom: 2.8125rem;
        padding-bottom: calc(var(--margin-unit)*9)
    }

    .pv9-vp2 {
        padding-top: 2.8125rem;
        padding-top: calc(var(--margin-unit)*9)
    }

    .ph9-vp2 {
        padding-left: 2.8125rem;
        padding-left: calc(var(--margin-unit)*9);
        padding-right: 2.8125rem;
        padding-right: calc(var(--margin-unit)*9)
    }

    .ma9-vp2 {
        margin: 2.8125rem;
        margin: calc(var(--margin-unit)*9)
    }

    .ml9-vp2 {
        margin-left: 2.8125rem;
        margin-left: calc(var(--margin-unit)*9)
    }

    .mr9-vp2 {
        margin-right: 2.8125rem;
        margin-right: calc(var(--margin-unit)*9)
    }

    .mt9-vp2 {
        margin-top: 2.8125rem;
        margin-top: calc(var(--margin-unit)*9)
    }

    .mb9-vp2,
    .mv9-vp2 {
        margin-bottom: 2.8125rem;
        margin-bottom: calc(var(--margin-unit)*9)
    }

    .mv9-vp2 {
        margin-top: 2.8125rem;
        margin-top: calc(var(--margin-unit)*9)
    }

    .mh9-vp2 {
        margin-left: 2.8125rem;
        margin-left: calc(var(--margin-unit)*9);
        margin-right: 2.8125rem;
        margin-right: calc(var(--margin-unit)*9)
    }
}

@media (min-width:23.4375em) {
    .pa10-vp2 {
        padding: 3.125rem;
        padding: calc(var(--margin-unit)*10)
    }

    .pl10-vp2 {
        padding-left: 3.125rem;
        padding-left: calc(var(--margin-unit)*10)
    }

    .pr10-vp2 {
        padding-right: 3.125rem;
        padding-right: calc(var(--margin-unit)*10)
    }

    .pt10-vp2 {
        padding-top: 3.125rem;
        padding-top: calc(var(--margin-unit)*10)
    }

    .pb10-vp2,
    .pv10-vp2 {
        padding-bottom: 3.125rem;
        padding-bottom: calc(var(--margin-unit)*10)
    }

    .pv10-vp2 {
        padding-top: 3.125rem;
        padding-top: calc(var(--margin-unit)*10)
    }

    .ph10-vp2 {
        padding-left: 3.125rem;
        padding-left: calc(var(--margin-unit)*10);
        padding-right: 3.125rem;
        padding-right: calc(var(--margin-unit)*10)
    }

    .ma10-vp2 {
        margin: 3.125rem;
        margin: calc(var(--margin-unit)*10)
    }

    .ml10-vp2 {
        margin-left: 3.125rem;
        margin-left: calc(var(--margin-unit)*10)
    }

    .mr10-vp2 {
        margin-right: 3.125rem;
        margin-right: calc(var(--margin-unit)*10)
    }

    .mt10-vp2 {
        margin-top: 3.125rem;
        margin-top: calc(var(--margin-unit)*10)
    }

    .mb10-vp2,
    .mv10-vp2 {
        margin-bottom: 3.125rem;
        margin-bottom: calc(var(--margin-unit)*10)
    }

    .mv10-vp2 {
        margin-top: 3.125rem;
        margin-top: calc(var(--margin-unit)*10)
    }

    .mh10-vp2 {
        margin-left: 3.125rem;
        margin-left: calc(var(--margin-unit)*10);
        margin-right: 3.125rem;
        margin-right: calc(var(--margin-unit)*10)
    }
}

@media (min-width:35em) {
    .pa0-vp3 {
        padding: 0;
        padding: calc(var(--margin-unit)*0)
    }

    .pl0-vp3 {
        padding-left: 0;
        padding-left: calc(var(--margin-unit)*0)
    }

    .pr0-vp3 {
        padding-right: 0;
        padding-right: calc(var(--margin-unit)*0)
    }

    .pt0-vp3 {
        padding-top: 0;
        padding-top: calc(var(--margin-unit)*0)
    }

    .pb0-vp3,
    .pv0-vp3 {
        padding-bottom: 0;
        padding-bottom: calc(var(--margin-unit)*0)
    }

    .pv0-vp3 {
        padding-top: 0;
        padding-top: calc(var(--margin-unit)*0)
    }

    .ph0-vp3 {
        padding-left: 0;
        padding-left: calc(var(--margin-unit)*0);
        padding-right: 0;
        padding-right: calc(var(--margin-unit)*0)
    }

    .ma0-vp3 {
        margin: 0;
        margin: calc(var(--margin-unit)*0)
    }

    .ml0-vp3 {
        margin-left: 0;
        margin-left: calc(var(--margin-unit)*0)
    }

    .mr0-vp3 {
        margin-right: 0;
        margin-right: calc(var(--margin-unit)*0)
    }

    .mt0-vp3 {
        margin-top: 0;
        margin-top: calc(var(--margin-unit)*0)
    }

    .mb0-vp3,
    .mv0-vp3 {
        margin-bottom: 0;
        margin-bottom: calc(var(--margin-unit)*0)
    }

    .mv0-vp3 {
        margin-top: 0;
        margin-top: calc(var(--margin-unit)*0)
    }

    .mh0-vp3 {
        margin-left: 0;
        margin-left: calc(var(--margin-unit)*0);
        margin-right: 0;
        margin-right: calc(var(--margin-unit)*0)
    }
}

@media (min-width:35em) {
    .pa1-vp3 {
        padding: .3125rem;
        padding: calc(var(--margin-unit)*1)
    }

    .pl1-vp3 {
        padding-left: .3125rem;
        padding-left: calc(var(--margin-unit)*1)
    }

    .pr1-vp3 {
        padding-right: .3125rem;
        padding-right: calc(var(--margin-unit)*1)
    }

    .pt1-vp3 {
        padding-top: .3125rem;
        padding-top: calc(var(--margin-unit)*1)
    }

    .pb1-vp3,
    .pv1-vp3 {
        padding-bottom: .3125rem;
        padding-bottom: calc(var(--margin-unit)*1)
    }

    .pv1-vp3 {
        padding-top: .3125rem;
        padding-top: calc(var(--margin-unit)*1)
    }

    .ph1-vp3 {
        padding-left: .3125rem;
        padding-left: calc(var(--margin-unit)*1);
        padding-right: .3125rem;
        padding-right: calc(var(--margin-unit)*1)
    }

    .ma1-vp3 {
        margin: .3125rem;
        margin: calc(var(--margin-unit)*1)
    }

    .ml1-vp3 {
        margin-left: .3125rem;
        margin-left: calc(var(--margin-unit)*1)
    }

    .mr1-vp3 {
        margin-right: .3125rem;
        margin-right: calc(var(--margin-unit)*1)
    }

    .mt1-vp3 {
        margin-top: .3125rem;
        margin-top: calc(var(--margin-unit)*1)
    }

    .mb1-vp3,
    .mv1-vp3 {
        margin-bottom: .3125rem;
        margin-bottom: calc(var(--margin-unit)*1)
    }

    .mv1-vp3 {
        margin-top: .3125rem;
        margin-top: calc(var(--margin-unit)*1)
    }

    .mh1-vp3 {
        margin-left: .3125rem;
        margin-left: calc(var(--margin-unit)*1);
        margin-right: .3125rem;
        margin-right: calc(var(--margin-unit)*1)
    }
}

@media (min-width:35em) {
    .pa2-vp3 {
        padding: .625rem;
        padding: calc(var(--margin-unit)*2)
    }

    .pl2-vp3 {
        padding-left: .625rem;
        padding-left: calc(var(--margin-unit)*2)
    }

    .pr2-vp3 {
        padding-right: .625rem;
        padding-right: calc(var(--margin-unit)*2)
    }

    .pt2-vp3 {
        padding-top: .625rem;
        padding-top: calc(var(--margin-unit)*2)
    }

    .pb2-vp3,
    .pv2-vp3 {
        padding-bottom: .625rem;
        padding-bottom: calc(var(--margin-unit)*2)
    }

    .pv2-vp3 {
        padding-top: .625rem;
        padding-top: calc(var(--margin-unit)*2)
    }

    .ph2-vp3 {
        padding-left: .625rem;
        padding-left: calc(var(--margin-unit)*2);
        padding-right: .625rem;
        padding-right: calc(var(--margin-unit)*2)
    }

    .ma2-vp3 {
        margin: .625rem;
        margin: calc(var(--margin-unit)*2)
    }

    .ml2-vp3 {
        margin-left: .625rem;
        margin-left: calc(var(--margin-unit)*2)
    }

    .mr2-vp3 {
        margin-right: .625rem;
        margin-right: calc(var(--margin-unit)*2)
    }

    .mt2-vp3 {
        margin-top: .625rem;
        margin-top: calc(var(--margin-unit)*2)
    }

    .mb2-vp3,
    .mv2-vp3 {
        margin-bottom: .625rem;
        margin-bottom: calc(var(--margin-unit)*2)
    }

    .mv2-vp3 {
        margin-top: .625rem;
        margin-top: calc(var(--margin-unit)*2)
    }

    .mh2-vp3 {
        margin-left: .625rem;
        margin-left: calc(var(--margin-unit)*2);
        margin-right: .625rem;
        margin-right: calc(var(--margin-unit)*2)
    }
}

@media (min-width:35em) {
    .pa3-vp3 {
        padding: .9375rem;
        padding: calc(var(--margin-unit)*3)
    }

    .pl3-vp3 {
        padding-left: .9375rem;
        padding-left: calc(var(--margin-unit)*3)
    }

    .pr3-vp3 {
        padding-right: .9375rem;
        padding-right: calc(var(--margin-unit)*3)
    }

    .pt3-vp3 {
        padding-top: .9375rem;
        padding-top: calc(var(--margin-unit)*3)
    }

    .pb3-vp3,
    .pv3-vp3 {
        padding-bottom: .9375rem;
        padding-bottom: calc(var(--margin-unit)*3)
    }

    .pv3-vp3 {
        padding-top: .9375rem;
        padding-top: calc(var(--margin-unit)*3)
    }

    .ph3-vp3 {
        padding-left: .9375rem;
        padding-left: calc(var(--margin-unit)*3);
        padding-right: .9375rem;
        padding-right: calc(var(--margin-unit)*3)
    }

    .ma3-vp3 {
        margin: .9375rem;
        margin: calc(var(--margin-unit)*3)
    }

    .ml3-vp3 {
        margin-left: .9375rem;
        margin-left: calc(var(--margin-unit)*3)
    }

    .mr3-vp3 {
        margin-right: .9375rem;
        margin-right: calc(var(--margin-unit)*3)
    }

    .mt3-vp3 {
        margin-top: .9375rem;
        margin-top: calc(var(--margin-unit)*3)
    }

    .mb3-vp3,
    .mv3-vp3 {
        margin-bottom: .9375rem;
        margin-bottom: calc(var(--margin-unit)*3)
    }

    .mv3-vp3 {
        margin-top: .9375rem;
        margin-top: calc(var(--margin-unit)*3)
    }

    .mh3-vp3 {
        margin-left: .9375rem;
        margin-left: calc(var(--margin-unit)*3);
        margin-right: .9375rem;
        margin-right: calc(var(--margin-unit)*3)
    }
}

@media (min-width:35em) {
    .pa4-vp3 {
        padding: 1.25rem;
        padding: calc(var(--margin-unit)*4)
    }

    .pl4-vp3 {
        padding-left: 1.25rem;
        padding-left: calc(var(--margin-unit)*4)
    }

    .pr4-vp3 {
        padding-right: 1.25rem;
        padding-right: calc(var(--margin-unit)*4)
    }

    .pt4-vp3 {
        padding-top: 1.25rem;
        padding-top: calc(var(--margin-unit)*4)
    }

    .pb4-vp3,
    .pv4-vp3 {
        padding-bottom: 1.25rem;
        padding-bottom: calc(var(--margin-unit)*4)
    }

    .pv4-vp3 {
        padding-top: 1.25rem;
        padding-top: calc(var(--margin-unit)*4)
    }

    .ph4-vp3 {
        padding-left: 1.25rem;
        padding-left: calc(var(--margin-unit)*4);
        padding-right: 1.25rem;
        padding-right: calc(var(--margin-unit)*4)
    }

    .ma4-vp3 {
        margin: 1.25rem;
        margin: calc(var(--margin-unit)*4)
    }

    .ml4-vp3 {
        margin-left: 1.25rem;
        margin-left: calc(var(--margin-unit)*4)
    }

    .mr4-vp3 {
        margin-right: 1.25rem;
        margin-right: calc(var(--margin-unit)*4)
    }

    .mt4-vp3 {
        margin-top: 1.25rem;
        margin-top: calc(var(--margin-unit)*4)
    }

    .mb4-vp3,
    .mv4-vp3 {
        margin-bottom: 1.25rem;
        margin-bottom: calc(var(--margin-unit)*4)
    }

    .mv4-vp3 {
        margin-top: 1.25rem;
        margin-top: calc(var(--margin-unit)*4)
    }

    .mh4-vp3 {
        margin-left: 1.25rem;
        margin-left: calc(var(--margin-unit)*4);
        margin-right: 1.25rem;
        margin-right: calc(var(--margin-unit)*4)
    }
}

@media (min-width:35em) {
    .pa5-vp3 {
        padding: 1.5625rem;
        padding: calc(var(--margin-unit)*5)
    }

    .pl5-vp3 {
        padding-left: 1.5625rem;
        padding-left: calc(var(--margin-unit)*5)
    }

    .pr5-vp3 {
        padding-right: 1.5625rem;
        padding-right: calc(var(--margin-unit)*5)
    }

    .pt5-vp3 {
        padding-top: 1.5625rem;
        padding-top: calc(var(--margin-unit)*5)
    }

    .pb5-vp3,
    .pv5-vp3 {
        padding-bottom: 1.5625rem;
        padding-bottom: calc(var(--margin-unit)*5)
    }

    .pv5-vp3 {
        padding-top: 1.5625rem;
        padding-top: calc(var(--margin-unit)*5)
    }

    .ph5-vp3 {
        padding-left: 1.5625rem;
        padding-left: calc(var(--margin-unit)*5);
        padding-right: 1.5625rem;
        padding-right: calc(var(--margin-unit)*5)
    }

    .ma5-vp3 {
        margin: 1.5625rem;
        margin: calc(var(--margin-unit)*5)
    }

    .ml5-vp3 {
        margin-left: 1.5625rem;
        margin-left: calc(var(--margin-unit)*5)
    }

    .mr5-vp3 {
        margin-right: 1.5625rem;
        margin-right: calc(var(--margin-unit)*5)
    }

    .mt5-vp3 {
        margin-top: 1.5625rem;
        margin-top: calc(var(--margin-unit)*5)
    }

    .mb5-vp3,
    .mv5-vp3 {
        margin-bottom: 1.5625rem;
        margin-bottom: calc(var(--margin-unit)*5)
    }

    .mv5-vp3 {
        margin-top: 1.5625rem;
        margin-top: calc(var(--margin-unit)*5)
    }

    .mh5-vp3 {
        margin-left: 1.5625rem;
        margin-left: calc(var(--margin-unit)*5);
        margin-right: 1.5625rem;
        margin-right: calc(var(--margin-unit)*5)
    }
}

@media (min-width:35em) {
    .pa6-vp3 {
        padding: 1.875rem;
        padding: calc(var(--margin-unit)*6)
    }

    .pl6-vp3 {
        padding-left: 1.875rem;
        padding-left: calc(var(--margin-unit)*6)
    }

    .pr6-vp3 {
        padding-right: 1.875rem;
        padding-right: calc(var(--margin-unit)*6)
    }

    .pt6-vp3 {
        padding-top: 1.875rem;
        padding-top: calc(var(--margin-unit)*6)
    }

    .pb6-vp3,
    .pv6-vp3 {
        padding-bottom: 1.875rem;
        padding-bottom: calc(var(--margin-unit)*6)
    }

    .pv6-vp3 {
        padding-top: 1.875rem;
        padding-top: calc(var(--margin-unit)*6)
    }

    .ph6-vp3 {
        padding-left: 1.875rem;
        padding-left: calc(var(--margin-unit)*6);
        padding-right: 1.875rem;
        padding-right: calc(var(--margin-unit)*6)
    }

    .ma6-vp3 {
        margin: 1.875rem;
        margin: calc(var(--margin-unit)*6)
    }

    .ml6-vp3 {
        margin-left: 1.875rem;
        margin-left: calc(var(--margin-unit)*6)
    }

    .mr6-vp3 {
        margin-right: 1.875rem;
        margin-right: calc(var(--margin-unit)*6)
    }

    .mt6-vp3 {
        margin-top: 1.875rem;
        margin-top: calc(var(--margin-unit)*6)
    }

    .mb6-vp3,
    .mv6-vp3 {
        margin-bottom: 1.875rem;
        margin-bottom: calc(var(--margin-unit)*6)
    }

    .mv6-vp3 {
        margin-top: 1.875rem;
        margin-top: calc(var(--margin-unit)*6)
    }

    .mh6-vp3 {
        margin-left: 1.875rem;
        margin-left: calc(var(--margin-unit)*6);
        margin-right: 1.875rem;
        margin-right: calc(var(--margin-unit)*6)
    }
}

@media (min-width:35em) {
    .pa7-vp3 {
        padding: 2.1875rem;
        padding: calc(var(--margin-unit)*7)
    }

    .pl7-vp3 {
        padding-left: 2.1875rem;
        padding-left: calc(var(--margin-unit)*7)
    }

    .pr7-vp3 {
        padding-right: 2.1875rem;
        padding-right: calc(var(--margin-unit)*7)
    }

    .pt7-vp3 {
        padding-top: 2.1875rem;
        padding-top: calc(var(--margin-unit)*7)
    }

    .pb7-vp3,
    .pv7-vp3 {
        padding-bottom: 2.1875rem;
        padding-bottom: calc(var(--margin-unit)*7)
    }

    .pv7-vp3 {
        padding-top: 2.1875rem;
        padding-top: calc(var(--margin-unit)*7)
    }

    .ph7-vp3 {
        padding-left: 2.1875rem;
        padding-left: calc(var(--margin-unit)*7);
        padding-right: 2.1875rem;
        padding-right: calc(var(--margin-unit)*7)
    }

    .ma7-vp3 {
        margin: 2.1875rem;
        margin: calc(var(--margin-unit)*7)
    }

    .ml7-vp3 {
        margin-left: 2.1875rem;
        margin-left: calc(var(--margin-unit)*7)
    }

    .mr7-vp3 {
        margin-right: 2.1875rem;
        margin-right: calc(var(--margin-unit)*7)
    }

    .mt7-vp3 {
        margin-top: 2.1875rem;
        margin-top: calc(var(--margin-unit)*7)
    }

    .mb7-vp3,
    .mv7-vp3 {
        margin-bottom: 2.1875rem;
        margin-bottom: calc(var(--margin-unit)*7)
    }

    .mv7-vp3 {
        margin-top: 2.1875rem;
        margin-top: calc(var(--margin-unit)*7)
    }

    .mh7-vp3 {
        margin-left: 2.1875rem;
        margin-left: calc(var(--margin-unit)*7);
        margin-right: 2.1875rem;
        margin-right: calc(var(--margin-unit)*7)
    }
}

@media (min-width:35em) {
    .pa8-vp3 {
        padding: 2.5rem;
        padding: calc(var(--margin-unit)*8)
    }

    .pl8-vp3 {
        padding-left: 2.5rem;
        padding-left: calc(var(--margin-unit)*8)
    }

    .pr8-vp3 {
        padding-right: 2.5rem;
        padding-right: calc(var(--margin-unit)*8)
    }

    .pt8-vp3 {
        padding-top: 2.5rem;
        padding-top: calc(var(--margin-unit)*8)
    }

    .pb8-vp3,
    .pv8-vp3 {
        padding-bottom: 2.5rem;
        padding-bottom: calc(var(--margin-unit)*8)
    }

    .pv8-vp3 {
        padding-top: 2.5rem;
        padding-top: calc(var(--margin-unit)*8)
    }

    .ph8-vp3 {
        padding-left: 2.5rem;
        padding-left: calc(var(--margin-unit)*8);
        padding-right: 2.5rem;
        padding-right: calc(var(--margin-unit)*8)
    }

    .ma8-vp3 {
        margin: 2.5rem;
        margin: calc(var(--margin-unit)*8)
    }

    .ml8-vp3 {
        margin-left: 2.5rem;
        margin-left: calc(var(--margin-unit)*8)
    }

    .mr8-vp3 {
        margin-right: 2.5rem;
        margin-right: calc(var(--margin-unit)*8)
    }

    .mt8-vp3 {
        margin-top: 2.5rem;
        margin-top: calc(var(--margin-unit)*8)
    }

    .mb8-vp3,
    .mv8-vp3 {
        margin-bottom: 2.5rem;
        margin-bottom: calc(var(--margin-unit)*8)
    }

    .mv8-vp3 {
        margin-top: 2.5rem;
        margin-top: calc(var(--margin-unit)*8)
    }

    .mh8-vp3 {
        margin-left: 2.5rem;
        margin-left: calc(var(--margin-unit)*8);
        margin-right: 2.5rem;
        margin-right: calc(var(--margin-unit)*8)
    }
}

@media (min-width:35em) {
    .pa9-vp3 {
        padding: 2.8125rem;
        padding: calc(var(--margin-unit)*9)
    }

    .pl9-vp3 {
        padding-left: 2.8125rem;
        padding-left: calc(var(--margin-unit)*9)
    }

    .pr9-vp3 {
        padding-right: 2.8125rem;
        padding-right: calc(var(--margin-unit)*9)
    }

    .pt9-vp3 {
        padding-top: 2.8125rem;
        padding-top: calc(var(--margin-unit)*9)
    }

    .pb9-vp3,
    .pv9-vp3 {
        padding-bottom: 2.8125rem;
        padding-bottom: calc(var(--margin-unit)*9)
    }

    .pv9-vp3 {
        padding-top: 2.8125rem;
        padding-top: calc(var(--margin-unit)*9)
    }

    .ph9-vp3 {
        padding-left: 2.8125rem;
        padding-left: calc(var(--margin-unit)*9);
        padding-right: 2.8125rem;
        padding-right: calc(var(--margin-unit)*9)
    }

    .ma9-vp3 {
        margin: 2.8125rem;
        margin: calc(var(--margin-unit)*9)
    }

    .ml9-vp3 {
        margin-left: 2.8125rem;
        margin-left: calc(var(--margin-unit)*9)
    }

    .mr9-vp3 {
        margin-right: 2.8125rem;
        margin-right: calc(var(--margin-unit)*9)
    }

    .mt9-vp3 {
        margin-top: 2.8125rem;
        margin-top: calc(var(--margin-unit)*9)
    }

    .mb9-vp3,
    .mv9-vp3 {
        margin-bottom: 2.8125rem;
        margin-bottom: calc(var(--margin-unit)*9)
    }

    .mv9-vp3 {
        margin-top: 2.8125rem;
        margin-top: calc(var(--margin-unit)*9)
    }

    .mh9-vp3 {
        margin-left: 2.8125rem;
        margin-left: calc(var(--margin-unit)*9);
        margin-right: 2.8125rem;
        margin-right: calc(var(--margin-unit)*9)
    }
}

@media (min-width:35em) {
    .pa10-vp3 {
        padding: 3.125rem;
        padding: calc(var(--margin-unit)*10)
    }

    .pl10-vp3 {
        padding-left: 3.125rem;
        padding-left: calc(var(--margin-unit)*10)
    }

    .pr10-vp3 {
        padding-right: 3.125rem;
        padding-right: calc(var(--margin-unit)*10)
    }

    .pt10-vp3 {
        padding-top: 3.125rem;
        padding-top: calc(var(--margin-unit)*10)
    }

    .pb10-vp3,
    .pv10-vp3 {
        padding-bottom: 3.125rem;
        padding-bottom: calc(var(--margin-unit)*10)
    }

    .pv10-vp3 {
        padding-top: 3.125rem;
        padding-top: calc(var(--margin-unit)*10)
    }

    .ph10-vp3 {
        padding-left: 3.125rem;
        padding-left: calc(var(--margin-unit)*10);
        padding-right: 3.125rem;
        padding-right: calc(var(--margin-unit)*10)
    }

    .ma10-vp3 {
        margin: 3.125rem;
        margin: calc(var(--margin-unit)*10)
    }

    .ml10-vp3 {
        margin-left: 3.125rem;
        margin-left: calc(var(--margin-unit)*10)
    }

    .mr10-vp3 {
        margin-right: 3.125rem;
        margin-right: calc(var(--margin-unit)*10)
    }

    .mt10-vp3 {
        margin-top: 3.125rem;
        margin-top: calc(var(--margin-unit)*10)
    }

    .mb10-vp3,
    .mv10-vp3 {
        margin-bottom: 3.125rem;
        margin-bottom: calc(var(--margin-unit)*10)
    }

    .mv10-vp3 {
        margin-top: 3.125rem;
        margin-top: calc(var(--margin-unit)*10)
    }

    .mh10-vp3 {
        margin-left: 3.125rem;
        margin-left: calc(var(--margin-unit)*10);
        margin-right: 3.125rem;
        margin-right: calc(var(--margin-unit)*10)
    }
}

@media (min-width:48em) {
    .pa0-vp4 {
        padding: 0;
        padding: calc(var(--margin-unit)*0)
    }

    .pl0-vp4 {
        padding-left: 0;
        padding-left: calc(var(--margin-unit)*0)
    }

    .pr0-vp4 {
        padding-right: 0;
        padding-right: calc(var(--margin-unit)*0)
    }

    .pt0-vp4 {
        padding-top: 0;
        padding-top: calc(var(--margin-unit)*0)
    }

    .pb0-vp4,
    .pv0-vp4 {
        padding-bottom: 0;
        padding-bottom: calc(var(--margin-unit)*0)
    }

    .pv0-vp4 {
        padding-top: 0;
        padding-top: calc(var(--margin-unit)*0)
    }

    .ph0-vp4 {
        padding-left: 0;
        padding-left: calc(var(--margin-unit)*0);
        padding-right: 0;
        padding-right: calc(var(--margin-unit)*0)
    }

    .ma0-vp4 {
        margin: 0;
        margin: calc(var(--margin-unit)*0)
    }

    .ml0-vp4 {
        margin-left: 0;
        margin-left: calc(var(--margin-unit)*0)
    }

    .mr0-vp4 {
        margin-right: 0;
        margin-right: calc(var(--margin-unit)*0)
    }

    .mt0-vp4 {
        margin-top: 0;
        margin-top: calc(var(--margin-unit)*0)
    }

    .mb0-vp4,
    .mv0-vp4 {
        margin-bottom: 0;
        margin-bottom: calc(var(--margin-unit)*0)
    }

    .mv0-vp4 {
        margin-top: 0;
        margin-top: calc(var(--margin-unit)*0)
    }

    .mh0-vp4 {
        margin-left: 0;
        margin-left: calc(var(--margin-unit)*0);
        margin-right: 0;
        margin-right: calc(var(--margin-unit)*0)
    }
}

@media (min-width:48em) {
    .pa1-vp4 {
        padding: .3125rem;
        padding: calc(var(--margin-unit)*1)
    }

    .pl1-vp4 {
        padding-left: .3125rem;
        padding-left: calc(var(--margin-unit)*1)
    }

    .pr1-vp4 {
        padding-right: .3125rem;
        padding-right: calc(var(--margin-unit)*1)
    }

    .pt1-vp4 {
        padding-top: .3125rem;
        padding-top: calc(var(--margin-unit)*1)
    }

    .pb1-vp4,
    .pv1-vp4 {
        padding-bottom: .3125rem;
        padding-bottom: calc(var(--margin-unit)*1)
    }

    .pv1-vp4 {
        padding-top: .3125rem;
        padding-top: calc(var(--margin-unit)*1)
    }

    .ph1-vp4 {
        padding-left: .3125rem;
        padding-left: calc(var(--margin-unit)*1);
        padding-right: .3125rem;
        padding-right: calc(var(--margin-unit)*1)
    }

    .ma1-vp4 {
        margin: .3125rem;
        margin: calc(var(--margin-unit)*1)
    }

    .ml1-vp4 {
        margin-left: .3125rem;
        margin-left: calc(var(--margin-unit)*1)
    }

    .mr1-vp4 {
        margin-right: .3125rem;
        margin-right: calc(var(--margin-unit)*1)
    }

    .mt1-vp4 {
        margin-top: .3125rem;
        margin-top: calc(var(--margin-unit)*1)
    }

    .mb1-vp4,
    .mv1-vp4 {
        margin-bottom: .3125rem;
        margin-bottom: calc(var(--margin-unit)*1)
    }

    .mv1-vp4 {
        margin-top: .3125rem;
        margin-top: calc(var(--margin-unit)*1)
    }

    .mh1-vp4 {
        margin-left: .3125rem;
        margin-left: calc(var(--margin-unit)*1);
        margin-right: .3125rem;
        margin-right: calc(var(--margin-unit)*1)
    }
}

@media (min-width:48em) {
    .pa2-vp4 {
        padding: .625rem;
        padding: calc(var(--margin-unit)*2)
    }

    .pl2-vp4 {
        padding-left: .625rem;
        padding-left: calc(var(--margin-unit)*2)
    }

    .pr2-vp4 {
        padding-right: .625rem;
        padding-right: calc(var(--margin-unit)*2)
    }

    .pt2-vp4 {
        padding-top: .625rem;
        padding-top: calc(var(--margin-unit)*2)
    }

    .pb2-vp4,
    .pv2-vp4 {
        padding-bottom: .625rem;
        padding-bottom: calc(var(--margin-unit)*2)
    }

    .pv2-vp4 {
        padding-top: .625rem;
        padding-top: calc(var(--margin-unit)*2)
    }

    .ph2-vp4 {
        padding-left: .625rem;
        padding-left: calc(var(--margin-unit)*2);
        padding-right: .625rem;
        padding-right: calc(var(--margin-unit)*2)
    }

    .ma2-vp4 {
        margin: .625rem;
        margin: calc(var(--margin-unit)*2)
    }

    .ml2-vp4 {
        margin-left: .625rem;
        margin-left: calc(var(--margin-unit)*2)
    }

    .mr2-vp4 {
        margin-right: .625rem;
        margin-right: calc(var(--margin-unit)*2)
    }

    .mt2-vp4 {
        margin-top: .625rem;
        margin-top: calc(var(--margin-unit)*2)
    }

    .mb2-vp4,
    .mv2-vp4 {
        margin-bottom: .625rem;
        margin-bottom: calc(var(--margin-unit)*2)
    }

    .mv2-vp4 {
        margin-top: .625rem;
        margin-top: calc(var(--margin-unit)*2)
    }

    .mh2-vp4 {
        margin-left: .625rem;
        margin-left: calc(var(--margin-unit)*2);
        margin-right: .625rem;
        margin-right: calc(var(--margin-unit)*2)
    }
}

@media (min-width:48em) {
    .pa3-vp4 {
        padding: .9375rem;
        padding: calc(var(--margin-unit)*3)
    }

    .pl3-vp4 {
        padding-left: .9375rem;
        padding-left: calc(var(--margin-unit)*3)
    }

    .pr3-vp4 {
        padding-right: .9375rem;
        padding-right: calc(var(--margin-unit)*3)
    }

    .pt3-vp4 {
        padding-top: .9375rem;
        padding-top: calc(var(--margin-unit)*3)
    }

    .pb3-vp4,
    .pv3-vp4 {
        padding-bottom: .9375rem;
        padding-bottom: calc(var(--margin-unit)*3)
    }

    .pv3-vp4 {
        padding-top: .9375rem;
        padding-top: calc(var(--margin-unit)*3)
    }

    .ph3-vp4 {
        padding-left: .9375rem;
        padding-left: calc(var(--margin-unit)*3);
        padding-right: .9375rem;
        padding-right: calc(var(--margin-unit)*3)
    }

    .ma3-vp4 {
        margin: .9375rem;
        margin: calc(var(--margin-unit)*3)
    }

    .ml3-vp4 {
        margin-left: .9375rem;
        margin-left: calc(var(--margin-unit)*3)
    }

    .mr3-vp4 {
        margin-right: .9375rem;
        margin-right: calc(var(--margin-unit)*3)
    }

    .mt3-vp4 {
        margin-top: .9375rem;
        margin-top: calc(var(--margin-unit)*3)
    }

    .mb3-vp4,
    .mv3-vp4 {
        margin-bottom: .9375rem;
        margin-bottom: calc(var(--margin-unit)*3)
    }

    .mv3-vp4 {
        margin-top: .9375rem;
        margin-top: calc(var(--margin-unit)*3)
    }

    .mh3-vp4 {
        margin-left: .9375rem;
        margin-left: calc(var(--margin-unit)*3);
        margin-right: .9375rem;
        margin-right: calc(var(--margin-unit)*3)
    }
}

@media (min-width:48em) {
    .pa4-vp4 {
        padding: 1.25rem;
        padding: calc(var(--margin-unit)*4)
    }

    .pl4-vp4 {
        padding-left: 1.25rem;
        padding-left: calc(var(--margin-unit)*4)
    }

    .pr4-vp4 {
        padding-right: 1.25rem;
        padding-right: calc(var(--margin-unit)*4)
    }

    .pt4-vp4 {
        padding-top: 1.25rem;
        padding-top: calc(var(--margin-unit)*4)
    }

    .pb4-vp4,
    .pv4-vp4 {
        padding-bottom: 1.25rem;
        padding-bottom: calc(var(--margin-unit)*4)
    }

    .pv4-vp4 {
        padding-top: 1.25rem;
        padding-top: calc(var(--margin-unit)*4)
    }

    .ph4-vp4 {
        padding-left: 1.25rem;
        padding-left: calc(var(--margin-unit)*4);
        padding-right: 1.25rem;
        padding-right: calc(var(--margin-unit)*4)
    }

    .ma4-vp4 {
        margin: 1.25rem;
        margin: calc(var(--margin-unit)*4)
    }

    .ml4-vp4 {
        margin-left: 1.25rem;
        margin-left: calc(var(--margin-unit)*4)
    }

    .mr4-vp4 {
        margin-right: 1.25rem;
        margin-right: calc(var(--margin-unit)*4)
    }

    .mt4-vp4 {
        margin-top: 1.25rem;
        margin-top: calc(var(--margin-unit)*4)
    }

    .mb4-vp4,
    .mv4-vp4 {
        margin-bottom: 1.25rem;
        margin-bottom: calc(var(--margin-unit)*4)
    }

    .mv4-vp4 {
        margin-top: 1.25rem;
        margin-top: calc(var(--margin-unit)*4)
    }

    .mh4-vp4 {
        margin-left: 1.25rem;
        margin-left: calc(var(--margin-unit)*4);
        margin-right: 1.25rem;
        margin-right: calc(var(--margin-unit)*4)
    }
}

@media (min-width:48em) {
    .pa5-vp4 {
        padding: 1.5625rem;
        padding: calc(var(--margin-unit)*5)
    }

    .pl5-vp4 {
        padding-left: 1.5625rem;
        padding-left: calc(var(--margin-unit)*5)
    }

    .pr5-vp4 {
        padding-right: 1.5625rem;
        padding-right: calc(var(--margin-unit)*5)
    }

    .pt5-vp4 {
        padding-top: 1.5625rem;
        padding-top: calc(var(--margin-unit)*5)
    }

    .pb5-vp4,
    .pv5-vp4 {
        padding-bottom: 1.5625rem;
        padding-bottom: calc(var(--margin-unit)*5)
    }

    .pv5-vp4 {
        padding-top: 1.5625rem;
        padding-top: calc(var(--margin-unit)*5)
    }

    .ph5-vp4 {
        padding-left: 1.5625rem;
        padding-left: calc(var(--margin-unit)*5);
        padding-right: 1.5625rem;
        padding-right: calc(var(--margin-unit)*5)
    }

    .ma5-vp4 {
        margin: 1.5625rem;
        margin: calc(var(--margin-unit)*5)
    }

    .ml5-vp4 {
        margin-left: 1.5625rem;
        margin-left: calc(var(--margin-unit)*5)
    }

    .mr5-vp4 {
        margin-right: 1.5625rem;
        margin-right: calc(var(--margin-unit)*5)
    }

    .mt5-vp4 {
        margin-top: 1.5625rem;
        margin-top: calc(var(--margin-unit)*5)
    }

    .mb5-vp4,
    .mv5-vp4 {
        margin-bottom: 1.5625rem;
        margin-bottom: calc(var(--margin-unit)*5)
    }

    .mv5-vp4 {
        margin-top: 1.5625rem;
        margin-top: calc(var(--margin-unit)*5)
    }

    .mh5-vp4 {
        margin-left: 1.5625rem;
        margin-left: calc(var(--margin-unit)*5);
        margin-right: 1.5625rem;
        margin-right: calc(var(--margin-unit)*5)
    }
}

@media (min-width:48em) {
    .pa6-vp4 {
        padding: 1.875rem;
        padding: calc(var(--margin-unit)*6)
    }

    .pl6-vp4 {
        padding-left: 1.875rem;
        padding-left: calc(var(--margin-unit)*6)
    }

    .pr6-vp4 {
        padding-right: 1.875rem;
        padding-right: calc(var(--margin-unit)*6)
    }

    .pt6-vp4 {
        padding-top: 1.875rem;
        padding-top: calc(var(--margin-unit)*6)
    }

    .pb6-vp4,
    .pv6-vp4 {
        padding-bottom: 1.875rem;
        padding-bottom: calc(var(--margin-unit)*6)
    }

    .pv6-vp4 {
        padding-top: 1.875rem;
        padding-top: calc(var(--margin-unit)*6)
    }

    .ph6-vp4 {
        padding-left: 1.875rem;
        padding-left: calc(var(--margin-unit)*6);
        padding-right: 1.875rem;
        padding-right: calc(var(--margin-unit)*6)
    }

    .ma6-vp4 {
        margin: 1.875rem;
        margin: calc(var(--margin-unit)*6)
    }

    .ml6-vp4 {
        margin-left: 1.875rem;
        margin-left: calc(var(--margin-unit)*6)
    }

    .mr6-vp4 {
        margin-right: 1.875rem;
        margin-right: calc(var(--margin-unit)*6)
    }

    .mt6-vp4 {
        margin-top: 1.875rem;
        margin-top: calc(var(--margin-unit)*6)
    }

    .mb6-vp4,
    .mv6-vp4 {
        margin-bottom: 1.875rem;
        margin-bottom: calc(var(--margin-unit)*6)
    }

    .mv6-vp4 {
        margin-top: 1.875rem;
        margin-top: calc(var(--margin-unit)*6)
    }

    .mh6-vp4 {
        margin-left: 1.875rem;
        margin-left: calc(var(--margin-unit)*6);
        margin-right: 1.875rem;
        margin-right: calc(var(--margin-unit)*6)
    }
}

@media (min-width:48em) {
    .pa7-vp4 {
        padding: 2.1875rem;
        padding: calc(var(--margin-unit)*7)
    }

    .pl7-vp4 {
        padding-left: 2.1875rem;
        padding-left: calc(var(--margin-unit)*7)
    }

    .pr7-vp4 {
        padding-right: 2.1875rem;
        padding-right: calc(var(--margin-unit)*7)
    }

    .pt7-vp4 {
        padding-top: 2.1875rem;
        padding-top: calc(var(--margin-unit)*7)
    }

    .pb7-vp4,
    .pv7-vp4 {
        padding-bottom: 2.1875rem;
        padding-bottom: calc(var(--margin-unit)*7)
    }

    .pv7-vp4 {
        padding-top: 2.1875rem;
        padding-top: calc(var(--margin-unit)*7)
    }

    .ph7-vp4 {
        padding-left: 2.1875rem;
        padding-left: calc(var(--margin-unit)*7);
        padding-right: 2.1875rem;
        padding-right: calc(var(--margin-unit)*7)
    }

    .ma7-vp4 {
        margin: 2.1875rem;
        margin: calc(var(--margin-unit)*7)
    }

    .ml7-vp4 {
        margin-left: 2.1875rem;
        margin-left: calc(var(--margin-unit)*7)
    }

    .mr7-vp4 {
        margin-right: 2.1875rem;
        margin-right: calc(var(--margin-unit)*7)
    }

    .mt7-vp4 {
        margin-top: 2.1875rem;
        margin-top: calc(var(--margin-unit)*7)
    }

    .mb7-vp4,
    .mv7-vp4 {
        margin-bottom: 2.1875rem;
        margin-bottom: calc(var(--margin-unit)*7)
    }

    .mv7-vp4 {
        margin-top: 2.1875rem;
        margin-top: calc(var(--margin-unit)*7)
    }

    .mh7-vp4 {
        margin-left: 2.1875rem;
        margin-left: calc(var(--margin-unit)*7);
        margin-right: 2.1875rem;
        margin-right: calc(var(--margin-unit)*7)
    }
}

@media (min-width:48em) {
    .pa8-vp4 {
        padding: 2.5rem;
        padding: calc(var(--margin-unit)*8)
    }

    .pl8-vp4 {
        padding-left: 2.5rem;
        padding-left: calc(var(--margin-unit)*8)
    }

    .pr8-vp4 {
        padding-right: 2.5rem;
        padding-right: calc(var(--margin-unit)*8)
    }

    .pt8-vp4 {
        padding-top: 2.5rem;
        padding-top: calc(var(--margin-unit)*8)
    }

    .pb8-vp4,
    .pv8-vp4 {
        padding-bottom: 2.5rem;
        padding-bottom: calc(var(--margin-unit)*8)
    }

    .pv8-vp4 {
        padding-top: 2.5rem;
        padding-top: calc(var(--margin-unit)*8)
    }

    .ph8-vp4 {
        padding-left: 2.5rem;
        padding-left: calc(var(--margin-unit)*8);
        padding-right: 2.5rem;
        padding-right: calc(var(--margin-unit)*8)
    }

    .ma8-vp4 {
        margin: 2.5rem;
        margin: calc(var(--margin-unit)*8)
    }

    .ml8-vp4 {
        margin-left: 2.5rem;
        margin-left: calc(var(--margin-unit)*8)
    }

    .mr8-vp4 {
        margin-right: 2.5rem;
        margin-right: calc(var(--margin-unit)*8)
    }

    .mt8-vp4 {
        margin-top: 2.5rem;
        margin-top: calc(var(--margin-unit)*8)
    }

    .mb8-vp4,
    .mv8-vp4 {
        margin-bottom: 2.5rem;
        margin-bottom: calc(var(--margin-unit)*8)
    }

    .mv8-vp4 {
        margin-top: 2.5rem;
        margin-top: calc(var(--margin-unit)*8)
    }

    .mh8-vp4 {
        margin-left: 2.5rem;
        margin-left: calc(var(--margin-unit)*8);
        margin-right: 2.5rem;
        margin-right: calc(var(--margin-unit)*8)
    }
}

@media (min-width:48em) {
    .pa9-vp4 {
        padding: 2.8125rem;
        padding: calc(var(--margin-unit)*9)
    }

    .pl9-vp4 {
        padding-left: 2.8125rem;
        padding-left: calc(var(--margin-unit)*9)
    }

    .pr9-vp4 {
        padding-right: 2.8125rem;
        padding-right: calc(var(--margin-unit)*9)
    }

    .pt9-vp4 {
        padding-top: 2.8125rem;
        padding-top: calc(var(--margin-unit)*9)
    }

    .pb9-vp4,
    .pv9-vp4 {
        padding-bottom: 2.8125rem;
        padding-bottom: calc(var(--margin-unit)*9)
    }

    .pv9-vp4 {
        padding-top: 2.8125rem;
        padding-top: calc(var(--margin-unit)*9)
    }

    .ph9-vp4 {
        padding-left: 2.8125rem;
        padding-left: calc(var(--margin-unit)*9);
        padding-right: 2.8125rem;
        padding-right: calc(var(--margin-unit)*9)
    }

    .ma9-vp4 {
        margin: 2.8125rem;
        margin: calc(var(--margin-unit)*9)
    }

    .ml9-vp4 {
        margin-left: 2.8125rem;
        margin-left: calc(var(--margin-unit)*9)
    }

    .mr9-vp4 {
        margin-right: 2.8125rem;
        margin-right: calc(var(--margin-unit)*9)
    }

    .mt9-vp4 {
        margin-top: 2.8125rem;
        margin-top: calc(var(--margin-unit)*9)
    }

    .mb9-vp4,
    .mv9-vp4 {
        margin-bottom: 2.8125rem;
        margin-bottom: calc(var(--margin-unit)*9)
    }

    .mv9-vp4 {
        margin-top: 2.8125rem;
        margin-top: calc(var(--margin-unit)*9)
    }

    .mh9-vp4 {
        margin-left: 2.8125rem;
        margin-left: calc(var(--margin-unit)*9);
        margin-right: 2.8125rem;
        margin-right: calc(var(--margin-unit)*9)
    }
}

@media (min-width:48em) {
    .pa10-vp4 {
        padding: 3.125rem;
        padding: calc(var(--margin-unit)*10)
    }

    .pl10-vp4 {
        padding-left: 3.125rem;
        padding-left: calc(var(--margin-unit)*10)
    }

    .pr10-vp4 {
        padding-right: 3.125rem;
        padding-right: calc(var(--margin-unit)*10)
    }

    .pt10-vp4 {
        padding-top: 3.125rem;
        padding-top: calc(var(--margin-unit)*10)
    }

    .pb10-vp4,
    .pv10-vp4 {
        padding-bottom: 3.125rem;
        padding-bottom: calc(var(--margin-unit)*10)
    }

    .pv10-vp4 {
        padding-top: 3.125rem;
        padding-top: calc(var(--margin-unit)*10)
    }

    .ph10-vp4 {
        padding-left: 3.125rem;
        padding-left: calc(var(--margin-unit)*10);
        padding-right: 3.125rem;
        padding-right: calc(var(--margin-unit)*10)
    }

    .ma10-vp4 {
        margin: 3.125rem;
        margin: calc(var(--margin-unit)*10)
    }

    .ml10-vp4 {
        margin-left: 3.125rem;
        margin-left: calc(var(--margin-unit)*10)
    }

    .mr10-vp4 {
        margin-right: 3.125rem;
        margin-right: calc(var(--margin-unit)*10)
    }

    .mt10-vp4 {
        margin-top: 3.125rem;
        margin-top: calc(var(--margin-unit)*10)
    }

    .mb10-vp4,
    .mv10-vp4 {
        margin-bottom: 3.125rem;
        margin-bottom: calc(var(--margin-unit)*10)
    }

    .mv10-vp4 {
        margin-top: 3.125rem;
        margin-top: calc(var(--margin-unit)*10)
    }

    .mh10-vp4 {
        margin-left: 3.125rem;
        margin-left: calc(var(--margin-unit)*10);
        margin-right: 3.125rem;
        margin-right: calc(var(--margin-unit)*10)
    }
}

@media (min-width:64em) {
    .pa0-vp5 {
        padding: 0;
        padding: calc(var(--margin-unit)*0)
    }

    .pl0-vp5 {
        padding-left: 0;
        padding-left: calc(var(--margin-unit)*0)
    }

    .pr0-vp5 {
        padding-right: 0;
        padding-right: calc(var(--margin-unit)*0)
    }

    .pt0-vp5 {
        padding-top: 0;
        padding-top: calc(var(--margin-unit)*0)
    }

    .pb0-vp5,
    .pv0-vp5 {
        padding-bottom: 0;
        padding-bottom: calc(var(--margin-unit)*0)
    }

    .pv0-vp5 {
        padding-top: 0;
        padding-top: calc(var(--margin-unit)*0)
    }

    .ph0-vp5 {
        padding-left: 0;
        padding-left: calc(var(--margin-unit)*0);
        padding-right: 0;
        padding-right: calc(var(--margin-unit)*0)
    }

    .ma0-vp5 {
        margin: 0;
        margin: calc(var(--margin-unit)*0)
    }

    .ml0-vp5 {
        margin-left: 0;
        margin-left: calc(var(--margin-unit)*0)
    }

    .mr0-vp5 {
        margin-right: 0;
        margin-right: calc(var(--margin-unit)*0)
    }

    .mt0-vp5 {
        margin-top: 0;
        margin-top: calc(var(--margin-unit)*0)
    }

    .mb0-vp5,
    .mv0-vp5 {
        margin-bottom: 0;
        margin-bottom: calc(var(--margin-unit)*0)
    }

    .mv0-vp5 {
        margin-top: 0;
        margin-top: calc(var(--margin-unit)*0)
    }

    .mh0-vp5 {
        margin-left: 0;
        margin-left: calc(var(--margin-unit)*0);
        margin-right: 0;
        margin-right: calc(var(--margin-unit)*0)
    }
}

@media (min-width:64em) {
    .pa1-vp5 {
        padding: .3125rem;
        padding: calc(var(--margin-unit)*1)
    }

    .pl1-vp5 {
        padding-left: .3125rem;
        padding-left: calc(var(--margin-unit)*1)
    }

    .pr1-vp5 {
        padding-right: .3125rem;
        padding-right: calc(var(--margin-unit)*1)
    }

    .pt1-vp5 {
        padding-top: .3125rem;
        padding-top: calc(var(--margin-unit)*1)
    }

    .pb1-vp5,
    .pv1-vp5 {
        padding-bottom: .3125rem;
        padding-bottom: calc(var(--margin-unit)*1)
    }

    .pv1-vp5 {
        padding-top: .3125rem;
        padding-top: calc(var(--margin-unit)*1)
    }

    .ph1-vp5 {
        padding-left: .3125rem;
        padding-left: calc(var(--margin-unit)*1);
        padding-right: .3125rem;
        padding-right: calc(var(--margin-unit)*1)
    }

    .ma1-vp5 {
        margin: .3125rem;
        margin: calc(var(--margin-unit)*1)
    }

    .ml1-vp5 {
        margin-left: .3125rem;
        margin-left: calc(var(--margin-unit)*1)
    }

    .mr1-vp5 {
        margin-right: .3125rem;
        margin-right: calc(var(--margin-unit)*1)
    }

    .mt1-vp5 {
        margin-top: .3125rem;
        margin-top: calc(var(--margin-unit)*1)
    }

    .mb1-vp5,
    .mv1-vp5 {
        margin-bottom: .3125rem;
        margin-bottom: calc(var(--margin-unit)*1)
    }

    .mv1-vp5 {
        margin-top: .3125rem;
        margin-top: calc(var(--margin-unit)*1)
    }

    .mh1-vp5 {
        margin-left: .3125rem;
        margin-left: calc(var(--margin-unit)*1);
        margin-right: .3125rem;
        margin-right: calc(var(--margin-unit)*1)
    }
}

@media (min-width:64em) {
    .pa2-vp5 {
        padding: .625rem;
        padding: calc(var(--margin-unit)*2)
    }

    .pl2-vp5 {
        padding-left: .625rem;
        padding-left: calc(var(--margin-unit)*2)
    }

    .pr2-vp5 {
        padding-right: .625rem;
        padding-right: calc(var(--margin-unit)*2)
    }

    .pt2-vp5 {
        padding-top: .625rem;
        padding-top: calc(var(--margin-unit)*2)
    }

    .pb2-vp5,
    .pv2-vp5 {
        padding-bottom: .625rem;
        padding-bottom: calc(var(--margin-unit)*2)
    }

    .pv2-vp5 {
        padding-top: .625rem;
        padding-top: calc(var(--margin-unit)*2)
    }

    .ph2-vp5 {
        padding-left: .625rem;
        padding-left: calc(var(--margin-unit)*2);
        padding-right: .625rem;
        padding-right: calc(var(--margin-unit)*2)
    }

    .ma2-vp5 {
        margin: .625rem;
        margin: calc(var(--margin-unit)*2)
    }

    .ml2-vp5 {
        margin-left: .625rem;
        margin-left: calc(var(--margin-unit)*2)
    }

    .mr2-vp5 {
        margin-right: .625rem;
        margin-right: calc(var(--margin-unit)*2)
    }

    .mt2-vp5 {
        margin-top: .625rem;
        margin-top: calc(var(--margin-unit)*2)
    }

    .mb2-vp5,
    .mv2-vp5 {
        margin-bottom: .625rem;
        margin-bottom: calc(var(--margin-unit)*2)
    }

    .mv2-vp5 {
        margin-top: .625rem;
        margin-top: calc(var(--margin-unit)*2)
    }

    .mh2-vp5 {
        margin-left: .625rem;
        margin-left: calc(var(--margin-unit)*2);
        margin-right: .625rem;
        margin-right: calc(var(--margin-unit)*2)
    }
}

@media (min-width:64em) {
    .pa3-vp5 {
        padding: .9375rem;
        padding: calc(var(--margin-unit)*3)
    }

    .pl3-vp5 {
        padding-left: .9375rem;
        padding-left: calc(var(--margin-unit)*3)
    }

    .pr3-vp5 {
        padding-right: .9375rem;
        padding-right: calc(var(--margin-unit)*3)
    }

    .pt3-vp5 {
        padding-top: .9375rem;
        padding-top: calc(var(--margin-unit)*3)
    }

    .pb3-vp5,
    .pv3-vp5 {
        padding-bottom: .9375rem;
        padding-bottom: calc(var(--margin-unit)*3)
    }

    .pv3-vp5 {
        padding-top: .9375rem;
        padding-top: calc(var(--margin-unit)*3)
    }

    .ph3-vp5 {
        padding-left: .9375rem;
        padding-left: calc(var(--margin-unit)*3);
        padding-right: .9375rem;
        padding-right: calc(var(--margin-unit)*3)
    }

    .ma3-vp5 {
        margin: .9375rem;
        margin: calc(var(--margin-unit)*3)
    }

    .ml3-vp5 {
        margin-left: .9375rem;
        margin-left: calc(var(--margin-unit)*3)
    }

    .mr3-vp5 {
        margin-right: .9375rem;
        margin-right: calc(var(--margin-unit)*3)
    }

    .mt3-vp5 {
        margin-top: .9375rem;
        margin-top: calc(var(--margin-unit)*3)
    }

    .mb3-vp5,
    .mv3-vp5 {
        margin-bottom: .9375rem;
        margin-bottom: calc(var(--margin-unit)*3)
    }

    .mv3-vp5 {
        margin-top: .9375rem;
        margin-top: calc(var(--margin-unit)*3)
    }

    .mh3-vp5 {
        margin-left: .9375rem;
        margin-left: calc(var(--margin-unit)*3);
        margin-right: .9375rem;
        margin-right: calc(var(--margin-unit)*3)
    }
}

@media (min-width:64em) {
    .pa4-vp5 {
        padding: 1.25rem;
        padding: calc(var(--margin-unit)*4)
    }

    .pl4-vp5 {
        padding-left: 1.25rem;
        padding-left: calc(var(--margin-unit)*4)
    }

    .pr4-vp5 {
        padding-right: 1.25rem;
        padding-right: calc(var(--margin-unit)*4)
    }

    .pt4-vp5 {
        padding-top: 1.25rem;
        padding-top: calc(var(--margin-unit)*4)
    }

    .pb4-vp5,
    .pv4-vp5 {
        padding-bottom: 1.25rem;
        padding-bottom: calc(var(--margin-unit)*4)
    }

    .pv4-vp5 {
        padding-top: 1.25rem;
        padding-top: calc(var(--margin-unit)*4)
    }

    .ph4-vp5 {
        padding-left: 1.25rem;
        padding-left: calc(var(--margin-unit)*4);
        padding-right: 1.25rem;
        padding-right: calc(var(--margin-unit)*4)
    }

    .ma4-vp5 {
        margin: 1.25rem;
        margin: calc(var(--margin-unit)*4)
    }

    .ml4-vp5 {
        margin-left: 1.25rem;
        margin-left: calc(var(--margin-unit)*4)
    }

    .mr4-vp5 {
        margin-right: 1.25rem;
        margin-right: calc(var(--margin-unit)*4)
    }

    .mt4-vp5 {
        margin-top: 1.25rem;
        margin-top: calc(var(--margin-unit)*4)
    }

    .mb4-vp5,
    .mv4-vp5 {
        margin-bottom: 1.25rem;
        margin-bottom: calc(var(--margin-unit)*4)
    }

    .mv4-vp5 {
        margin-top: 1.25rem;
        margin-top: calc(var(--margin-unit)*4)
    }

    .mh4-vp5 {
        margin-left: 1.25rem;
        margin-left: calc(var(--margin-unit)*4);
        margin-right: 1.25rem;
        margin-right: calc(var(--margin-unit)*4)
    }
}

@media (min-width:64em) {
    .pa5-vp5 {
        padding: 1.5625rem;
        padding: calc(var(--margin-unit)*5)
    }

    .pl5-vp5 {
        padding-left: 1.5625rem;
        padding-left: calc(var(--margin-unit)*5)
    }

    .pr5-vp5 {
        padding-right: 1.5625rem;
        padding-right: calc(var(--margin-unit)*5)
    }

    .pt5-vp5 {
        padding-top: 1.5625rem;
        padding-top: calc(var(--margin-unit)*5)
    }

    .pb5-vp5,
    .pv5-vp5 {
        padding-bottom: 1.5625rem;
        padding-bottom: calc(var(--margin-unit)*5)
    }

    .pv5-vp5 {
        padding-top: 1.5625rem;
        padding-top: calc(var(--margin-unit)*5)
    }

    .ph5-vp5 {
        padding-left: 1.5625rem;
        padding-left: calc(var(--margin-unit)*5);
        padding-right: 1.5625rem;
        padding-right: calc(var(--margin-unit)*5)
    }

    .ma5-vp5 {
        margin: 1.5625rem;
        margin: calc(var(--margin-unit)*5)
    }

    .ml5-vp5 {
        margin-left: 1.5625rem;
        margin-left: calc(var(--margin-unit)*5)
    }

    .mr5-vp5 {
        margin-right: 1.5625rem;
        margin-right: calc(var(--margin-unit)*5)
    }

    .mt5-vp5 {
        margin-top: 1.5625rem;
        margin-top: calc(var(--margin-unit)*5)
    }

    .mb5-vp5,
    .mv5-vp5 {
        margin-bottom: 1.5625rem;
        margin-bottom: calc(var(--margin-unit)*5)
    }

    .mv5-vp5 {
        margin-top: 1.5625rem;
        margin-top: calc(var(--margin-unit)*5)
    }

    .mh5-vp5 {
        margin-left: 1.5625rem;
        margin-left: calc(var(--margin-unit)*5);
        margin-right: 1.5625rem;
        margin-right: calc(var(--margin-unit)*5)
    }
}

@media (min-width:64em) {
    .pa6-vp5 {
        padding: 1.875rem;
        padding: calc(var(--margin-unit)*6)
    }

    .pl6-vp5 {
        padding-left: 1.875rem;
        padding-left: calc(var(--margin-unit)*6)
    }

    .pr6-vp5 {
        padding-right: 1.875rem;
        padding-right: calc(var(--margin-unit)*6)
    }

    .pt6-vp5 {
        padding-top: 1.875rem;
        padding-top: calc(var(--margin-unit)*6)
    }

    .pb6-vp5,
    .pv6-vp5 {
        padding-bottom: 1.875rem;
        padding-bottom: calc(var(--margin-unit)*6)
    }

    .pv6-vp5 {
        padding-top: 1.875rem;
        padding-top: calc(var(--margin-unit)*6)
    }

    .ph6-vp5 {
        padding-left: 1.875rem;
        padding-left: calc(var(--margin-unit)*6);
        padding-right: 1.875rem;
        padding-right: calc(var(--margin-unit)*6)
    }

    .ma6-vp5 {
        margin: 1.875rem;
        margin: calc(var(--margin-unit)*6)
    }

    .ml6-vp5 {
        margin-left: 1.875rem;
        margin-left: calc(var(--margin-unit)*6)
    }

    .mr6-vp5 {
        margin-right: 1.875rem;
        margin-right: calc(var(--margin-unit)*6)
    }

    .mt6-vp5 {
        margin-top: 1.875rem;
        margin-top: calc(var(--margin-unit)*6)
    }

    .mb6-vp5,
    .mv6-vp5 {
        margin-bottom: 1.875rem;
        margin-bottom: calc(var(--margin-unit)*6)
    }

    .mv6-vp5 {
        margin-top: 1.875rem;
        margin-top: calc(var(--margin-unit)*6)
    }

    .mh6-vp5 {
        margin-left: 1.875rem;
        margin-left: calc(var(--margin-unit)*6);
        margin-right: 1.875rem;
        margin-right: calc(var(--margin-unit)*6)
    }
}

@media (min-width:64em) {
    .pa7-vp5 {
        padding: 2.1875rem;
        padding: calc(var(--margin-unit)*7)
    }

    .pl7-vp5 {
        padding-left: 2.1875rem;
        padding-left: calc(var(--margin-unit)*7)
    }

    .pr7-vp5 {
        padding-right: 2.1875rem;
        padding-right: calc(var(--margin-unit)*7)
    }

    .pt7-vp5 {
        padding-top: 2.1875rem;
        padding-top: calc(var(--margin-unit)*7)
    }

    .pb7-vp5,
    .pv7-vp5 {
        padding-bottom: 2.1875rem;
        padding-bottom: calc(var(--margin-unit)*7)
    }

    .pv7-vp5 {
        padding-top: 2.1875rem;
        padding-top: calc(var(--margin-unit)*7)
    }

    .ph7-vp5 {
        padding-left: 2.1875rem;
        padding-left: calc(var(--margin-unit)*7);
        padding-right: 2.1875rem;
        padding-right: calc(var(--margin-unit)*7)
    }

    .ma7-vp5 {
        margin: 2.1875rem;
        margin: calc(var(--margin-unit)*7)
    }

    .ml7-vp5 {
        margin-left: 2.1875rem;
        margin-left: calc(var(--margin-unit)*7)
    }

    .mr7-vp5 {
        margin-right: 2.1875rem;
        margin-right: calc(var(--margin-unit)*7)
    }

    .mt7-vp5 {
        margin-top: 2.1875rem;
        margin-top: calc(var(--margin-unit)*7)
    }

    .mb7-vp5,
    .mv7-vp5 {
        margin-bottom: 2.1875rem;
        margin-bottom: calc(var(--margin-unit)*7)
    }

    .mv7-vp5 {
        margin-top: 2.1875rem;
        margin-top: calc(var(--margin-unit)*7)
    }

    .mh7-vp5 {
        margin-left: 2.1875rem;
        margin-left: calc(var(--margin-unit)*7);
        margin-right: 2.1875rem;
        margin-right: calc(var(--margin-unit)*7)
    }
}

@media (min-width:64em) {
    .pa8-vp5 {
        padding: 2.5rem;
        padding: calc(var(--margin-unit)*8)
    }

    .pl8-vp5 {
        padding-left: 2.5rem;
        padding-left: calc(var(--margin-unit)*8)
    }

    .pr8-vp5 {
        padding-right: 2.5rem;
        padding-right: calc(var(--margin-unit)*8)
    }

    .pt8-vp5 {
        padding-top: 2.5rem;
        padding-top: calc(var(--margin-unit)*8)
    }

    .pb8-vp5,
    .pv8-vp5 {
        padding-bottom: 2.5rem;
        padding-bottom: calc(var(--margin-unit)*8)
    }

    .pv8-vp5 {
        padding-top: 2.5rem;
        padding-top: calc(var(--margin-unit)*8)
    }

    .ph8-vp5 {
        padding-left: 2.5rem;
        padding-left: calc(var(--margin-unit)*8);
        padding-right: 2.5rem;
        padding-right: calc(var(--margin-unit)*8)
    }

    .ma8-vp5 {
        margin: 2.5rem;
        margin: calc(var(--margin-unit)*8)
    }

    .ml8-vp5 {
        margin-left: 2.5rem;
        margin-left: calc(var(--margin-unit)*8)
    }

    .mr8-vp5 {
        margin-right: 2.5rem;
        margin-right: calc(var(--margin-unit)*8)
    }

    .mt8-vp5 {
        margin-top: 2.5rem;
        margin-top: calc(var(--margin-unit)*8)
    }

    .mb8-vp5,
    .mv8-vp5 {
        margin-bottom: 2.5rem;
        margin-bottom: calc(var(--margin-unit)*8)
    }

    .mv8-vp5 {
        margin-top: 2.5rem;
        margin-top: calc(var(--margin-unit)*8)
    }

    .mh8-vp5 {
        margin-left: 2.5rem;
        margin-left: calc(var(--margin-unit)*8);
        margin-right: 2.5rem;
        margin-right: calc(var(--margin-unit)*8)
    }
}

@media (min-width:64em) {
    .pa9-vp5 {
        padding: 2.8125rem;
        padding: calc(var(--margin-unit)*9)
    }

    .pl9-vp5 {
        padding-left: 2.8125rem;
        padding-left: calc(var(--margin-unit)*9)
    }

    .pr9-vp5 {
        padding-right: 2.8125rem;
        padding-right: calc(var(--margin-unit)*9)
    }

    .pt9-vp5 {
        padding-top: 2.8125rem;
        padding-top: calc(var(--margin-unit)*9)
    }

    .pb9-vp5,
    .pv9-vp5 {
        padding-bottom: 2.8125rem;
        padding-bottom: calc(var(--margin-unit)*9)
    }

    .pv9-vp5 {
        padding-top: 2.8125rem;
        padding-top: calc(var(--margin-unit)*9)
    }

    .ph9-vp5 {
        padding-left: 2.8125rem;
        padding-left: calc(var(--margin-unit)*9);
        padding-right: 2.8125rem;
        padding-right: calc(var(--margin-unit)*9)
    }

    .ma9-vp5 {
        margin: 2.8125rem;
        margin: calc(var(--margin-unit)*9)
    }

    .ml9-vp5 {
        margin-left: 2.8125rem;
        margin-left: calc(var(--margin-unit)*9)
    }

    .mr9-vp5 {
        margin-right: 2.8125rem;
        margin-right: calc(var(--margin-unit)*9)
    }

    .mt9-vp5 {
        margin-top: 2.8125rem;
        margin-top: calc(var(--margin-unit)*9)
    }

    .mb9-vp5,
    .mv9-vp5 {
        margin-bottom: 2.8125rem;
        margin-bottom: calc(var(--margin-unit)*9)
    }

    .mv9-vp5 {
        margin-top: 2.8125rem;
        margin-top: calc(var(--margin-unit)*9)
    }

    .mh9-vp5 {
        margin-left: 2.8125rem;
        margin-left: calc(var(--margin-unit)*9);
        margin-right: 2.8125rem;
        margin-right: calc(var(--margin-unit)*9)
    }
}

@media (min-width:64em) {
    .pa10-vp5 {
        padding: 3.125rem;
        padding: calc(var(--margin-unit)*10)
    }

    .pl10-vp5 {
        padding-left: 3.125rem;
        padding-left: calc(var(--margin-unit)*10)
    }

    .pr10-vp5 {
        padding-right: 3.125rem;
        padding-right: calc(var(--margin-unit)*10)
    }

    .pt10-vp5 {
        padding-top: 3.125rem;
        padding-top: calc(var(--margin-unit)*10)
    }

    .pb10-vp5,
    .pv10-vp5 {
        padding-bottom: 3.125rem;
        padding-bottom: calc(var(--margin-unit)*10)
    }

    .pv10-vp5 {
        padding-top: 3.125rem;
        padding-top: calc(var(--margin-unit)*10)
    }

    .ph10-vp5 {
        padding-left: 3.125rem;
        padding-left: calc(var(--margin-unit)*10);
        padding-right: 3.125rem;
        padding-right: calc(var(--margin-unit)*10)
    }

    .ma10-vp5 {
        margin: 3.125rem;
        margin: calc(var(--margin-unit)*10)
    }

    .ml10-vp5 {
        margin-left: 3.125rem;
        margin-left: calc(var(--margin-unit)*10)
    }

    .mr10-vp5 {
        margin-right: 3.125rem;
        margin-right: calc(var(--margin-unit)*10)
    }

    .mt10-vp5 {
        margin-top: 3.125rem;
        margin-top: calc(var(--margin-unit)*10)
    }

    .mb10-vp5,
    .mv10-vp5 {
        margin-bottom: 3.125rem;
        margin-bottom: calc(var(--margin-unit)*10)
    }

    .mv10-vp5 {
        margin-top: 3.125rem;
        margin-top: calc(var(--margin-unit)*10)
    }

    .mh10-vp5 {
        margin-left: 3.125rem;
        margin-left: calc(var(--margin-unit)*10);
        margin-right: 3.125rem;
        margin-right: calc(var(--margin-unit)*10)
    }
}

@media (min-width:72.5em) {
    .pa0-vp6 {
        padding: 0;
        padding: calc(var(--margin-unit)*0)
    }

    .pl0-vp6 {
        padding-left: 0;
        padding-left: calc(var(--margin-unit)*0)
    }

    .pr0-vp6 {
        padding-right: 0;
        padding-right: calc(var(--margin-unit)*0)
    }

    .pt0-vp6 {
        padding-top: 0;
        padding-top: calc(var(--margin-unit)*0)
    }

    .pb0-vp6,
    .pv0-vp6 {
        padding-bottom: 0;
        padding-bottom: calc(var(--margin-unit)*0)
    }

    .pv0-vp6 {
        padding-top: 0;
        padding-top: calc(var(--margin-unit)*0)
    }

    .ph0-vp6 {
        padding-left: 0;
        padding-left: calc(var(--margin-unit)*0);
        padding-right: 0;
        padding-right: calc(var(--margin-unit)*0)
    }

    .ma0-vp6 {
        margin: 0;
        margin: calc(var(--margin-unit)*0)
    }

    .ml0-vp6 {
        margin-left: 0;
        margin-left: calc(var(--margin-unit)*0)
    }

    .mr0-vp6 {
        margin-right: 0;
        margin-right: calc(var(--margin-unit)*0)
    }

    .mt0-vp6 {
        margin-top: 0;
        margin-top: calc(var(--margin-unit)*0)
    }

    .mb0-vp6,
    .mv0-vp6 {
        margin-bottom: 0;
        margin-bottom: calc(var(--margin-unit)*0)
    }

    .mv0-vp6 {
        margin-top: 0;
        margin-top: calc(var(--margin-unit)*0)
    }

    .mh0-vp6 {
        margin-left: 0;
        margin-left: calc(var(--margin-unit)*0);
        margin-right: 0;
        margin-right: calc(var(--margin-unit)*0)
    }
}

@media (min-width:72.5em) {
    .pa1-vp6 {
        padding: .3125rem;
        padding: calc(var(--margin-unit)*1)
    }

    .pl1-vp6 {
        padding-left: .3125rem;
        padding-left: calc(var(--margin-unit)*1)
    }

    .pr1-vp6 {
        padding-right: .3125rem;
        padding-right: calc(var(--margin-unit)*1)
    }

    .pt1-vp6 {
        padding-top: .3125rem;
        padding-top: calc(var(--margin-unit)*1)
    }

    .pb1-vp6,
    .pv1-vp6 {
        padding-bottom: .3125rem;
        padding-bottom: calc(var(--margin-unit)*1)
    }

    .pv1-vp6 {
        padding-top: .3125rem;
        padding-top: calc(var(--margin-unit)*1)
    }

    .ph1-vp6 {
        padding-left: .3125rem;
        padding-left: calc(var(--margin-unit)*1);
        padding-right: .3125rem;
        padding-right: calc(var(--margin-unit)*1)
    }

    .ma1-vp6 {
        margin: .3125rem;
        margin: calc(var(--margin-unit)*1)
    }

    .ml1-vp6 {
        margin-left: .3125rem;
        margin-left: calc(var(--margin-unit)*1)
    }

    .mr1-vp6 {
        margin-right: .3125rem;
        margin-right: calc(var(--margin-unit)*1)
    }

    .mt1-vp6 {
        margin-top: .3125rem;
        margin-top: calc(var(--margin-unit)*1)
    }

    .mb1-vp6,
    .mv1-vp6 {
        margin-bottom: .3125rem;
        margin-bottom: calc(var(--margin-unit)*1)
    }

    .mv1-vp6 {
        margin-top: .3125rem;
        margin-top: calc(var(--margin-unit)*1)
    }

    .mh1-vp6 {
        margin-left: .3125rem;
        margin-left: calc(var(--margin-unit)*1);
        margin-right: .3125rem;
        margin-right: calc(var(--margin-unit)*1)
    }
}

@media (min-width:72.5em) {
    .pa2-vp6 {
        padding: .625rem;
        padding: calc(var(--margin-unit)*2)
    }

    .pl2-vp6 {
        padding-left: .625rem;
        padding-left: calc(var(--margin-unit)*2)
    }

    .pr2-vp6 {
        padding-right: .625rem;
        padding-right: calc(var(--margin-unit)*2)
    }

    .pt2-vp6 {
        padding-top: .625rem;
        padding-top: calc(var(--margin-unit)*2)
    }

    .pb2-vp6,
    .pv2-vp6 {
        padding-bottom: .625rem;
        padding-bottom: calc(var(--margin-unit)*2)
    }

    .pv2-vp6 {
        padding-top: .625rem;
        padding-top: calc(var(--margin-unit)*2)
    }

    .ph2-vp6 {
        padding-left: .625rem;
        padding-left: calc(var(--margin-unit)*2);
        padding-right: .625rem;
        padding-right: calc(var(--margin-unit)*2)
    }

    .ma2-vp6 {
        margin: .625rem;
        margin: calc(var(--margin-unit)*2)
    }

    .ml2-vp6 {
        margin-left: .625rem;
        margin-left: calc(var(--margin-unit)*2)
    }

    .mr2-vp6 {
        margin-right: .625rem;
        margin-right: calc(var(--margin-unit)*2)
    }

    .mt2-vp6 {
        margin-top: .625rem;
        margin-top: calc(var(--margin-unit)*2)
    }

    .mb2-vp6,
    .mv2-vp6 {
        margin-bottom: .625rem;
        margin-bottom: calc(var(--margin-unit)*2)
    }

    .mv2-vp6 {
        margin-top: .625rem;
        margin-top: calc(var(--margin-unit)*2)
    }

    .mh2-vp6 {
        margin-left: .625rem;
        margin-left: calc(var(--margin-unit)*2);
        margin-right: .625rem;
        margin-right: calc(var(--margin-unit)*2)
    }
}

@media (min-width:72.5em) {
    .pa3-vp6 {
        padding: .9375rem;
        padding: calc(var(--margin-unit)*3)
    }

    .pl3-vp6 {
        padding-left: .9375rem;
        padding-left: calc(var(--margin-unit)*3)
    }

    .pr3-vp6 {
        padding-right: .9375rem;
        padding-right: calc(var(--margin-unit)*3)
    }

    .pt3-vp6 {
        padding-top: .9375rem;
        padding-top: calc(var(--margin-unit)*3)
    }

    .pb3-vp6,
    .pv3-vp6 {
        padding-bottom: .9375rem;
        padding-bottom: calc(var(--margin-unit)*3)
    }

    .pv3-vp6 {
        padding-top: .9375rem;
        padding-top: calc(var(--margin-unit)*3)
    }

    .ph3-vp6 {
        padding-left: .9375rem;
        padding-left: calc(var(--margin-unit)*3);
        padding-right: .9375rem;
        padding-right: calc(var(--margin-unit)*3)
    }

    .ma3-vp6 {
        margin: .9375rem;
        margin: calc(var(--margin-unit)*3)
    }

    .ml3-vp6 {
        margin-left: .9375rem;
        margin-left: calc(var(--margin-unit)*3)
    }

    .mr3-vp6 {
        margin-right: .9375rem;
        margin-right: calc(var(--margin-unit)*3)
    }

    .mt3-vp6 {
        margin-top: .9375rem;
        margin-top: calc(var(--margin-unit)*3)
    }

    .mb3-vp6,
    .mv3-vp6 {
        margin-bottom: .9375rem;
        margin-bottom: calc(var(--margin-unit)*3)
    }

    .mv3-vp6 {
        margin-top: .9375rem;
        margin-top: calc(var(--margin-unit)*3)
    }

    .mh3-vp6 {
        margin-left: .9375rem;
        margin-left: calc(var(--margin-unit)*3);
        margin-right: .9375rem;
        margin-right: calc(var(--margin-unit)*3)
    }
}

@media (min-width:72.5em) {
    .pa4-vp6 {
        padding: 1.25rem;
        padding: calc(var(--margin-unit)*4)
    }

    .pl4-vp6 {
        padding-left: 1.25rem;
        padding-left: calc(var(--margin-unit)*4)
    }

    .pr4-vp6 {
        padding-right: 1.25rem;
        padding-right: calc(var(--margin-unit)*4)
    }

    .pt4-vp6 {
        padding-top: 1.25rem;
        padding-top: calc(var(--margin-unit)*4)
    }

    .pb4-vp6,
    .pv4-vp6 {
        padding-bottom: 1.25rem;
        padding-bottom: calc(var(--margin-unit)*4)
    }

    .pv4-vp6 {
        padding-top: 1.25rem;
        padding-top: calc(var(--margin-unit)*4)
    }

    .ph4-vp6 {
        padding-left: 1.25rem;
        padding-left: calc(var(--margin-unit)*4);
        padding-right: 1.25rem;
        padding-right: calc(var(--margin-unit)*4)
    }

    .ma4-vp6 {
        margin: 1.25rem;
        margin: calc(var(--margin-unit)*4)
    }

    .ml4-vp6 {
        margin-left: 1.25rem;
        margin-left: calc(var(--margin-unit)*4)
    }

    .mr4-vp6 {
        margin-right: 1.25rem;
        margin-right: calc(var(--margin-unit)*4)
    }

    .mt4-vp6 {
        margin-top: 1.25rem;
        margin-top: calc(var(--margin-unit)*4)
    }

    .mb4-vp6,
    .mv4-vp6 {
        margin-bottom: 1.25rem;
        margin-bottom: calc(var(--margin-unit)*4)
    }

    .mv4-vp6 {
        margin-top: 1.25rem;
        margin-top: calc(var(--margin-unit)*4)
    }

    .mh4-vp6 {
        margin-left: 1.25rem;
        margin-left: calc(var(--margin-unit)*4);
        margin-right: 1.25rem;
        margin-right: calc(var(--margin-unit)*4)
    }
}

@media (min-width:72.5em) {
    .pa5-vp6 {
        padding: 1.5625rem;
        padding: calc(var(--margin-unit)*5)
    }

    .pl5-vp6 {
        padding-left: 1.5625rem;
        padding-left: calc(var(--margin-unit)*5)
    }

    .pr5-vp6 {
        padding-right: 1.5625rem;
        padding-right: calc(var(--margin-unit)*5)
    }

    .pt5-vp6 {
        padding-top: 1.5625rem;
        padding-top: calc(var(--margin-unit)*5)
    }

    .pb5-vp6,
    .pv5-vp6 {
        padding-bottom: 1.5625rem;
        padding-bottom: calc(var(--margin-unit)*5)
    }

    .pv5-vp6 {
        padding-top: 1.5625rem;
        padding-top: calc(var(--margin-unit)*5)
    }

    .ph5-vp6 {
        padding-left: 1.5625rem;
        padding-left: calc(var(--margin-unit)*5);
        padding-right: 1.5625rem;
        padding-right: calc(var(--margin-unit)*5)
    }

    .ma5-vp6 {
        margin: 1.5625rem;
        margin: calc(var(--margin-unit)*5)
    }

    .ml5-vp6 {
        margin-left: 1.5625rem;
        margin-left: calc(var(--margin-unit)*5)
    }

    .mr5-vp6 {
        margin-right: 1.5625rem;
        margin-right: calc(var(--margin-unit)*5)
    }

    .mt5-vp6 {
        margin-top: 1.5625rem;
        margin-top: calc(var(--margin-unit)*5)
    }

    .mb5-vp6,
    .mv5-vp6 {
        margin-bottom: 1.5625rem;
        margin-bottom: calc(var(--margin-unit)*5)
    }

    .mv5-vp6 {
        margin-top: 1.5625rem;
        margin-top: calc(var(--margin-unit)*5)
    }

    .mh5-vp6 {
        margin-left: 1.5625rem;
        margin-left: calc(var(--margin-unit)*5);
        margin-right: 1.5625rem;
        margin-right: calc(var(--margin-unit)*5)
    }
}

@media (min-width:72.5em) {
    .pa6-vp6 {
        padding: 1.875rem;
        padding: calc(var(--margin-unit)*6)
    }

    .pl6-vp6 {
        padding-left: 1.875rem;
        padding-left: calc(var(--margin-unit)*6)
    }

    .pr6-vp6 {
        padding-right: 1.875rem;
        padding-right: calc(var(--margin-unit)*6)
    }

    .pt6-vp6 {
        padding-top: 1.875rem;
        padding-top: calc(var(--margin-unit)*6)
    }

    .pb6-vp6,
    .pv6-vp6 {
        padding-bottom: 1.875rem;
        padding-bottom: calc(var(--margin-unit)*6)
    }

    .pv6-vp6 {
        padding-top: 1.875rem;
        padding-top: calc(var(--margin-unit)*6)
    }

    .ph6-vp6 {
        padding-left: 1.875rem;
        padding-left: calc(var(--margin-unit)*6);
        padding-right: 1.875rem;
        padding-right: calc(var(--margin-unit)*6)
    }

    .ma6-vp6 {
        margin: 1.875rem;
        margin: calc(var(--margin-unit)*6)
    }

    .ml6-vp6 {
        margin-left: 1.875rem;
        margin-left: calc(var(--margin-unit)*6)
    }

    .mr6-vp6 {
        margin-right: 1.875rem;
        margin-right: calc(var(--margin-unit)*6)
    }

    .mt6-vp6 {
        margin-top: 1.875rem;
        margin-top: calc(var(--margin-unit)*6)
    }

    .mb6-vp6,
    .mv6-vp6 {
        margin-bottom: 1.875rem;
        margin-bottom: calc(var(--margin-unit)*6)
    }

    .mv6-vp6 {
        margin-top: 1.875rem;
        margin-top: calc(var(--margin-unit)*6)
    }

    .mh6-vp6 {
        margin-left: 1.875rem;
        margin-left: calc(var(--margin-unit)*6);
        margin-right: 1.875rem;
        margin-right: calc(var(--margin-unit)*6)
    }
}

@media (min-width:72.5em) {
    .pa7-vp6 {
        padding: 2.1875rem;
        padding: calc(var(--margin-unit)*7)
    }

    .pl7-vp6 {
        padding-left: 2.1875rem;
        padding-left: calc(var(--margin-unit)*7)
    }

    .pr7-vp6 {
        padding-right: 2.1875rem;
        padding-right: calc(var(--margin-unit)*7)
    }

    .pt7-vp6 {
        padding-top: 2.1875rem;
        padding-top: calc(var(--margin-unit)*7)
    }

    .pb7-vp6,
    .pv7-vp6 {
        padding-bottom: 2.1875rem;
        padding-bottom: calc(var(--margin-unit)*7)
    }

    .pv7-vp6 {
        padding-top: 2.1875rem;
        padding-top: calc(var(--margin-unit)*7)
    }

    .ph7-vp6 {
        padding-left: 2.1875rem;
        padding-left: calc(var(--margin-unit)*7);
        padding-right: 2.1875rem;
        padding-right: calc(var(--margin-unit)*7)
    }

    .ma7-vp6 {
        margin: 2.1875rem;
        margin: calc(var(--margin-unit)*7)
    }

    .ml7-vp6 {
        margin-left: 2.1875rem;
        margin-left: calc(var(--margin-unit)*7)
    }

    .mr7-vp6 {
        margin-right: 2.1875rem;
        margin-right: calc(var(--margin-unit)*7)
    }

    .mt7-vp6 {
        margin-top: 2.1875rem;
        margin-top: calc(var(--margin-unit)*7)
    }

    .mb7-vp6,
    .mv7-vp6 {
        margin-bottom: 2.1875rem;
        margin-bottom: calc(var(--margin-unit)*7)
    }

    .mv7-vp6 {
        margin-top: 2.1875rem;
        margin-top: calc(var(--margin-unit)*7)
    }

    .mh7-vp6 {
        margin-left: 2.1875rem;
        margin-left: calc(var(--margin-unit)*7);
        margin-right: 2.1875rem;
        margin-right: calc(var(--margin-unit)*7)
    }
}

@media (min-width:72.5em) {
    .pa8-vp6 {
        padding: 2.5rem;
        padding: calc(var(--margin-unit)*8)
    }

    .pl8-vp6 {
        padding-left: 2.5rem;
        padding-left: calc(var(--margin-unit)*8)
    }

    .pr8-vp6 {
        padding-right: 2.5rem;
        padding-right: calc(var(--margin-unit)*8)
    }

    .pt8-vp6 {
        padding-top: 2.5rem;
        padding-top: calc(var(--margin-unit)*8)
    }

    .pb8-vp6,
    .pv8-vp6 {
        padding-bottom: 2.5rem;
        padding-bottom: calc(var(--margin-unit)*8)
    }

    .pv8-vp6 {
        padding-top: 2.5rem;
        padding-top: calc(var(--margin-unit)*8)
    }

    .ph8-vp6 {
        padding-left: 2.5rem;
        padding-left: calc(var(--margin-unit)*8);
        padding-right: 2.5rem;
        padding-right: calc(var(--margin-unit)*8)
    }

    .ma8-vp6 {
        margin: 2.5rem;
        margin: calc(var(--margin-unit)*8)
    }

    .ml8-vp6 {
        margin-left: 2.5rem;
        margin-left: calc(var(--margin-unit)*8)
    }

    .mr8-vp6 {
        margin-right: 2.5rem;
        margin-right: calc(var(--margin-unit)*8)
    }

    .mt8-vp6 {
        margin-top: 2.5rem;
        margin-top: calc(var(--margin-unit)*8)
    }

    .mb8-vp6,
    .mv8-vp6 {
        margin-bottom: 2.5rem;
        margin-bottom: calc(var(--margin-unit)*8)
    }

    .mv8-vp6 {
        margin-top: 2.5rem;
        margin-top: calc(var(--margin-unit)*8)
    }

    .mh8-vp6 {
        margin-left: 2.5rem;
        margin-left: calc(var(--margin-unit)*8);
        margin-right: 2.5rem;
        margin-right: calc(var(--margin-unit)*8)
    }
}

@media (min-width:72.5em) {
    .pa9-vp6 {
        padding: 2.8125rem;
        padding: calc(var(--margin-unit)*9)
    }

    .pl9-vp6 {
        padding-left: 2.8125rem;
        padding-left: calc(var(--margin-unit)*9)
    }

    .pr9-vp6 {
        padding-right: 2.8125rem;
        padding-right: calc(var(--margin-unit)*9)
    }

    .pt9-vp6 {
        padding-top: 2.8125rem;
        padding-top: calc(var(--margin-unit)*9)
    }

    .pb9-vp6,
    .pv9-vp6 {
        padding-bottom: 2.8125rem;
        padding-bottom: calc(var(--margin-unit)*9)
    }

    .pv9-vp6 {
        padding-top: 2.8125rem;
        padding-top: calc(var(--margin-unit)*9)
    }

    .ph9-vp6 {
        padding-left: 2.8125rem;
        padding-left: calc(var(--margin-unit)*9);
        padding-right: 2.8125rem;
        padding-right: calc(var(--margin-unit)*9)
    }

    .ma9-vp6 {
        margin: 2.8125rem;
        margin: calc(var(--margin-unit)*9)
    }

    .ml9-vp6 {
        margin-left: 2.8125rem;
        margin-left: calc(var(--margin-unit)*9)
    }

    .mr9-vp6 {
        margin-right: 2.8125rem;
        margin-right: calc(var(--margin-unit)*9)
    }

    .mt9-vp6 {
        margin-top: 2.8125rem;
        margin-top: calc(var(--margin-unit)*9)
    }

    .mb9-vp6,
    .mv9-vp6 {
        margin-bottom: 2.8125rem;
        margin-bottom: calc(var(--margin-unit)*9)
    }

    .mv9-vp6 {
        margin-top: 2.8125rem;
        margin-top: calc(var(--margin-unit)*9)
    }

    .mh9-vp6 {
        margin-left: 2.8125rem;
        margin-left: calc(var(--margin-unit)*9);
        margin-right: 2.8125rem;
        margin-right: calc(var(--margin-unit)*9)
    }
}

@media (min-width:72.5em) {
    .pa10-vp6 {
        padding: 3.125rem;
        padding: calc(var(--margin-unit)*10)
    }

    .pl10-vp6 {
        padding-left: 3.125rem;
        padding-left: calc(var(--margin-unit)*10)
    }

    .pr10-vp6 {
        padding-right: 3.125rem;
        padding-right: calc(var(--margin-unit)*10)
    }

    .pt10-vp6 {
        padding-top: 3.125rem;
        padding-top: calc(var(--margin-unit)*10)
    }

    .pb10-vp6,
    .pv10-vp6 {
        padding-bottom: 3.125rem;
        padding-bottom: calc(var(--margin-unit)*10)
    }

    .pv10-vp6 {
        padding-top: 3.125rem;
        padding-top: calc(var(--margin-unit)*10)
    }

    .ph10-vp6 {
        padding-left: 3.125rem;
        padding-left: calc(var(--margin-unit)*10);
        padding-right: 3.125rem;
        padding-right: calc(var(--margin-unit)*10)
    }

    .ma10-vp6 {
        margin: 3.125rem;
        margin: calc(var(--margin-unit)*10)
    }

    .ml10-vp6 {
        margin-left: 3.125rem;
        margin-left: calc(var(--margin-unit)*10)
    }

    .mr10-vp6 {
        margin-right: 3.125rem;
        margin-right: calc(var(--margin-unit)*10)
    }

    .mt10-vp6 {
        margin-top: 3.125rem;
        margin-top: calc(var(--margin-unit)*10)
    }

    .mb10-vp6,
    .mv10-vp6 {
        margin-bottom: 3.125rem;
        margin-bottom: calc(var(--margin-unit)*10)
    }

    .mv10-vp6 {
        margin-top: 3.125rem;
        margin-top: calc(var(--margin-unit)*10)
    }

    .mh10-vp6 {
        margin-left: 3.125rem;
        margin-left: calc(var(--margin-unit)*10);
        margin-right: 3.125rem;
        margin-right: calc(var(--margin-unit)*10)
    }
}

@media (min-width:87.5em) {
    .pa0-vp7 {
        padding: 0;
        padding: calc(var(--margin-unit)*0)
    }

    .pl0-vp7 {
        padding-left: 0;
        padding-left: calc(var(--margin-unit)*0)
    }

    .pr0-vp7 {
        padding-right: 0;
        padding-right: calc(var(--margin-unit)*0)
    }

    .pt0-vp7 {
        padding-top: 0;
        padding-top: calc(var(--margin-unit)*0)
    }

    .pb0-vp7,
    .pv0-vp7 {
        padding-bottom: 0;
        padding-bottom: calc(var(--margin-unit)*0)
    }

    .pv0-vp7 {
        padding-top: 0;
        padding-top: calc(var(--margin-unit)*0)
    }

    .ph0-vp7 {
        padding-left: 0;
        padding-left: calc(var(--margin-unit)*0);
        padding-right: 0;
        padding-right: calc(var(--margin-unit)*0)
    }

    .ma0-vp7 {
        margin: 0;
        margin: calc(var(--margin-unit)*0)
    }

    .ml0-vp7 {
        margin-left: 0;
        margin-left: calc(var(--margin-unit)*0)
    }

    .mr0-vp7 {
        margin-right: 0;
        margin-right: calc(var(--margin-unit)*0)
    }

    .mt0-vp7 {
        margin-top: 0;
        margin-top: calc(var(--margin-unit)*0)
    }

    .mb0-vp7,
    .mv0-vp7 {
        margin-bottom: 0;
        margin-bottom: calc(var(--margin-unit)*0)
    }

    .mv0-vp7 {
        margin-top: 0;
        margin-top: calc(var(--margin-unit)*0)
    }

    .mh0-vp7 {
        margin-left: 0;
        margin-left: calc(var(--margin-unit)*0);
        margin-right: 0;
        margin-right: calc(var(--margin-unit)*0)
    }
}

@media (min-width:87.5em) {
    .pa1-vp7 {
        padding: .3125rem;
        padding: calc(var(--margin-unit)*1)
    }

    .pl1-vp7 {
        padding-left: .3125rem;
        padding-left: calc(var(--margin-unit)*1)
    }

    .pr1-vp7 {
        padding-right: .3125rem;
        padding-right: calc(var(--margin-unit)*1)
    }

    .pt1-vp7 {
        padding-top: .3125rem;
        padding-top: calc(var(--margin-unit)*1)
    }

    .pb1-vp7,
    .pv1-vp7 {
        padding-bottom: .3125rem;
        padding-bottom: calc(var(--margin-unit)*1)
    }

    .pv1-vp7 {
        padding-top: .3125rem;
        padding-top: calc(var(--margin-unit)*1)
    }

    .ph1-vp7 {
        padding-left: .3125rem;
        padding-left: calc(var(--margin-unit)*1);
        padding-right: .3125rem;
        padding-right: calc(var(--margin-unit)*1)
    }

    .ma1-vp7 {
        margin: .3125rem;
        margin: calc(var(--margin-unit)*1)
    }

    .ml1-vp7 {
        margin-left: .3125rem;
        margin-left: calc(var(--margin-unit)*1)
    }

    .mr1-vp7 {
        margin-right: .3125rem;
        margin-right: calc(var(--margin-unit)*1)
    }

    .mt1-vp7 {
        margin-top: .3125rem;
        margin-top: calc(var(--margin-unit)*1)
    }

    .mb1-vp7,
    .mv1-vp7 {
        margin-bottom: .3125rem;
        margin-bottom: calc(var(--margin-unit)*1)
    }

    .mv1-vp7 {
        margin-top: .3125rem;
        margin-top: calc(var(--margin-unit)*1)
    }

    .mh1-vp7 {
        margin-left: .3125rem;
        margin-left: calc(var(--margin-unit)*1);
        margin-right: .3125rem;
        margin-right: calc(var(--margin-unit)*1)
    }
}

@media (min-width:87.5em) {
    .pa2-vp7 {
        padding: .625rem;
        padding: calc(var(--margin-unit)*2)
    }

    .pl2-vp7 {
        padding-left: .625rem;
        padding-left: calc(var(--margin-unit)*2)
    }

    .pr2-vp7 {
        padding-right: .625rem;
        padding-right: calc(var(--margin-unit)*2)
    }

    .pt2-vp7 {
        padding-top: .625rem;
        padding-top: calc(var(--margin-unit)*2)
    }

    .pb2-vp7,
    .pv2-vp7 {
        padding-bottom: .625rem;
        padding-bottom: calc(var(--margin-unit)*2)
    }

    .pv2-vp7 {
        padding-top: .625rem;
        padding-top: calc(var(--margin-unit)*2)
    }

    .ph2-vp7 {
        padding-left: .625rem;
        padding-left: calc(var(--margin-unit)*2);
        padding-right: .625rem;
        padding-right: calc(var(--margin-unit)*2)
    }

    .ma2-vp7 {
        margin: .625rem;
        margin: calc(var(--margin-unit)*2)
    }

    .ml2-vp7 {
        margin-left: .625rem;
        margin-left: calc(var(--margin-unit)*2)
    }

    .mr2-vp7 {
        margin-right: .625rem;
        margin-right: calc(var(--margin-unit)*2)
    }

    .mt2-vp7 {
        margin-top: .625rem;
        margin-top: calc(var(--margin-unit)*2)
    }

    .mb2-vp7,
    .mv2-vp7 {
        margin-bottom: .625rem;
        margin-bottom: calc(var(--margin-unit)*2)
    }

    .mv2-vp7 {
        margin-top: .625rem;
        margin-top: calc(var(--margin-unit)*2)
    }

    .mh2-vp7 {
        margin-left: .625rem;
        margin-left: calc(var(--margin-unit)*2);
        margin-right: .625rem;
        margin-right: calc(var(--margin-unit)*2)
    }
}

@media (min-width:87.5em) {
    .pa3-vp7 {
        padding: .9375rem;
        padding: calc(var(--margin-unit)*3)
    }

    .pl3-vp7 {
        padding-left: .9375rem;
        padding-left: calc(var(--margin-unit)*3)
    }

    .pr3-vp7 {
        padding-right: .9375rem;
        padding-right: calc(var(--margin-unit)*3)
    }

    .pt3-vp7 {
        padding-top: .9375rem;
        padding-top: calc(var(--margin-unit)*3)
    }

    .pb3-vp7,
    .pv3-vp7 {
        padding-bottom: .9375rem;
        padding-bottom: calc(var(--margin-unit)*3)
    }

    .pv3-vp7 {
        padding-top: .9375rem;
        padding-top: calc(var(--margin-unit)*3)
    }

    .ph3-vp7 {
        padding-left: .9375rem;
        padding-left: calc(var(--margin-unit)*3);
        padding-right: .9375rem;
        padding-right: calc(var(--margin-unit)*3)
    }

    .ma3-vp7 {
        margin: .9375rem;
        margin: calc(var(--margin-unit)*3)
    }

    .ml3-vp7 {
        margin-left: .9375rem;
        margin-left: calc(var(--margin-unit)*3)
    }

    .mr3-vp7 {
        margin-right: .9375rem;
        margin-right: calc(var(--margin-unit)*3)
    }

    .mt3-vp7 {
        margin-top: .9375rem;
        margin-top: calc(var(--margin-unit)*3)
    }

    .mb3-vp7,
    .mv3-vp7 {
        margin-bottom: .9375rem;
        margin-bottom: calc(var(--margin-unit)*3)
    }

    .mv3-vp7 {
        margin-top: .9375rem;
        margin-top: calc(var(--margin-unit)*3)
    }

    .mh3-vp7 {
        margin-left: .9375rem;
        margin-left: calc(var(--margin-unit)*3);
        margin-right: .9375rem;
        margin-right: calc(var(--margin-unit)*3)
    }
}

@media (min-width:87.5em) {
    .pa4-vp7 {
        padding: 1.25rem;
        padding: calc(var(--margin-unit)*4)
    }

    .pl4-vp7 {
        padding-left: 1.25rem;
        padding-left: calc(var(--margin-unit)*4)
    }

    .pr4-vp7 {
        padding-right: 1.25rem;
        padding-right: calc(var(--margin-unit)*4)
    }

    .pt4-vp7 {
        padding-top: 1.25rem;
        padding-top: calc(var(--margin-unit)*4)
    }

    .pb4-vp7,
    .pv4-vp7 {
        padding-bottom: 1.25rem;
        padding-bottom: calc(var(--margin-unit)*4)
    }

    .pv4-vp7 {
        padding-top: 1.25rem;
        padding-top: calc(var(--margin-unit)*4)
    }

    .ph4-vp7 {
        padding-left: 1.25rem;
        padding-left: calc(var(--margin-unit)*4);
        padding-right: 1.25rem;
        padding-right: calc(var(--margin-unit)*4)
    }

    .ma4-vp7 {
        margin: 1.25rem;
        margin: calc(var(--margin-unit)*4)
    }

    .ml4-vp7 {
        margin-left: 1.25rem;
        margin-left: calc(var(--margin-unit)*4)
    }

    .mr4-vp7 {
        margin-right: 1.25rem;
        margin-right: calc(var(--margin-unit)*4)
    }

    .mt4-vp7 {
        margin-top: 1.25rem;
        margin-top: calc(var(--margin-unit)*4)
    }

    .mb4-vp7,
    .mv4-vp7 {
        margin-bottom: 1.25rem;
        margin-bottom: calc(var(--margin-unit)*4)
    }

    .mv4-vp7 {
        margin-top: 1.25rem;
        margin-top: calc(var(--margin-unit)*4)
    }

    .mh4-vp7 {
        margin-left: 1.25rem;
        margin-left: calc(var(--margin-unit)*4);
        margin-right: 1.25rem;
        margin-right: calc(var(--margin-unit)*4)
    }
}

@media (min-width:87.5em) {
    .pa5-vp7 {
        padding: 1.5625rem;
        padding: calc(var(--margin-unit)*5)
    }

    .pl5-vp7 {
        padding-left: 1.5625rem;
        padding-left: calc(var(--margin-unit)*5)
    }

    .pr5-vp7 {
        padding-right: 1.5625rem;
        padding-right: calc(var(--margin-unit)*5)
    }

    .pt5-vp7 {
        padding-top: 1.5625rem;
        padding-top: calc(var(--margin-unit)*5)
    }

    .pb5-vp7,
    .pv5-vp7 {
        padding-bottom: 1.5625rem;
        padding-bottom: calc(var(--margin-unit)*5)
    }

    .pv5-vp7 {
        padding-top: 1.5625rem;
        padding-top: calc(var(--margin-unit)*5)
    }

    .ph5-vp7 {
        padding-left: 1.5625rem;
        padding-left: calc(var(--margin-unit)*5);
        padding-right: 1.5625rem;
        padding-right: calc(var(--margin-unit)*5)
    }

    .ma5-vp7 {
        margin: 1.5625rem;
        margin: calc(var(--margin-unit)*5)
    }

    .ml5-vp7 {
        margin-left: 1.5625rem;
        margin-left: calc(var(--margin-unit)*5)
    }

    .mr5-vp7 {
        margin-right: 1.5625rem;
        margin-right: calc(var(--margin-unit)*5)
    }

    .mt5-vp7 {
        margin-top: 1.5625rem;
        margin-top: calc(var(--margin-unit)*5)
    }

    .mb5-vp7,
    .mv5-vp7 {
        margin-bottom: 1.5625rem;
        margin-bottom: calc(var(--margin-unit)*5)
    }

    .mv5-vp7 {
        margin-top: 1.5625rem;
        margin-top: calc(var(--margin-unit)*5)
    }

    .mh5-vp7 {
        margin-left: 1.5625rem;
        margin-left: calc(var(--margin-unit)*5);
        margin-right: 1.5625rem;
        margin-right: calc(var(--margin-unit)*5)
    }
}

@media (min-width:87.5em) {
    .pa6-vp7 {
        padding: 1.875rem;
        padding: calc(var(--margin-unit)*6)
    }

    .pl6-vp7 {
        padding-left: 1.875rem;
        padding-left: calc(var(--margin-unit)*6)
    }

    .pr6-vp7 {
        padding-right: 1.875rem;
        padding-right: calc(var(--margin-unit)*6)
    }

    .pt6-vp7 {
        padding-top: 1.875rem;
        padding-top: calc(var(--margin-unit)*6)
    }

    .pb6-vp7,
    .pv6-vp7 {
        padding-bottom: 1.875rem;
        padding-bottom: calc(var(--margin-unit)*6)
    }

    .pv6-vp7 {
        padding-top: 1.875rem;
        padding-top: calc(var(--margin-unit)*6)
    }

    .ph6-vp7 {
        padding-left: 1.875rem;
        padding-left: calc(var(--margin-unit)*6);
        padding-right: 1.875rem;
        padding-right: calc(var(--margin-unit)*6)
    }

    .ma6-vp7 {
        margin: 1.875rem;
        margin: calc(var(--margin-unit)*6)
    }

    .ml6-vp7 {
        margin-left: 1.875rem;
        margin-left: calc(var(--margin-unit)*6)
    }

    .mr6-vp7 {
        margin-right: 1.875rem;
        margin-right: calc(var(--margin-unit)*6)
    }

    .mt6-vp7 {
        margin-top: 1.875rem;
        margin-top: calc(var(--margin-unit)*6)
    }

    .mb6-vp7,
    .mv6-vp7 {
        margin-bottom: 1.875rem;
        margin-bottom: calc(var(--margin-unit)*6)
    }

    .mv6-vp7 {
        margin-top: 1.875rem;
        margin-top: calc(var(--margin-unit)*6)
    }

    .mh6-vp7 {
        margin-left: 1.875rem;
        margin-left: calc(var(--margin-unit)*6);
        margin-right: 1.875rem;
        margin-right: calc(var(--margin-unit)*6)
    }
}

@media (min-width:87.5em) {
    .pa7-vp7 {
        padding: 2.1875rem;
        padding: calc(var(--margin-unit)*7)
    }

    .pl7-vp7 {
        padding-left: 2.1875rem;
        padding-left: calc(var(--margin-unit)*7)
    }

    .pr7-vp7 {
        padding-right: 2.1875rem;
        padding-right: calc(var(--margin-unit)*7)
    }

    .pt7-vp7 {
        padding-top: 2.1875rem;
        padding-top: calc(var(--margin-unit)*7)
    }

    .pb7-vp7,
    .pv7-vp7 {
        padding-bottom: 2.1875rem;
        padding-bottom: calc(var(--margin-unit)*7)
    }

    .pv7-vp7 {
        padding-top: 2.1875rem;
        padding-top: calc(var(--margin-unit)*7)
    }

    .ph7-vp7 {
        padding-left: 2.1875rem;
        padding-left: calc(var(--margin-unit)*7);
        padding-right: 2.1875rem;
        padding-right: calc(var(--margin-unit)*7)
    }

    .ma7-vp7 {
        margin: 2.1875rem;
        margin: calc(var(--margin-unit)*7)
    }

    .ml7-vp7 {
        margin-left: 2.1875rem;
        margin-left: calc(var(--margin-unit)*7)
    }

    .mr7-vp7 {
        margin-right: 2.1875rem;
        margin-right: calc(var(--margin-unit)*7)
    }

    .mt7-vp7 {
        margin-top: 2.1875rem;
        margin-top: calc(var(--margin-unit)*7)
    }

    .mb7-vp7,
    .mv7-vp7 {
        margin-bottom: 2.1875rem;
        margin-bottom: calc(var(--margin-unit)*7)
    }

    .mv7-vp7 {
        margin-top: 2.1875rem;
        margin-top: calc(var(--margin-unit)*7)
    }

    .mh7-vp7 {
        margin-left: 2.1875rem;
        margin-left: calc(var(--margin-unit)*7);
        margin-right: 2.1875rem;
        margin-right: calc(var(--margin-unit)*7)
    }
}

@media (min-width:87.5em) {
    .pa8-vp7 {
        padding: 2.5rem;
        padding: calc(var(--margin-unit)*8)
    }

    .pl8-vp7 {
        padding-left: 2.5rem;
        padding-left: calc(var(--margin-unit)*8)
    }

    .pr8-vp7 {
        padding-right: 2.5rem;
        padding-right: calc(var(--margin-unit)*8)
    }

    .pt8-vp7 {
        padding-top: 2.5rem;
        padding-top: calc(var(--margin-unit)*8)
    }

    .pb8-vp7,
    .pv8-vp7 {
        padding-bottom: 2.5rem;
        padding-bottom: calc(var(--margin-unit)*8)
    }

    .pv8-vp7 {
        padding-top: 2.5rem;
        padding-top: calc(var(--margin-unit)*8)
    }

    .ph8-vp7 {
        padding-left: 2.5rem;
        padding-left: calc(var(--margin-unit)*8);
        padding-right: 2.5rem;
        padding-right: calc(var(--margin-unit)*8)
    }

    .ma8-vp7 {
        margin: 2.5rem;
        margin: calc(var(--margin-unit)*8)
    }

    .ml8-vp7 {
        margin-left: 2.5rem;
        margin-left: calc(var(--margin-unit)*8)
    }

    .mr8-vp7 {
        margin-right: 2.5rem;
        margin-right: calc(var(--margin-unit)*8)
    }

    .mt8-vp7 {
        margin-top: 2.5rem;
        margin-top: calc(var(--margin-unit)*8)
    }

    .mb8-vp7,
    .mv8-vp7 {
        margin-bottom: 2.5rem;
        margin-bottom: calc(var(--margin-unit)*8)
    }

    .mv8-vp7 {
        margin-top: 2.5rem;
        margin-top: calc(var(--margin-unit)*8)
    }

    .mh8-vp7 {
        margin-left: 2.5rem;
        margin-left: calc(var(--margin-unit)*8);
        margin-right: 2.5rem;
        margin-right: calc(var(--margin-unit)*8)
    }
}

@media (min-width:87.5em) {
    .pa9-vp7 {
        padding: 2.8125rem;
        padding: calc(var(--margin-unit)*9)
    }

    .pl9-vp7 {
        padding-left: 2.8125rem;
        padding-left: calc(var(--margin-unit)*9)
    }

    .pr9-vp7 {
        padding-right: 2.8125rem;
        padding-right: calc(var(--margin-unit)*9)
    }

    .pt9-vp7 {
        padding-top: 2.8125rem;
        padding-top: calc(var(--margin-unit)*9)
    }

    .pb9-vp7,
    .pv9-vp7 {
        padding-bottom: 2.8125rem;
        padding-bottom: calc(var(--margin-unit)*9)
    }

    .pv9-vp7 {
        padding-top: 2.8125rem;
        padding-top: calc(var(--margin-unit)*9)
    }

    .ph9-vp7 {
        padding-left: 2.8125rem;
        padding-left: calc(var(--margin-unit)*9);
        padding-right: 2.8125rem;
        padding-right: calc(var(--margin-unit)*9)
    }

    .ma9-vp7 {
        margin: 2.8125rem;
        margin: calc(var(--margin-unit)*9)
    }

    .ml9-vp7 {
        margin-left: 2.8125rem;
        margin-left: calc(var(--margin-unit)*9)
    }

    .mr9-vp7 {
        margin-right: 2.8125rem;
        margin-right: calc(var(--margin-unit)*9)
    }

    .mt9-vp7 {
        margin-top: 2.8125rem;
        margin-top: calc(var(--margin-unit)*9)
    }

    .mb9-vp7,
    .mv9-vp7 {
        margin-bottom: 2.8125rem;
        margin-bottom: calc(var(--margin-unit)*9)
    }

    .mv9-vp7 {
        margin-top: 2.8125rem;
        margin-top: calc(var(--margin-unit)*9)
    }

    .mh9-vp7 {
        margin-left: 2.8125rem;
        margin-left: calc(var(--margin-unit)*9);
        margin-right: 2.8125rem;
        margin-right: calc(var(--margin-unit)*9)
    }
}

@media (min-width:87.5em) {
    .pa10-vp7 {
        padding: 3.125rem;
        padding: calc(var(--margin-unit)*10)
    }

    .pl10-vp7 {
        padding-left: 3.125rem;
        padding-left: calc(var(--margin-unit)*10)
    }

    .pr10-vp7 {
        padding-right: 3.125rem;
        padding-right: calc(var(--margin-unit)*10)
    }

    .pt10-vp7 {
        padding-top: 3.125rem;
        padding-top: calc(var(--margin-unit)*10)
    }

    .pb10-vp7,
    .pv10-vp7 {
        padding-bottom: 3.125rem;
        padding-bottom: calc(var(--margin-unit)*10)
    }

    .pv10-vp7 {
        padding-top: 3.125rem;
        padding-top: calc(var(--margin-unit)*10)
    }

    .ph10-vp7 {
        padding-left: 3.125rem;
        padding-left: calc(var(--margin-unit)*10);
        padding-right: 3.125rem;
        padding-right: calc(var(--margin-unit)*10)
    }

    .ma10-vp7 {
        margin: 3.125rem;
        margin: calc(var(--margin-unit)*10)
    }

    .ml10-vp7 {
        margin-left: 3.125rem;
        margin-left: calc(var(--margin-unit)*10)
    }

    .mr10-vp7 {
        margin-right: 3.125rem;
        margin-right: calc(var(--margin-unit)*10)
    }

    .mt10-vp7 {
        margin-top: 3.125rem;
        margin-top: calc(var(--margin-unit)*10)
    }

    .mb10-vp7,
    .mv10-vp7 {
        margin-bottom: 3.125rem;
        margin-bottom: calc(var(--margin-unit)*10)
    }

    .mv10-vp7 {
        margin-top: 3.125rem;
        margin-top: calc(var(--margin-unit)*10)
    }

    .mh10-vp7 {
        margin-left: 3.125rem;
        margin-left: calc(var(--margin-unit)*10);
        margin-right: 3.125rem;
        margin-right: calc(var(--margin-unit)*10)
    }
}

@media (min-width:118.75em) {
    .pa0-vp8 {
        padding: 0;
        padding: calc(var(--margin-unit)*0)
    }

    .pl0-vp8 {
        padding-left: 0;
        padding-left: calc(var(--margin-unit)*0)
    }

    .pr0-vp8 {
        padding-right: 0;
        padding-right: calc(var(--margin-unit)*0)
    }

    .pt0-vp8 {
        padding-top: 0;
        padding-top: calc(var(--margin-unit)*0)
    }

    .pb0-vp8,
    .pv0-vp8 {
        padding-bottom: 0;
        padding-bottom: calc(var(--margin-unit)*0)
    }

    .pv0-vp8 {
        padding-top: 0;
        padding-top: calc(var(--margin-unit)*0)
    }

    .ph0-vp8 {
        padding-left: 0;
        padding-left: calc(var(--margin-unit)*0);
        padding-right: 0;
        padding-right: calc(var(--margin-unit)*0)
    }

    .ma0-vp8 {
        margin: 0;
        margin: calc(var(--margin-unit)*0)
    }

    .ml0-vp8 {
        margin-left: 0;
        margin-left: calc(var(--margin-unit)*0)
    }

    .mr0-vp8 {
        margin-right: 0;
        margin-right: calc(var(--margin-unit)*0)
    }

    .mt0-vp8 {
        margin-top: 0;
        margin-top: calc(var(--margin-unit)*0)
    }

    .mb0-vp8,
    .mv0-vp8 {
        margin-bottom: 0;
        margin-bottom: calc(var(--margin-unit)*0)
    }

    .mv0-vp8 {
        margin-top: 0;
        margin-top: calc(var(--margin-unit)*0)
    }

    .mh0-vp8 {
        margin-left: 0;
        margin-left: calc(var(--margin-unit)*0);
        margin-right: 0;
        margin-right: calc(var(--margin-unit)*0)
    }
}

@media (min-width:118.75em) {
    .pa1-vp8 {
        padding: .3125rem;
        padding: calc(var(--margin-unit)*1)
    }

    .pl1-vp8 {
        padding-left: .3125rem;
        padding-left: calc(var(--margin-unit)*1)
    }

    .pr1-vp8 {
        padding-right: .3125rem;
        padding-right: calc(var(--margin-unit)*1)
    }

    .pt1-vp8 {
        padding-top: .3125rem;
        padding-top: calc(var(--margin-unit)*1)
    }

    .pb1-vp8,
    .pv1-vp8 {
        padding-bottom: .3125rem;
        padding-bottom: calc(var(--margin-unit)*1)
    }

    .pv1-vp8 {
        padding-top: .3125rem;
        padding-top: calc(var(--margin-unit)*1)
    }

    .ph1-vp8 {
        padding-left: .3125rem;
        padding-left: calc(var(--margin-unit)*1);
        padding-right: .3125rem;
        padding-right: calc(var(--margin-unit)*1)
    }

    .ma1-vp8 {
        margin: .3125rem;
        margin: calc(var(--margin-unit)*1)
    }

    .ml1-vp8 {
        margin-left: .3125rem;
        margin-left: calc(var(--margin-unit)*1)
    }

    .mr1-vp8 {
        margin-right: .3125rem;
        margin-right: calc(var(--margin-unit)*1)
    }

    .mt1-vp8 {
        margin-top: .3125rem;
        margin-top: calc(var(--margin-unit)*1)
    }

    .mb1-vp8,
    .mv1-vp8 {
        margin-bottom: .3125rem;
        margin-bottom: calc(var(--margin-unit)*1)
    }

    .mv1-vp8 {
        margin-top: .3125rem;
        margin-top: calc(var(--margin-unit)*1)
    }

    .mh1-vp8 {
        margin-left: .3125rem;
        margin-left: calc(var(--margin-unit)*1);
        margin-right: .3125rem;
        margin-right: calc(var(--margin-unit)*1)
    }
}

@media (min-width:118.75em) {
    .pa2-vp8 {
        padding: .625rem;
        padding: calc(var(--margin-unit)*2)
    }

    .pl2-vp8 {
        padding-left: .625rem;
        padding-left: calc(var(--margin-unit)*2)
    }

    .pr2-vp8 {
        padding-right: .625rem;
        padding-right: calc(var(--margin-unit)*2)
    }

    .pt2-vp8 {
        padding-top: .625rem;
        padding-top: calc(var(--margin-unit)*2)
    }

    .pb2-vp8,
    .pv2-vp8 {
        padding-bottom: .625rem;
        padding-bottom: calc(var(--margin-unit)*2)
    }

    .pv2-vp8 {
        padding-top: .625rem;
        padding-top: calc(var(--margin-unit)*2)
    }

    .ph2-vp8 {
        padding-left: .625rem;
        padding-left: calc(var(--margin-unit)*2);
        padding-right: .625rem;
        padding-right: calc(var(--margin-unit)*2)
    }

    .ma2-vp8 {
        margin: .625rem;
        margin: calc(var(--margin-unit)*2)
    }

    .ml2-vp8 {
        margin-left: .625rem;
        margin-left: calc(var(--margin-unit)*2)
    }

    .mr2-vp8 {
        margin-right: .625rem;
        margin-right: calc(var(--margin-unit)*2)
    }

    .mt2-vp8 {
        margin-top: .625rem;
        margin-top: calc(var(--margin-unit)*2)
    }

    .mb2-vp8,
    .mv2-vp8 {
        margin-bottom: .625rem;
        margin-bottom: calc(var(--margin-unit)*2)
    }

    .mv2-vp8 {
        margin-top: .625rem;
        margin-top: calc(var(--margin-unit)*2)
    }

    .mh2-vp8 {
        margin-left: .625rem;
        margin-left: calc(var(--margin-unit)*2);
        margin-right: .625rem;
        margin-right: calc(var(--margin-unit)*2)
    }
}

@media (min-width:118.75em) {
    .pa3-vp8 {
        padding: .9375rem;
        padding: calc(var(--margin-unit)*3)
    }

    .pl3-vp8 {
        padding-left: .9375rem;
        padding-left: calc(var(--margin-unit)*3)
    }

    .pr3-vp8 {
        padding-right: .9375rem;
        padding-right: calc(var(--margin-unit)*3)
    }

    .pt3-vp8 {
        padding-top: .9375rem;
        padding-top: calc(var(--margin-unit)*3)
    }

    .pb3-vp8,
    .pv3-vp8 {
        padding-bottom: .9375rem;
        padding-bottom: calc(var(--margin-unit)*3)
    }

    .pv3-vp8 {
        padding-top: .9375rem;
        padding-top: calc(var(--margin-unit)*3)
    }

    .ph3-vp8 {
        padding-left: .9375rem;
        padding-left: calc(var(--margin-unit)*3);
        padding-right: .9375rem;
        padding-right: calc(var(--margin-unit)*3)
    }

    .ma3-vp8 {
        margin: .9375rem;
        margin: calc(var(--margin-unit)*3)
    }

    .ml3-vp8 {
        margin-left: .9375rem;
        margin-left: calc(var(--margin-unit)*3)
    }

    .mr3-vp8 {
        margin-right: .9375rem;
        margin-right: calc(var(--margin-unit)*3)
    }

    .mt3-vp8 {
        margin-top: .9375rem;
        margin-top: calc(var(--margin-unit)*3)
    }

    .mb3-vp8,
    .mv3-vp8 {
        margin-bottom: .9375rem;
        margin-bottom: calc(var(--margin-unit)*3)
    }

    .mv3-vp8 {
        margin-top: .9375rem;
        margin-top: calc(var(--margin-unit)*3)
    }

    .mh3-vp8 {
        margin-left: .9375rem;
        margin-left: calc(var(--margin-unit)*3);
        margin-right: .9375rem;
        margin-right: calc(var(--margin-unit)*3)
    }
}

@media (min-width:118.75em) {
    .pa4-vp8 {
        padding: 1.25rem;
        padding: calc(var(--margin-unit)*4)
    }

    .pl4-vp8 {
        padding-left: 1.25rem;
        padding-left: calc(var(--margin-unit)*4)
    }

    .pr4-vp8 {
        padding-right: 1.25rem;
        padding-right: calc(var(--margin-unit)*4)
    }

    .pt4-vp8 {
        padding-top: 1.25rem;
        padding-top: calc(var(--margin-unit)*4)
    }

    .pb4-vp8,
    .pv4-vp8 {
        padding-bottom: 1.25rem;
        padding-bottom: calc(var(--margin-unit)*4)
    }

    .pv4-vp8 {
        padding-top: 1.25rem;
        padding-top: calc(var(--margin-unit)*4)
    }

    .ph4-vp8 {
        padding-left: 1.25rem;
        padding-left: calc(var(--margin-unit)*4);
        padding-right: 1.25rem;
        padding-right: calc(var(--margin-unit)*4)
    }

    .ma4-vp8 {
        margin: 1.25rem;
        margin: calc(var(--margin-unit)*4)
    }

    .ml4-vp8 {
        margin-left: 1.25rem;
        margin-left: calc(var(--margin-unit)*4)
    }

    .mr4-vp8 {
        margin-right: 1.25rem;
        margin-right: calc(var(--margin-unit)*4)
    }

    .mt4-vp8 {
        margin-top: 1.25rem;
        margin-top: calc(var(--margin-unit)*4)
    }

    .mb4-vp8,
    .mv4-vp8 {
        margin-bottom: 1.25rem;
        margin-bottom: calc(var(--margin-unit)*4)
    }

    .mv4-vp8 {
        margin-top: 1.25rem;
        margin-top: calc(var(--margin-unit)*4)
    }

    .mh4-vp8 {
        margin-left: 1.25rem;
        margin-left: calc(var(--margin-unit)*4);
        margin-right: 1.25rem;
        margin-right: calc(var(--margin-unit)*4)
    }
}

@media (min-width:118.75em) {
    .pa5-vp8 {
        padding: 1.5625rem;
        padding: calc(var(--margin-unit)*5)
    }

    .pl5-vp8 {
        padding-left: 1.5625rem;
        padding-left: calc(var(--margin-unit)*5)
    }

    .pr5-vp8 {
        padding-right: 1.5625rem;
        padding-right: calc(var(--margin-unit)*5)
    }

    .pt5-vp8 {
        padding-top: 1.5625rem;
        padding-top: calc(var(--margin-unit)*5)
    }

    .pb5-vp8,
    .pv5-vp8 {
        padding-bottom: 1.5625rem;
        padding-bottom: calc(var(--margin-unit)*5)
    }

    .pv5-vp8 {
        padding-top: 1.5625rem;
        padding-top: calc(var(--margin-unit)*5)
    }

    .ph5-vp8 {
        padding-left: 1.5625rem;
        padding-left: calc(var(--margin-unit)*5);
        padding-right: 1.5625rem;
        padding-right: calc(var(--margin-unit)*5)
    }

    .ma5-vp8 {
        margin: 1.5625rem;
        margin: calc(var(--margin-unit)*5)
    }

    .ml5-vp8 {
        margin-left: 1.5625rem;
        margin-left: calc(var(--margin-unit)*5)
    }

    .mr5-vp8 {
        margin-right: 1.5625rem;
        margin-right: calc(var(--margin-unit)*5)
    }

    .mt5-vp8 {
        margin-top: 1.5625rem;
        margin-top: calc(var(--margin-unit)*5)
    }

    .mb5-vp8,
    .mv5-vp8 {
        margin-bottom: 1.5625rem;
        margin-bottom: calc(var(--margin-unit)*5)
    }

    .mv5-vp8 {
        margin-top: 1.5625rem;
        margin-top: calc(var(--margin-unit)*5)
    }

    .mh5-vp8 {
        margin-left: 1.5625rem;
        margin-left: calc(var(--margin-unit)*5);
        margin-right: 1.5625rem;
        margin-right: calc(var(--margin-unit)*5)
    }
}

@media (min-width:118.75em) {
    .pa6-vp8 {
        padding: 1.875rem;
        padding: calc(var(--margin-unit)*6)
    }

    .pl6-vp8 {
        padding-left: 1.875rem;
        padding-left: calc(var(--margin-unit)*6)
    }

    .pr6-vp8 {
        padding-right: 1.875rem;
        padding-right: calc(var(--margin-unit)*6)
    }

    .pt6-vp8 {
        padding-top: 1.875rem;
        padding-top: calc(var(--margin-unit)*6)
    }

    .pb6-vp8,
    .pv6-vp8 {
        padding-bottom: 1.875rem;
        padding-bottom: calc(var(--margin-unit)*6)
    }

    .pv6-vp8 {
        padding-top: 1.875rem;
        padding-top: calc(var(--margin-unit)*6)
    }

    .ph6-vp8 {
        padding-left: 1.875rem;
        padding-left: calc(var(--margin-unit)*6);
        padding-right: 1.875rem;
        padding-right: calc(var(--margin-unit)*6)
    }

    .ma6-vp8 {
        margin: 1.875rem;
        margin: calc(var(--margin-unit)*6)
    }

    .ml6-vp8 {
        margin-left: 1.875rem;
        margin-left: calc(var(--margin-unit)*6)
    }

    .mr6-vp8 {
        margin-right: 1.875rem;
        margin-right: calc(var(--margin-unit)*6)
    }

    .mt6-vp8 {
        margin-top: 1.875rem;
        margin-top: calc(var(--margin-unit)*6)
    }

    .mb6-vp8,
    .mv6-vp8 {
        margin-bottom: 1.875rem;
        margin-bottom: calc(var(--margin-unit)*6)
    }

    .mv6-vp8 {
        margin-top: 1.875rem;
        margin-top: calc(var(--margin-unit)*6)
    }

    .mh6-vp8 {
        margin-left: 1.875rem;
        margin-left: calc(var(--margin-unit)*6);
        margin-right: 1.875rem;
        margin-right: calc(var(--margin-unit)*6)
    }
}

@media (min-width:118.75em) {
    .pa7-vp8 {
        padding: 2.1875rem;
        padding: calc(var(--margin-unit)*7)
    }

    .pl7-vp8 {
        padding-left: 2.1875rem;
        padding-left: calc(var(--margin-unit)*7)
    }

    .pr7-vp8 {
        padding-right: 2.1875rem;
        padding-right: calc(var(--margin-unit)*7)
    }

    .pt7-vp8 {
        padding-top: 2.1875rem;
        padding-top: calc(var(--margin-unit)*7)
    }

    .pb7-vp8,
    .pv7-vp8 {
        padding-bottom: 2.1875rem;
        padding-bottom: calc(var(--margin-unit)*7)
    }

    .pv7-vp8 {
        padding-top: 2.1875rem;
        padding-top: calc(var(--margin-unit)*7)
    }

    .ph7-vp8 {
        padding-left: 2.1875rem;
        padding-left: calc(var(--margin-unit)*7);
        padding-right: 2.1875rem;
        padding-right: calc(var(--margin-unit)*7)
    }

    .ma7-vp8 {
        margin: 2.1875rem;
        margin: calc(var(--margin-unit)*7)
    }

    .ml7-vp8 {
        margin-left: 2.1875rem;
        margin-left: calc(var(--margin-unit)*7)
    }

    .mr7-vp8 {
        margin-right: 2.1875rem;
        margin-right: calc(var(--margin-unit)*7)
    }

    .mt7-vp8 {
        margin-top: 2.1875rem;
        margin-top: calc(var(--margin-unit)*7)
    }

    .mb7-vp8,
    .mv7-vp8 {
        margin-bottom: 2.1875rem;
        margin-bottom: calc(var(--margin-unit)*7)
    }

    .mv7-vp8 {
        margin-top: 2.1875rem;
        margin-top: calc(var(--margin-unit)*7)
    }

    .mh7-vp8 {
        margin-left: 2.1875rem;
        margin-left: calc(var(--margin-unit)*7);
        margin-right: 2.1875rem;
        margin-right: calc(var(--margin-unit)*7)
    }
}

@media (min-width:118.75em) {
    .pa8-vp8 {
        padding: 2.5rem;
        padding: calc(var(--margin-unit)*8)
    }

    .pl8-vp8 {
        padding-left: 2.5rem;
        padding-left: calc(var(--margin-unit)*8)
    }

    .pr8-vp8 {
        padding-right: 2.5rem;
        padding-right: calc(var(--margin-unit)*8)
    }

    .pt8-vp8 {
        padding-top: 2.5rem;
        padding-top: calc(var(--margin-unit)*8)
    }

    .pb8-vp8,
    .pv8-vp8 {
        padding-bottom: 2.5rem;
        padding-bottom: calc(var(--margin-unit)*8)
    }

    .pv8-vp8 {
        padding-top: 2.5rem;
        padding-top: calc(var(--margin-unit)*8)
    }

    .ph8-vp8 {
        padding-left: 2.5rem;
        padding-left: calc(var(--margin-unit)*8);
        padding-right: 2.5rem;
        padding-right: calc(var(--margin-unit)*8)
    }

    .ma8-vp8 {
        margin: 2.5rem;
        margin: calc(var(--margin-unit)*8)
    }

    .ml8-vp8 {
        margin-left: 2.5rem;
        margin-left: calc(var(--margin-unit)*8)
    }

    .mr8-vp8 {
        margin-right: 2.5rem;
        margin-right: calc(var(--margin-unit)*8)
    }

    .mt8-vp8 {
        margin-top: 2.5rem;
        margin-top: calc(var(--margin-unit)*8)
    }

    .mb8-vp8,
    .mv8-vp8 {
        margin-bottom: 2.5rem;
        margin-bottom: calc(var(--margin-unit)*8)
    }

    .mv8-vp8 {
        margin-top: 2.5rem;
        margin-top: calc(var(--margin-unit)*8)
    }

    .mh8-vp8 {
        margin-left: 2.5rem;
        margin-left: calc(var(--margin-unit)*8);
        margin-right: 2.5rem;
        margin-right: calc(var(--margin-unit)*8)
    }
}

@media (min-width:118.75em) {
    .pa9-vp8 {
        padding: 2.8125rem;
        padding: calc(var(--margin-unit)*9)
    }

    .pl9-vp8 {
        padding-left: 2.8125rem;
        padding-left: calc(var(--margin-unit)*9)
    }

    .pr9-vp8 {
        padding-right: 2.8125rem;
        padding-right: calc(var(--margin-unit)*9)
    }

    .pt9-vp8 {
        padding-top: 2.8125rem;
        padding-top: calc(var(--margin-unit)*9)
    }

    .pb9-vp8,
    .pv9-vp8 {
        padding-bottom: 2.8125rem;
        padding-bottom: calc(var(--margin-unit)*9)
    }

    .pv9-vp8 {
        padding-top: 2.8125rem;
        padding-top: calc(var(--margin-unit)*9)
    }

    .ph9-vp8 {
        padding-left: 2.8125rem;
        padding-left: calc(var(--margin-unit)*9);
        padding-right: 2.8125rem;
        padding-right: calc(var(--margin-unit)*9)
    }

    .ma9-vp8 {
        margin: 2.8125rem;
        margin: calc(var(--margin-unit)*9)
    }

    .ml9-vp8 {
        margin-left: 2.8125rem;
        margin-left: calc(var(--margin-unit)*9)
    }

    .mr9-vp8 {
        margin-right: 2.8125rem;
        margin-right: calc(var(--margin-unit)*9)
    }

    .mt9-vp8 {
        margin-top: 2.8125rem;
        margin-top: calc(var(--margin-unit)*9)
    }

    .mb9-vp8,
    .mv9-vp8 {
        margin-bottom: 2.8125rem;
        margin-bottom: calc(var(--margin-unit)*9)
    }

    .mv9-vp8 {
        margin-top: 2.8125rem;
        margin-top: calc(var(--margin-unit)*9)
    }

    .mh9-vp8 {
        margin-left: 2.8125rem;
        margin-left: calc(var(--margin-unit)*9);
        margin-right: 2.8125rem;
        margin-right: calc(var(--margin-unit)*9)
    }
}

@media (min-width:118.75em) {
    .pa10-vp8 {
        padding: 3.125rem;
        padding: calc(var(--margin-unit)*10)
    }

    .pl10-vp8 {
        padding-left: 3.125rem;
        padding-left: calc(var(--margin-unit)*10)
    }

    .pr10-vp8 {
        padding-right: 3.125rem;
        padding-right: calc(var(--margin-unit)*10)
    }

    .pt10-vp8 {
        padding-top: 3.125rem;
        padding-top: calc(var(--margin-unit)*10)
    }

    .pb10-vp8,
    .pv10-vp8 {
        padding-bottom: 3.125rem;
        padding-bottom: calc(var(--margin-unit)*10)
    }

    .pv10-vp8 {
        padding-top: 3.125rem;
        padding-top: calc(var(--margin-unit)*10)
    }

    .ph10-vp8 {
        padding-left: 3.125rem;
        padding-left: calc(var(--margin-unit)*10);
        padding-right: 3.125rem;
        padding-right: calc(var(--margin-unit)*10)
    }

    .ma10-vp8 {
        margin: 3.125rem;
        margin: calc(var(--margin-unit)*10)
    }

    .ml10-vp8 {
        margin-left: 3.125rem;
        margin-left: calc(var(--margin-unit)*10)
    }

    .mr10-vp8 {
        margin-right: 3.125rem;
        margin-right: calc(var(--margin-unit)*10)
    }

    .mt10-vp8 {
        margin-top: 3.125rem;
        margin-top: calc(var(--margin-unit)*10)
    }

    .mb10-vp8,
    .mv10-vp8 {
        margin-bottom: 3.125rem;
        margin-bottom: calc(var(--margin-unit)*10)
    }

    .mv10-vp8 {
        margin-top: 3.125rem;
        margin-top: calc(var(--margin-unit)*10)
    }

    .mh10-vp8 {
        margin-left: 3.125rem;
        margin-left: calc(var(--margin-unit)*10);
        margin-right: 3.125rem;
        margin-right: calc(var(--margin-unit)*10)
    }
}

@media (min-width:150em) {
    .pa0-vp9 {
        padding: 0;
        padding: calc(var(--margin-unit)*0)
    }

    .pl0-vp9 {
        padding-left: 0;
        padding-left: calc(var(--margin-unit)*0)
    }

    .pr0-vp9 {
        padding-right: 0;
        padding-right: calc(var(--margin-unit)*0)
    }

    .pt0-vp9 {
        padding-top: 0;
        padding-top: calc(var(--margin-unit)*0)
    }

    .pb0-vp9,
    .pv0-vp9 {
        padding-bottom: 0;
        padding-bottom: calc(var(--margin-unit)*0)
    }

    .pv0-vp9 {
        padding-top: 0;
        padding-top: calc(var(--margin-unit)*0)
    }

    .ph0-vp9 {
        padding-left: 0;
        padding-left: calc(var(--margin-unit)*0);
        padding-right: 0;
        padding-right: calc(var(--margin-unit)*0)
    }

    .ma0-vp9 {
        margin: 0;
        margin: calc(var(--margin-unit)*0)
    }

    .ml0-vp9 {
        margin-left: 0;
        margin-left: calc(var(--margin-unit)*0)
    }

    .mr0-vp9 {
        margin-right: 0;
        margin-right: calc(var(--margin-unit)*0)
    }

    .mt0-vp9 {
        margin-top: 0;
        margin-top: calc(var(--margin-unit)*0)
    }

    .mb0-vp9,
    .mv0-vp9 {
        margin-bottom: 0;
        margin-bottom: calc(var(--margin-unit)*0)
    }

    .mv0-vp9 {
        margin-top: 0;
        margin-top: calc(var(--margin-unit)*0)
    }

    .mh0-vp9 {
        margin-left: 0;
        margin-left: calc(var(--margin-unit)*0);
        margin-right: 0;
        margin-right: calc(var(--margin-unit)*0)
    }
}

@media (min-width:150em) {
    .pa1-vp9 {
        padding: .3125rem;
        padding: calc(var(--margin-unit)*1)
    }

    .pl1-vp9 {
        padding-left: .3125rem;
        padding-left: calc(var(--margin-unit)*1)
    }

    .pr1-vp9 {
        padding-right: .3125rem;
        padding-right: calc(var(--margin-unit)*1)
    }

    .pt1-vp9 {
        padding-top: .3125rem;
        padding-top: calc(var(--margin-unit)*1)
    }

    .pb1-vp9,
    .pv1-vp9 {
        padding-bottom: .3125rem;
        padding-bottom: calc(var(--margin-unit)*1)
    }

    .pv1-vp9 {
        padding-top: .3125rem;
        padding-top: calc(var(--margin-unit)*1)
    }

    .ph1-vp9 {
        padding-left: .3125rem;
        padding-left: calc(var(--margin-unit)*1);
        padding-right: .3125rem;
        padding-right: calc(var(--margin-unit)*1)
    }

    .ma1-vp9 {
        margin: .3125rem;
        margin: calc(var(--margin-unit)*1)
    }

    .ml1-vp9 {
        margin-left: .3125rem;
        margin-left: calc(var(--margin-unit)*1)
    }

    .mr1-vp9 {
        margin-right: .3125rem;
        margin-right: calc(var(--margin-unit)*1)
    }

    .mt1-vp9 {
        margin-top: .3125rem;
        margin-top: calc(var(--margin-unit)*1)
    }

    .mb1-vp9,
    .mv1-vp9 {
        margin-bottom: .3125rem;
        margin-bottom: calc(var(--margin-unit)*1)
    }

    .mv1-vp9 {
        margin-top: .3125rem;
        margin-top: calc(var(--margin-unit)*1)
    }

    .mh1-vp9 {
        margin-left: .3125rem;
        margin-left: calc(var(--margin-unit)*1);
        margin-right: .3125rem;
        margin-right: calc(var(--margin-unit)*1)
    }
}

@media (min-width:150em) {
    .pa2-vp9 {
        padding: .625rem;
        padding: calc(var(--margin-unit)*2)
    }

    .pl2-vp9 {
        padding-left: .625rem;
        padding-left: calc(var(--margin-unit)*2)
    }

    .pr2-vp9 {
        padding-right: .625rem;
        padding-right: calc(var(--margin-unit)*2)
    }

    .pt2-vp9 {
        padding-top: .625rem;
        padding-top: calc(var(--margin-unit)*2)
    }

    .pb2-vp9,
    .pv2-vp9 {
        padding-bottom: .625rem;
        padding-bottom: calc(var(--margin-unit)*2)
    }

    .pv2-vp9 {
        padding-top: .625rem;
        padding-top: calc(var(--margin-unit)*2)
    }

    .ph2-vp9 {
        padding-left: .625rem;
        padding-left: calc(var(--margin-unit)*2);
        padding-right: .625rem;
        padding-right: calc(var(--margin-unit)*2)
    }

    .ma2-vp9 {
        margin: .625rem;
        margin: calc(var(--margin-unit)*2)
    }

    .ml2-vp9 {
        margin-left: .625rem;
        margin-left: calc(var(--margin-unit)*2)
    }

    .mr2-vp9 {
        margin-right: .625rem;
        margin-right: calc(var(--margin-unit)*2)
    }

    .mt2-vp9 {
        margin-top: .625rem;
        margin-top: calc(var(--margin-unit)*2)
    }

    .mb2-vp9,
    .mv2-vp9 {
        margin-bottom: .625rem;
        margin-bottom: calc(var(--margin-unit)*2)
    }

    .mv2-vp9 {
        margin-top: .625rem;
        margin-top: calc(var(--margin-unit)*2)
    }

    .mh2-vp9 {
        margin-left: .625rem;
        margin-left: calc(var(--margin-unit)*2);
        margin-right: .625rem;
        margin-right: calc(var(--margin-unit)*2)
    }
}

@media (min-width:150em) {
    .pa3-vp9 {
        padding: .9375rem;
        padding: calc(var(--margin-unit)*3)
    }

    .pl3-vp9 {
        padding-left: .9375rem;
        padding-left: calc(var(--margin-unit)*3)
    }

    .pr3-vp9 {
        padding-right: .9375rem;
        padding-right: calc(var(--margin-unit)*3)
    }

    .pt3-vp9 {
        padding-top: .9375rem;
        padding-top: calc(var(--margin-unit)*3)
    }

    .pb3-vp9,
    .pv3-vp9 {
        padding-bottom: .9375rem;
        padding-bottom: calc(var(--margin-unit)*3)
    }

    .pv3-vp9 {
        padding-top: .9375rem;
        padding-top: calc(var(--margin-unit)*3)
    }

    .ph3-vp9 {
        padding-left: .9375rem;
        padding-left: calc(var(--margin-unit)*3);
        padding-right: .9375rem;
        padding-right: calc(var(--margin-unit)*3)
    }

    .ma3-vp9 {
        margin: .9375rem;
        margin: calc(var(--margin-unit)*3)
    }

    .ml3-vp9 {
        margin-left: .9375rem;
        margin-left: calc(var(--margin-unit)*3)
    }

    .mr3-vp9 {
        margin-right: .9375rem;
        margin-right: calc(var(--margin-unit)*3)
    }

    .mt3-vp9 {
        margin-top: .9375rem;
        margin-top: calc(var(--margin-unit)*3)
    }

    .mb3-vp9,
    .mv3-vp9 {
        margin-bottom: .9375rem;
        margin-bottom: calc(var(--margin-unit)*3)
    }

    .mv3-vp9 {
        margin-top: .9375rem;
        margin-top: calc(var(--margin-unit)*3)
    }

    .mh3-vp9 {
        margin-left: .9375rem;
        margin-left: calc(var(--margin-unit)*3);
        margin-right: .9375rem;
        margin-right: calc(var(--margin-unit)*3)
    }
}

@media (min-width:150em) {
    .pa4-vp9 {
        padding: 1.25rem;
        padding: calc(var(--margin-unit)*4)
    }

    .pl4-vp9 {
        padding-left: 1.25rem;
        padding-left: calc(var(--margin-unit)*4)
    }

    .pr4-vp9 {
        padding-right: 1.25rem;
        padding-right: calc(var(--margin-unit)*4)
    }

    .pt4-vp9 {
        padding-top: 1.25rem;
        padding-top: calc(var(--margin-unit)*4)
    }

    .pb4-vp9,
    .pv4-vp9 {
        padding-bottom: 1.25rem;
        padding-bottom: calc(var(--margin-unit)*4)
    }

    .pv4-vp9 {
        padding-top: 1.25rem;
        padding-top: calc(var(--margin-unit)*4)
    }

    .ph4-vp9 {
        padding-left: 1.25rem;
        padding-left: calc(var(--margin-unit)*4);
        padding-right: 1.25rem;
        padding-right: calc(var(--margin-unit)*4)
    }

    .ma4-vp9 {
        margin: 1.25rem;
        margin: calc(var(--margin-unit)*4)
    }

    .ml4-vp9 {
        margin-left: 1.25rem;
        margin-left: calc(var(--margin-unit)*4)
    }

    .mr4-vp9 {
        margin-right: 1.25rem;
        margin-right: calc(var(--margin-unit)*4)
    }

    .mt4-vp9 {
        margin-top: 1.25rem;
        margin-top: calc(var(--margin-unit)*4)
    }

    .mb4-vp9,
    .mv4-vp9 {
        margin-bottom: 1.25rem;
        margin-bottom: calc(var(--margin-unit)*4)
    }

    .mv4-vp9 {
        margin-top: 1.25rem;
        margin-top: calc(var(--margin-unit)*4)
    }

    .mh4-vp9 {
        margin-left: 1.25rem;
        margin-left: calc(var(--margin-unit)*4);
        margin-right: 1.25rem;
        margin-right: calc(var(--margin-unit)*4)
    }
}

@media (min-width:150em) {
    .pa5-vp9 {
        padding: 1.5625rem;
        padding: calc(var(--margin-unit)*5)
    }

    .pl5-vp9 {
        padding-left: 1.5625rem;
        padding-left: calc(var(--margin-unit)*5)
    }

    .pr5-vp9 {
        padding-right: 1.5625rem;
        padding-right: calc(var(--margin-unit)*5)
    }

    .pt5-vp9 {
        padding-top: 1.5625rem;
        padding-top: calc(var(--margin-unit)*5)
    }

    .pb5-vp9,
    .pv5-vp9 {
        padding-bottom: 1.5625rem;
        padding-bottom: calc(var(--margin-unit)*5)
    }

    .pv5-vp9 {
        padding-top: 1.5625rem;
        padding-top: calc(var(--margin-unit)*5)
    }

    .ph5-vp9 {
        padding-left: 1.5625rem;
        padding-left: calc(var(--margin-unit)*5);
        padding-right: 1.5625rem;
        padding-right: calc(var(--margin-unit)*5)
    }

    .ma5-vp9 {
        margin: 1.5625rem;
        margin: calc(var(--margin-unit)*5)
    }

    .ml5-vp9 {
        margin-left: 1.5625rem;
        margin-left: calc(var(--margin-unit)*5)
    }

    .mr5-vp9 {
        margin-right: 1.5625rem;
        margin-right: calc(var(--margin-unit)*5)
    }

    .mt5-vp9 {
        margin-top: 1.5625rem;
        margin-top: calc(var(--margin-unit)*5)
    }

    .mb5-vp9,
    .mv5-vp9 {
        margin-bottom: 1.5625rem;
        margin-bottom: calc(var(--margin-unit)*5)
    }

    .mv5-vp9 {
        margin-top: 1.5625rem;
        margin-top: calc(var(--margin-unit)*5)
    }

    .mh5-vp9 {
        margin-left: 1.5625rem;
        margin-left: calc(var(--margin-unit)*5);
        margin-right: 1.5625rem;
        margin-right: calc(var(--margin-unit)*5)
    }
}

@media (min-width:150em) {
    .pa6-vp9 {
        padding: 1.875rem;
        padding: calc(var(--margin-unit)*6)
    }

    .pl6-vp9 {
        padding-left: 1.875rem;
        padding-left: calc(var(--margin-unit)*6)
    }

    .pr6-vp9 {
        padding-right: 1.875rem;
        padding-right: calc(var(--margin-unit)*6)
    }

    .pt6-vp9 {
        padding-top: 1.875rem;
        padding-top: calc(var(--margin-unit)*6)
    }

    .pb6-vp9,
    .pv6-vp9 {
        padding-bottom: 1.875rem;
        padding-bottom: calc(var(--margin-unit)*6)
    }

    .pv6-vp9 {
        padding-top: 1.875rem;
        padding-top: calc(var(--margin-unit)*6)
    }

    .ph6-vp9 {
        padding-left: 1.875rem;
        padding-left: calc(var(--margin-unit)*6);
        padding-right: 1.875rem;
        padding-right: calc(var(--margin-unit)*6)
    }

    .ma6-vp9 {
        margin: 1.875rem;
        margin: calc(var(--margin-unit)*6)
    }

    .ml6-vp9 {
        margin-left: 1.875rem;
        margin-left: calc(var(--margin-unit)*6)
    }

    .mr6-vp9 {
        margin-right: 1.875rem;
        margin-right: calc(var(--margin-unit)*6)
    }

    .mt6-vp9 {
        margin-top: 1.875rem;
        margin-top: calc(var(--margin-unit)*6)
    }

    .mb6-vp9,
    .mv6-vp9 {
        margin-bottom: 1.875rem;
        margin-bottom: calc(var(--margin-unit)*6)
    }

    .mv6-vp9 {
        margin-top: 1.875rem;
        margin-top: calc(var(--margin-unit)*6)
    }

    .mh6-vp9 {
        margin-left: 1.875rem;
        margin-left: calc(var(--margin-unit)*6);
        margin-right: 1.875rem;
        margin-right: calc(var(--margin-unit)*6)
    }
}

@media (min-width:150em) {
    .pa7-vp9 {
        padding: 2.1875rem;
        padding: calc(var(--margin-unit)*7)
    }

    .pl7-vp9 {
        padding-left: 2.1875rem;
        padding-left: calc(var(--margin-unit)*7)
    }

    .pr7-vp9 {
        padding-right: 2.1875rem;
        padding-right: calc(var(--margin-unit)*7)
    }

    .pt7-vp9 {
        padding-top: 2.1875rem;
        padding-top: calc(var(--margin-unit)*7)
    }

    .pb7-vp9,
    .pv7-vp9 {
        padding-bottom: 2.1875rem;
        padding-bottom: calc(var(--margin-unit)*7)
    }

    .pv7-vp9 {
        padding-top: 2.1875rem;
        padding-top: calc(var(--margin-unit)*7)
    }

    .ph7-vp9 {
        padding-left: 2.1875rem;
        padding-left: calc(var(--margin-unit)*7);
        padding-right: 2.1875rem;
        padding-right: calc(var(--margin-unit)*7)
    }

    .ma7-vp9 {
        margin: 2.1875rem;
        margin: calc(var(--margin-unit)*7)
    }

    .ml7-vp9 {
        margin-left: 2.1875rem;
        margin-left: calc(var(--margin-unit)*7)
    }

    .mr7-vp9 {
        margin-right: 2.1875rem;
        margin-right: calc(var(--margin-unit)*7)
    }

    .mt7-vp9 {
        margin-top: 2.1875rem;
        margin-top: calc(var(--margin-unit)*7)
    }

    .mb7-vp9,
    .mv7-vp9 {
        margin-bottom: 2.1875rem;
        margin-bottom: calc(var(--margin-unit)*7)
    }

    .mv7-vp9 {
        margin-top: 2.1875rem;
        margin-top: calc(var(--margin-unit)*7)
    }

    .mh7-vp9 {
        margin-left: 2.1875rem;
        margin-left: calc(var(--margin-unit)*7);
        margin-right: 2.1875rem;
        margin-right: calc(var(--margin-unit)*7)
    }
}

@media (min-width:150em) {
    .pa8-vp9 {
        padding: 2.5rem;
        padding: calc(var(--margin-unit)*8)
    }

    .pl8-vp9 {
        padding-left: 2.5rem;
        padding-left: calc(var(--margin-unit)*8)
    }

    .pr8-vp9 {
        padding-right: 2.5rem;
        padding-right: calc(var(--margin-unit)*8)
    }

    .pt8-vp9 {
        padding-top: 2.5rem;
        padding-top: calc(var(--margin-unit)*8)
    }

    .pb8-vp9,
    .pv8-vp9 {
        padding-bottom: 2.5rem;
        padding-bottom: calc(var(--margin-unit)*8)
    }

    .pv8-vp9 {
        padding-top: 2.5rem;
        padding-top: calc(var(--margin-unit)*8)
    }

    .ph8-vp9 {
        padding-left: 2.5rem;
        padding-left: calc(var(--margin-unit)*8);
        padding-right: 2.5rem;
        padding-right: calc(var(--margin-unit)*8)
    }

    .ma8-vp9 {
        margin: 2.5rem;
        margin: calc(var(--margin-unit)*8)
    }

    .ml8-vp9 {
        margin-left: 2.5rem;
        margin-left: calc(var(--margin-unit)*8)
    }

    .mr8-vp9 {
        margin-right: 2.5rem;
        margin-right: calc(var(--margin-unit)*8)
    }

    .mt8-vp9 {
        margin-top: 2.5rem;
        margin-top: calc(var(--margin-unit)*8)
    }

    .mb8-vp9,
    .mv8-vp9 {
        margin-bottom: 2.5rem;
        margin-bottom: calc(var(--margin-unit)*8)
    }

    .mv8-vp9 {
        margin-top: 2.5rem;
        margin-top: calc(var(--margin-unit)*8)
    }

    .mh8-vp9 {
        margin-left: 2.5rem;
        margin-left: calc(var(--margin-unit)*8);
        margin-right: 2.5rem;
        margin-right: calc(var(--margin-unit)*8)
    }
}

@media (min-width:150em) {
    .pa9-vp9 {
        padding: 2.8125rem;
        padding: calc(var(--margin-unit)*9)
    }

    .pl9-vp9 {
        padding-left: 2.8125rem;
        padding-left: calc(var(--margin-unit)*9)
    }

    .pr9-vp9 {
        padding-right: 2.8125rem;
        padding-right: calc(var(--margin-unit)*9)
    }

    .pt9-vp9 {
        padding-top: 2.8125rem;
        padding-top: calc(var(--margin-unit)*9)
    }

    .pb9-vp9,
    .pv9-vp9 {
        padding-bottom: 2.8125rem;
        padding-bottom: calc(var(--margin-unit)*9)
    }

    .pv9-vp9 {
        padding-top: 2.8125rem;
        padding-top: calc(var(--margin-unit)*9)
    }

    .ph9-vp9 {
        padding-left: 2.8125rem;
        padding-left: calc(var(--margin-unit)*9);
        padding-right: 2.8125rem;
        padding-right: calc(var(--margin-unit)*9)
    }

    .ma9-vp9 {
        margin: 2.8125rem;
        margin: calc(var(--margin-unit)*9)
    }

    .ml9-vp9 {
        margin-left: 2.8125rem;
        margin-left: calc(var(--margin-unit)*9)
    }

    .mr9-vp9 {
        margin-right: 2.8125rem;
        margin-right: calc(var(--margin-unit)*9)
    }

    .mt9-vp9 {
        margin-top: 2.8125rem;
        margin-top: calc(var(--margin-unit)*9)
    }

    .mb9-vp9,
    .mv9-vp9 {
        margin-bottom: 2.8125rem;
        margin-bottom: calc(var(--margin-unit)*9)
    }

    .mv9-vp9 {
        margin-top: 2.8125rem;
        margin-top: calc(var(--margin-unit)*9)
    }

    .mh9-vp9 {
        margin-left: 2.8125rem;
        margin-left: calc(var(--margin-unit)*9);
        margin-right: 2.8125rem;
        margin-right: calc(var(--margin-unit)*9)
    }
}

@media (min-width:150em) {
    .pa10-vp9 {
        padding: 3.125rem;
        padding: calc(var(--margin-unit)*10)
    }

    .pl10-vp9 {
        padding-left: 3.125rem;
        padding-left: calc(var(--margin-unit)*10)
    }

    .pr10-vp9 {
        padding-right: 3.125rem;
        padding-right: calc(var(--margin-unit)*10)
    }

    .pt10-vp9 {
        padding-top: 3.125rem;
        padding-top: calc(var(--margin-unit)*10)
    }

    .pb10-vp9,
    .pv10-vp9 {
        padding-bottom: 3.125rem;
        padding-bottom: calc(var(--margin-unit)*10)
    }

    .pv10-vp9 {
        padding-top: 3.125rem;
        padding-top: calc(var(--margin-unit)*10)
    }

    .ph10-vp9 {
        padding-left: 3.125rem;
        padding-left: calc(var(--margin-unit)*10);
        padding-right: 3.125rem;
        padding-right: calc(var(--margin-unit)*10)
    }

    .ma10-vp9 {
        margin: 3.125rem;
        margin: calc(var(--margin-unit)*10)
    }

    .ml10-vp9 {
        margin-left: 3.125rem;
        margin-left: calc(var(--margin-unit)*10)
    }

    .mr10-vp9 {
        margin-right: 3.125rem;
        margin-right: calc(var(--margin-unit)*10)
    }

    .mt10-vp9 {
        margin-top: 3.125rem;
        margin-top: calc(var(--margin-unit)*10)
    }

    .mb10-vp9,
    .mv10-vp9 {
        margin-bottom: 3.125rem;
        margin-bottom: calc(var(--margin-unit)*10)
    }

    .mv10-vp9 {
        margin-top: 3.125rem;
        margin-top: calc(var(--margin-unit)*10)
    }

    .mh10-vp9 {
        margin-left: 3.125rem;
        margin-left: calc(var(--margin-unit)*10);
        margin-right: 3.125rem;
        margin-right: calc(var(--margin-unit)*10)
    }
}

.sr-only {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

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

.t--center {
    text-align: center
}

@font-face {
    font-family: "BebasNeue-Regular";
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/BebasNeue-Regular.woff2) format("woff2"), url(../fonts/BebasNeue-Regular.woff) format("woff")
}

.rich-text {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .rich-text {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .rich-text {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.rich-text>a,
.rich-text blockquote,
.rich-text embed,
.rich-text h1,
.rich-text h2,
.rich-text h3,
.rich-text h4,
.rich-text h5,
.rich-text iframe,
.rich-text img,
.rich-text object,
.rich-text ol,
.rich-text p+p,
.rich-text table,
.rich-text ul {
    margin-top: 1em
}

.rich-text h1,
.rich-text h2,
.rich-text h3,
.rich-text h4,
.rich-text h5 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    font-weight: 600;
    margin-bottom: 0
}

@media (min-width:118.75em) {

    .rich-text h1,
    .rich-text h2,
    .rich-text h3,
    .rich-text h4,
    .rich-text h5 {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {

    .rich-text h1,
    .rich-text h2,
    .rich-text h3,
    .rich-text h4,
    .rich-text h5 {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.rich-text p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    white-space: normal
}

@media (min-width:118.75em) {
    .rich-text p {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .rich-text p {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.rich-text p a {
    text-decoration: underline
}

.rich-text p strong {
    font-weight: 400
}

.rich-text p em {
    font-style: normal
}

.rich-text span {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .rich-text span {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .rich-text span {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.rich-text>a {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.57143;
    display: inline-block;
    text-decoration: underline
}

@media (min-width:118.75em) {
    .rich-text>a {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .rich-text>a {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.rich-text ol li,
.rich-text ul li {
    margin-left: 2em;
    padding-left: 1em
}

.rich-text ol li {
    list-style: decimal outside
}

.rich-text ul li {
    list-style: square outside
}

.rich-text blockquote {
    padding-left: 2em;
    border-left: .0625rem solid var(--c-b-grey)
}

.rich-text sup {
    top: -.5em
}

.rich-text sub,
.rich-text sup {
    font-size: 70%;
    position: relative
}

.rich-text sub {
    top: .5em
}

.rich-text small {
    font-size: .875em
}

.rich-text img {
    max-width: 100%;
    height: auto;
    object-fit: cover
}

.rich-text embed,
.rich-text iframe,
.rich-text object {
    background: #c6c6c6;
    background: var(--c-b-grey3);
    display: block;
    width: 100%
}

.rich-text table {
    min-width: 100%;
    line-height: 1.4
}

@media (min-width:48em) {
    .rich-text table {
        min-width: 0
    }

    .rich-text table td,
    .rich-text table th {
        padding-right: 1.875rem
    }

    .rich-text table td:last-child,
    .rich-text table th:last-child {
        padding-right: 0
    }
}

.page-enter-active,
.page-exit-active {
    transition: all 1s ease-out
}

.transition-group {
    position: relative
}

.route-section {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

.animation--fade-in {
    display: block;
    animation: fadeIn .6s ease
}

@keyframes foldDown {
    0% {
        opacity: .5;
        transform: translateY(-.625rem) scaleY(0)
    }

    to {
        opacity: 1;
        transform: translateY(0) scaleY(1)
    }
}

@keyframes foldUp {
    0% {
        opacity: 1;
        transform: translateY(0) scaleY(1)
    }

    to {
        transform: scaleY(0)
    }
}

@keyframes placeholderShimmer {
    0% {
        background-position: -468px 0
    }

    to {
        background-position: 468px 0
    }
}

.loader-dots {
    display: inline-flex;
    flex: 0 0 2.5rem;
    align-items: center;
    justify-content: center
}

.loader-dots span {
    position: relative;
    animation: dot-flashing 1s linear infinite alternate;
    animation-delay: .5s
}

.loader-dots span,
.loader-dots span:after,
.loader-dots span:before {
    display: inline-block;
    width: .5rem;
    height: .5rem;
    border-radius: .25rem;
    background-color: #c6c6c6;
    background-color: var(--c-b-grey3);
    color: #c6c6c6;
    color: var(--c-b-grey3)
}

.loader-dots span:after,
.loader-dots span:before {
    content: "";
    position: absolute;
    top: 0;
    animation: dot-flashing 1s infinite alternate
}

.loader-dots span:before {
    left: -.9375rem;
    animation-delay: 0s
}

.loader-dots span:after {
    left: .9375rem;
    animation-delay: 1s
}

@keyframes dot-flashing {
    0% {
        background-color: #c6c6c6;
        background-color: var(--c-b-grey3)
    }

    50%,
    to {
        background-color: #f1f0ec;
        background-color: var(--c-b-grey4)
    }
}

.layout {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    background-color: var(--c-s-site-bgc);
    border-top: 1.875rem solid transparent;
    border-top: var(--mode-switch-height, 0) solid transparent
}

.layout__container {
    transition: transform .7s cubic-bezier(.75, 0, .4, 1)
}

.layout__container.is-inactive {
    transition: transform .7s cubic-bezier(.75, 0, .4, 1) .2s;
    transform: translateX(-50vw) !important
}

.mode-container>:first-child {
    border-top: 3.9375rem solid transparent;
    border-top: var(--site-header-height) solid transparent
}

.mode-container .hero-cover:first-child {
    border-top: none
}

.mode-container.is-inactive {
    visibility: hidden;
    position: absolute;
    pointer-events: none;
    opacity: 0;
    height: 0;
    overflow: hidden
}

.svg-icon {
    fill: #000;
    fill: var(--c-b-black)
}

.vsp {
    padding-bottom: clamp(5.625rem, 24vw, 6.25rem)
}

@media (min-width:48em) {
    .vsp {
        padding-bottom: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .vsp {
        padding-bottom: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .vsp {
        padding-bottom: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .vsp {
        padding-bottom: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .vsp {
        padding-bottom: 12.5rem
    }
}

@media (min-width:64em) {
    body {
        --site-header-height: 5.1875rem
    }
}

@media (min-width:118.75em) {
    body {
        --site-header-height: 6.4375rem
    }
}

html {
    overflow-anchor: none
}

html.is-fixed {
    height: 100vh
}

html.is-fixed body {
    overscroll-behavior-y: initial;
    position: fixed;
    width: 100vw;
    overflow: hidden
}

@media (max-width:63.99em) {
    html.is-configuring {
        height: 100%;
        width: 100%;
        position: fixed;
        overflow: hidden
    }

    html.is-configuring body {
        height: 100%
    }
}

.sr-only {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.accordion-module {
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr);
    padding-left: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-right: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-bottom: clamp(5.625rem, 24vw, 6.25rem)
}

@media (min-width:64em) {
    .accordion-module {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .accordion-module {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .accordion-module {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .accordion-module {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .accordion-module {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .accordion-module {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .accordion-module {
        --grid-gap: 2.5rem
    }
}

@media (min-width:35em) {
    .accordion-module {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .accordion-module {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .accordion-module {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .accordion-module {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

@media (min-width:48em) {
    .accordion-module {
        padding-bottom: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .accordion-module {
        padding-bottom: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .accordion-module {
        padding-bottom: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .accordion-module {
        padding-bottom: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .accordion-module {
        padding-bottom: 12.5rem
    }
}

.accordion-module__headline {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818;
    display: flex;
    justify-content: space-between;
    padding-bottom: 1.875rem;
    grid-area: 1/2/2/12
}

@media (min-width:64em) {
    .accordion-module__headline {
        font-size: clamp(1.625rem, 2.53906vw, 3.75rem);
        line-height: 1.26923
    }
}

@media (min-width:150em) {
    .accordion-module__headline {
        font-size: 3.75rem;
        letter-spacing: -.0625rem;
        line-height: 1.3
    }
}

.accordion-module__handle-all-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    background-color: var(--c-b-black);
    color: var(--c-b-white)
}

.accordion-module__bodytext {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    padding-bottom: 1.875rem;
    grid-area: 2/2/3/12
}

@media (min-width:118.75em) {
    .accordion-module__bodytext {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .accordion-module__bodytext {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.accordion-module__load-more {
    grid-area: 4/2/5/12;
    padding-top: 3.125rem;
    display: flex;
    align-items: center
}

.accordion-module__load-more-icon {
    display: flex
}

.accordion-module__load-more-icon .svg-icon {
    margin-left: .5em
}

.accordion-module__items {
    grid-area: 3/2/4/12
}

.accordion-module .collapsible {
    border-bottom: .0625rem solid var(--c-b-grey3);
    width: 100%
}

.accordion-module .collapsible.is-active {
    padding-bottom: 1.5625rem
}

.accordion-module .collapsible:first-child {
    border-top: .0625rem solid var(--c-b-grey3)
}

.accordion-module .collapsible__trigger {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5;
    padding: 1.25rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

@media (min-width:64em) {
    .accordion-module .collapsible__trigger {
        font-size: clamp(1rem, 1.5625vw, 1.25rem);
        line-height: 1.5
    }
}

@media (min-width:87.5em) {
    .accordion-module .collapsible__trigger {
        font-size: clamp(1.25rem, 1.42857vw, 1.375rem);
        line-height: 1.4
    }
}

@media (min-width:118.75em) {
    .accordion-module .collapsible__trigger {
        font-size: clamp(1.375rem, 1.15789vw, 1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:150em) {
    .accordion-module .collapsible__trigger {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

.accordion-module .collapsible__trigger .accordion-module__icon {
    transform: rotate(90deg)
}

.accordion-module .collapsible__trigger.is-active .accordion-module__icon {
    transform: rotate(-90deg)
}

.progress-bar {
    padding-left: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-right: clamp(.625rem, 2.66667vw, 1.875rem);
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr)
}

@media (min-width:35em) {
    .progress-bar {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .progress-bar {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .progress-bar {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .progress-bar {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

@media (min-width:64em) {
    .progress-bar {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .progress-bar {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .progress-bar {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .progress-bar {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .progress-bar {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .progress-bar {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .progress-bar {
        --grid-gap: 2.5rem
    }
}

.progress-bar__wrapper {
    grid-column: 1/13;
    display: flex;
    justify-content: space-between;
    counter-reset: step
}

@media (min-width:35em) {
    .progress-bar__wrapper {
        grid-column: 2/12
    }
}

@media (min-width:64em) {
    .progress-bar__wrapper {
        grid-column: 2/24
    }
}

.progress-bar__dot {
    width: 1.125rem;
    height: 1.125rem;
    content: "";
    background-color: var(--c-b-grey3);
    line-height: 1.875rem;
    display: block;
    text-align: center;
    margin: 0 auto .625rem;
    border-radius: 50%;
    transition: background-color .3s ease
}

@media (min-width:64em) {
    .progress-bar__dot {
        width: 1.875rem;
        height: 1.875rem
    }
}

.progress-bar__label {
    font-size: .625rem
}

@media (min-width:64em) {
    .progress-bar__label {
        font-size: .875rem
    }
}

.progress-bar__step {
    list-style-type: none;
    flex: 1 1;
    position: relative;
    text-align: center;
    color: var(--c-b-grey3)
}

.progress-bar__step:after,
.progress-bar__step:before {
    width: 30%;
    height: .0625rem;
    content: "";
    position: absolute;
    background-color: var(--c-b-grey3);
    pointer-events: none;
    top: .5625rem
}

@media (min-width:64em) {

    .progress-bar__step:after,
    .progress-bar__step:before {
        top: .9375rem;
        width: 35%
    }
}

@media (min-width:72.5em) {

    .progress-bar__step:after,
    .progress-bar__step:before {
        width: 40%
    }
}

.progress-bar__step:before {
    left: 0
}

.progress-bar__step:after {
    right: 0
}

.progress-bar__step:first-child:before,
.progress-bar__step:last-child:after {
    display: none
}

@media (min-width:64em) {

    .progress-bar__step:first-child:before,
    .progress-bar__step:last-child:after {
        display: block;
        width: 40%
    }
}

.progress-bar__step.is-active {
    color: var(--c-b-black)
}

.progress-bar__step.is-active .progress-bar__dot {
    background-color: var(--c-b-black)
}

.progress-bar__step.is-complete .progress-bar__dot {
    background: url(/dist/ConsumersAndProfessionals/static/media/checkmark-small.0e3ceb92.svg) var(--c-b-grey3) no-repeat;
    background-position: top
}

@media (min-width:64em) {
    .progress-bar__step.is-complete .progress-bar__dot {
        background-position: center .375rem
    }
}

.basket-summary h5,
.basket-summary p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {

    .basket-summary h5,
    .basket-summary p {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {

    .basket-summary h5,
    .basket-summary p {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.basket-summary h6 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636
}

@media (min-width:118.75em) {
    .basket-summary h6 {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .basket-summary h6 {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.basket-summary h5 {
    font-weight: 500;
    word-break: normal
}

.basket-summary h5 small {
    font-weight: 400;
    display: block;
    font-size: 85.7%
}

.basket-summary h4 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5
}

@media (min-width:64em) {
    .basket-summary h4 {
        font-size: clamp(1rem, 1.5625vw, 1.25rem);
        line-height: 1.5
    }
}

@media (min-width:87.5em) {
    .basket-summary h4 {
        font-size: clamp(1.25rem, 1.42857vw, 1.375rem);
        line-height: 1.4
    }
}

@media (min-width:118.75em) {
    .basket-summary h4 {
        font-size: clamp(1.375rem, 1.15789vw, 1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:150em) {
    .basket-summary h4 {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

.basket-summary strong {
    font-weight: 500
}

.basket-summary__header {
    padding-bottom: 1.5625rem
}

.basket-summary__products {
    border-top: .0625rem solid var(--c-b-black);
    border-bottom: .0625rem solid var(--c-b-black)
}

.basket-summary__products li {
    padding: 1.25rem 0 1.875rem;
    display: flex;
    justify-content: space-between
}

.basket-summary__products li div:first-child {
    flex: 0 0 2.5rem
}

.basket-summary__products li div:nth-child(2) {
    flex: 1 1 15.625rem
}

.basket-summary__products li div:nth-child(3) {
    flex: 1 0 7.5rem;
    text-align: right
}

.basket-summary__products li+li {
    border-top: .0625rem solid var(--c-b-grey3)
}

.basket-summary__calculation {
    padding: 1.5625rem 0;
    border-bottom: .0625rem solid var(--c-b-black)
}

.basket-summary__calculation div,
.basket-summary__calculation footer {
    display: flex;
    justify-content: space-between
}

.basket-summary__calculation div h5:nth-child(2),
.basket-summary__calculation footer h5:nth-child(2) {
    text-align: right
}

.basket-summary__calculation footer {
    padding-top: 1.875rem
}

.basket-summary__cta {
    margin-top: 1.5625rem;
    display: flex;
    justify-content: flex-end
}

.basket-summary__cta a {
    text-decoration: underline;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.radio__wrapper {
    display: flex;
    justify-content: space-between;
    position: relative;
    cursor: pointer
}

.radio__box {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    font-size: 0;
    height: 1.5625rem;
    flex: 0 0 1.5625rem;
    border-radius: 50% 50%;
    background-color: transparent;
    border: .0625rem solid var(--c-b-black);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    outline: none;
    box-sizing: border-box
}

.radio__box:checked {
    height: 1.5625rem;
    width: 1.5625rem
}

.radio__box:after {
    content: "";
    display: block;
    background-color: var(--c-b-black);
    border-radius: 50% 50%;
    font-size: 18px;
    width: 50%;
    height: 50%;
    opacity: 0;
    transition: opacity var(--default-transition)
}

.radio__box:checked:after {
    opacity: 1
}

.radio__box[type=radio]:disabled {
    border-color: var(--c-b-grey2);
    background-color: #f2f2f2
}

.radio__box[type=radio]:disabled+label {
    color: var(--c-b-grey2)
}

.radio__label {
    margin-left: .9375rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    cursor: pointer;
    text-align: left;
    width: 100%;
    white-space: pre-line;
    line-height: 1.5625rem
}

@media (min-width:118.75em) {
    .radio__label {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .radio__label {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.radio__label span {
    display: block
}

.radio__label small {
    line-height: 1;
    display: block;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636;
    color: var(--c-b-grey2)
}

@media (min-width:118.75em) {
    .radio__label small {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .radio__label small {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.radio__message {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    margin-top: .3125rem;
    color: var(--c-s-error2)
}

@media (min-width:118.75em) {
    .radio__message {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .radio__message {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.radio--label-left .radio__label {
    order: 1
}

.radio--label-left .radio__box[type=radio] {
    order: 2
}

.radio--label-left .radio__label {
    text-align: start
}

.account-details {
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr);
    padding: clamp(5.625rem, 24vw, 6.25rem) clamp(.625rem, 2.66667vw, 1.875rem)
}

@media (min-width:35em) {
    .account-details {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .account-details {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .account-details {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .account-details {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

@media (min-width:64em) {
    .account-details {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .account-details {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .account-details {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .account-details {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .account-details {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .account-details {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .account-details {
        --grid-gap: 2.5rem
    }
}

@media (min-width:48em) {
    .account-details {
        padding-top: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .account-details {
        padding-top: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .account-details {
        padding-top: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .account-details {
        padding-top: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .account-details {
        padding-top: 12.5rem
    }
}

@media (min-width:48em) {
    .account-details {
        padding-bottom: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .account-details {
        padding-bottom: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .account-details {
        padding-bottom: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .account-details {
        padding-bottom: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .account-details {
        padding-bottom: 12.5rem
    }
}

.account-details__headline {
    grid-column: 3/span 14;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.33333;
    margin-bottom: 3.125rem
}

@media (min-width:48em) {
    .account-details__headline {
        font-size: 2.1875rem;
        line-height: 1.28571
    }
}

@media (min-width:64em) {
    .account-details__headline {
        font-size: clamp(2.1875rem, 3.41797vw, 5rem);
        line-height: 1.28571
    }
}

@media (min-width:150em) {
    .account-details__headline {
        font-size: 5rem;
        letter-spacing: -.0625rem;
        line-height: 1.1875
    }
}

.account-details__radio-buttons {
    margin-bottom: 3.125rem
}

.account-details__form {
    grid-column: 1/span 12
}

@media (min-width:48em) {
    .account-details__form {
        grid-column: 2/span 8
    }
}

@media (min-width:64em) {
    .account-details__form {
        grid-column: 3/span 9
    }
}

@media (min-width:87.5em) {
    .account-details__form {
        grid-column: 3/span 9
    }
}

.account-details__form .radio+.radio {
    margin-top: .9375rem
}

.account-details__form hr {
    border: 0;
    margin: 3.75rem 0 0;
    padding: 0
}

.account-details__form-row--dual {
    display: flex;
    justify-content: space-between
}

.account-details__form-row--dual>:first-child {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(40% - 1.5625rem);
    margin-right: 1.5625rem
}

.account-details__form-row--dual>:last-child {
    flex: 0 1 60%
}

.account-details__form-row>p {
    margin-top: .625rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    margin-bottom: 1.25rem
}

@media (min-width:118.75em) {
    .account-details__form-row>p {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .account-details__form-row>p {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.account-details__form-row+.account-details__form-row {
    padding-top: 1.875rem
}

.delivery-form .terms-link {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636
}

@media (min-width:118.75em) {
    .delivery-form .terms-link {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .delivery-form .terms-link {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.status-bar {
    padding: .75rem 1.0625rem;
    font-size: .75rem;
    display: flex;
    box-sizing: border-box;
    background-color: var(--c-b-black);
    color: var(--c-b-white);
    min-height: 2.5rem
}

.status-bar strong {
    margin-right: .5em;
    font-weight: 700
}

.info-panel {
    border-bottom: .0625rem solid var(--c-b-grey3);
    padding: 1.25rem 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.info-panel__section {
    flex: 0 0 40%;
    margin-right: 10%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

.info-panel__section:nth-child(n+3) {
    margin-top: 1.25rem
}

@media (min-width:64em) {
    .info-panel__section {
        flex: 0 0 20%
    }

    .info-panel__section:nth-child(n+3) {
        margin-top: 0
    }

    .info-panel__section:nth-child(n+4) {
        margin-top: 1.25rem
    }
}

@media (min-width:118.75em) {
    .info-panel__section {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .info-panel__section {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.info-panel__section h5 {
    font-weight: 500
}

.info-panel__section p {
    white-space: pre-line
}

.product-line {
    padding: 1.25rem 0;
    border-bottom: .0625rem solid var(--c-b-grey3);
    display: grid;
    grid-template-columns: 1fr 3.125rem minmax(60%, 1fr) 1fr;
    grid-gap: 1.25rem
}

.product-line__image {
    background-color: var(--c-t-beige);
    flex: 0 0 7.5rem;
    display: block;
    height: 0;
    padding-bottom: 100%;
    position: relative
}

.product-line__image .product-image {
    position: absolute;
    top: 0;
    left: 0
}

.product-line__image .product-image img {
    padding: 15% 6%;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.product-line__quantity {
    flex: 0 0 2.5rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .product-line__quantity {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .product-line__quantity {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.product-line__text {
    flex: 1 1 15.625rem
}

.product-line__text h3,
.product-line__text p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {

    .product-line__text h3,
    .product-line__text p {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {

    .product-line__text h3,
    .product-line__text p {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.product-line__text h6 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636
}

@media (min-width:118.75em) {
    .product-line__text h6 {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .product-line__text h6 {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.product-line__text strong {
    font-weight: 500
}

.product-line__prices {
    flex: 1 1 7.5rem;
    text-align: right;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .product-line__prices {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .product-line__prices {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.order-calculation h5,
.order-calculation p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {

    .order-calculation h5,
    .order-calculation p {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {

    .order-calculation h5,
    .order-calculation p {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.order-calculation h5 {
    font-weight: 500
}

.order-calculation__section {
    padding: 1.25rem 0;
    border-bottom: .0625rem solid var(--c-b-grey3)
}

.order-calculation__section div {
    display: flex;
    justify-content: space-between
}

.order-calculation__section div h5:first-child,
.order-calculation__section div p:first-child {
    flex: 1 0 60%;
    max-width: 60%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.order-calculation__section div h5:nth-child(2) {
    text-align: right
}

.order-receipt {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

.order-receipt__message {
    display: block;
    flex: 0 0 100%;
    margin-top: 1.25rem
}

@media (min-width:64em) {
    .order-receipt__message {
        flex: 0 0 50%;
        margin-left: 50%
    }
}

.order-receipt__message h5 {
    max-width: 37.5rem;
    font-size: .75rem;
    font-weight: 500;
    padding-bottom: .3125rem
}

.order-receipt__message p {
    max-width: 37.5rem;
    font-size: .625rem
}

.order-receipt .info-panel,
.order-receipt .product-line,
.order-receipt .status-bar {
    flex: 0 0 100%
}

.order-receipt .order-calculation {
    flex: 0 0 100%;
    overflow: hidden
}

@media (min-width:64em) {
    .order-receipt .order-calculation {
        flex: 0 0 50%;
        margin-left: 50%
    }
}

.checkout-flow {
    padding-bottom: clamp(5.625rem, 24vw, 6.25rem)
}

@media (min-width:48em) {
    .checkout-flow {
        padding-bottom: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .checkout-flow {
        padding-bottom: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .checkout-flow {
        padding-bottom: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .checkout-flow {
        padding-bottom: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .checkout-flow {
        padding-bottom: 12.5rem
    }
}

.checkout-flow__inner {
    padding-left: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-right: clamp(.625rem, 2.66667vw, 1.875rem);
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr)
}

@media (min-width:35em) {
    .checkout-flow__inner {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .checkout-flow__inner {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .checkout-flow__inner {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .checkout-flow__inner {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

@media (min-width:64em) {
    .checkout-flow__inner {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .checkout-flow__inner {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .checkout-flow__inner {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .checkout-flow__inner {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .checkout-flow__inner {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .checkout-flow__inner {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .checkout-flow__inner {
        --grid-gap: 2.5rem
    }
}

.checkout-flow__inner--altapay {
    display: block
}

.checkout-flow__inner--altapay form {
    display: block;
    max-width: 31.25rem
}

.checkout-flow__progress {
    grid-area: 1/1/2/13;
    margin-bottom: 3.75rem
}

@media (min-width:35em) {
    .checkout-flow__progress {
        grid-area: 1/2/2/12
    }
}

@media (min-width:64em) {
    .checkout-flow__progress {
        grid-area: 1/2/2/24;
        margin-bottom: 6.25rem
    }
}

.checkout-flow__header {
    grid-area: 2/1/3/13;
    margin-bottom: 2.5rem
}

@media (min-width:35em) {
    .checkout-flow__header {
        grid-area: 2/2/3/12
    }
}

@media (min-width:64em) {
    .checkout-flow__header {
        grid-area: 2/2/3/24
    }
}

.checkout-flow__header h3 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818;
    padding-bottom: 1.25rem;
    grid-column: 1/13
}

@media (min-width:64em) {
    .checkout-flow__header h3 {
        font-size: clamp(1.375rem, 2.14844vw, 1.75rem);
        line-height: 1.31818
    }
}

@media (min-width:87.5em) {
    .checkout-flow__header h3 {
        font-size: clamp(1.75rem, 2vw, 2rem);
        line-height: 1.28571
    }
}

@media (min-width:118.75em) {
    .checkout-flow__header h3 {
        font-size: clamp(2rem, 1.68421vw, 2.375rem);
        line-height: 1.3125
    }
}

@media (min-width:150em) {
    .checkout-flow__header h3 {
        font-size: 2.375rem;
        line-height: 1.28947
    }
}

@media (min-width:35em) {
    .checkout-flow__header h3 {
        padding-bottom: 2.5rem;
        grid-column: 2/12
    }
}

@media (min-width:64em) {
    .checkout-flow__header h3 {
        grid-column: 2/22
    }
}

.checkout-flow__header p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .checkout-flow__header p {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .checkout-flow__header p {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:64em) {
    .checkout-flow__header p {
        width: 60%
    }
}

.checkout-flow__aside {
    margin-top: 3.75rem;
    grid-area: 4/1/5/13
}

@media (min-width:35em) {
    .checkout-flow__aside {
        grid-area: 4/2/5/12
    }
}

@media (min-width:64em) {
    .checkout-flow__aside {
        margin-top: 0;
        grid-area: 3/16/4/24
    }
}

@media (min-width:64em) {
    .checkout-flow__aside+.checkout-flow__main {
        grid-area: 3/2/4/15
    }
}

.checkout-flow__main {
    grid-area: 3/1/4/13
}

@media (min-width:35em) {
    .checkout-flow__main {
        grid-area: 3/2/4/12
    }
}

@media (min-width:64em) {
    .checkout-flow__main {
        grid-area: 3/2/4/24
    }
}

@media (min-width:72.5em) {
    .checkout-flow__main .form {
        width: 80%
    }
}

@media (min-width:87.5em) {
    .checkout-flow__main .form {
        width: 70%
    }
}

@media (min-width:150em) {
    .checkout-flow__main .form {
        width: 60%
    }
}

.checkout-flow__main .form hr {
    border: 0;
    margin: 3.75rem 0 0;
    padding: 0
}

.checkout-flow__main .form h4 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5625;
    font-weight: 500;
    padding-bottom: 1.875rem
}

@media (min-width:64em) {
    .checkout-flow__main .form h4 {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:118.75em) {
    .checkout-flow__main .form h4 {
        font-size: 1.25rem;
        line-height: 1.55
    }
}

@media (min-width:150em) {
    .checkout-flow__main .form h4 {
        font-size: 1.375rem;
        line-height: 1.54545
    }
}

.checkout-flow__main .form .checkbox+.checkbox,
.checkout-flow__main .form .radio+.radio {
    margin-top: .9375rem
}

.checkout-flow__main .form__message {
    padding-top: .625rem
}

.checkout-flow__main .form__message h5 {
    font-size: .75rem;
    font-weight: 500;
    padding-bottom: .3125rem
}

.checkout-flow__main .form__message p {
    font-size: .625rem
}

.checkout-flow__main .form__row--dual {
    display: flex;
    justify-content: space-between
}

.checkout-flow__main .form__row--dual>:first-child {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(40% - 1.5625rem);
    margin-right: 1.5625rem
}

.checkout-flow__main .form__row--dual>:last-child {
    flex: 0 1 60%
}

.checkout-flow__main .form__row+.form__row {
    padding-top: 1.875rem
}

.checkout-flow__main .form__group+.form__group {
    margin-top: 3.75rem
}

.checkout-flow__main table {
    width: 100%;
    max-width: 100%;
    line-height: 1.4
}

.checkout-flow__main table td,
.checkout-flow__main table th {
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 12.5rem
}

@media (min-width:48em) {
    .checkout-flow__main table {
        min-width: 0
    }

    .checkout-flow__main table td,
    .checkout-flow__main table th {
        padding-right: 1.875rem
    }

    .checkout-flow__main table td:last-child,
    .checkout-flow__main table th:last-child {
        padding-right: 0
    }
}

.checkout-flow__footer__message {
    margin-top: 1.25rem;
    color: var(--c-s-error2)
}

.checkout-flow__footer .action-button {
    margin-top: 3.75rem
}

.checkout-flow__footer .action-button--primary {
    --button-bgc: #d6e1b9
}

.checkout-flow__footer .action-button--primary.is-disabled {
    opacity: 1;
    --button-bgc: var(--c-b-grey4);
    --button-c: var(--c-b-grey1)
}

.checkout-flow__footer .action-button--primary.is-disabled:hover {
    opacity: 1
}

.checkout-flow__footer .action-button--primary .text,
.checkout-flow__footer .action-button--secondary .text {
    font-size: .75rem;
    text-transform: none
}

.pensio_payment_form_table {
    width: 100%
}

.pensio_payment_form_table tr {
    display: flex;
    align-items: center;
    position: relative
}

.pensio_payment_form_table td {
    height: auto;
    display: flex;
    justify-content: space-between;
    line-height: 3.6em;
    position: relative;
    flex: 1 1
}

@media (min-width:64em) {
    .pensio_payment_form_table td {
        flex: 50% 1
    }
}

.pensio_payment_form_table td:not(.pensio_payment_form_cvc_error) {
    padding-top: 1.25rem
}

.pensio_payment_form_table input[type=tel],
.pensio_payment_form_table input[type=text] {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    -webkit-appearance: none;
    appearance: none;
    box-sizing: border-box;
    width: 100%;
    padding: 1.125rem 1.125rem 1rem;
    border: .0625rem solid var(--c-b-grey3);
    background-color: var(--input-bg);
    color: var(--c-b-grey1);
    line-height: 1;
    outline: 0;
    height: auto;
    margin: 0
}

@media (min-width:118.75em) {

    .pensio_payment_form_table input[type=tel],
    .pensio_payment_form_table input[type=text] {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {

    .pensio_payment_form_table input[type=tel],
    .pensio_payment_form_table input[type=text] {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.pensio_payment_form_table img {
    display: none;
    position: absolute;
    bottom: 1rem;
    left: calc(100% + 1rem);
    width: 1.5rem;
    height: .9375rem
}

.pensio_payment_form_table select {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    width: 40%;
    padding: 1.125rem 1.125rem 1rem;
    line-height: normal;
    border: .0625rem solid var(--c-b-grey3);
    outline: none;
    background-color: transparent;
    color: var(--c-b-grey1);
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none
}

@media (min-width:118.75em) {
    .pensio_payment_form_table select {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .pensio_payment_form_table select {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.pensio_payment_form_table small {
    display: block;
    position: absolute;
    left: calc(100% + .625rem);
    top: calc(50% + .625rem);
    transform: translateY(-50%)
}

.pensio_payment_form_table small a {
    display: block
}

.pensio_payment_form_table input[type=submit] {
    --button-bgc: var(--c-b-white);
    --button-c: var(--c-b-black);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    box-sizing: border-box;
    justify-content: center;
    transition: all var(--default-transition);
    color: var(--button-c);
    background-color: var(--button-bgc);
    padding: 1.25rem;
    border: 0;
    --button-bgc: var(--c-b-black);
    --button-c: var(--c-b-white);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

.pensio_payment_form_table input[type=submit].is-disabled {
    cursor: default
}

@media (min-width:48em) {
    .pensio_payment_form_table input[type=submit] {
        padding: 1.25rem 1.875rem
    }
}

@media (min-width:72.5em) {
    .pensio_payment_form_table input[type=submit] {
        padding: 1.25rem 2.5rem
    }
}

.pensio_payment_form_table input[type=submit]:hover {
    opacity: .7
}

.pensio_payment_form_table input[type=submit].is-disabled {
    opacity: .5;
    --button-bgc: var(--c-b-grey3)
}

.pensio_payment_form_table input[type=submit].is-disabled:hover {
    opacity: .5
}

.pensio_payment_form_table input[type=submit] .svg-icon {
    fill: var(--button-c)
}

.pensio_payment_form_table input[type=submit] .text {
    display: inline-block;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.57143;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (min-width:118.75em) {
    .pensio_payment_form_table input[type=submit] .text {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .pensio_payment_form_table input[type=submit] .text {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.pensio_payment_form_table input[type=submit] .icon {
    display: inline-flex
}

.pensio_payment_form_table input[type=submit] .icon+.text,
.pensio_payment_form_table input[type=submit] .text+.icon {
    margin-left: .625rem
}

.pensio_payment_form_table input[type=submit].is-outlined {
    --button-bgc: transparent;
    color: var(--button-c);
    border: .0625rem solid var(--button-c)
}

.pensio_payment_form_table input[type=submit].is-outlined:hover {
    color: var(--button-c);
    background-color: var(--button-bgc)
}

.pensio_payment_form_table input[type=submit].is-outlined.is-disabled:hover {
    color: var(--button-c);
    background: var(--button-bgc)
}

.pensio_payment_form_table input[type=submit].is-inverted {
    --button-bgc: var(--c-b-black);
    --button-c: var(--c-b-white)
}

.pensio_payment_form_table input[type=submit].is-inverted:hover .svg-icon {
    fill: var(--button-c)
}

.pensio_payment_form_table input[type=submit].is-inverted.is-disabled {
    --button-bgc: var(--c-b-grey3);
    --button-c: var(--c-b-black);
    color: var(--button-c)
}

.pensio_payment_form_table input[type=submit].is-inverted.is-disabled:hover {
    color: var(--button-c);
    background: var(--button-bgc)
}

.pensio_payment_form_table input[type=submit].is-icon-link {
    padding: .625rem
}

.pensio_payment_form_table input[type=submit].is-link {
    --button-bgc: transparent;
    --button-c: var(--c-b-black);
    padding: 0;
    position: relative
}

.pensio_payment_form_table input[type=submit].is-link strong {
    padding-left: .25em;
    padding-right: .5em;
    transition: transform var(--default-transition)
}

.pensio_payment_form_table input[type=submit].is-link:before {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 100%;
    height: .0625rem;
    background: currentColor;
    transition: right var(--default-transition)
}

.pensio_payment_form_table input[type=submit].is-link:hover:before {
    right: 0
}

.pensio_payment_form_table input[type=submit].is-link:hover .svg-icon {
    fill: var(--button-c)
}

.pensio_payment_form_table input[type=submit].is-link.is-inverted {
    --button-bgc: transparent;
    --button-c: var(--c-b-white)
}

@media (min-width:118.75em) {
    .pensio_payment_form_table input[type=submit] {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .pensio_payment_form_table input[type=submit] {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.material-set-tile {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative
}

.material-set-tile:hover .material-set-tile__image {
    opacity: .8
}

.material-set-tile:hover .material-set-tile__content h5 span:before {
    right: 0
}

.material-set-tile__image {
    position: relative;
    margin-bottom: 1.25rem;
    flex: 0 0 22vw;
    display: flex;
    max-height: 22vw;
    transition: opacity var(--default-transition);
    overflow: hidden;
    background-color: var(--c-t-beige)
}

@media (min-width:64em) {
    .material-set-tile__image {
        flex: 0 0 12.5rem;
        max-height: 12.5rem
    }
}

.material-set-tile__image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.material-set-tile__tag {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    padding: .25rem .5rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .625rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.6
}

.material-set-tile__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 100% 1
}

.material-set-tile__content h3 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5;
    margin-bottom: .625rem
}

@media (min-width:64em) {
    .material-set-tile__content h3 {
        font-size: clamp(1rem, 1.5625vw, 1.25rem);
        line-height: 1.5
    }
}

@media (min-width:87.5em) {
    .material-set-tile__content h3 {
        font-size: clamp(1.25rem, 1.42857vw, 1.375rem);
        line-height: 1.4
    }
}

@media (min-width:118.75em) {
    .material-set-tile__content h3 {
        font-size: clamp(1.375rem, 1.15789vw, 1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:150em) {
    .material-set-tile__content h3 {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

@media (min-width:64em) {
    .material-set-tile__content h3 {
        margin-bottom: 1.25rem
    }
}

.material-set-tile__content p {
    margin-bottom: auto;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .material-set-tile__content p {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .material-set-tile__content p {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (max-width:47.99em) {
    .material-set-tile__content p {
        font-size: .75rem !important
    }
}

@media (min-width:64em) {
    .material-set-tile__content p {
        line-height: 2
    }
}

.material-set-tile__content p+h5 {
    margin-top: 1.25rem
}

@media (min-width:64em) {
    .material-set-tile__content p+h5 {
        margin-top: 1.875rem
    }
}

.material-set-tile__content h5 span {
    display: inline-block;
    position: relative;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .625rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.6
}

.material-set-tile__content h5 span:before {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 100%;
    height: .0625rem;
    background: currentColor;
    transition: right var(--default-transition)
}

@media (any-hover:hover) {
    .material-set-tile .save-button {
        opacity: 0;
        transform: scale(.9)
    }

    .material-set-tile:hover .save-button {
        opacity: 1;
        transform: scale(1)
    }
}

.vision-slider {
    padding-top: clamp(5.625rem, 24vw, 6.25rem);
    padding-bottom: clamp(5.625rem, 24vw, 6.25rem);
    transition: background-color .5s cubic-bezier(.165, .84, .44, 1)
}

@media (min-width:48em) {
    .vision-slider {
        padding-top: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .vision-slider {
        padding-top: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .vision-slider {
        padding-top: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .vision-slider {
        padding-top: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .vision-slider {
        padding-top: 12.5rem
    }
}

@media (min-width:48em) {
    .vision-slider {
        padding-bottom: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .vision-slider {
        padding-bottom: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .vision-slider {
        padding-bottom: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .vision-slider {
        padding-bottom: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .vision-slider {
        padding-bottom: 12.5rem
    }
}

.vision-slider .carousel {
    padding-left: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-right: clamp(.625rem, 2.66667vw, 1.875rem);
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr)
}

@media (min-width:35em) {
    .vision-slider .carousel {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .vision-slider .carousel {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .vision-slider .carousel {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .vision-slider .carousel {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

@media (min-width:64em) {
    .vision-slider .carousel {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .vision-slider .carousel {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .vision-slider .carousel {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .vision-slider .carousel {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .vision-slider .carousel {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .vision-slider .carousel {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .vision-slider .carousel {
        --grid-gap: 2.5rem
    }
}

@media (max-width:34.99em) {
    .vision-slider .carousel {
        padding: 0;
        margin: 0
    }
}

.vision-slider .carousel .swiper-container {
    grid-column: 1/13;
    padding-bottom: 1.875rem;
    box-sizing: border-box;
    overflow: visible
}

@media (min-width:64em) {
    .vision-slider .carousel .swiper-container {
        grid-column: 2/24
    }
}

.vision-slider .carousel__nav {
    margin-right: 0;
    grid-column: 2/span 10;
    grid-row: 3;
    padding: 1.25rem 0
}

@media (min-width:9.375em) {
    .vision-slider .carousel__nav {
        margin-right: .625rem
    }
}

@media (min-width:35em) {
    .vision-slider .carousel__nav {
        margin-right: 1.25rem
    }
}

@media (min-width:64em) {
    .vision-slider .carousel__nav {
        margin-right: 1.25rem
    }
}

@media (min-width:87.5em) {
    .vision-slider .carousel__nav {
        margin-right: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .vision-slider .carousel__nav {
        margin-right: 1.875rem
    }
}

@media (min-width:150em) {
    .vision-slider .carousel__nav {
        margin-right: 2.5rem
    }
}

.vision-slider .carousel__nav button {
    padding: .3125rem
}

.vision-slider .carousel__nav button svg {
    width: 1.25rem;
    height: 1.25rem
}

@media (min-width:64em) {
    .vision-slider .carousel__nav {
        grid-column: auto;
        padding: 0
    }
}

.vision-slider .carousel__next,
.vision-slider .carousel__prev {
    font-size: 2.125rem;
    line-height: 1;
    display: inline-flex;
    z-index: 10;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    transition: all var(--default-transition)
}

.vision-slider .carousel__next.is-disabled,
.vision-slider .carousel__prev.is-disabled {
    cursor: default;
    opacity: .5
}

@media (min-width:48em) {

    .vision-slider .carousel__next,
    .vision-slider .carousel__prev {
        padding: .3125rem .4375rem
    }
}

.vision-slider .carousel__next:not(.is-disabled):hover,
.vision-slider .carousel__prev:not(.is-disabled):hover {
    transform: translateX(.5rem)
}

.vision-slider .carousel__next svg,
.vision-slider .carousel__prev svg {
    height: 1.875rem;
    width: 1.875rem
}

.vision-slider .carousel__prev svg {
    transform-origin: center;
    transform: rotate(180deg)
}

.vision-slider .carousel__prev:not(.is-disabled):hover {
    transform: translateX(-.5rem)
}

.vision-slider__top {
    position: relative;
    margin-left: clamp(.625rem, 2.66667vw, 1.875rem);
    margin-right: clamp(.625rem, 2.66667vw, 1.875rem);
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr);
    margin-bottom: 1.5625rem
}

@media (min-width:35em) {
    .vision-slider__top {
        margin-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        margin-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .vision-slider__top {
        margin-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        margin-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .vision-slider__top {
        margin-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        margin-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .vision-slider__top {
        margin-left: 13.75rem;
        margin-right: 13.75rem
    }
}

@media (min-width:64em) {
    .vision-slider__top {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .vision-slider__top {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .vision-slider__top {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .vision-slider__top {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .vision-slider__top {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .vision-slider__top {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .vision-slider__top {
        --grid-gap: 2.5rem
    }
}

@media (min-width:35em) {
    .vision-slider__top {
        margin-bottom: 2.8125rem
    }
}

.vision-slider__top h2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.33333;
    grid-column: 2/13
}

@media (min-width:48em) {
    .vision-slider__top h2 {
        font-size: 2.1875rem;
        line-height: 1.28571
    }
}

@media (min-width:64em) {
    .vision-slider__top h2 {
        font-size: clamp(2.1875rem, 3.41797vw, 5rem);
        line-height: 1.28571
    }
}

@media (min-width:150em) {
    .vision-slider__top h2 {
        font-size: 5rem;
        letter-spacing: -.0625rem;
        line-height: 1.1875
    }
}

@media (min-width:35em) {
    .vision-slider__top h2 {
        margin-bottom: 1.25rem
    }
}

@media (min-width:64em) {
    .vision-slider__top h2 {
        grid-column: 2/25
    }
}

.vision-slider__top h5 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5;
    grid-column: 2/13
}

@media (min-width:64em) {
    .vision-slider__top h5 {
        font-size: clamp(1rem, 1.5625vw, 1.25rem);
        line-height: 1.5
    }
}

@media (min-width:87.5em) {
    .vision-slider__top h5 {
        font-size: clamp(1.25rem, 1.42857vw, 1.375rem);
        line-height: 1.4
    }
}

@media (min-width:118.75em) {
    .vision-slider__top h5 {
        font-size: clamp(1.375rem, 1.15789vw, 1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:150em) {
    .vision-slider__top h5 {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

@media (min-width:64em) {
    .vision-slider__top h5 {
        grid-column: 2/25
    }
}

.vision-slider__top .carousel__nav {
    margin-right: 0 !important
}

@media (min-width:35em) {
    .vision-slider__top .carousel__nav {
        position: absolute;
        bottom: 0;
        right: 0
    }
}

.vision-slider__bottom {
    margin-left: clamp(.625rem, 2.66667vw, 1.875rem);
    margin-right: clamp(.625rem, 2.66667vw, 1.875rem);
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr);
    position: relative
}

@media (min-width:35em) {
    .vision-slider__bottom {
        margin-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        margin-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .vision-slider__bottom {
        margin-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        margin-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .vision-slider__bottom {
        margin-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        margin-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .vision-slider__bottom {
        margin-left: 13.75rem;
        margin-right: 13.75rem
    }
}

@media (min-width:64em) {
    .vision-slider__bottom {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .vision-slider__bottom {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .vision-slider__bottom {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .vision-slider__bottom {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .vision-slider__bottom {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .vision-slider__bottom {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .vision-slider__bottom {
        --grid-gap: 2.5rem
    }
}

.vision-slider__bottom h5 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5;
    margin-bottom: 1.5625rem;
    grid-column: 2/7
}

@media (min-width:64em) {
    .vision-slider__bottom h5 {
        font-size: clamp(1rem, 1.5625vw, 1.25rem);
        line-height: 1.5
    }
}

@media (min-width:87.5em) {
    .vision-slider__bottom h5 {
        font-size: clamp(1.25rem, 1.42857vw, 1.375rem);
        line-height: 1.4
    }
}

@media (min-width:118.75em) {
    .vision-slider__bottom h5 {
        font-size: clamp(1.375rem, 1.15789vw, 1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:150em) {
    .vision-slider__bottom h5 {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

@media (min-width:64em) {
    .vision-slider__bottom h5 {
        grid-column: 2/22
    }
}

.vision-slider__bottom .carousel__nav {
    display: block;
    margin-right: 0 !important
}

@media (min-width:35em) {
    .vision-slider__bottom .carousel__nav {
        position: absolute;
        top: 0;
        right: 0;
        margin-right: 0
    }
}

.vision-slider__bottom__progress {
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% + .625rem);
    margin-right: -.625rem;
    grid-column: 2/13;
    display: block;
    height: .0625rem;
    background-color: rgba(0, 0, 0, .2)
}

@media (min-width:35em) {
    .vision-slider__bottom__progress {
        width: calc(100% + clamp(1.875rem, 5.35714vw, 3.75rem));
        margin-right: calc(clamp(1.875rem, 5.35714vw, 3.75rem)*-1)
    }
}

@media (min-width:87.5em) {
    .vision-slider__bottom__progress {
        width: calc(100% + clamp(3.75rem, 4.28571vw, 8.75rem));
        margin-right: calc(clamp(3.75rem, 4.28571vw, 8.75rem)*-1)
    }
}

@media (min-width:118.75em) {
    .vision-slider__bottom__progress {
        width: calc(100% + clamp(8.75rem, 7.36842vw, 13.75rem));
        margin-right: calc(clamp(8.75rem, 7.36842vw, 13.75rem)*-1)
    }
}

@media (min-width:150em) {
    .vision-slider__bottom__progress {
        width: calc(100% + 13.75rem);
        margin-right: -13.75rem
    }
}

@media (min-width:64em) {
    .vision-slider__bottom__progress {
        grid-column: 2/25
    }
}

.vision-slider__bottom__progress span {
    position: absolute;
    left: 0;
    width: 0;
    top: 0;
    bottom: 0;
    background-color: var(--c-b-white)
}

.basket {
    padding-left: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-right: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-bottom: clamp(5.625rem, 24vw, 6.25rem)
}

@media (min-width:35em) {
    .basket {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .basket {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .basket {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .basket {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

@media (min-width:48em) {
    .basket {
        padding-bottom: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .basket {
        padding-bottom: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .basket {
        padding-bottom: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .basket {
        padding-bottom: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .basket {
        padding-bottom: 12.5rem
    }
}

.basket .mini-basket {
    height: auto
}

.contact-list {
    padding-bottom: clamp(5.625rem, 24vw, 6.25rem);
    padding-left: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-right: clamp(.625rem, 2.66667vw, 1.875rem);
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr)
}

@media (min-width:48em) {
    .contact-list {
        padding-bottom: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .contact-list {
        padding-bottom: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .contact-list {
        padding-bottom: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .contact-list {
        padding-bottom: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .contact-list {
        padding-bottom: 12.5rem
    }
}

@media (min-width:35em) {
    .contact-list {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .contact-list {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .contact-list {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .contact-list {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

@media (min-width:64em) {
    .contact-list {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .contact-list {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .contact-list {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .contact-list {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .contact-list {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .contact-list {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .contact-list {
        --grid-gap: 2.5rem
    }
}

.contact-list__headline {
    grid-column: 2/span 10;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818
}

@media (min-width:64em) {
    .contact-list__headline {
        font-size: clamp(1.625rem, 2.53906vw, 3.75rem);
        line-height: 1.26923
    }
}

@media (min-width:150em) {
    .contact-list__headline {
        font-size: 3.75rem;
        letter-spacing: -.0625rem;
        line-height: 1.3
    }
}

@media (min-width:64em) {
    .contact-list__headline {
        grid-column: 3/span 12
    }
}

.contact-list__select {
    grid-column: 2/span 10;
    padding: 3.125rem 0 1.875rem
}

@media (min-width:48em) {
    .contact-list__select {
        grid-column: 2/span 6
    }
}

@media (min-width:64em) {
    .contact-list__select {
        grid-column: 3/span 8
    }
}

.contact-list__select .select:after {
    right: 0
}

.contact-list__select .select__selector {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.57143;
    padding: 1.125rem 0 1rem;
    border: none;
    border-bottom: 1px solid var(--c-b-grey3)
}

@media (min-width:118.75em) {
    .contact-list__select .select__selector {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .contact-list__select .select__selector {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.contact-list__list-wrapper {
    grid-column: 2/span 8
}

@media (min-width:64em) {
    .contact-list__list-wrapper {
        grid-column: 3/span 8
    }
}

.contact-list__list-headline {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818;
    padding: 3.75rem 0 1.875rem
}

@media (min-width:64em) {
    .contact-list__list-headline {
        font-size: clamp(1.375rem, 2.14844vw, 1.75rem);
        line-height: 1.31818
    }
}

@media (min-width:87.5em) {
    .contact-list__list-headline {
        font-size: clamp(1.75rem, 2vw, 2rem);
        line-height: 1.28571
    }
}

@media (min-width:118.75em) {
    .contact-list__list-headline {
        font-size: clamp(2rem, 1.68421vw, 2.375rem);
        line-height: 1.3125
    }
}

@media (min-width:150em) {
    .contact-list__list-headline {
        font-size: 2.375rem;
        line-height: 1.28947
    }
}

.contact-list__ul {
    padding-bottom: 1.25rem
}

.contact-list__ul:last-of-type {
    padding-bottom: 3.75rem
}

.contact-list__ul li {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .contact-list__ul li {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .contact-list__ul li {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.contact-list__ul li:first-of-type {
    font-weight: 700
}

.content-block {
    min-height: 30vh;
    background-color: #eee
}

.content-block .test {
    width: 6.25rem;
    height: 3.125rem;
    width: var(--spacing-1)
}

.material-tile {
    margin-bottom: 2.5rem
}

.material-tile button {
    width: 100%
}

.material-tile:hover .magnify {
    opacity: 1
}

.material-tile__image {
    display: flex;
    position: relative;
    width: 100%;
    background-color: var(--c-b-grey4);
    margin-bottom: .625rem;
    height: 30vw
}

@media (min-width:35em) {
    .material-tile__image {
        height: 20vw
    }
}

@media (min-width:64em) {
    .material-tile__image {
        height: 15vw
    }
}

@media (min-width:87.5em) {
    .material-tile__image {
        height: 10vw
    }
}

.material-tile__image img {
    display: block;
    width: 100%;
    height: 100%
}

.material-tile .magnify {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .4);
    color: var(--c-b-white);
    transition: opacity var(--default-transition)
}

.material-tile .magnify .text {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5
}

@media (min-width:64em) {
    .material-tile .magnify .text {
        font-size: clamp(1rem, 1.5625vw, 1.25rem);
        line-height: 1.5
    }
}

@media (min-width:87.5em) {
    .material-tile .magnify .text {
        font-size: clamp(1.25rem, 1.42857vw, 1.375rem);
        line-height: 1.4
    }
}

@media (min-width:118.75em) {
    .material-tile .magnify .text {
        font-size: clamp(1.375rem, 1.15789vw, 1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:150em) {
    .material-tile .magnify .text {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

.material-tile .magnify .icon {
    margin-right: .625rem
}

.material-tile .magnify svg {
    width: 2em;
    height: 2em;
    fill: currentColor
}

.material-tile .tag {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    padding: .25rem .5rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .625rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.6
}

.loading-dots {
    --component-bg: var(--c-b-black);
    display: inline-block;
    position: relative;
    width: 1em;
    height: 1em;
    font-size: 5rem;
    display: flex;
    align-items: center
}

.loading-dots>span {
    display: block;
    position: absolute;
    width: .18em;
    height: .18em;
    border-radius: 50%;
    background: var(--component-bg);
    animation-timing-function: cubic-bezier(0, 1, 1, 0)
}

.loading-dots>span:first-child {
    left: .08em;
    animation: lds-ellipsis1 .6s infinite
}

.loading-dots>span:nth-child(2) {
    left: .08em;
    animation: lds-ellipsis2 .6s infinite
}

.loading-dots>span:nth-child(3) {
    left: .41em;
    animation: lds-ellipsis2 .6s infinite
}

.loading-dots>span:nth-child(4) {
    right: .08em;
    animation: lds-ellipsis3 .6s infinite
}

.loading-dots--inverted {
    --component-bg: var(--c-b-white)
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(0)
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(.333em)
    }
}

.save-button {
    transition: all .25s cubic-bezier(.25, .01, .25, 1)
}

.save-button .icon {
    color: #fff
}

:root {
    --c-t-yellow: #f19b1f;
    --c-t-lightgreen: #d6e1b9;
    --c-t-beige: #efeeeb;
    --c-s-site-bgc: #fff;
    --c-s-site-c: #000;
    --c-s-mode-switch-bc: #000;
    --c-s-mode-switch-c: #fff;
    --c-s-border: #c6c6c6;
    --c-s-error1: #f19b1f;
    --c-s-error2: #f41212;
    --c-s-valid: green;
    --c-s-warning: #ff8d8d;
    --c-b-black: #000;
    --c-b-grey1: #333;
    --c-b-grey2: #666;
    --c-b-grey3: #c6c6c6;
    --c-b-grey4: #f1f0ec;
    --c-b-white: #fff;
    --c-b-white-trans: hsla(0, 0%, 100%, 0.7);
    --c-b-timeline: #1e1e1d;
    --margin-unit: 0.3125rem;
    --mode-switch-height: 1.875rem;
    --anim-duration: 0.25s;
    --anim-ease: cubic-bezier(0.25, 0.01, 0.25, 1);
    --default-transition: var(--anim-duration) var(--anim-ease);
    --site-header-height: 3.9375rem;
    ---mode-switch-height: 1.875rem
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
button,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    line-height: 1.57;
    background-color: #fff;
    background-color: var(--c-s-site-bgc);
    color: #000;
    color: var(--c-s-site-c);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overscroll-behavior-y: contain
}

a {
    cursor: pointer;
    color: currentColor;
    text-decoration: none
}

a:focus,
a:hover,
a:visited {
    outline: 0
}

button {
    -webkit-appearance: none;
    appearance: none;
    text-align: left;
    display: block;
    cursor: pointer;
    width: auto;
    background-color: transparent;
    color: currentColor;
    text-decoration: none
}

:focus,
button:focus,
button:hover,
button:visited {
    outline: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    max-width: 100%;
    white-space: pre-line;
    text-overflow: ellipsis;
    word-break: break-word
}

input {
    font-family: inherit
}

@font-face {
    font-family: "HansenGrotesque";
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/HansenGrotesque-Regular.7c880d9a.woff2) format("woff2")
}

@font-face {
    font-family: "HansenGrotesque";
    font-style: italic;
    font-weight: 400;
    src: url(/dist/ConsumersAndProfessionals/static/media/HansenGrotesque-Italic.91406372.woff2) format("woff2")
}

@font-face {
    font-family: "HansenGrotesque";
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/HansenGrotesque-Medium.8f3b6176.woff2) format("woff2")
}

@font-face {
    font-family: "HansenGrotesque";
    font-style: italic;
    font-weight: 500;
    src: url(/dist/ConsumersAndProfessionals/static/media/HansenGrotesque-MediumItalic.36e8d9f6.woff2) format("woff2")
}

@font-face {
    font-family: "HansenGrotesque";
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/HansenGrotesque-Bold.619095f4.woff2) format("woff2")
}

@font-face {
    font-family: "HansenGrotesque";
    font-style: italic;
    font-weight: 700;
    src: url(/dist/ConsumersAndProfessionals/static/media/HansenGrotesque-BoldItalic.e6eb2f53.woff2) format("woff2")
}

.body-container {
    width: auto;
    padding: 3rem 1.5rem
}

@media screen and (min-width:900px) {
    .body-container {
        padding: 5rem 3rem
    }
}

.body-container .alert {
    margin-bottom: 1.25rem
}

.body-container .alert strong {
    font-weight: 500
}

.body-container .alert-danger {
    color: #f41212;
    color: var(--c-s-error2)
}

.body-container .card-header {
    text-transform: uppercase;
    line-height: 1.3;
    font-weight: 500;
    font-size: 22px;
    padding-bottom: 1.2em
}

@media screen and (min-width:900px) {
    .body-container .card-header {
        font-size: 26px
    }
}

@media screen and (min-width:2400px) {
    .body-container .card-header {
        letter-spacing: -1;
        font-size: 60px
    }
}

.body-container .card-header .svg-icon {
    font-size: 25px;
    height: 1em
}

.body-container form {
    padding-bottom: 1em
}

.body-container .form-group {
    position: relative;
    margin: 0 0 20px;
    padding: 3px 0
}

.body-container .form-group .form-control {
    font-size: 14px;
    line-height: 1.6;
    -webkit-appearance: none;
    appearance: none;
    box-sizing: border-box;
    width: 100%;
    padding: 1.2rem 1.2rem 1rem;
    border: 1px solid #c6c6c6;
    background-color: transparent;
    color: #333;
    line-height: 1;
    outline: 0;
    transition: all .25s ease, text-indent 0s ease 0s
}

@media screen and (min-width:1900px) {
    .body-container .form-group .form-control {
        font-size: 16px
    }
}

@media screen and (min-width:2400px) {
    .body-container .form-group .form-control {
        font-size: 18px
    }
}

.body-container .form-group .form-control::placeholder {
    color: transparent;
    opacity: 0
}

.body-container .form-group .form-control::-webkit-input-placeholder {
    color: transparent;
    opacity: 0
}

.body-container .form-group .form-control::-moz-placeholder {
    color: transparent;
    opacity: 0
}

.body-container .form-group .form-control:-ms-input-placeholder {
    color: transparent;
    opacity: 0
}

.body-container .form-group .form-control:-moz-placeholder {
    color: transparent;
    opacity: 0
}

.body-container .form-group .form-control:-webkit-autofill {
    animation-name: onAutoFillStart
}

.body-container .form-group .form-control:not(:-webkit-autofill) {
    animation-name: onAutoFillStop
}

.body-container .form-group .form-control:-webkit-autofill,
.body-container .form-group .form-control:-webkit-autofill:hover {
    box-shadow: inset 0 0 0 10000px transparent;
    -webkit-transition: background-color 10000s ease-in-out 0s;
    transition: background-color 10000s ease-in-out 0s;
    -webkit-text-fill-color: #000 !important;
    color: #000 !important;
    outline: 0
}

.body-container .form-group .form-control:-moz-autofill,
.body-container .form-group .form-control:-moz-autofill-preview {
    background-color: red;
    color: #000
}

.body-container .form-group .form-control:-moz-ui-invalid {
    color: #000;
    border-color: #f41212;
    outline: 0;
    box-shadow: none
}

.body-container .form-group .form-control:-moz-ui-invalid+.label {
    color: #f41212
}

.body-container .form-group .form-control:focus {
    border: 1px solid #666
}

.body-container .form-group .form-control:-ms-input-placeholder+.label {
    top: 32px;
    color: #c6c6c6;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.6
}

.body-container .form-group .form-control:placeholder-shown+.label {
    top: 32px;
    color: #c6c6c6;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.6
}

@media screen and (min-width:1900px) {
    .body-container .form-group .form-control:-ms-input-placeholder+.label {
        font-size: 16px
    }

    .body-container .form-group .form-control:placeholder-shown+.label {
        font-size: 16px
    }
}

@media screen and (min-width:2400px) {
    .body-container .form-group .form-control:-ms-input-placeholder+.label {
        font-size: 18px
    }

    .body-container .form-group .form-control:placeholder-shown+.label {
        font-size: 18px
    }
}

.body-container .form-group .form-control:focus+.label {
    top: 4px;
    font-size: 11px;
    background-color: #fff;
    color: #333
}

.body-container .form-group .form-control:-webkit-autofill:focus+.label {
    top: 4px !important;
    font-size: 11px;
    background-color: #fff
}

.body-container .form-group>label {
    font-size: .6875rem;
    display: block;
    position: absolute;
    top: 4px;
    left: 18px;
    pointer-events: none;
    transform: translateY(-50%);
    transition: all .25s ease;
    line-height: 1;
    color: #666;
    background-color: #fff;
    padding: 0 2px;
    z-index: 1;
    max-width: 85%
}

.body-container .buttons {
    margin-top: 2.5rem;
    display: flex;
    flex-grow: auto;
    justify-content: space-between
}

@media screen and (min-width:768px) {
    .body-container .buttons {
        justify-content: start
    }
}

.body-container .btn {
    --button-bgc: var(--c-b-white);
    --button-c: var(--c-b-black);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    box-sizing: border-box;
    justify-content: center;
    transition: all .25s cubic-bezier(.25, .01, .25, 1);
    transition: all var(--default-transition);
    color: var(--button-c);
    background-color: var(--button-bgc);
    padding: 1.25rem
}

.body-container .btn.is-disabled {
    cursor: default
}

@media (min-width:48em) {
    .body-container .btn {
        padding: 1.25rem 1.875rem
    }
}

@media (min-width:72.5em) {
    .body-container .btn {
        padding: 1.25rem 2.5rem
    }
}

.body-container .btn:hover {
    opacity: .7
}

.body-container .btn.is-disabled {
    opacity: .5;
    --button-bgc: var(--c-b-grey3)
}

.body-container .btn.is-disabled:hover {
    opacity: .5
}

.body-container .btn .svg-icon {
    fill: var(--button-c)
}

.body-container .btn .text {
    display: inline-block;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.57143;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (min-width:118.75em) {
    .body-container .btn .text {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .body-container .btn .text {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.body-container .btn .icon {
    display: inline-flex
}

.body-container .btn .icon+.text,
.body-container .btn .text+.icon {
    margin-left: .625rem
}

.body-container .btn.is-outlined {
    --button-bgc: transparent;
    color: var(--button-c);
    border: .0625rem solid var(--button-c)
}

.body-container .btn.is-outlined:hover {
    color: var(--button-c);
    background-color: var(--button-bgc)
}

.body-container .btn.is-outlined.is-disabled:hover {
    color: var(--button-c);
    background: var(--button-bgc)
}

.body-container .btn.is-inverted {
    --button-bgc: var(--c-b-black);
    --button-c: var(--c-b-white)
}

.body-container .btn.is-inverted:hover .svg-icon {
    fill: var(--button-c)
}

.body-container .btn.is-inverted.is-disabled {
    --button-bgc: var(--c-b-grey3);
    --button-c: var(--c-b-black);
    color: var(--button-c)
}

.body-container .btn.is-inverted.is-disabled:hover {
    color: var(--button-c);
    background: var(--button-bgc)
}

.body-container .btn.is-icon-link {
    padding: .625rem
}

.body-container .btn.is-link {
    --button-bgc: transparent;
    --button-c: var(--c-b-black);
    padding: 0;
    position: relative
}

.body-container .btn.is-link strong {
    padding-left: .25em;
    padding-right: .5em;
    transition: transform .25s cubic-bezier(.25, .01, .25, 1);
    transition: transform var(--default-transition)
}

.body-container .btn.is-link:before {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 100%;
    height: .0625rem;
    background: currentColor;
    transition: right .25s cubic-bezier(.25, .01, .25, 1);
    transition: right var(--default-transition)
}

.body-container .btn.is-link:hover:before {
    right: 0
}

.body-container .btn.is-link:hover .svg-icon {
    fill: var(--button-c)
}

.body-container .btn.is-link.is-inverted {
    --button-bgc: transparent;
    --button-c: var(--c-b-white)
}

.body-container .btn+.btn {
    margin-left: .6rem
}

.body-container .form-check {
    display: flex;
    position: relative;
    cursor: pointer
}

.body-container .form-check-input {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    height: 25px;
    flex: 0 0 25px;
    background-color: transparent;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    outline: none
}

.body-container .form-check-input:checked {
    height: 25px;
    width: 25px
}

.body-container .form-check-input:after {
    display: flex;
    justify-content: center;
    align-items: center;
    content: url(/dist/ConsumersAndProfessionals/static/media/checkmark-small.0e3ceb92.svg);
    background-color: #000;
    font-size: 18px;
    width: 100%;
    height: 100%;
    opacity: 0;
    color: #fff;
    transition: all .25s cubic-bezier(.25, .01, .25, 1)
}

.body-container .form-check-input:checked:after {
    opacity: 1
}

.body-container .form-check-input:disabled {
    border-color: #666;
    background-color: #f2f2f2
}

.body-container .form-check-input:disabled+label {
    color: #666
}

.body-container .form-check-label {
    margin-left: 15px;
    font-size: 14px;
    line-height: 1.6;
    cursor: pointer;
    text-align: left;
    width: 100%;
    word-break: break-all
}

@media screen and (min-width:1900px) {
    .body-container .form-check-label {
        font-size: 16px
    }
}

@media screen and (min-width:2400px) {
    .body-container .form-check-label {
        font-size: 18px
    }
}

.body-container a {
    text-decoration: none;
    color: #000
}

@keyframes onAutoFillStart {
    0% {
        width: inherit
    }

    to {
        width: inherit
    }
}

@keyframes onAutoFillCancel {
    0% {
        width: inherit
    }

    to {
        width: inherit
    }
}

.main-footer {
    background-color: var(--c-s-site-c);
    color: var(--c-s-site-bgc);
    padding: 2.8125rem 1.5625rem
}

.main-footer .link {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5
}

@media (min-width:64em) {
    .main-footer .link {
        font-size: clamp(1rem, 1.5625vw, 1.25rem);
        line-height: 1.5
    }
}

@media (min-width:87.5em) {
    .main-footer .link {
        font-size: clamp(1.25rem, 1.42857vw, 1.375rem);
        line-height: 1.4
    }
}

@media (min-width:118.75em) {
    .main-footer .link {
        font-size: clamp(1.375rem, 1.15789vw, 1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:150em) {
    .main-footer .link {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

.main-footer .link--small {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.18182;
    color: var(--c-b-grey3)
}

.main-footer__links li+li {
    margin-top: 1.875rem
}

.main-footer__social {
    margin-top: 3.125rem
}

.main-footer__social li+li {
    margin-top: 1.5625rem
}

.pdp-micro-swatches {
    margin-bottom: 2.5rem
}

.pdp-micro-swatches h4 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

@media (min-width:118.75em) {
    .pdp-micro-swatches h4 {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .pdp-micro-swatches h4 {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.pdp-micro-swatches__list {
    display: block;
    overflow: hidden
}

.pdp-micro-swatches__list__inner {
    overflow: auto;
    display: flex
}

.pdp-micro-swatches__list-item {
    display: inline-flex;
    margin-right: .625rem;
    transition: all var(--default-transition);
    padding-bottom: .625rem;
    border-bottom: .125rem solid transparent
}

.pdp-micro-swatches__list-item.is-active {
    border-bottom: .125rem solid var(--c-b-black)
}

.pdp-micro-swatches__list-item div {
    background-color: var(--c-t-beige);
    display: inline-flex;
    width: 3.75rem;
    height: 3.75rem
}

@media (min-width:64em) {
    .pdp-micro-swatches__list-item div {
        width: 3.125rem;
        height: 3.125rem
    }
}

.pdp-micro-swatches__list-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center
}

.pdp-micro-swatches__list-item:not(.is-active):hover {
    padding-bottom: .25rem;
    border-bottom: .125rem solid var(--c-b-grey3)
}

.pdp-configurator-options__inner {
    border-top: .0625rem solid var(--c-b-grey3)
}

.pdp-configurator-options__item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-bottom: .0625rem solid var(--c-b-grey3);
    padding: .875rem 0;
    cursor: pointer
}

.pdp-configurator-options__item:last-child {
    border-bottom: 0
}

.pdp-configurator-options__item:hover h5,
.pdp-configurator-options__item:hover p {
    opacity: .8
}

.pdp-configurator-options__item .product-image,
.pdp-configurator-options__item img {
    height: 2.1875rem;
    flex: 0 0 2.1875rem;
    object-fit: contain;
    object-position: center
}

.pdp-configurator-options__item div {
    flex: 0 1 70%
}

.pdp-configurator-options__item h5,
.pdp-configurator-options__item p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636;
    text-align: left;
    transition: opacity var(--default-transition)
}

@media (min-width:118.75em) {

    .pdp-configurator-options__item h5,
    .pdp-configurator-options__item p {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {

    .pdp-configurator-options__item h5,
    .pdp-configurator-options__item p {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.pdp-configurator-options__item h5 {
    font-weight: 500
}

.pdp-configurator-filters {
    display: flex;
    max-width: 100%;
    overflow: hidden;
    overflow-x: auto;
    padding-bottom: .625rem;
    min-height: 1.875rem;
    height: 1.875rem;
    flex: 0 0 1.875rem;
    scrollbar-width: auto;
    scrollbar-color: var(--c-b-white) transparent
}

.pdp-configurator-filters::-webkit-scrollbar {
    width: .25rem;
    height: .25rem
}

.pdp-configurator-filters::-webkit-scrollbar-track {
    background: transparent
}

.pdp-configurator-filters::-webkit-scrollbar-thumb {
    background-color: var(--c-b-black);
    padding: .25rem;
    border-radius: 0;
    border: 0
}

.pdp-configurator-filters__list {
    display: flex;
    flex-wrap: nowrap;
    height: 1.875rem
}

.pdp-configurator-filters__list li {
    display: inline-flex
}

.pdp-configurator-filters__button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636;
    display: inline-flex;
    white-space: nowrap;
    align-items: center;
    justify-content: center;
    height: 1.875rem;
    padding: 0;
    margin-right: .625rem
}

@media (min-width:118.75em) {
    .pdp-configurator-filters__button {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .pdp-configurator-filters__button {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.pdp-configurator-filters__button span+span {
    margin-left: .625rem
}

.pdp-configurator-filters__button .text {
    text-decoration: underline
}

.pdp-configurator-filters__button.is-disabled {
    opacity: .8
}

.pdp-configurator-filters__button.is-disabled .text {
    text-decoration: none
}

.pdp-configurator-filters__button.is-active {
    padding: 0 .625rem;
    color: var(--c-b-white);
    background-color: var(--c-b-black)
}

.pdp-configurator-filters__button.is-active .text {
    text-decoration: none
}

.pdp-swatch-tile {
    max-width: 25rem;
    cursor: pointer;
    min-width: 0
}

.pdp-swatch-tile .product-image {
    position: static
}

.pdp-swatch-tile__inner {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.875rem;
    border: .125rem solid transparent;
    transition: opacity var(--default-transition);
    min-height: 7.6875rem;
    position: relative;
    width: 100%
}

.pdp-swatch-tile__inner:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #efefef;
    background-image: linear-gradient(90deg, #efefef 0, #f7f7f7 20%, #efefef 40%, #efefef);
    background-repeat: no-repeat;
    background-size: 400% 100%;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeholderShimmer;
    animation-timing-function: linear
}

.pdp-swatch-tile__tag {
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    padding: .25rem .5rem;
    font-size: .625rem;
    text-transform: uppercase;
    line-height: 1.6
}

.pdp-swatch-tile__message,
.pdp-swatch-tile__tag {
    position: absolute;
    left: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-weight: 400
}

.pdp-swatch-tile__message {
    display: block;
    top: 0;
    right: 0;
    max-height: 100%;
    background-color: hsla(0, 0%, 100%, .5);
    font-size: .6875rem;
    line-height: 1.63636;
    padding: .625rem
}

@media (min-width:118.75em) {
    .pdp-swatch-tile__message {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .pdp-swatch-tile__message {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.pdp-swatch-tile.is-unallowed .pdp-swatch-tile__message {
    display: block
}

.pdp-swatch-tile.is-active .pdp-swatch-tile__inner {
    border: .125rem solid var(--c-b-black)
}

.pdp-swatch-tile.no-image .pdp-swatch-tile__inner {
    background: #efefef
}

.pdp-swatch-tile.no-image .pdp-swatch-tile__inner:before {
    display: none
}

.pdp-swatch-tile.no-image .pdp-swatch-tile__inner img {
    object-fit: contain
}

.pdp-swatch-tile h6 {
    margin-top: .625rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636;
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%
}

@media (min-width:118.75em) {
    .pdp-swatch-tile h6 {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .pdp-swatch-tile h6 {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.pdp-swatch-tile:hover .pdp-swatch-tile__inner {
    opacity: .7
}

.pdp-swatch-tile img {
    display: block;
    max-width: 100%
}

.pdp-swatch-tile--cover .pdp-swatch-tile__inner {
    padding: 0
}

.pdp-swatch-tile--cover img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.pdp-model-selector {
    display: flex;
    flex-direction: column;
    max-height: 100%;
    height: 100%;
    border-top: .0625rem solid var(--c-b-grey3)
}

.pdp-model-selector h3 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5;
    margin: .9375rem 0 1.25rem;
    flex: 0 0 1em
}

@media (min-width:64em) {
    .pdp-model-selector h3 {
        font-size: clamp(1rem, 1.5625vw, 1.25rem);
        line-height: 1.5
    }
}

@media (min-width:87.5em) {
    .pdp-model-selector h3 {
        font-size: clamp(1.25rem, 1.42857vw, 1.375rem);
        line-height: 1.4
    }
}

@media (min-width:118.75em) {
    .pdp-model-selector h3 {
        font-size: clamp(1.375rem, 1.15789vw, 1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:150em) {
    .pdp-model-selector h3 {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

.pdp-model-selector__content {
    margin-top: 1.25rem;
    overflow: hidden;
    overflow-y: auto;
    max-height: calc(100% - 8.75rem);
    scrollbar-width: auto;
    scrollbar-color: var(--c-b-white) transparent;
    padding-right: 1.25rem
}

.pdp-model-selector__content::-webkit-scrollbar {
    width: .25rem;
    height: .25rem
}

.pdp-model-selector__content::-webkit-scrollbar-track {
    background: transparent
}

.pdp-model-selector__content::-webkit-scrollbar-thumb {
    background-color: var(--c-b-black);
    padding: .25rem;
    border-radius: 0;
    border: 0
}

.pdp-model-selector__tiles {
    display: grid;
    grid-gap: 1.25rem;
    grid-template-columns: 1fr 1fr;
    padding-bottom: 1.25rem;
    align-items: flex-start
}

@media (min-width:48em) {
    .pdp-model-selector__tiles {
        grid-template-columns: 1fr 1fr 1fr
    }
}

.pdp-model-selector .pdp-swatch-tile__inner {
    padding: 0;
    border: 0;
    display: block;
    min-height: 0
}

.pdp-model-selector .pdp-swatch-tile .product-image {
    height: 0;
    padding-bottom: 100%;
    position: relative
}

.pdp-model-selector .pdp-swatch-tile .product-image .product-image__image {
    background-color: #efeeeb;
    box-sizing: border-box;
    padding: .625rem;
    object-fit: contain
}

.pdp-hero-selection {
    margin-bottom: 2.5rem
}

.pdp-hero-selection__list {
    display: block;
    overflow: hidden
}

.pdp-hero-selection__list__inner {
    overflow: auto;
    display: flex
}

.pdp-hero-selection__list-item {
    display: inline-flex;
    margin-right: .625rem;
    transition: all var(--default-transition);
    padding-bottom: .625rem;
    border-bottom: .125rem solid transparent
}

.pdp-hero-selection__list-item.is-active {
    border-bottom: .125rem solid var(--c-b-black)
}

.pdp-hero-selection__list-item div {
    background-color: #fff;
    display: inline-flex;
    width: 3.75rem;
    height: 3.75rem
}

@media (min-width:64em) {
    .pdp-hero-selection__list-item div {
        width: 3.125rem;
        height: 3.125rem
    }
}

.pdp-hero-selection__list-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center
}

.pdp-hero-selection__list-item:not(.is-active):hover {
    padding-bottom: .25rem;
    border-bottom: .125rem solid var(--c-b-grey3)
}

.pdp-material-selector {
    display: flex;
    flex-direction: column;
    max-height: 100%;
    border-top: .0625rem solid var(--c-b-grey3)
}

.pdp-material-selector h3 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5;
    margin: .9375rem 0 1.25rem;
    flex: 0 1 2.5rem
}

@media (min-width:64em) {
    .pdp-material-selector h3 {
        font-size: clamp(1rem, 1.5625vw, 1.25rem);
        line-height: 1.5
    }
}

@media (min-width:87.5em) {
    .pdp-material-selector h3 {
        font-size: clamp(1.25rem, 1.42857vw, 1.375rem);
        line-height: 1.4
    }
}

@media (min-width:118.75em) {
    .pdp-material-selector h3 {
        font-size: clamp(1.375rem, 1.15789vw, 1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:150em) {
    .pdp-material-selector h3 {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

.pdp-material-selector h5 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    flex: 1 1
}

@media (min-width:118.75em) {
    .pdp-material-selector h5 {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .pdp-material-selector h5 {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.pdp-material-selector__content {
    overflow: hidden;
    overflow-y: auto;
    max-height: calc(100% - 3.75rem);
    scrollbar-width: auto;
    scrollbar-color: var(--c-b-white) transparent;
    padding-right: 1.25rem
}

.pdp-material-selector__content::-webkit-scrollbar {
    width: .25rem;
    height: .25rem
}

.pdp-material-selector__content::-webkit-scrollbar-track {
    background: transparent
}

.pdp-material-selector__content::-webkit-scrollbar-thumb {
    background-color: var(--c-b-black);
    padding: .25rem;
    border-radius: 0;
    border: 0
}

.pdp-material-selector__info {
    margin-bottom: 1.25rem
}

@media (min-width:48em) {
    .pdp-material-selector__info {
        display: flex;
        justify-content: space-between
    }
}

.pdp-material-selector__tiles {
    display: grid;
    grid-gap: 1.25rem;
    padding-bottom: 1.25rem;
    align-items: flex-start;
    grid-template-columns: 1fr 1fr
}

@media (min-width:48em) {
    .pdp-material-selector__tiles {
        grid-template-columns: 1fr 1fr 1fr
    }
}

.pdp-swatch-group {
    display: grid;
    grid-template-columns: 6.25rem 1fr;
    grid-column-gap: 1.25rem;
    max-width: 100%;
    width: 100%;
    overflow: hidden
}

@media (min-width:48em) {
    .pdp-swatch-group {
        grid-template-columns: 12.5rem 1fr
    }
}

.pdp-swatch-group__image {
    position: relative;
    height: 100%;
    width: 6.25rem;
    box-sizing: border-box;
    transition: opacity var(--default-transition)
}

@media (min-width:48em) {
    .pdp-swatch-group__image {
        width: 12.5rem;
        flex: 0 0 12.5rem
    }
}

.pdp-swatch-group__image:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #efefef;
    background-image: linear-gradient(90deg, #efefef 0, #f7f7f7 20%, #efefef 40%, #efefef);
    background-repeat: no-repeat;
    background-size: 400% 100%;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeholderShimmer;
    animation-timing-function: linear
}

.pdp-swatch-group__image .product-image img {
    display: block;
    max-width: 100%;
    min-height: 6.25rem
}

.pdp-swatch-group__image .product-image--error img {
    object-fit: contain
}

.pdp-swatch-group.is-active .pdp-swatch-group__image {
    border: .125rem solid var(--c-b-black)
}

.pdp-swatch-group:hover .pdp-swatch-group__image {
    opacity: .7
}

.pdp-swatch-group:hover h4 span:before {
    right: 0
}

.pdp-swatch-group__info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    overflow: hidden
}

@media (min-width:64em) {
    .pdp-swatch-group__info {
        min-height: 6.25rem
    }
}

.pdp-swatch-group__info h4 {
    display: flex;
    overflow: hidden
}

.pdp-swatch-group__info h4 span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.21429;
    position: relative
}

@media (min-width:64em) {
    .pdp-swatch-group__info h4 span {
        font-size: 1rem;
        line-height: 1.1875
    }
}

@media (min-width:87.5em) {
    .pdp-swatch-group__info h4 span {
        font-size: 1.125rem;
        line-height: 1.22222
    }
}

.pdp-swatch-group__info h4 span:before {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 100%;
    height: .0625rem;
    background: currentColor;
    transition: right var(--default-transition)
}

.pdp-swatch-group__info h4 span:hover:before {
    right: 0
}

.pdp-swatch-group__info p {
    margin-top: .625rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636
}

@media (min-width:118.75em) {
    .pdp-swatch-group__info p {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .pdp-swatch-group__info p {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.pdp-swatch-group__info footer {
    display: flex;
    margin-top: .625rem
}

@media (min-width:64em) {
    .pdp-swatch-group__info footer {
        margin-top: auto
    }
}

.pdp-swatch-group__info footer span {
    flex: 0 0 0.9375rem;
    height: .9375rem;
    margin-right: .5rem;
    display: inline-flex
}

.pdp-swatch-group__info footer h5,
.pdp-swatch-group__info footer span img {
    display: inline-flex;
    max-width: 100%
}

.pdp-swatch-group__info footer h5 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636;
    white-space: nowrap;
    min-width: 0;
    text-overflow: ellipsis;
    overflow: hidden
}

@media (min-width:118.75em) {
    .pdp-swatch-group__info footer h5 {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .pdp-swatch-group__info footer h5 {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.pdp-material-set-selector {
    display: flex;
    flex-direction: column;
    max-height: 100%;
    height: 100%;
    border-top: .0625rem solid var(--c-b-grey3)
}

.pdp-material-set-selector h3 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5;
    margin: .9375rem 0 1.25rem;
    flex: 0 0 1em
}

@media (min-width:64em) {
    .pdp-material-set-selector h3 {
        font-size: clamp(1rem, 1.5625vw, 1.25rem);
        line-height: 1.5
    }
}

@media (min-width:87.5em) {
    .pdp-material-set-selector h3 {
        font-size: clamp(1.25rem, 1.42857vw, 1.375rem);
        line-height: 1.4
    }
}

@media (min-width:118.75em) {
    .pdp-material-set-selector h3 {
        font-size: clamp(1.375rem, 1.15789vw, 1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:150em) {
    .pdp-material-set-selector h3 {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

.pdp-material-set-selector__content {
    margin-top: 1.25rem;
    overflow: hidden;
    overflow-y: auto;
    max-height: 100%;
    scrollbar-width: auto;
    scrollbar-color: var(--c-b-white) transparent;
    padding-right: 1.25rem
}

.pdp-material-set-selector__content::-webkit-scrollbar {
    width: .25rem;
    height: .25rem
}

.pdp-material-set-selector__content::-webkit-scrollbar-track {
    background: transparent
}

.pdp-material-set-selector__content::-webkit-scrollbar-thumb {
    background-color: var(--c-b-black);
    padding: .25rem;
    border-radius: 0;
    border: 0
}

.pdp-material-set-selector__groups {
    padding-bottom: 1.25rem
}

.pdp-material-set-selector__groups .pdp-swatch-group+.pdp-swatch-group {
    margin-top: 1.25rem
}

.pdp-configurator {
    --configurator-height: auto;
    --description-height: auto;
    --param-count: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    height: var(--configurator-height)
}

@media (min-width:64em) {
    .pdp-configurator {
        --configurator-height: calc(var(--vh)*100 - var(--site-header-height) - var(--mode-switch-height))
    }
}

@media (min-width:87.5em) {
    .pdp-configurator {
        --configurator-height: calc(var(--vh)*100 - var(--site-header-height) - var(--mode-switch-height))
    }
}

@media (min-width:118.75em) {
    .pdp-configurator {
        --configurator-height: calc(var(--vh)*100 - var(--site-header-height) - var(--mode-switch-height))
    }
}

.pdp-configurator .action-button--primary {
    --button-bgc: #d6e1b9
}

.pdp-configurator .action-button--primary .text,
.pdp-configurator .action-button--secondary .text {
    font-size: .75rem;
    text-transform: none
}

.pdp-configurator.is-configuring {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1.25rem;
    background-color: var(--c-b-white);
    z-index: 1;
    height: calc(var(--vh)*100 - 2.5rem)
}

@media (min-width:64em) {
    .pdp-configurator.is-configuring {
        background-color: transparent;
        padding: 0;
        position: static;
        height: calc(var(--vh)*100 - 1.875rem - var(--site-header-height))
    }
}

@media (min-width:87.5em) {
    .pdp-configurator.is-configuring {
        height: calc(var(--vh)*100 - 3.75rem - var(--site-header-height))
    }
}

.pdp-configurator__back {
    transform: rotate(180deg)
}

.pdp-configurator__debug {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #e9f;
    padding: 1.25rem
}

.pdp-configurator__notify-me-message {
    position: absolute;
    top: calc(100% + .625rem);
    left: 0;
    right: 0;
    text-align: center;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636
}

@media (min-width:118.75em) {
    .pdp-configurator__notify-me-message {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .pdp-configurator__notify-me-message {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.pdp-configurator__header {
    display: flex;
    flex-direction: column
}

@media (min-width:64em) {
    .pdp-configurator__header {
        border-top: .0625rem solid var(--c-s-border);
        padding-top: .625rem
    }
}

@media (min-width:72.5em) {
    .pdp-configurator__header {
        padding-top: 1.25rem
    }
}

.pdp-configurator__header__manchet-text {
    margin-bottom: .625rem
}

.pdp-configurator__header__text {
    margin-bottom: auto;
    padding-bottom: 1.25rem
}

@media (min-width:64em) {
    .pdp-configurator__header__text {
        padding-bottom: 1.875rem
    }
}

@media (min-width:72.5em) {
    .pdp-configurator__header__text {
        padding-bottom: 2.5rem
    }
}

.pdp-configurator__header__text h1 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818
}

@media (min-width:64em) {
    .pdp-configurator__header__text h1 {
        font-size: clamp(1.625rem, 2.53906vw, 3.75rem);
        line-height: 1.26923
    }
}

@media (min-width:150em) {
    .pdp-configurator__header__text h1 {
        font-size: 3.75rem;
        letter-spacing: -.0625rem;
        line-height: 1.3
    }
}

@media (min-width:64em) {
    .pdp-configurator__header__text h1 {
        margin-bottom: .9375rem
    }
}

@media (min-width:72.5em) {
    .pdp-configurator__header__text h1 {
        margin-bottom: 1.5625rem
    }
}

.pdp-configurator__header__text p {
    position: relative;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    display: none;
    margin-bottom: .625rem
}

@media (min-width:118.75em) {
    .pdp-configurator__header__text p {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .pdp-configurator__header__text p {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:64em) {
    .pdp-configurator__header__text p {
        display: -webkit-box;
        -webkit-line-clamp: 15;
        -webkit-box-orient: vertical;
        overflow: hidden
    }
}

@media (min-width:72.5em) {
    .pdp-configurator__header__text p {
        margin-bottom: 1.25rem
    }
}

.pdp-configurator__header__text .basic-link {
    display: none
}

@media (min-width:64em) {
    .pdp-configurator__header__text .basic-link {
        display: inline-flex;
        align-items: center
    }
}

.pdp-configurator__header__text .basic-link .icon {
    transform-origin: center;
    transform: rotate(90deg)
}

.pdp-configurator__header__button {
    display: inline-flex;
    align-items: center
}

.pdp-configurator__header__button span+span {
    margin-left: .625rem
}

.pdp-configurator__header__price {
    display: flex;
    justify-content: space-between;
    border-top: .0625rem solid var(--c-b-grey3);
    padding: .9375rem 0
}

@media (min-width:72.5em) {
    .pdp-configurator__header__price {
        padding: 1.25rem 0
    }
}

.pdp-configurator__header .pdp-price {
    margin-left: auto;
    display: flex;
    align-items: center;
    transition: opacity var(--default-transition);
    opacity: 0
}

.pdp-configurator__header .pdp-price span {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5
}

@media (min-width:64em) {
    .pdp-configurator__header .pdp-price span {
        font-size: clamp(1rem, 1.5625vw, 1.25rem);
        line-height: 1.5
    }
}

@media (min-width:87.5em) {
    .pdp-configurator__header .pdp-price span {
        font-size: clamp(1.25rem, 1.42857vw, 1.375rem);
        line-height: 1.4
    }
}

@media (min-width:118.75em) {
    .pdp-configurator__header .pdp-price span {
        font-size: clamp(1.375rem, 1.15789vw, 1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:150em) {
    .pdp-configurator__header .pdp-price span {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

.pdp-configurator__header .pdp-price small {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636;
    margin-right: .625rem
}

@media (min-width:118.75em) {
    .pdp-configurator__header .pdp-price small {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .pdp-configurator__header .pdp-price small {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.pdp-configurator__header .pdp-price.has-resolved {
    opacity: 1
}

@media (min-width:48em) {
    .pdp-configurator__header__cta {
        display: flex
    }
}

.pdp-configurator__header__cta .action-button+.action-button {
    margin-top: .625rem
}

@media (min-width:48em) {
    .pdp-configurator__header__cta .action-button+.action-button {
        margin-top: 0
    }
}

.pdp-configurator__header__cta .loader-dots {
    flex: 1 1
}

.pdp-configurator__header__cta .action-button {
    display: flex;
    width: 100%;
    position: relative
}

.pdp-configurator__header__cta .action-button--primary.is-disabled {
    opacity: .9;
    color: currentColor
}

.pdp-configurator__header__cta .action-button--primary.is-disabled:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #d6e1b9;
    background-image: linear-gradient(90deg, #d6e1b9 0, #e3eec4 20%, #d6e1b9 40%, #d6e1b9);
    background-repeat: no-repeat;
    background-size: 400% 100%;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeholderShimmer;
    animation-timing-function: linear
}

.pdp-configurator__header__cta .action-button--primary .icon,
.pdp-configurator__header__cta .action-button--primary .text {
    position: relative;
    z-index: 2
}

@media (min-width:48em) {
    .pdp-configurator__header__cta .action-button {
        width: auto;
        flex: 0 0 48%;
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

@media (min-width:48em) {
    .pdp-configurator__header__cta {
        display: flex;
        justify-content: space-between
    }
}

.pdp-configurator__content {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    flex-wrap: nowrap
}

.pdp-configurator__slides {
    display: flex;
    transition: transform var(--default-transition);
    height: 100%
}

.pdp-configurator__slide {
    min-width: 100%
}

.pdp-configurator__footer {
    position: relative;
    flex: 0 0 3.875rem;
    display: flex;
    justify-content: space-between;
    margin-top: auto;
    border-top: .0625rem solid var(--c-b-grey3)
}

@media (max-width:63.99em) {
    .pdp-configurator__footer {
        padding-top: .9375rem
    }
}

@media (min-width:64em) {
    .pdp-configurator__footer {
        padding-top: 1.875rem
    }
}

.pdp-configurator__footer p {
    position: absolute;
    top: .4375rem;
    left: 0;
    right: 0;
    font-size: .6875rem;
    text-align: center
}

.pdp-configurator__footer__cta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: auto
}

.pdp-configurator__footer .action-button {
    margin-left: .625rem
}

.pdp-configurator__footer .action-button--icon-link {
    margin-left: 0;
    margin-right: auto
}

.pdp-configurator--2-params {
    --param-count: 2
}

.pdp-configurator--3-params {
    --param-count: 3
}

.pdp-configurator--4-params {
    --param-count: 4
}

.pdp-configurator--5-params {
    --param-count: 5
}

.pdp-configurator--6-params {
    --param-count: 6
}

.pdp-configurator--7-params {
    --param-count: 7
}

@media screen and (max-height:750px) and (min-width:1024px) {
    .pdp-configurator:not(.is-configuring) {
        height: auto !important
    }
}

@media screen and (max-height:610px) and (min-width:1024px) {
    .pdp-configurator--1-params .pdp-configurator__header__text p {
        display: none
    }
}

@media screen and (max-height:710px) and (min-width:1024px) {
    .pdp-configurator--1-params .pdp-configurator__header__text p {
        -webkit-line-clamp: 3
    }
}

@media screen and (max-height:810px) and (min-width:1920px) {
    .pdp-configurator--1-params .pdp-configurator__header__text p {
        -webkit-line-clamp: 3
    }

    .pdp-configurator:not(.is-configuring) {
        height: auto !important
    }
}

@media screen and (max-height:680px) and (min-width:1024px) {
    .pdp-configurator--2-params .pdp-configurator__header__text p {
        display: none
    }
}

@media screen and (max-height:780px) and (min-width:1024px) {
    .pdp-configurator--2-params .pdp-configurator__header__text p {
        -webkit-line-clamp: 3
    }
}

@media screen and (max-height:880px) and (min-width:1920px) {
    .pdp-configurator--2-params .pdp-configurator__header__text p {
        -webkit-line-clamp: 3
    }

    .pdp-configurator:not(.is-configuring) {
        height: auto !important
    }
}

@media screen and (max-height:750px) and (min-width:1024px) {
    .pdp-configurator--3-params .pdp-configurator__header__text p {
        display: none
    }
}

@media screen and (max-height:850px) and (min-width:1024px) {
    .pdp-configurator--3-params .pdp-configurator__header__text p {
        -webkit-line-clamp: 3
    }
}

@media screen and (max-height:950px) and (min-width:1920px) {
    .pdp-configurator--3-params .pdp-configurator__header__text p {
        -webkit-line-clamp: 3
    }

    .pdp-configurator:not(.is-configuring) {
        height: auto !important
    }
}

@media screen and (max-height:820px) and (min-width:1024px) {
    .pdp-configurator--4-params .pdp-configurator__header__text p {
        display: none
    }
}

@media screen and (max-height:920px) and (min-width:1024px) {
    .pdp-configurator--4-params .pdp-configurator__header__text p {
        -webkit-line-clamp: 3
    }
}

@media screen and (max-height:1020px) and (min-width:1920px) {
    .pdp-configurator--4-params .pdp-configurator__header__text p {
        -webkit-line-clamp: 3
    }

    .pdp-configurator:not(.is-configuring) {
        height: auto !important
    }
}

@media screen and (max-height:890px) and (min-width:1024px) {
    .pdp-configurator--5-params .pdp-configurator__header__text p {
        display: none
    }
}

@media screen and (max-height:990px) and (min-width:1024px) {
    .pdp-configurator--5-params .pdp-configurator__header__text p {
        -webkit-line-clamp: 3
    }
}

@media screen and (max-height:1090px) and (min-width:1920px) {
    .pdp-configurator--5-params .pdp-configurator__header__text p {
        -webkit-line-clamp: 3
    }

    .pdp-configurator:not(.is-configuring) {
        height: auto !important
    }
}

@media screen and (max-height:960px) and (min-width:1024px) {
    .pdp-configurator--6-params .pdp-configurator__header__text p {
        display: none
    }
}

@media screen and (max-height:1060px) and (min-width:1024px) {
    .pdp-configurator--6-params .pdp-configurator__header__text p {
        -webkit-line-clamp: 3
    }
}

@media screen and (max-height:1160px) and (min-width:1920px) {
    .pdp-configurator--6-params .pdp-configurator__header__text p {
        -webkit-line-clamp: 3
    }

    .pdp-configurator:not(.is-configuring) {
        height: auto !important
    }
}

.pdp-product-images-spinner {
    height: auto;
    width: 100%
}

.pdp-product-images-spinner__frames {
    display: grid;
    grid-template-areas: "image";
    grid-template-rows: 100%;
    touch-action: pan-y
}

@media (min-width:64em) {
    .pdp-product-images-spinner__frames {
        height: 100%;
        max-height: 100%;
        max-width: 100%;
        max-height: calc(100vh - 1.875rem - var(--site-header-height))
    }
}

@media (min-width:87.5em) {
    .pdp-product-images-spinner__frames {
        max-height: calc(100vh - 3.75rem - var(--site-header-height))
    }
}

@media (min-width:118.75em) {
    .pdp-product-images-spinner__frames {
        max-height: calc(100vh - 4.375rem - var(--site-header-height))
    }
}

.pdp-product-images-spinner__frame {
    display: block;
    grid-area: image;
    width: 100%;
    object-fit: contain;
    object-position: center;
    opacity: .0001;
    pointer-events: none
}

@media (min-width:64em) {
    .pdp-product-images-spinner__frame {
        height: 100%
    }
}

.pdp-product-images-spinner__frame.pdp-product-images-spinner__firstImage,
.pdp-product-images-spinner__frame.show {
    opacity: 1
}

.pdp-product-image-zoom {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: none
}

.pdp-product-image-zoom.show {
    display: block;
    cursor: zoom-out
}

.pdp-product-image-zoom canvas {
    position: absolute;
    touch-action: none
}

.pdp-product-images {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding: 10%;
    box-sizing: border-box
}

@media (min-width:64em) {
    .pdp-product-images {
        padding: 3.75rem 1.25rem
    }
}

@media (min-width:118.75em) {
    .pdp-product-images {
        padding: 4.375rem 1.25rem
    }
}

@media (min-width:64em) {
    .pdp-product-images {
        max-height: calc(100vh - 1.875rem - var(--site-header-height))
    }
}

@media (min-width:87.5em) {
    .pdp-product-images {
        max-height: calc(100vh - 3.75rem - var(--site-header-height))
    }
}

@media (min-width:118.75em) {
    .pdp-product-images {
        max-height: calc(100vh - 4.375rem - var(--site-header-height))
    }
}

.pdp-product-images__webar {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem
}

.pdp-product-images__webar .svg-icon {
    width: 1.25rem;
    height: 1.25rem
}

@media (min-width:64em) {
    .pdp-product-images__webar {
        display: none
    }
}

.pdp-product-images__progress {
    appearance: none;
    -webkit-appearance: none;
    -ms-progress-appearance: none;
    -moz-appearance: none;
    width: 100%;
    height: 4px;
    border-radius: 2px
}

.pdp-product-images__progress::-webkit-progress-bar {
    background-color: transparent;
    border-radius: 2px
}

.pdp-product-images__progress::-moz-progress-bar {
    background-color: transparent;
    border-radius: 2px
}

.pdp-product-images__progress::-webkit-progress-value {
    border-radius: 2px;
    background-color: var(--c-b-grey3)
}

.pdp-product-images__progress::-moz-progress-value {
    border-radius: 2px;
    background-color: var(--c-b-grey3)
}

.pdp-product-viewer {
    position: relative;
    align-self: flex-start
}

@media (min-width:64em) {
    .pdp-product-viewer {
        height: 100%
    }
}

.pdp-product-viewer__inner {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--c-t-beige);
    position: relative
}

@media (min-width:64em) {
    .pdp-product-viewer__inner {
        height: 100%;
        padding: 0
    }
}

.pdp-product-viewer__inner h6 {
    position: absolute;
    z-index: 2;
    top: .625rem;
    right: .625rem;
    text-align: right;
    font-size: .625rem;
    line-height: 1.636
}

@media (min-width:64em) {
    .pdp-product-viewer__inner h6 {
        top: 1.25rem;
        right: 1.25rem
    }
}

.pdp-product-viewer__simple {
    width: 100%;
    height: 100%
}

.pdp-product-viewer__simple .pdp-product-images {
    height: 100%
}

.pdp-product-viewer__simple img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
    object-position: center
}

.pdp-product-viewer .basic-link {
    position: absolute;
    top: 1.25rem;
    left: 1.25rem;
    align-items: center;
    display: none
}

@media (min-width:64em) {
    .pdp-product-viewer .basic-link {
        display: inline-flex
    }
}

.pdp-product-viewer .basic-link .icon {
    display: inline-flex;
    align-items: center
}

.pdp-product-viewer__guide {
    position: absolute;
    bottom: 1.25rem;
    left: 1.25rem;
    right: 1.25rem;
    display: flex;
    justify-content: center
}

@media (min-width:64em) {
    .pdp-product-viewer__guide {
        justify-content: flex-start
    }
}

.pdp-product-viewer__guide div {
    display: inline-flex;
    align-items: center;
    margin-right: .625rem;
    font-size: .625rem
}

.pdp-product-viewer__guide div span+span {
    margin-left: .625rem
}

.pdp-product-specification__note {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636;
    color: var(--c-b-grey2);
    margin-bottom: 2.5rem
}

@media (min-width:118.75em) {
    .pdp-product-specification__note {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .pdp-product-specification__note {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.pdp-product-specification .collapsible {
    border-top: 1px solid #ccc;
    width: 100%
}

.pdp-product-specification .collapsible.is-active {
    padding-bottom: 1.5625rem
}

.pdp-product-specification .collapsible:last-child {
    border-bottom: 1px solid #ccc
}

.pdp-product-specification .collapsible__trigger {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.5625;
    font-weight: 400;
    padding: 1.25rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    text-transform: uppercase
}

@media (min-width:64em) {
    .pdp-product-specification .collapsible__trigger {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:118.75em) {
    .pdp-product-specification .collapsible__trigger {
        font-size: 1.25rem;
        line-height: 1.55
    }
}

@media (min-width:150em) {
    .pdp-product-specification .collapsible__trigger {
        font-size: 1.375rem;
        line-height: 1.54545
    }
}

.pdp-product-specification .collapsible__trigger .pdp-product-specification__icon {
    transform: rotate(90deg)
}

.pdp-product-specification .collapsible__trigger.is-active .pdp-product-specification__icon {
    transform: rotate(-90deg)
}

.pdp-product-specification__table {
    width: 100%;
    margin-bottom: 0 0 1.5625rem;
    border-collapse: separate;
    border-spacing: 0 15px;
    table-layout: fixed;
    text-align: left;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .pdp-product-specification__table {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .pdp-product-specification__table {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.pdp-product-specification__table td,
.pdp-product-specification__table th {
    font-weight: 400
}

.pdp-product-specification__link {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    display: block;
    text-decoration: underline
}

@media (min-width:118.75em) {
    .pdp-product-specification__link {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .pdp-product-specification__link {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.pdp-product-specification__link--not-in-table {
    margin: .9375rem 0
}

.pdp-product-specification__bodytext {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .pdp-product-specification__bodytext {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .pdp-product-specification__bodytext {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.pdp-product-specification__bodytext a {
    display: block;
    text-decoration: underline
}

.pdp-product-specification__bodytext--bottom {
    margin: 1.25rem 0
}

.pdp-product-specification__image {
    width: 100%;
    height: auto
}

.pdp-product-specification .nav-button {
    display: none
}

@media (min-width:64em) {
    .pdp-product-specification .nav-button {
        display: inline-block;
        margin: 1.875rem 0
    }
}

.pdp-product-thumbs__note {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636;
    color: var(--c-b-grey2);
    margin-bottom: 1.25rem
}

@media (min-width:118.75em) {
    .pdp-product-thumbs__note {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .pdp-product-thumbs__note {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.pdp-product-thumbs__inner {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.6875rem
}

.pdp-product-thumbs__image {
    height: 0;
    padding-bottom: 100%;
    position: relative;
    display: flex
}

.pdp-product-thumbs .product-image {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: var(--c-t-beige)
}

.pdp {
    padding-left: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-right: clamp(.625rem, 2.66667vw, 1.875rem);
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr);
    padding-bottom: clamp(5.625rem, 24vw, 6.25rem);
    grid-row-gap: 3.125rem
}

@media (min-width:35em) {
    .pdp {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .pdp {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .pdp {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .pdp {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

@media (min-width:64em) {
    .pdp {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .pdp {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .pdp {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .pdp {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .pdp {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .pdp {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .pdp {
        --grid-gap: 2.5rem
    }
}

@media (min-width:48em) {
    .pdp {
        padding-bottom: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .pdp {
        padding-bottom: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .pdp {
        padding-bottom: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .pdp {
        padding-bottom: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .pdp {
        padding-bottom: 12.5rem
    }
}

@media (min-width:35em) {
    .pdp {
        grid-row-gap: 1.875rem
    }
}

@media (min-width:87.5em) {
    .pdp {
        grid-row-gap: 3.75rem
    }
}

@media (min-width:118.75em) {
    .pdp {
        grid-row-gap: 4.375rem
    }
}

.pdp .error {
    margin-top: 6.25rem;
    grid-column: 1/13
}

.pdp .error h2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818;
    margin-bottom: 1.25rem
}

@media (min-width:64em) {
    .pdp .error h2 {
        font-size: clamp(1.625rem, 2.53906vw, 3.75rem);
        line-height: 1.26923
    }
}

@media (min-width:150em) {
    .pdp .error h2 {
        font-size: 3.75rem;
        letter-spacing: -.0625rem;
        line-height: 1.3
    }
}

.pdp .error p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    line-height: 1.875rem
}

@media (min-width:118.75em) {
    .pdp .error p {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .pdp .error p {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:64em) {
    .pdp .error {
        grid-column: 2/18
    }
}

.pdp .pdp-product-thumbs,
.pdp .pdp-product-viewer {
    grid-column: 1/13
}

@media (min-width:64em) {

    .pdp .pdp-product-thumbs,
    .pdp .pdp-product-viewer {
        grid-column: 1/13
    }
}

@media (min-width:72.5em) {

    .pdp .pdp-product-thumbs,
    .pdp .pdp-product-viewer {
        grid-column: 1/14
    }
}

@media (min-width:87.5em) {

    .pdp .pdp-product-thumbs,
    .pdp .pdp-product-viewer {
        grid-column: 1/16
    }
}

.pdp .pdp-configurator,
.pdp .pdp-product-specification {
    grid-column: 1/13
}

@media (min-width:64em) {

    .pdp .pdp-configurator,
    .pdp .pdp-product-specification {
        grid-column: 14/25
    }
}

@media (min-width:72.5em) {

    .pdp .pdp-configurator,
    .pdp .pdp-product-specification {
        grid-column: 15/25
    }
}

@media (min-width:87.5em) {

    .pdp .pdp-configurator,
    .pdp .pdp-product-specification {
        grid-column: 17/25
    }
}

@media (min-width:64em) {

    .pdp .pdp-product-specification,
    .pdp .pdp-product-thumbs {
        padding-top: 1.875rem
    }
}

@media (min-width:87.5em) {

    .pdp .pdp-product-specification,
    .pdp .pdp-product-thumbs {
        padding-top: 3.75rem
    }
}

@media (min-width:118.75em) {

    .pdp .pdp-product-specification,
    .pdp .pdp-product-thumbs {
        grid-row-gap: 4.375rem
    }
}

.raw-html-module {
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr)
}

@media (min-width:64em) {
    .raw-html-module {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .raw-html-module {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .raw-html-module {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .raw-html-module {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .raw-html-module {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .raw-html-module {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .raw-html-module {
        --grid-gap: 2.5rem
    }
}

.raw-html-module>div {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    grid-column: 1/13
}

@media (min-width:64em) {
    .raw-html-module>div {
        grid-column: 1/25
    }
}

.raw-html-module--indented>div {
    grid-column: 2/12
}

@media (min-width:64em) {
    .raw-html-module--indented>div {
        grid-column: 2/24
    }
}

.spacer {
    height: 0;
    margin: 0;
    border: 0;
    padding-bottom: clamp(5.625rem, 24vw, 6.25rem)
}

@media (min-width:48em) {
    .spacer {
        padding-bottom: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .spacer {
        padding-bottom: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .spacer {
        padding-bottom: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .spacer {
        padding-bottom: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .spacer {
        padding-bottom: 12.5rem
    }
}

.nav-list-button {
    padding: .9375rem 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 1.31818;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: padding-left var(--default-transition)
}

@media (min-width:64em) {
    .nav-list-button {
        font-size: clamp(1.375rem, 2.14844vw, 1.75rem);
        line-height: 1.31818
    }
}

@media (min-width:87.5em) {
    .nav-list-button {
        font-size: clamp(1.75rem, 2vw, 2rem);
        line-height: 1.28571
    }
}

@media (min-width:118.75em) {
    .nav-list-button {
        font-size: clamp(2rem, 1.68421vw, 2.375rem);
        line-height: 1.3125
    }
}

@media (min-width:150em) {
    .nav-list-button {
        font-size: 2.375rem;
        line-height: 1.28947
    }
}

.nav-list-button:hover {
    padding-left: 1.25rem
}

.nav-list-button .text {
    font-size: 75%;
    line-height: 1.4
}

.nav-list-button .icon {
    display: inline-flex
}

.nav-list-button .icon svg {
    fill: currentColor
}

.rich-text-module {
    --rich-text-module-c: var(--c-b-black);
    color: var(--rich-text-module-c);
    --rich-text-module-bgc: var(--c-b-white);
    background: var(--rich-text-module-bgc)
}

.rich-text-module--inverted {
    --rich-text-module-c: var(--c-b-white)
}

.rich-text-module__content {
    overflow: hidden
}

.rich-text-module__content--initial {
    position: relative
}

.rich-text-module__fade-out-div {
    position: absolute;
    pointer-events: none;
    height: 30vh;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(hsla(0, 0%, 100%, .2), var(--rich-text-module-bgc))
}

.rich-text-module__read-more-button .svg-icon {
    transform: rotate(90deg)
}

.rich-text-module--expanded .rich-text-module__fade-out-div {
    display: none
}

.contact-links-group,
.contact-links-group__item {
    display: block
}

.contact-links-group__item a {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.5625;
    font-weight: 400;
    text-decoration: underline
}

@media (min-width:64em) {
    .contact-links-group__item a {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:118.75em) {
    .contact-links-group__item a {
        font-size: 1.25rem;
        line-height: 1.55
    }
}

@media (min-width:150em) {
    .contact-links-group__item a {
        font-size: 1.375rem;
        line-height: 1.54545
    }
}

.contact-links-group__item+.contact-links-group__item {
    margin-top: .5em
}

.checkout-footer .trustpilot-widget {
    margin-bottom: 1.875rem
}

.checkout-footer__container {
    padding-top: 1.875rem;
    border-top: .0625rem solid var(--c-s-border);
    margin-left: clamp(.625rem, 2.66667vw, 1.875rem);
    margin-right: clamp(.625rem, 2.66667vw, 1.875rem)
}

@media (min-width:35em) {
    .checkout-footer__container {
        margin-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        margin-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .checkout-footer__container {
        margin-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        margin-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .checkout-footer__container {
        margin-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        margin-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .checkout-footer__container {
        margin-left: 13.75rem;
        margin-right: 13.75rem
    }
}

.checkout-footer__image {
    margin-bottom: 1.875rem
}

.checkout-footer__image img {
    max-width: 100%;
    height: auto
}

@media (min-width:48em) {
    .checkout-footer__image img {
        width: auto
    }
}

.checkout-footer__main {
    background-color: var(--c-b-black);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3.75rem
}

.checkout-footer__headline {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818;
    color: var(--c-b-white);
    padding-bottom: 1.875rem
}

@media (min-width:64em) {
    .checkout-footer__headline {
        font-size: clamp(1.625rem, 2.53906vw, 3.75rem);
        line-height: 1.26923
    }
}

@media (min-width:150em) {
    .checkout-footer__headline {
        font-size: 3.75rem;
        letter-spacing: -.0625rem;
        line-height: 1.3
    }
}

.checkout-footer__links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    color: var(--c-b-grey3)
}

@media (min-width:48em) {
    .checkout-footer__links {
        flex-direction: row
    }
}

.checkout-footer__link-items {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.57143;
    text-align: center
}

@media (min-width:118.75em) {
    .checkout-footer__link-items {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .checkout-footer__link-items {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.checkout-footer__link-items:not(:last-child) {
    margin-bottom: 1.25rem
}

@media (min-width:48em) {
    .checkout-footer__link-items:not(:last-child) {
        margin-right: 1.25rem
    }
}

.checkout-footer__footer-logo {
    display: flex;
    justify-content: center;
    margin: 1.875rem 0
}

@media (min-width:48em) {
    .checkout-footer__footer-logo {
        justify-content: flex-start
    }
}

.nav-button {
    --button-bgc: var(--c-b-white);
    --button-c: var(--c-b-black);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    box-sizing: border-box;
    justify-content: center;
    transition: all var(--default-transition);
    color: var(--button-c);
    background-color: var(--button-bgc);
    padding: 1.25rem
}

.nav-button.is-disabled {
    cursor: default
}

@media (min-width:48em) {
    .nav-button {
        padding: 1.25rem 1.875rem
    }
}

@media (min-width:72.5em) {
    .nav-button {
        padding: 1.25rem 2.5rem
    }
}

.nav-button:hover {
    opacity: .7
}

.nav-button.is-disabled {
    opacity: .5;
    --button-bgc: var(--c-b-grey3)
}

.nav-button.is-disabled:hover {
    opacity: .5
}

.nav-button .svg-icon {
    fill: var(--button-c)
}

.nav-button .text {
    display: inline-block;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.57143;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (min-width:118.75em) {
    .nav-button .text {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .nav-button .text {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.nav-button .icon {
    display: inline-flex
}

.nav-button .icon+.text,
.nav-button .text+.icon {
    margin-left: .625rem
}

.nav-button.is-outlined {
    --button-bgc: transparent;
    color: var(--button-c);
    border: .0625rem solid var(--button-c)
}

.nav-button.is-outlined:hover {
    color: var(--button-c);
    background-color: var(--button-bgc)
}

.nav-button.is-outlined.is-disabled:hover {
    color: var(--button-c);
    background: var(--button-bgc)
}

.nav-button.is-inverted {
    --button-bgc: var(--c-b-black);
    --button-c: var(--c-b-white)
}

.nav-button.is-inverted:hover .svg-icon {
    fill: var(--button-c)
}

.nav-button.is-inverted.is-disabled {
    --button-bgc: var(--c-b-grey3);
    --button-c: var(--c-b-black);
    color: var(--button-c)
}

.nav-button.is-inverted.is-disabled:hover {
    color: var(--button-c);
    background: var(--button-bgc)
}

.nav-button.is-icon-link {
    padding: .625rem
}

.nav-button.is-link {
    --button-bgc: transparent;
    --button-c: var(--c-b-black);
    padding: 0;
    position: relative
}

.nav-button.is-link strong {
    padding-left: .25em;
    padding-right: .5em;
    transition: transform var(--default-transition)
}

.nav-button.is-link:before {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 100%;
    height: .0625rem;
    background: currentColor;
    transition: right var(--default-transition)
}

.nav-button.is-link:hover:before {
    right: 0
}

.nav-button.is-link:hover .svg-icon {
    fill: var(--button-c)
}

.nav-button.is-link.is-inverted {
    --button-bgc: transparent;
    --button-c: var(--c-b-white)
}

.flowbox-slider {
    padding-left: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-right: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-bottom: clamp(5.625rem, 24vw, 6.25rem);
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (min-width:35em) {
    .flowbox-slider {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .flowbox-slider {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .flowbox-slider {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .flowbox-slider {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

@media (min-width:48em) {
    .flowbox-slider {
        padding-bottom: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .flowbox-slider {
        padding-bottom: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .flowbox-slider {
        padding-bottom: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .flowbox-slider {
        padding-bottom: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .flowbox-slider {
        padding-bottom: 12.5rem
    }
}

.flowbox-slider__headline {
    margin: 0 auto;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818;
    padding-bottom: 1.875rem
}

@media (min-width:64em) {
    .flowbox-slider__headline {
        font-size: clamp(1.375rem, 2.14844vw, 1.75rem);
        line-height: 1.31818
    }
}

@media (min-width:87.5em) {
    .flowbox-slider__headline {
        font-size: clamp(1.75rem, 2vw, 2rem);
        line-height: 1.28571
    }
}

@media (min-width:118.75em) {
    .flowbox-slider__headline {
        font-size: clamp(2rem, 1.68421vw, 2.375rem);
        line-height: 1.3125
    }
}

@media (min-width:150em) {
    .flowbox-slider__headline {
        font-size: 2.375rem;
        line-height: 1.28947
    }
}

.flowbox-slider__button {
    display: flex;
    justify-content: center;
    padding-top: 1.875rem
}

.flowbox-slider .bzfy-c-carousel-control,
.flowbox-slider .bzfy-c-mobile-circle {
    background: var(--c-b-black) !important
}

.nav-list {
    padding-left: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-right: clamp(.625rem, 2.66667vw, 1.875rem);
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr);
    padding-bottom: clamp(5.625rem, 24vw, 6.25rem);
    z-index: 1;
    --nav-list-c: var(--c-b-black);
    --nav-list-bc: var(--c-b-grey3);
    --nav-list-bgc: transparent;
    color: var(--nav-list-c);
    background: var(--nav-list-bgc);
    position: relative
}

@media (min-width:35em) {
    .nav-list {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .nav-list {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .nav-list {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .nav-list {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

@media (min-width:64em) {
    .nav-list {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .nav-list {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .nav-list {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .nav-list {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .nav-list {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .nav-list {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .nav-list {
        --grid-gap: 2.5rem
    }
}

@media (min-width:48em) {
    .nav-list {
        padding-bottom: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .nav-list {
        padding-bottom: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .nav-list {
        padding-bottom: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .nav-list {
        padding-bottom: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .nav-list {
        padding-bottom: 12.5rem
    }
}

.nav-list--inverted {
    --nav-list-c: var(--c-b-white);
    --nav-list-bc: var(--c-b-white)
}

.nav-list--inverted .nav-button {
    color: var(--c-b-white)
}

.nav-list--inverted .nav-button .svg-icon {
    fill: var(--c-b-white)
}

.nav-list.has-custom-headline .nav-list__headline--default {
    display: none
}

.nav-list.is-active .nav-list__item {
    opacity: .6
}

.nav-list__inner {
    grid-column: 1/13
}

@media (min-width:64em) {
    .nav-list__inner {
        grid-column: 3/23
    }
}

.nav-list__headline {
    margin-bottom: 1.875rem
}

.nav-list__headline h2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818
}

@media (min-width:64em) {
    .nav-list__headline h2 {
        font-size: clamp(1.375rem, 2.14844vw, 1.75rem);
        line-height: 1.31818
    }
}

@media (min-width:87.5em) {
    .nav-list__headline h2 {
        font-size: clamp(1.75rem, 2vw, 2rem);
        line-height: 1.28571
    }
}

@media (min-width:118.75em) {
    .nav-list__headline h2 {
        font-size: clamp(2rem, 1.68421vw, 2.375rem);
        line-height: 1.3125
    }
}

@media (min-width:150em) {
    .nav-list__headline h2 {
        font-size: 2.375rem;
        line-height: 1.28947
    }
}

.nav-list__item {
    border-bottom: .0625rem solid var(--nav-list-bc)
}

.nav-list__item:first-child {
    border-top: .0625rem solid var(--nav-list-bc)
}

.nav-list__item.is-active {
    opacity: 1 !important
}

.nav-list__image {
    pointer-events: none;
    position: absolute;
    z-index: 100;
    left: 60vw;
    top: 0
}

.nav-list__image img {
    display: block;
    width: 25vw;
    position: absolute;
    transform: translateY(-50%);
    height: auto
}

.nav-list__footer,
.nav-list__secondary {
    margin-top: 1.875rem
}

@media (min-width:64em) {
    .nav-list__secondary {
        margin-top: 4.375rem;
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
        align-items: flex-start
    }
}

.nav-list__secondary .nav-button {
    margin-top: 1.875rem;
    margin-right: 2.5rem
}

@media (min-width:64em) {
    .nav-list__secondary .nav-button {
        margin-top: 0
    }
}

.nav-list__secondary .nav-button span {
    font-size: .875rem
}

.nav-list__secondary ul {
    position: relative
}

@media (min-width:64em) {
    .nav-list__secondary ul {
        display: flex;
        flex-wrap: wrap
    }
}

.nav-list__secondary ul li a,
.nav-list__secondary ul li p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .8125rem;
    font-weight: 500;
    line-height: 1;
    height: 1.25rem;
    padding: 0;
    display: inline-flex;
    white-space: nowrap;
    align-items: center;
    justify-content: center
}

@media (min-width:64em) {

    .nav-list__secondary ul li a,
    .nav-list__secondary ul li p {
        padding: 0 .625rem
    }
}

.nav-list__secondary ul li a {
    text-decoration: underline
}

.newsletter-signup {
    display: flex;
    flex-direction: column
}

.newsletter-signup--inverted {
    color: var(--c-b-white)
}

.newsletter-signup__headline {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5
}

@media (min-width:64em) {
    .newsletter-signup__headline {
        font-size: clamp(1rem, 1.5625vw, 1.25rem);
        line-height: 1.5
    }
}

@media (min-width:87.5em) {
    .newsletter-signup__headline {
        font-size: clamp(1.25rem, 1.42857vw, 1.375rem);
        line-height: 1.4
    }
}

@media (min-width:118.75em) {
    .newsletter-signup__headline {
        font-size: clamp(1.375rem, 1.15789vw, 1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:150em) {
    .newsletter-signup__headline {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

.newsletter-signup__bodytext {
    padding: 1.25rem 0
}

.page-siblings {
    position: relative;
    z-index: 1
}

.page-siblings.is-active .page-siblings__item {
    opacity: .6
}

.page-siblings .nav-list {
    padding-top: 0
}

.page-siblings__headline {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818;
    margin-bottom: 1.5rem
}

@media (min-width:64em) {
    .page-siblings__headline {
        font-size: clamp(1.625rem, 2.53906vw, 3.75rem);
        line-height: 1.26923
    }
}

@media (min-width:150em) {
    .page-siblings__headline {
        font-size: 3.75rem;
        letter-spacing: -.0625rem;
        line-height: 1.3
    }
}

.page-siblings__item {
    border-bottom: .0625rem solid var(--c-b-grey3)
}

.page-siblings__item.is-active {
    opacity: 1 !important
}

.page-siblings__item:first-child {
    border-top: .0625rem solid var(--c-b-grey3)
}

.input-field-w-button {
    display: grid;
    align-items: center;
    position: relative
}

.input-field-w-button--inverted .input-field-w-button__wrapper {
    border-bottom: 1px solid var(--c-b-white) !important
}

.input-field-w-button--inverted :-ms-input-placeholder {
    color: var(--c-b-white) !important
}

.input-field-w-button--inverted .input-field-w-button__info-message,
.input-field-w-button--inverted ::placeholder,
.input-field-w-button--inverted input {
    color: var(--c-b-white) !important
}

.input-field-w-button--inverted :-ms-input-placeholder {
    margin-left: 0
}

.input-field-w-button--inverted ::placeholder {
    margin-left: 0
}

.input-field-w-button--inverted .svg-icon {
    fill: var(--c-b-white) !important
}

.input-field-w-button__wrapper {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--c-b-black)
}

.input-field-w-button input {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    width: 100%;
    border: none;
    outline: none;
    padding: .625rem 0;
    background-color: transparent
}

@media (min-width:118.75em) {
    .input-field-w-button input {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .input-field-w-button input {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.input-field-w-button .button {
    cursor: pointer
}

.input-field-w-button .svg-icon {
    fill: var(--c-b-black);
    cursor: pointer
}

:-ms-input-placeholder {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    opacity: 1;
    color: var(--c-b-black)
}

::placeholder {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    opacity: 1;
    color: var(--c-b-black)
}

@media (min-width:118.75em) {
    :-ms-input-placeholder {
        font-size: 1rem;
        line-height: 1.5625
    }

    ::placeholder {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    :-ms-input-placeholder {
        font-size: 1.125rem;
        line-height: 1.55556
    }

    ::placeholder {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.arrow-icon {
    color: var(--c-b-black);
    font-size: 1.5rem
}

.site-footer {
    padding: 1.25rem .625rem
}

@media (min-width:64em) {
    .site-footer {
        padding: 2.1875rem 1.25rem
    }
}

.site-footer__upper-part {
    position: relative;
    display: grid;
    background-color: var(--c-b-black);
    color: var(--c-b-white);
    grid-gap: 3.75rem;
    padding: 3.125rem 1.875rem
}

@media (min-width:64em) {
    .site-footer__upper-part {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 30% 30% auto;
        grid-column-gap: 5rem;
        grid-row-gap: 0;
        padding: 3.125rem 4.375rem 5rem
    }
}

.site-footer__headline {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5
}

@media (min-width:64em) {
    .site-footer__headline {
        font-size: clamp(1rem, 1.5625vw, 1.25rem);
        line-height: 1.5
    }
}

@media (min-width:87.5em) {
    .site-footer__headline {
        font-size: clamp(1.25rem, 1.42857vw, 1.375rem);
        line-height: 1.4
    }
}

@media (min-width:118.75em) {
    .site-footer__headline {
        font-size: clamp(1.375rem, 1.15789vw, 1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:150em) {
    .site-footer__headline {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

.site-footer__signup {
    grid-area: 1/1/4/2;
    font-size: clamp(1.375rem, 1.15789vw, 1.5625rem);
    line-height: 1.31818;
}

@media (min-width:64em) {
    .site-footer__signup {
        display: flex;
        flex-direction: column;
    }
}

.site-footer__signup .input-field {
    position: relative
}

.site-footer__signup .input-field__info-message,
.site-footer__signup .input-field__success-message {
    position: absolute;
    bottom: -3.125rem;
    height: 100%
}

.site-footer__signup .newsletter-signup :-ms-input-placeholder {
    opacity: .7
}

.site-footer__signup .newsletter-signup ::placeholder,
.site-footer__signup .newsletter-signup p {
    opacity: .7
}

.site-footer__portal-links {
    position: absolute;
    bottom: 8.75rem;
    left: 1.875rem;
    display: grid;
    grid-gap: .625rem
}

@media (min-width:64em) {
    .site-footer__portal-links {
        grid-area: 3/1/4/2;
        inset: auto;
        align-self: flex-start;
        padding-top: 1.875rem;
        position: static
    }
}

.site-footer__portal-links .nav-button {
    color: var(--c-b-white)
}

.site-footer__portal-links .svg-icon {
    fill: var(--c-b-white)
}

.site-footer__nav-list {
    padding-bottom: 1.875rem
}

@media (min-width:64em) {
    .site-footer__nav-list {
        padding-bottom: 0
    }
}

.site-footer__collapsible-item {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.57143;
    margin-top: .625rem;
    opacity: .7
}

@media (min-width:118.75em) {
    .site-footer__collapsible-item {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .site-footer__collapsible-item {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:64em) {
    .site-footer__collapsible-item {
        margin-bottom: 0
    }
}

.site-footer__link-item-group:not(:last-child) {
    margin-bottom: .625rem
}

@media (min-width:64em) {
    .site-footer__link-item-group:last-of-type {
        margin-bottom: 0
    }

    .site-footer__link-item-group:not(:last-child) {
        margin-bottom: 1.875rem
    }
}

.site-footer__contact,
.site-footer__store-locator {
    grid-area: 1/3/2/4;
    color: var(--c-b-white)
}

.site-footer__contact {
    display: none
}

@media (min-width:64em) {
    .site-footer__contact {
        display: block
    }
}

.site-footer__store-locator {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.5625;
    font-weight: 400;
    text-decoration: underline;
    padding-top: 6.25rem
}

@media (min-width:64em) {
    .site-footer__store-locator {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:118.75em) {
    .site-footer__store-locator {
        font-size: 1.25rem;
        line-height: 1.55
    }
}

@media (min-width:150em) {
    .site-footer__store-locator {
        font-size: 1.375rem;
        line-height: 1.54545
    }
}

@media (min-width:64em) {
    .site-footer__store-locator {
        padding-top: 0;
        display: flex
    }
}

.site-footer__map-marker-icon {
    margin-right: .5rem
}

@media (min-width:64em) {
    .site-footer__lower-part {
        background-color: var(--c-b-white);
        padding: 1.875rem 0;
        display: flex;
        justify-content: space-between;
        align-items: center
    }
}

.site-footer__lower-main {
    padding: 1.875rem 0;
    border-bottom: .0625rem solid var(--c-b-grey3);
    width: 100%
}

@media (min-width:64em) {
    .site-footer__lower-main {
        padding: 0;
        border: none;
        display: flex;
        align-items: center
    }
}

.site-footer__lower-main .mode-switch {
    position: static;
    background-color: var(--c-b-white);
    color: var(--c-b-black);
    z-index: 1;
    height: 1.875rem
}

.site-footer__lower-main .mode-switch__bodytext {
    display: none
}

.site-footer__lower-main .mode-switch__buttons .button {
    font-size: .875rem
}

.site-footer__lower-main .mode-switch__buttons .button:last-child {
    margin-left: 0;
    padding-left: 1rem
}

.site-footer__lower-main .mode-switch__buttons .button.is-inactive {
    opacity: .5
}

.site-footer__lower-main .mode-switch__buttons .button:not(.is-inactive) {
    text-decoration: none
}

.site-footer__country-selector {
    text-align: center;
    width: 100%;
    padding: 1.875rem 0
}

@media (min-width:64em) {
    .site-footer__country-selector {
        text-align: end;
        padding: 0
    }
}

.site-footer__country-selector button {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    grid-gap: 1em;
    gap: 1em
}

.site-footer__footer-logo {
    display: flex;
    justify-content: center;
    margin-bottom: 1.25rem
}

@media (min-width:64em) {
    .site-footer__footer-logo {
        margin-bottom: 0
    }
}

.text-tile {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: auto;
    --text-tile-c: var(--c-b-black);
    color: var(--text-tile-c);
    --text-tile-bgc: transparent;
    background: var(--text-tile-bgc)
}

.text-tile--inverted {
    --text-tile-c: var(--c-b-white)
}

@media (min-width:48em) {
    .text-tile {
        width: auto
    }
}

@media (min-width:64em) {
    .text-tile {
        flex: 100% 1;
        padding-left: 0
    }
}

.text-tile__tag {
    padding-bottom: .3125rem
}

.text-tile__tag h6 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 2.08333
}

.text-tile__tag+.text-tile__headline h2 {
    padding-top: 0
}

@media (min-width:64em) {
    .text-tile__tag+.text-tile__headline h2 {
        padding-top: 0
    }
}

.text-tile__headline {
    margin-bottom: auto
}

.text-tile__headline h2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818
}

@media (min-width:64em) {
    .text-tile__headline h2 {
        font-size: clamp(1.375rem, 2.14844vw, 1.75rem);
        line-height: 1.31818
    }
}

@media (min-width:87.5em) {
    .text-tile__headline h2 {
        font-size: clamp(1.75rem, 2vw, 2rem);
        line-height: 1.28571
    }
}

@media (min-width:118.75em) {
    .text-tile__headline h2 {
        font-size: clamp(2rem, 1.68421vw, 2.375rem);
        line-height: 1.3125
    }
}

@media (min-width:150em) {
    .text-tile__headline h2 {
        font-size: 2.375rem;
        line-height: 1.28947
    }
}

.text-tile__headline a {
    display: block
}

.text-tile__bodytext {
    margin-top: auto
}

.text-tile__bodytext a {
    display: block
}

.text-tile__bodytext .rich-text,
.text-tile__bodytext p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    display: block
}

@media (min-width:118.75em) {

    .text-tile__bodytext .rich-text,
    .text-tile__bodytext p {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {

    .text-tile__bodytext .rich-text,
    .text-tile__bodytext p {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.text-tile__contact,
.text-tile__link {
    margin-top: auto
}

.text-tile__headline+.text-tile__bodytext .rich-text,
.text-tile__headline+.text-tile__bodytext p {
    padding-top: 1.25rem
}

.text-tile__bodytext+.text-tile__link .nav-button,
.text-tile__headline+.text-tile__link .nav-button {
    margin-top: 1.875rem
}

.text-tile__bodytext+.text-tile__contact {
    margin-top: 1.25rem
}

.feature-small {
    padding-left: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-right: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-bottom: clamp(5.625rem, 24vw, 6.25rem);
    --feature-small-bgc: var(--c-t-beige)
}

@media (min-width:35em) {
    .feature-small {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .feature-small {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .feature-small {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .feature-small {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

@media (min-width:48em) {
    .feature-small {
        padding-bottom: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .feature-small {
        padding-bottom: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .feature-small {
        padding-bottom: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .feature-small {
        padding-bottom: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .feature-small {
        padding-bottom: 12.5rem
    }
}

.feature-small__wrapper {
    background: var(--feature-small-bgc);
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr);
    grid-template-rows: auto auto
}

@media (min-width:64em) {
    .feature-small__wrapper {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .feature-small__wrapper {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .feature-small__wrapper {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .feature-small__wrapper {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .feature-small__wrapper {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .feature-small__wrapper {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .feature-small__wrapper {
        --grid-gap: 2.5rem
    }
}

@media (min-width:48em) {
    .feature-small__wrapper {
        grid-template-rows: auto
    }
}

.feature-small__text-wrapper {
    padding: 1.875rem 0;
    grid-area: 1/2/2/12
}

@media (min-width:48em) {
    .feature-small__text-wrapper {
        padding: 3.125rem 0;
        grid-area: 1/2/2/7
    }
}

@media (min-width:64em) {
    .feature-small__text-wrapper {
        grid-area: 1/2/2/13
    }
}

.feature-small__image {
    overflow: visible;
    grid-area: 2/1/3/13
}

@media (min-width:48em) {
    .feature-small__image {
        position: relative;
        min-height: 15.625rem;
        grid-area: 1/7/2/13
    }
}

@media (min-width:64em) {
    .feature-small__image {
        grid-area: 1/13/2/25
    }
}

.feature-small__image .media-focal {
    height: 56vw
}

@media (min-width:48em) {
    .feature-small__image .media-focal {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        height: 100%
    }
}

@media (min-width:48em) {
    .feature-small--body-right .feature-small__image {
        grid-area: 1/1/2/7
    }
}

@media (min-width:64em) {
    .feature-small--body-right .feature-small__image {
        grid-area: 1/1/2/13
    }
}

@media (min-width:48em) {
    .feature-small--body-right .feature-small__text-wrapper {
        grid-area: 1/7/2/12
    }
}

@media (min-width:64em) {
    .feature-small--body-right .feature-small__text-wrapper {
        grid-area: 1/14/2/24
    }
}

.nav-module {
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr);
    padding-left: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-right: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-bottom: clamp(5.625rem, 24vw, 6.25rem)
}

@media (min-width:64em) {
    .nav-module {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .nav-module {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .nav-module {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .nav-module {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .nav-module {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .nav-module {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .nav-module {
        --grid-gap: 2.5rem
    }
}

@media (min-width:35em) {
    .nav-module {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .nav-module {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .nav-module {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .nav-module {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

@media (min-width:48em) {
    .nav-module {
        padding-bottom: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .nav-module {
        padding-bottom: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .nav-module {
        padding-bottom: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .nav-module {
        padding-bottom: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .nav-module {
        padding-bottom: 12.5rem
    }
}

.nav-module__headline {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818;
    padding-bottom: 3.75rem;
    grid-column: 2/span 10;
    grid-row: 1
}

@media (min-width:64em) {
    .nav-module__headline {
        font-size: clamp(1.625rem, 2.53906vw, 3.75rem);
        line-height: 1.26923
    }
}

@media (min-width:150em) {
    .nav-module__headline {
        font-size: 3.75rem;
        letter-spacing: -.0625rem;
        line-height: 1.3
    }
}

@media (min-width:64em) {
    .nav-module__headline {
        grid-column: 3/span 20
    }
}

.nav-module__wrapper {
    grid-column: 2/span 10;
    display: grid;
    grid-auto-rows: auto
}

@media (min-width:64em) {
    .nav-module__wrapper {
        grid-column: 3/span 20;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width:72.5em) {
    .nav-module__wrapper {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (min-width:64em) {
    .nav-module__wrapper {
        grid-gap: 5.5vw
    }
}

.nav-module__wrapper .text-tile {
    flex-direction: row;
    align-items: center;
    padding: 1em 0;
    border-bottom: .0625rem solid var(--c-b-grey3)
}

@media (min-width:64em) {
    .nav-module__wrapper .text-tile {
        align-items: start;
        flex-direction: column;
        margin-bottom: 0
    }
}

.nav-module__wrapper .text-tile__headline {
    width: 100%;
    margin-bottom: 0
}

.nav-module__wrapper .text-tile__bodytext {
    display: none;
    margin-top: 0;
    margin-bottom: auto
}

@media (min-width:64em) {
    .nav-module__wrapper .text-tile__bodytext {
        display: block
    }
}

.nav-module__wrapper .text-tile .nav-button .text {
    display: none
}

@media (min-width:64em) {
    .nav-module__wrapper .text-tile .nav-button .text {
        display: block
    }
}

.media-focal:not(.media-focal--reveal):before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #efefef;
    background-image: linear-gradient(90deg, #efefef 0, #f7f7f7 20%, #efefef 40%, #efefef);
    background-repeat: no-repeat;
    background-size: 400% 100%;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeholderShimmer;
    animation-timing-function: linear
}

.media-focal,
.product-image {
    position: relative;
    display: block;
    max-height: 100%;
    max-width: 100%;
    height: 100%;
    overflow: hidden
}

.media-focal__lazy,
.product-image__lazy {
    display: inline
}

.media-focal__image,
.media-focal__video,
.product-image__image,
.product-image__video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0
}

.media-focal__play-icon,
.product-image__play-icon {
    border: .125rem solid var(--c-b-white);
    color: var(--c-b-white);
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 4.0625rem;
    height: 4.0625rem
}

.media-focal__play-icon .svg-icon,
.product-image__play-icon .svg-icon {
    width: 2.1875rem;
    height: 2.1875rem
}

.link-wrapper--video .media-focal__play-icon,
.link-wrapper--video .product-image__play-icon {
    display: inline-flex
}

.media-focal__overlay,
.product-image__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block
}

.media-focal__overlay--10pct,
.product-image__overlay--10pct {
    background: linear-gradient(180deg, rgba(0, 0, 0, .1) -3.64%, rgba(0, 0, 0, .05))
}

.media-focal__overlay--20pct,
.product-image__overlay--20pct {
    background: linear-gradient(180deg, rgba(0, 0, 0, .2) -3.64%, rgba(0, 0, 0, .1))
}

.media-focal__overlay--30pct,
.product-image__overlay--30pct {
    background: linear-gradient(180deg, rgba(0, 0, 0, .3) -3.64%, rgba(0, 0, 0, .15))
}

.media-focal__save-button,
.product-image__save-button {
    position: absolute;
    top: .875rem;
    right: .875rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 1.25rem;
    height: 1.25rem;
    box-sizing: border-box;
    transition: all var(--default-transition);
    background-color: rgba(0, 0, 0, .1)
}

.media-focal__save-button .icon,
.product-image__save-button .icon {
    display: inline-flex;
    fill: var(--c-b-white)
}

.media-focal__save-button .text,
.product-image__save-button .text {
    position: absolute;
    transform-origin: center right;
    transform: scaleX(.2);
    opacity: 0;
    transition: all var(--default-transition);
    color: var(--c-b-white);
    right: 100%;
    padding-right: .625rem;
    top: 0;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, .01)
}

.media-focal__save-button:hover .text,
.product-image__save-button:hover .text {
    opacity: 1;
    transform: scaleX(1)
}

.media-focal .lazy-load-image-background,
.product-image .lazy-load-image-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.media-focal .lazy-load-image-background:before,
.product-image .lazy-load-image-background:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #efefef;
    background-image: linear-gradient(90deg, #efefef 0, #f7f7f7 20%, #efefef 40%, #efefef);
    background-repeat: no-repeat;
    background-size: 400% 100%;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeholderShimmer;
    animation-timing-function: linear
}

.media-focal .lazy-load-image-background.lazy-load-image-loaded,
.product-image .lazy-load-image-background.lazy-load-image-loaded {
    display: flex !important
}

.media-focal .lazy-load-image-background.lazy-load-image-loaded:before,
.product-image .lazy-load-image-background.lazy-load-image-loaded:before {
    content: none
}

.product-image {
    width: 100%;
    height: 100%
}

@media (any-hover:hover) {
    .media-focal__save-button {
        opacity: 0;
        transform: scale(.9)
    }

    .media-focal:hover .media-focal__save-button {
        opacity: 1;
        transform: scale(1)
    }

    a .media-focal img,
    a .media-focal video,
    button .media-focal img,
    button .media-focal video {
        transition: filter .3s, opacity .3s, transform 1s cubic-bezier(.8, 0, .2, 1) !important
    }

    a:hover .media-focal img,
    a:hover .media-focal video,
    button:hover .media-focal img,
    button:hover .media-focal video {
        transform: scale(1.05) !important
    }
}

.lazy-load-image-background.blur {
    filter: blur(15px)
}

.lazy-load-image-background.blur.lazy-load-image-loaded {
    filter: blur(0);
    transition: filter .3s
}

.lazy-load-image-background.blur>img {
    opacity: 0
}

.lazy-load-image-background.blur.lazy-load-image-loaded>img {
    opacity: 1;
    transition: opacity .3s
}

.lazy-load-image-background.opacity {
    opacity: 0
}

.lazy-load-image-background.opacity.lazy-load-image-loaded {
    opacity: 1;
    transition: opacity .5s var(--anim-ease), transform .3s
}

.article-module {
    --article-module-c: var(--c-b-black);
    color: var(--article-module-c);
    --article-module-bgc: transparent;
    background: var(--article-module-bgc);
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr);
    padding-left: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-right: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-bottom: clamp(5.625rem, 24vw, 6.25rem)
}

.article-module--inverted {
    --article-module-c: var(--c-b-white)
}

.article-module--has-bgcolor {
    padding-top: clamp(5.625rem, 24vw, 6.25rem)
}

@media (min-width:48em) {
    .article-module--has-bgcolor {
        padding-top: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .article-module--has-bgcolor {
        padding-top: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .article-module--has-bgcolor {
        padding-top: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .article-module--has-bgcolor {
        padding-top: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .article-module--has-bgcolor {
        padding-top: 12.5rem
    }
}

@media (min-width:64em) {
    .article-module {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .article-module {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .article-module {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .article-module {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .article-module {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .article-module {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .article-module {
        --grid-gap: 2.5rem
    }
}

@media (min-width:35em) {
    .article-module {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .article-module {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .article-module {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .article-module {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

@media (min-width:48em) {
    .article-module {
        padding-bottom: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .article-module {
        padding-bottom: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .article-module {
        padding-bottom: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .article-module {
        padding-bottom: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .article-module {
        padding-bottom: 12.5rem
    }
}

.article-module__headline {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818;
    padding-bottom: 1.25rem;
    grid-column: 1/span 12
}

@media (min-width:64em) {
    .article-module__headline {
        font-size: clamp(1.625rem, 2.53906vw, 3.75rem);
        line-height: 1.26923
    }
}

@media (min-width:150em) {
    .article-module__headline {
        font-size: 3.75rem;
        letter-spacing: -.0625rem;
        line-height: 1.3
    }
}

@media (min-width:64em) {
    .article-module__headline {
        grid-column: 3/span 22;
        padding-bottom: 1.875rem
    }
}

.article-module__manchet {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5625;
    padding-bottom: 2.1875rem;
    grid-column: 1/span 12
}

@media (min-width:64em) {
    .article-module__manchet {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:118.75em) {
    .article-module__manchet {
        font-size: 1.25rem;
        line-height: 1.55
    }
}

@media (min-width:150em) {
    .article-module__manchet {
        font-size: 1.375rem;
        line-height: 1.54545
    }
}

@media (min-width:64em) {
    .article-module__manchet {
        grid-column: 3/span 11
    }
}

.article-module .rich-text-module {
    grid-column: 1/span 12
}

@media (min-width:64em) {
    .article-module .rich-text-module {
        grid-column: 3/span 11
    }
}

.article-module__aside {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636;
    font-weight: 600;
    grid-column: 1/span 12;
    padding-bottom: 2.1875rem
}

@media (min-width:118.75em) {
    .article-module__aside {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .article-module__aside {
        font-size: .875rem;
        line-height: 1.71429
    }
}

@media (min-width:48em) {
    .article-module__aside {
        grid-column: 1/span 7
    }
}

@media (min-width:64em) {
    .article-module__aside {
        grid-column: 15/span 9;
        grid-row: 2/span 3;
        padding-bottom: 0
    }
}

@media (min-width:87.5em) {
    .article-module__aside {
        grid-column: 16/span 8
    }
}

.article-module__aside .media-focal {
    height: 80vw
}

@media (min-width:48em) {
    .article-module__aside .media-focal {
        height: 50vw
    }
}

@media (min-width:64em) {
    .article-module__aside .media-focal {
        height: 30vw
    }
}

.article-module__aside .media-focal+.article-module__data {
    padding-top: 1.25rem
}

.article-module__button {
    padding-top: 3.75rem;
    grid-column: 1/span 12;
    grid-row: auto
}

@media (min-width:64em) {
    .article-module__button {
        grid-column: 3/span 11
    }
}

.article-module--no-headline .article-module__aside {
    grid-row: 1/span 4
}

.quote-module {
    padding-bottom: clamp(5.625rem, 24vw, 6.25rem);
    grid-template-rows: repeat(6, auto);
    --quote-module-c: var(--c-b-black);
    color: var(--quote-module-c);
    --quote-module-bgc: transparent;
    background: var(--quote-module-bgc);
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr);
    padding-left: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-right: clamp(.625rem, 2.66667vw, 1.875rem)
}

@media (min-width:48em) {
    .quote-module {
        padding-bottom: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .quote-module {
        padding-bottom: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .quote-module {
        padding-bottom: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .quote-module {
        padding-bottom: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .quote-module {
        padding-bottom: 12.5rem
    }
}

.quote-module--has-bgcolor {
    padding-top: clamp(5.625rem, 24vw, 6.25rem)
}

@media (min-width:48em) {
    .quote-module--has-bgcolor {
        padding-top: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .quote-module--has-bgcolor {
        padding-top: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .quote-module--has-bgcolor {
        padding-top: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .quote-module--has-bgcolor {
        padding-top: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .quote-module--has-bgcolor {
        padding-top: 12.5rem
    }
}

.quote-module--inverted {
    --quote-module-c: var(--c-b-white)
}

@media (min-width:64em) {
    .quote-module {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .quote-module {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .quote-module {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .quote-module {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .quote-module {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .quote-module {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .quote-module {
        --grid-gap: 2.5rem
    }
}

@media (min-width:35em) {
    .quote-module {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .quote-module {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .quote-module {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .quote-module {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

.quote-module__tag {
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.18182;
    font-weight: 700;
    padding-bottom: .3125rem;
    color: var(--c-s-error1)
}

.quote-module__name,
.quote-module__tag {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    text-transform: uppercase
}

.quote-module__name {
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .quote-module__name {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .quote-module__name {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.quote-module__tag-and-name {
    grid-area: 1/2/2/12;
    padding-bottom: 1.875rem;
    opacity: 0;
    animation: fadeInBottom 1s var(--anim-ease) forwards .2s
}

@media (min-width:64em) {
    .quote-module__tag-and-name {
        padding-bottom: 6.25rem;
        grid-area: 1/11/2/23
    }
}

.quote-module__image {
    grid-area: 2/1/6/5;
    width: calc(100% + .625rem);
    margin-left: -.625rem;
    height: 42vw;
    opacity: 0;
    animation: fadeInLeft 1s var(--anim-ease) forwards .8s
}

@media (min-width:35em) {
    .quote-module__image {
        width: calc(100% + clamp(1.875rem, 5.35714vw, 3.75rem));
        margin-left: calc(clamp(1.875rem, 5.35714vw, 3.75rem)*-1)
    }
}

@media (min-width:87.5em) {
    .quote-module__image {
        width: calc(100% + clamp(3.75rem, 4.28571vw, 8.75rem));
        margin-left: calc(clamp(3.75rem, 4.28571vw, 8.75rem)*-1)
    }
}

@media (min-width:118.75em) {
    .quote-module__image {
        width: calc(100% + clamp(8.75rem, 7.36842vw, 13.75rem));
        margin-left: calc(clamp(8.75rem, 7.36842vw, 13.75rem)*-1)
    }
}

@media (min-width:150em) {
    .quote-module__image {
        width: calc(100% + 13.75rem);
        margin-left: -13.75rem
    }
}

@media (min-width:48em) {
    .quote-module__image {
        grid-area: 2/1/4/5
    }
}

@media (min-width:64em) {
    .quote-module__image {
        grid-area: 1/1/5/10
    }
}

.quote-module__quote {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818;
    padding-bottom: 1.875rem;
    grid-column: 5/span 7;
    opacity: 0;
    animation: fadeInBottom 1s var(--anim-ease) forwards .4s
}

@media (min-width:64em) {
    .quote-module__quote {
        font-size: clamp(1.625rem, 2.53906vw, 3.75rem);
        line-height: 1.26923
    }
}

@media (min-width:150em) {
    .quote-module__quote {
        font-size: 3.75rem;
        letter-spacing: -.0625rem;
        line-height: 1.3
    }
}

@media (min-width:64em) {
    .quote-module__quote {
        grid-column: 11/span 11;
        padding-bottom: 3.125rem
    }
}

.quote-module__bodytext {
    grid-area: 6/1/7/13;
    opacity: 0;
    animation: fadeInBottom 1s var(--anim-ease) forwards .4s
}

@media (min-width:48em) {
    .quote-module__bodytext {
        grid-column: 5/span 6;
        grid-row: auto
    }
}

@media (min-width:64em) {
    .quote-module__bodytext {
        grid-column: 11/span 11
    }
}

.quote-module__button {
    grid-area: 7/1/8/8;
    padding-top: 2.1875rem
}

@media (min-width:64em) {
    .quote-module__button {
        grid-column: 11
    }
}

.quote-module--no-trumpet-and-name .quote-module__image {
    grid-area: 1/1/5/5
}

@media (min-width:64em) {
    .quote-module--no-trumpet-and-name .quote-module__image {
        grid-area: 1/1/5/10
    }
}

.feature-block {
    padding-left: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-right: clamp(.625rem, 2.66667vw, 1.875rem);
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr);
    padding-bottom: clamp(5.625rem, 24vw, 6.25rem);
    --feature-block-c: var(--c-b-black);
    --feature-block-bgc: transparent;
    color: var(--feature-block-c);
    background: var(--feature-block-bgc)
}

@media (min-width:35em) {
    .feature-block {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .feature-block {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .feature-block {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .feature-block {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

@media (min-width:64em) {
    .feature-block {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .feature-block {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .feature-block {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .feature-block {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .feature-block {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .feature-block {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .feature-block {
        --grid-gap: 2.5rem
    }
}

@media (min-width:48em) {
    .feature-block {
        padding-bottom: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .feature-block {
        padding-bottom: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .feature-block {
        padding-bottom: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .feature-block {
        padding-bottom: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .feature-block {
        padding-bottom: 12.5rem
    }
}

.feature-block--inverted {
    --feature-block-c: var(--c-b-white)
}

.feature-block__img {
    width: 100%;
    object-fit: cover;
    display: block
}

.feature-block .media-focal__lazy {
    width: 100%;
    height: 100%;
    display: block
}

.feature-block__img--1 {
    grid-column: 2/span 11;
    overflow: visible;
    height: 114vw
}

.feature-block__img--1 .lazy-load-image-background,
.feature-block__img--1 .media-focal__overlay {
    width: calc(100% + .625rem);
    margin-right: -.625rem
}

@media (min-width:35em) {

    .feature-block__img--1 .lazy-load-image-background,
    .feature-block__img--1 .media-focal__overlay {
        width: calc(100% + clamp(1.875rem, 5.35714vw, 3.75rem));
        margin-right: calc(clamp(1.875rem, 5.35714vw, 3.75rem)*-1)
    }
}

@media (min-width:87.5em) {

    .feature-block__img--1 .lazy-load-image-background,
    .feature-block__img--1 .media-focal__overlay {
        width: calc(100% + clamp(3.75rem, 4.28571vw, 8.75rem));
        margin-right: calc(clamp(3.75rem, 4.28571vw, 8.75rem)*-1)
    }
}

@media (min-width:118.75em) {

    .feature-block__img--1 .lazy-load-image-background,
    .feature-block__img--1 .media-focal__overlay {
        width: calc(100% + clamp(8.75rem, 7.36842vw, 13.75rem));
        margin-right: calc(clamp(8.75rem, 7.36842vw, 13.75rem)*-1)
    }
}

@media (min-width:150em) {

    .feature-block__img--1 .lazy-load-image-background,
    .feature-block__img--1 .media-focal__overlay {
        width: calc(100% + 13.75rem);
        margin-right: -13.75rem
    }
}

@media (min-width:48em) {
    .feature-block__img--1 {
        grid-column: 1/span 7;
        height: 72.5vw
    }
}

@media (min-width:64em) {
    .feature-block__img--1 {
        grid-column: 3/span 11;
        height: 54vw
    }
}

@media (min-width:118.75em) {
    .feature-block__img--1 {
        height: 49vw
    }
}

.feature-block__img--1 .media-focal__save-button {
    right: 3px
}

.feature-block__img--2 {
    display: none
}

@media (min-width:64em) {
    .feature-block__img--2 {
        display: block
    }
}

.feature-block__text-wrapper {
    grid-column: 2/span 10;
    padding: 1.875rem 0 6vw
}

@media (min-width:48em) {
    .feature-block__text-wrapper {
        grid-column: 8/span 5;
        padding-top: 10vw
    }
}

@media (min-width:64em) {
    .feature-block__text-wrapper {
        grid-column: 15/span 8;
        padding-top: 14vw
    }
}

.feature-block__bodytext,
.feature-block__headline {
    margin-bottom: 1.875rem
}

.feature-block__headline {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818
}

@media (min-width:64em) {
    .feature-block__headline {
        font-size: clamp(1.375rem, 2.14844vw, 1.75rem);
        line-height: 1.31818
    }
}

@media (min-width:87.5em) {
    .feature-block__headline {
        font-size: clamp(1.75rem, 2vw, 2rem);
        line-height: 1.28571
    }
}

@media (min-width:118.75em) {
    .feature-block__headline {
        font-size: clamp(2rem, 1.68421vw, 2.375rem);
        line-height: 1.3125
    }
}

@media (min-width:150em) {
    .feature-block__headline {
        font-size: 2.375rem;
        line-height: 1.28947
    }
}

@media (min-width:64em) {
    .feature-block__headline {
        margin-bottom: .75rem
    }
}

.feature-block__bodytext {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .feature-block__bodytext {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .feature-block__bodytext {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.feature-block__tag {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.18182;
    font-weight: 700;
    padding-bottom: .5vw
}

.feature-block:not(.feature-block--2-imgs) .feature-block__img--1 {
    overflow: hidden
}

@media (min-width:64em) {
    .feature-block--2-imgs {
        grid-template-rows: auto auto minmax(0, auto)
    }
}

@media (min-width:48em) {
    .feature-block--2-imgs .feature-block__img--2 {
        height: 30vw;
        grid-column: 14/span 7;
        align-self: start;
        grid-row: 2/span 2
    }
}

@media (min-width:64em) {
    .feature-block--2-imgs .feature-block__img--1 {
        grid-column: 1/span 11;
        grid-row: 1/span 2;
        position: relative
    }
}

@media (min-width:64em) {
    .feature-block--2-imgs .feature-block__text-wrapper {
        grid-row: 1;
        grid-column: 13/span 9
    }
}

@media (min-width:48em) {

    .feature-block--right-body .feature-block__img--1 .lazy-load-image-background,
    .feature-block--right-body .feature-block__img--1 .media-focal__overlay {
        width: calc(100% + .625rem);
        margin-left: -.625rem;
        margin-right: 0;
        width: 100%
    }
}

@media (min-width:48em) and (min-width:35em) {

    .feature-block--right-body .feature-block__img--1 .lazy-load-image-background,
    .feature-block--right-body .feature-block__img--1 .media-focal__overlay {
        width: calc(100% + clamp(1.875rem, 5.35714vw, 3.75rem));
        margin-left: calc(clamp(1.875rem, 5.35714vw, 3.75rem)*-1)
    }
}

@media (min-width:48em) and (min-width:87.5em) {

    .feature-block--right-body .feature-block__img--1 .lazy-load-image-background,
    .feature-block--right-body .feature-block__img--1 .media-focal__overlay {
        width: calc(100% + clamp(3.75rem, 4.28571vw, 8.75rem));
        margin-left: calc(clamp(3.75rem, 4.28571vw, 8.75rem)*-1)
    }
}

@media (min-width:48em) and (min-width:118.75em) {

    .feature-block--right-body .feature-block__img--1 .lazy-load-image-background,
    .feature-block--right-body .feature-block__img--1 .media-focal__overlay {
        width: calc(100% + clamp(8.75rem, 7.36842vw, 13.75rem));
        margin-left: calc(clamp(8.75rem, 7.36842vw, 13.75rem)*-1)
    }
}

@media (min-width:48em) and (min-width:150em) {

    .feature-block--right-body .feature-block__img--1 .lazy-load-image-background,
    .feature-block--right-body .feature-block__img--1 .media-focal__overlay {
        width: calc(100% + 13.75rem);
        margin-left: -13.75rem
    }
}

@media (min-width:35em) {
    .feature-block--right-body .feature-block__img--1 .media-focal__save-button {
        right: 15px
    }
}

@media (min-width:48em) {
    .feature-block--left-body .feature-block__img--1 {
        grid-column: 6/span 7
    }

    .feature-block--left-body .feature-block__img--1 .lazy-load-image-background,
    .feature-block--left-body .feature-block__img--1 .media-focal__overlay {
        margin-right: 0
    }

    .feature-block--left-body .feature-block__img--1 .lazy-load-image-background {
        width: 100%
    }
}

@media (min-width:64em) {
    .feature-block--left-body .feature-block__img--1 {
        grid-column: 12/span 11
    }
}

@media (min-width:35em) {
    .feature-block--left-body .feature-block__img--1 .media-focal__save-button {
        right: -15px
    }
}

@media (min-width:87.5em) {
    .feature-block--left-body .feature-block__img--1 .media-focal__save-button {
        right: -45px
    }
}

@media (min-width:118.75em) {
    .feature-block--left-body .feature-block__img--1 .media-focal__save-button {
        right: -205px
    }
}

.feature-block--left-body .feature-block__img--2 {
    grid-column: 5/span 7
}

.feature-block--left-body .feature-block__text-wrapper {
    grid-row: 0
}

@media (min-width:48em) {
    .feature-block--left-body .feature-block__text-wrapper {
        grid-row: 1;
        grid-column: 1/span 5;
        padding-top: 5.1875rem
    }
}

@media (min-width:64em) {
    .feature-block--left-body .feature-block__text-wrapper {
        grid-column: 3/span 8;
        padding-top: 8.5rem
    }
}

@media (min-width:87.5em) {
    .feature-block--left-body .feature-block__text-wrapper {
        padding-top: 12.0625rem
    }
}

.feature-block--2-imgs--left-body .feature-block__img--1 {
    margin-left: 0
}

@media (min-width:48em) {
    .feature-block--2-imgs--left-body .feature-block__img--1 {
        grid-column: 6/span 7
    }

    .feature-block--2-imgs--left-body .feature-block__img--1 .lazy-load-image-background,
    .feature-block--2-imgs--left-body .feature-block__img--1 .media-focal__overlay {
        width: calc(100% + .625rem);
        margin-right: -.625rem
    }
}

@media (min-width:48em) and (min-width:35em) {

    .feature-block--2-imgs--left-body .feature-block__img--1 .lazy-load-image-background,
    .feature-block--2-imgs--left-body .feature-block__img--1 .media-focal__overlay {
        width: calc(100% + clamp(1.875rem, 5.35714vw, 3.75rem));
        margin-right: calc(clamp(1.875rem, 5.35714vw, 3.75rem)*-1)
    }
}

@media (min-width:48em) and (min-width:87.5em) {

    .feature-block--2-imgs--left-body .feature-block__img--1 .lazy-load-image-background,
    .feature-block--2-imgs--left-body .feature-block__img--1 .media-focal__overlay {
        width: calc(100% + clamp(3.75rem, 4.28571vw, 8.75rem));
        margin-right: calc(clamp(3.75rem, 4.28571vw, 8.75rem)*-1)
    }
}

@media (min-width:48em) and (min-width:118.75em) {

    .feature-block--2-imgs--left-body .feature-block__img--1 .lazy-load-image-background,
    .feature-block--2-imgs--left-body .feature-block__img--1 .media-focal__overlay {
        width: calc(100% + clamp(8.75rem, 7.36842vw, 13.75rem));
        margin-right: calc(clamp(8.75rem, 7.36842vw, 13.75rem)*-1)
    }
}

@media (min-width:48em) and (min-width:150em) {

    .feature-block--2-imgs--left-body .feature-block__img--1 .lazy-load-image-background,
    .feature-block--2-imgs--left-body .feature-block__img--1 .media-focal__overlay {
        width: calc(100% + 13.75rem);
        margin-right: -13.75rem
    }
}

@media (min-width:64em) {
    .feature-block--2-imgs--left-body .feature-block__img--1 {
        grid-column: 14/span 11
    }
}

.feature-block--2-imgs--left-body .feature-block__img--1 .media-focal__save-button {
    right: -5
}

@media (min-width:35em) {
    .feature-block--2-imgs--left-body .feature-block__img--1 .media-focal__save-button {
        right: -3
    }
}

@media (min-width:48em) {

    .feature-block--2-imgs--right-body .feature-block__img--1 .lazy-load-image-background,
    .feature-block--2-imgs--right-body .feature-block__img--1 .media-focal__overlay {
        width: calc(100% + .625rem);
        margin-left: -.625rem
    }
}

@media (min-width:48em) and (min-width:35em) {

    .feature-block--2-imgs--right-body .feature-block__img--1 .lazy-load-image-background,
    .feature-block--2-imgs--right-body .feature-block__img--1 .media-focal__overlay {
        width: calc(100% + clamp(1.875rem, 5.35714vw, 3.75rem));
        margin-left: calc(clamp(1.875rem, 5.35714vw, 3.75rem)*-1)
    }
}

@media (min-width:48em) and (min-width:87.5em) {

    .feature-block--2-imgs--right-body .feature-block__img--1 .lazy-load-image-background,
    .feature-block--2-imgs--right-body .feature-block__img--1 .media-focal__overlay {
        width: calc(100% + clamp(3.75rem, 4.28571vw, 8.75rem));
        margin-left: calc(clamp(3.75rem, 4.28571vw, 8.75rem)*-1)
    }
}

@media (min-width:48em) and (min-width:118.75em) {

    .feature-block--2-imgs--right-body .feature-block__img--1 .lazy-load-image-background,
    .feature-block--2-imgs--right-body .feature-block__img--1 .media-focal__overlay {
        width: calc(100% + clamp(8.75rem, 7.36842vw, 13.75rem));
        margin-left: calc(clamp(8.75rem, 7.36842vw, 13.75rem)*-1)
    }
}

@media (min-width:48em) and (min-width:150em) {

    .feature-block--2-imgs--right-body .feature-block__img--1 .lazy-load-image-background,
    .feature-block--2-imgs--right-body .feature-block__img--1 .media-focal__overlay {
        width: calc(100% + 13.75rem);
        margin-left: -13.75rem
    }
}

.hero-cover {
    margin-bottom: clamp(5.625rem, 24vw, 6.25rem);
    overflow: hidden;
    --hero-c: var(--c-b-black);
    --hero-bgc: transparent;
    color: var(--hero-c);
    background: var(--hero-bgc)
}

@media (min-width:48em) {
    .hero-cover {
        margin-bottom: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .hero-cover {
        margin-bottom: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .hero-cover {
        margin-bottom: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .hero-cover {
        margin-bottom: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .hero-cover {
        margin-bottom: 12.5rem
    }
}

.hero-cover--inverted .hero-cover__headline {
    color: var(--c-b-white)
}

.hero-cover--inverted .hero-cover__text {
    color: var(--c-b-black)
}

@media (min-width:64em) {
    .hero-cover--inverted .hero-cover__text {
        color: var(--c-b-white)
    }
}

.hero-cover__inner {
    position: relative
}

.hero-cover__image {
    display: block
}

@media (min-width:64em) {
    .hero-cover__image {
        position: static
    }
}

.hero-cover__image.media-focal {
    height: 50vh;
    opacity: 0;
    transform: scale(1.1);
    transition: all 3s ease
}

@media (min-width:64em) {
    .hero-cover__image.media-focal {
        height: 100vh
    }
}

.hero-cover__image .media-focal__lazy {
    width: 100%;
    height: 100%;
    display: block
}

.hero-cover__content {
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr);
    z-index: 1;
    position: relative
}

@media (min-width:64em) {
    .hero-cover__content {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .hero-cover__content {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .hero-cover__content {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .hero-cover__content {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .hero-cover__content {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .hero-cover__content {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .hero-cover__content {
        --grid-gap: 2.5rem
    }
}

@media (min-width:64em) {
    .hero-cover__content {
        position: absolute;
        bottom: 25%;
        z-index: 1
    }
}

.hero-cover__headline {
    grid-area: 1/2/2/12;
    position: absolute;
    bottom: calc(100% + 3.75rem);
    white-space: pre-line
}

@media (min-width:64em) {
    .hero-cover__headline {
        position: static;
        bottom: auto;
        grid-area: 1/4/2/14
    }
}

.hero-cover__headline h1 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.33333
}

@media (min-width:48em) {
    .hero-cover__headline h1 {
        font-size: 2.1875rem;
        line-height: 1.28571
    }
}

@media (min-width:64em) {
    .hero-cover__headline h1 {
        font-size: clamp(2.1875rem, 3.41797vw, 5rem);
        line-height: 1.28571
    }
}

@media (min-width:150em) {
    .hero-cover__headline h1 {
        font-size: 5rem;
        letter-spacing: -.0625rem;
        line-height: 1.1875
    }
}

.hero-cover__headline h2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818
}

@media (min-width:64em) {
    .hero-cover__headline h2 {
        font-size: clamp(1.625rem, 2.53906vw, 3.75rem);
        line-height: 1.26923
    }
}

@media (min-width:150em) {
    .hero-cover__headline h2 {
        font-size: 3.75rem;
        letter-spacing: -.0625rem;
        line-height: 1.3
    }
}

.hero-cover__text {
    grid-area: 2/2/3/12
}

@media (min-width:64em) {
    .hero-cover__text {
        padding-top: 0;
        grid-area: 2/4/3/12
    }
}

.hero-cover__text p {
    margin-top: 1.25rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .hero-cover__text p {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .hero-cover__text p {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.hero-cover__text .action-button,
.hero-cover__text .nav-button {
    box-sizing: border-box;
    margin-top: 2.1875rem;
    width: 100%
}

@media (min-width:35em) {

    .hero-cover__text .action-button,
    .hero-cover__text .nav-button {
        width: auto
    }
}

@media (min-width:64em) {

    .hero-cover__text .action-button,
    .hero-cover__text .nav-button {
        margin-top: 2.5rem
    }
}

@media (max-width:63.99em) {

    .hero-cover__text .action-button,
    .hero-cover__text .nav-button {
        --button-c: var(--c-b-white)
    }

    .hero-cover__text .action-button:not(.is-outlined),
    .hero-cover__text .nav-button:not(.is-outlined) {
        --button-bgc: var(--c-b-black)
    }
}

.hero-cover__extra-content {
    margin-top: 3.125rem;
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr)
}

@media (min-width:64em) {
    .hero-cover__extra-content {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .hero-cover__extra-content {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .hero-cover__extra-content {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .hero-cover__extra-content {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .hero-cover__extra-content {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .hero-cover__extra-content {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .hero-cover__extra-content {
        --grid-gap: 2.5rem
    }
}

@media (min-width:64em) {
    .hero-cover--inverted .hero-cover__extra-content .hero-cover__text {
        color: var(--c-b-black)
    }
}

.hero-cover .readmore-button {
    display: block;
    padding: .9375rem
}

@media (min-width:64em) {
    .hero-cover .readmore-button {
        padding: .9375rem
    }
}

.hero-cover .readmore-button .svg-icon {
    transform: rotate(90deg)
}

.hero-cover .readmore-button .text {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .8125rem;
    font-weight: 500;
    line-height: 1
}

.hero-cover .readmore-text {
    display: inline;
    margin-top: 1.25rem
}

.hero-cover__curtain {
    background: var(--c-b-white);
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: .8
}

.hero-cover--extra-content .hero-cover__text p {
    display: inline
}

.hero-cover--extra-content .hero-cover__text .action-button,
.hero-cover--extra-content .hero-cover__text .nav-button {
    display: block
}

.hero-cover--ready .media-focal {
    opacity: 1;
    transform: scale(1)
}

@media (min-width:64em) {
    .hero-cover--text-right .hero-cover__headline {
        grid-area: 1/14/2/24
    }
}

@media (min-width:64em) {
    .hero-cover--text-right .hero-cover__text {
        grid-area: 2/14/3/22
    }
}

.hero-linear {
    padding: 2.5rem clamp(.625rem, 2.66667vw, 1.875rem) clamp(5.625rem, 24vw, 6.25rem);
    position: relative;
    margin-bottom: 0;
    --hero-c: var(--c-b-black);
    --hero-bgc: transparent;
    color: var(--hero-c);
    background: var(--hero-bgc);
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr)
}

@media (min-width:35em) {
    .hero-linear {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .hero-linear {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .hero-linear {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .hero-linear {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

@media (min-width:48em) {
    .hero-linear {
        padding-bottom: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .hero-linear {
        padding-bottom: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .hero-linear {
        padding-bottom: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .hero-linear {
        padding-bottom: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .hero-linear {
        padding-bottom: 12.5rem
    }
}

@media (min-width:64em) {
    .hero-linear {
        padding-top: 6.25rem
    }
}

.hero-linear--inverted {
    --hero-c: var(--c-b-white)
}

@media (min-width:64em) {
    .hero-linear {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .hero-linear {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .hero-linear {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .hero-linear {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .hero-linear {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .hero-linear {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .hero-linear {
        --grid-gap: 2.5rem
    }
}

.hero-linear__content {
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr);
    grid-area: 2/1/3/13
}

@media (min-width:64em) {
    .hero-linear__content {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .hero-linear__content {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .hero-linear__content {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .hero-linear__content {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .hero-linear__content {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .hero-linear__content {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .hero-linear__content {
        --grid-gap: 2.5rem
    }
}

@media (min-width:64em) {
    .hero-linear__content {
        margin-bottom: 3.75rem;
        grid-area: 1/1/2/25
    }
}

.hero-linear__headline {
    grid-column: 2/12
}

@media (min-width:64em) {
    .hero-linear__headline {
        grid-area: 1/3/2/11
    }
}

.hero-linear__headline h1 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.33333
}

@media (min-width:48em) {
    .hero-linear__headline h1 {
        font-size: 2.1875rem;
        line-height: 1.28571
    }
}

@media (min-width:64em) {
    .hero-linear__headline h1 {
        font-size: clamp(2.1875rem, 3.41797vw, 5rem);
        line-height: 1.28571
    }
}

@media (min-width:150em) {
    .hero-linear__headline h1 {
        font-size: 5rem;
        letter-spacing: -.0625rem;
        line-height: 1.1875
    }
}

.hero-linear__headline h2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818
}

@media (min-width:64em) {
    .hero-linear__headline h2 {
        font-size: clamp(1.625rem, 2.53906vw, 3.75rem);
        line-height: 1.26923
    }
}

@media (min-width:150em) {
    .hero-linear__headline h2 {
        font-size: 3.75rem;
        letter-spacing: -.0625rem;
        line-height: 1.3
    }
}

.hero-linear__text {
    margin-top: 1.25rem;
    grid-column: 2/12
}

@media (min-width:64em) {
    .hero-linear__text {
        align-self: end;
        margin-top: .25rem;
        grid-area: 1/12/2/20
    }
}

.hero-linear__text p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .hero-linear__text p {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .hero-linear__text p {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.hero-linear__text .action-button,
.hero-linear__text .nav-button {
    margin-top: 3.75rem
}

@media (min-width:35em) {

    .hero-linear__text .action-button,
    .hero-linear__text .nav-button {
        width: auto
    }
}

@media (min-width:64em) {

    .hero-linear__text .action-button,
    .hero-linear__text .nav-button {
        margin-top: 2.5rem
    }
}

.hero-linear .readmore-button {
    display: block;
    padding: .9375rem
}

@media (min-width:64em) {
    .hero-linear .readmore-button {
        padding: .9375rem
    }
}

.hero-linear .readmore-button .svg-icon {
    transform: rotate(90deg)
}

.hero-linear .readmore-button .text {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .8125rem;
    font-weight: 500;
    line-height: 1
}

.hero-linear .readmore-text {
    margin-top: 1.25rem;
    display: inline
}

.hero-linear__image {
    width: calc(100% + .625rem);
    margin-left: -.625rem;
    grid-area: 1/1/2/12;
    height: 50vh;
    margin-bottom: 3.125rem
}

@media (min-width:35em) {
    .hero-linear__image {
        width: calc(100% + clamp(1.875rem, 5.35714vw, 3.75rem));
        margin-left: calc(clamp(1.875rem, 5.35714vw, 3.75rem)*-1)
    }
}

@media (min-width:87.5em) {
    .hero-linear__image {
        width: calc(100% + clamp(3.75rem, 4.28571vw, 8.75rem));
        margin-left: calc(clamp(3.75rem, 4.28571vw, 8.75rem)*-1)
    }
}

@media (min-width:118.75em) {
    .hero-linear__image {
        width: calc(100% + clamp(8.75rem, 7.36842vw, 13.75rem));
        margin-left: calc(clamp(8.75rem, 7.36842vw, 13.75rem)*-1)
    }
}

@media (min-width:150em) {
    .hero-linear__image {
        width: calc(100% + 13.75rem);
        margin-left: -13.75rem
    }
}

@media (min-width:64em) {
    .hero-linear__image {
        height: 70vh
    }
}

@media (min-width:150em) {
    .hero-linear__image {
        height: 90vh
    }
}

.hero-linear__image .media-focal__lazy {
    width: 100%;
    height: 100%;
    display: block
}

@media (min-width:64em) {
    .hero-linear__image {
        margin-bottom: 0;
        grid-area: 2/1/3/25
    }
}

.hero-linear--extra-content .hero-linear__text p {
    display: inline
}

.hero-linear--extra-content .hero-linear__text .action-button,
.hero-linear--extra-content .hero-linear__text .nav-button {
    display: block
}

.hero-linear--center-image .hero-linear__image {
    margin-left: 0;
    width: auto;
    grid-area: 1/1/2/13
}

@media (min-width:64em) {
    .hero-linear--center-image .hero-linear__image {
        grid-area: 2/1/3/25
    }
}

.hero-staggered {
    padding: 1.25rem clamp(.625rem, 2.66667vw, 1.875rem) clamp(5.625rem, 24vw, 6.25rem);
    position: relative;
    --hero-c: var(--c-b-black);
    --hero-bgc: transparent;
    color: var(--hero-c);
    background: var(--hero-bgc);
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr)
}

@media (min-width:35em) {
    .hero-staggered {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .hero-staggered {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .hero-staggered {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .hero-staggered {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

@media (min-width:48em) {
    .hero-staggered {
        padding-bottom: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .hero-staggered {
        padding-bottom: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .hero-staggered {
        padding-bottom: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .hero-staggered {
        padding-bottom: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .hero-staggered {
        padding-bottom: 12.5rem
    }
}

@media (min-width:64em) {
    .hero-staggered {
        padding-top: 3.125rem
    }
}

.hero-staggered--inverted {
    --hero-c: var(--c-b-white)
}

@media (min-width:64em) {
    .hero-staggered {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .hero-staggered {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .hero-staggered {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .hero-staggered {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .hero-staggered {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .hero-staggered {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .hero-staggered {
        --grid-gap: 2.5rem
    }
}

@media (min-width:64em) {
    .hero-staggered {
        grid-template-rows: 6vw 10vw repeat(7, auto)
    }
}

.hero-staggered__content {
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr);
    margin-bottom: 1.875rem;
    padding-top: 3.75rem;
    grid-area: 2/1/3/13
}

@media (min-width:64em) {
    .hero-staggered__content {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .hero-staggered__content {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .hero-staggered__content {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .hero-staggered__content {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .hero-staggered__content {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .hero-staggered__content {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .hero-staggered__content {
        --grid-gap: 2.5rem
    }
}

@media (min-width:64em) {
    .hero-staggered__content {
        display: block;
        margin-top: 0;
        grid-area: 2/14/5/23;
        margin-bottom: 3.75rem
    }
}

.hero-staggered__headline {
    grid-column: 2/12
}

@media (min-width:64em) {
    .hero-staggered__headline {
        grid-column: 3/11
    }
}

.hero-staggered__headline h1,
.hero-staggered__headline h2 {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.hero-staggered__headline h1 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.33333
}

@media (min-width:48em) {
    .hero-staggered__headline h1 {
        font-size: 2.1875rem;
        line-height: 1.28571
    }
}

@media (min-width:64em) {
    .hero-staggered__headline h1 {
        font-size: clamp(2.1875rem, 3.41797vw, 5rem);
        line-height: 1.28571
    }
}

@media (min-width:150em) {
    .hero-staggered__headline h1 {
        font-size: 5rem;
        letter-spacing: -.0625rem;
        line-height: 1.1875
    }
}

.hero-staggered__headline h2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818
}

@media (min-width:64em) {
    .hero-staggered__headline h2 {
        font-size: clamp(1.625rem, 2.53906vw, 3.75rem);
        line-height: 1.26923
    }
}

@media (min-width:150em) {
    .hero-staggered__headline h2 {
        font-size: 3.75rem;
        letter-spacing: -.0625rem;
        line-height: 1.3
    }
}

.hero-staggered__text {
    margin-top: 1.25rem;
    grid-column: 2/12
}

@media (min-width:64em) {
    .hero-staggered__text {
        grid-column: 12/20
    }
}

.hero-staggered__text p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .hero-staggered__text p {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .hero-staggered__text p {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.hero-staggered__text .action-button,
.hero-staggered__text .nav-button {
    margin-top: 3.75rem
}

@media (min-width:35em) {

    .hero-staggered__text .action-button,
    .hero-staggered__text .nav-button {
        width: auto
    }
}

@media (min-width:64em) {

    .hero-staggered__text .action-button,
    .hero-staggered__text .nav-button {
        margin-top: 2.5rem
    }
}

.hero-staggered .readmore-button {
    display: block;
    padding: .9375rem
}

@media (min-width:64em) {
    .hero-staggered .readmore-button {
        padding: .9375rem
    }
}

.hero-staggered .readmore-button .svg-icon {
    transform: rotate(90deg)
}

.hero-staggered .readmore-button .text {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .8125rem;
    font-weight: 500;
    line-height: 1
}

.hero-staggered .readmore-text {
    display: inline;
    margin-top: 1.25rem
}

.hero-staggered__image {
    display: block
}

.hero-staggered__image--left {
    z-index: 1;
    width: calc(100% + .625rem);
    margin-left: -.625rem;
    grid-area: 1/1/2/8;
    max-height: 70vw;
    margin-bottom: 15vw
}

@media (min-width:35em) {
    .hero-staggered__image--left {
        width: calc(100% + clamp(1.875rem, 5.35714vw, 3.75rem));
        margin-left: calc(clamp(1.875rem, 5.35714vw, 3.75rem)*-1)
    }
}

@media (min-width:87.5em) {
    .hero-staggered__image--left {
        width: calc(100% + clamp(3.75rem, 4.28571vw, 8.75rem));
        margin-left: calc(clamp(3.75rem, 4.28571vw, 8.75rem)*-1)
    }
}

@media (min-width:118.75em) {
    .hero-staggered__image--left {
        width: calc(100% + clamp(8.75rem, 7.36842vw, 13.75rem));
        margin-left: calc(clamp(8.75rem, 7.36842vw, 13.75rem)*-1)
    }
}

@media (min-width:150em) {
    .hero-staggered__image--left {
        width: calc(100% + 13.75rem);
        margin-left: -13.75rem
    }
}

@media (max-width:63.99em) {
    .hero-staggered__image--left {
        height: 60vw
    }
}

@media (min-width:64em) {
    .hero-staggered__image--left {
        margin: 0;
        width: 100%;
        min-height: 40vw;
        grid-area: 1/1/6/13
    }
}

.hero-staggered__image--right {
    grid-area: 1/5/2/12;
    width: 100%;
    max-height: 60vw;
    margin-top: 20vw
}

@media (min-width:35em) {
    .hero-staggered__image--right {
        min-height: 40vw
    }
}

@media (min-width:64em) {
    .hero-staggered__image--right {
        margin-bottom: 0;
        margin-top: 0;
        max-height: none;
        grid-area: 5/10/9/23
    }
}

.hero-staggered__image.media-focal {
    z-index: auto
}

.hero-staggered__image.media-focal--reveal:before {
    width: .001%
}

.hero-staggered--extra-content .hero-staggered__text p {
    display: inline
}

.hero-staggered--extra-content .hero-staggered__text .action-button,
.hero-staggered--extra-content .hero-staggered__text .nav-button {
    display: block
}

.hero-staggered--left-img-infront .hero-staggered__image--right {
    z-index: 0
}

.hero-staggered--left-img-infront .hero-staggered__image--left {
    z-index: 1
}

@media (min-width:64em) {
    .hero-staggered--separated {
        grid-template-rows: repeat(10, 3.5vw) repeat(6, auto);
        grid-row-gap: .625rem
    }
}

@media (min-width:72.5em) {
    .hero-staggered--separated {
        grid-template-rows: repeat(10, 3vw) repeat(6, auto)
    }
}

@media (min-width:118.75em) {
    .hero-staggered--separated {
        grid-template-rows: repeat(10, 2.5vw) repeat(6, auto)
    }
}

@media (min-width:64em) {
    .hero-staggered--separated .hero-staggered__content {
        margin: 0;
        grid-area: 8/16/16/24
    }
}

@media (min-width:64em) {
    .hero-staggered--separated .hero-staggered__image--left {
        height: 100%;
        min-height: 50vw;
        margin: 0;
        grid-area: 4/3/17/15
    }
}

@media (min-width:87.5em) {
    .hero-staggered--separated .hero-staggered__image--left {
        max-height: 50vw
    }
}

@media (min-width:64em) {
    .hero-staggered--separated .hero-staggered__image--right {
        height: 100%;
        min-height: 0;
        margin: 0;
        grid-area: 1/20/7/25;
        overflow: visible
    }

    .hero-staggered--separated .hero-staggered__image--right .lazy-load-image-background,
    .hero-staggered--separated .hero-staggered__image--right .media-focal__overlay,
    .hero-staggered--separated .hero-staggered__image--right .media-focal__video {
        width: calc(100% + .625rem);
        margin-right: -.625rem
    }
}

@media (min-width:64em) and (min-width:35em) {

    .hero-staggered--separated .hero-staggered__image--right .lazy-load-image-background,
    .hero-staggered--separated .hero-staggered__image--right .media-focal__overlay,
    .hero-staggered--separated .hero-staggered__image--right .media-focal__video {
        width: calc(100% + clamp(1.875rem, 5.35714vw, 3.75rem));
        margin-right: calc(clamp(1.875rem, 5.35714vw, 3.75rem)*-1)
    }
}

@media (min-width:64em) and (min-width:87.5em) {

    .hero-staggered--separated .hero-staggered__image--right .lazy-load-image-background,
    .hero-staggered--separated .hero-staggered__image--right .media-focal__overlay,
    .hero-staggered--separated .hero-staggered__image--right .media-focal__video {
        width: calc(100% + clamp(3.75rem, 4.28571vw, 8.75rem));
        margin-right: calc(clamp(3.75rem, 4.28571vw, 8.75rem)*-1)
    }
}

@media (min-width:64em) and (min-width:118.75em) {

    .hero-staggered--separated .hero-staggered__image--right .lazy-load-image-background,
    .hero-staggered--separated .hero-staggered__image--right .media-focal__overlay,
    .hero-staggered--separated .hero-staggered__image--right .media-focal__video {
        width: calc(100% + clamp(8.75rem, 7.36842vw, 13.75rem));
        margin-right: calc(clamp(8.75rem, 7.36842vw, 13.75rem)*-1)
    }
}

@media (min-width:64em) and (min-width:150em) {

    .hero-staggered--separated .hero-staggered__image--right .lazy-load-image-background,
    .hero-staggered--separated .hero-staggered__image--right .media-focal__overlay,
    .hero-staggered--separated .hero-staggered__image--right .media-focal__video {
        width: calc(100% + 13.75rem);
        margin-right: -13.75rem
    }
}

@media (min-width:64em) and (min-width:35em) {
    .hero-staggered--separated .hero-staggered__image--right .media-focal__save-button {
        right: -15px
    }
}

@media (min-width:64em) and (min-width:87.5em) {
    .hero-staggered--separated .hero-staggered__image--right .media-focal__save-button {
        right: -45px
    }
}

@media (min-width:64em) and (min-width:118.75em) {
    .hero-staggered--separated .hero-staggered__image--right .media-focal__save-button {
        right: -205px
    }
}

@media (min-width:87.5em) {
    .hero-staggered--separated .hero-staggered__image--right {
        grid-area: 1/21/7/25
    }
}

.nav-highlight-block {
    display: flex;
    flex-direction: column;
    padding-left: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-right: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-bottom: clamp(5.625rem, 24vw, 6.25rem);
    --highlight-c: var(--c-b-black);
    --highlight-bgc: transparent;
    color: var(--highlight-c);
    background: var(--highlight-bgc)
}

@media (min-width:35em) {
    .nav-highlight-block {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .nav-highlight-block {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .nav-highlight-block {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .nav-highlight-block {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

@media (min-width:48em) {
    .nav-highlight-block {
        padding-bottom: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .nav-highlight-block {
        padding-bottom: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .nav-highlight-block {
        padding-bottom: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .nav-highlight-block {
        padding-bottom: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .nav-highlight-block {
        padding-bottom: 12.5rem
    }
}

@media (min-width:48em) {
    .nav-highlight-block {
        --grid-gap: 0.625rem;
        --grid-cells: 12;
        display: grid;
        grid-column-gap: var(--grid-gap);
        column-gap: var(--grid-gap);
        grid-template-columns: repeat(var(--grid-cells), 1fr);
        grid-template-rows: repeat(11, 3.5vw) repeat(3, auto)
    }
}

@media (min-width:48em) and (min-width:64em) {
    .nav-highlight-block {
        --grid-cells: 24
    }
}

@media (min-width:48em) and (min-width:9.375em) {
    .nav-highlight-block {
        --grid-gap: 0.625rem
    }
}

@media (min-width:48em) and (min-width:35em) {
    .nav-highlight-block {
        --grid-gap: 1.25rem
    }
}

@media (min-width:48em) and (min-width:64em) {
    .nav-highlight-block {
        --grid-gap: 1.25rem
    }
}

@media (min-width:48em) and (min-width:87.5em) {
    .nav-highlight-block {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:48em) and (min-width:118.75em) {
    .nav-highlight-block {
        --grid-gap: 1.875rem
    }
}

@media (min-width:48em) and (min-width:150em) {
    .nav-highlight-block {
        --grid-gap: 2.5rem
    }
}

.nav-highlight-block--inverted {
    --highlight-c: var(--c-b-white)
}

.nav-highlight-block .media-focal {
    width: 100%;
    height: 100%
}

.nav-highlight-block__text-wrapper {
    order: 2;
    margin-bottom: 3.4375rem
}

@media (min-width:64em) {
    .nav-highlight-block__text-wrapper {
        margin-bottom: 0
    }
}

.nav-highlight-block__text-wrapper--left {
    grid-column: 2/span 10
}

@media (min-width:48em) {
    .nav-highlight-block__text-wrapper--left {
        grid-area: 12/2/15/8
    }
}

@media (min-width:64em) {
    .nav-highlight-block__text-wrapper--left {
        grid-area: 11/3/14/14
    }
}

.nav-highlight-block--left-hover-img:hover,
.nav-highlight-block--left-hover-text:hover~.nav-highlight-block__img--left,
.nav-highlight-block--right-hover:hover .nav-highlight-block__img--right {
    opacity: .7
}

.nav-highlight-block__headline {
    padding: 1.875rem 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818
}

@media (min-width:64em) {
    .nav-highlight-block__headline {
        font-size: clamp(1.375rem, 2.14844vw, 1.75rem);
        line-height: 1.31818
    }
}

@media (min-width:87.5em) {
    .nav-highlight-block__headline {
        font-size: clamp(1.75rem, 2vw, 2rem);
        line-height: 1.28571
    }
}

@media (min-width:118.75em) {
    .nav-highlight-block__headline {
        font-size: clamp(2rem, 1.68421vw, 2.375rem);
        line-height: 1.3125
    }
}

@media (min-width:150em) {
    .nav-highlight-block__headline {
        font-size: 2.375rem;
        line-height: 1.28947
    }
}

.nav-highlight-block__bodytext {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    padding-bottom: 1.25rem
}

@media (min-width:118.75em) {
    .nav-highlight-block__bodytext {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .nav-highlight-block__bodytext {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.nav-highlight-block__contact {
    margin-top: 1.25rem
}

.nav-highlight-block__img--left {
    order: 1;
    transition: opacity .2s ease;
    grid-column: 2/span 10;
    height: 56vw
}

@media (min-width:48em) {
    .nav-highlight-block__img--left {
        grid-area: 1/1/12/8;
        width: calc(100% + .625rem);
        margin-left: -.625rem;
        height: auto
    }
}

@media (min-width:48em) and (min-width:35em) {
    .nav-highlight-block__img--left {
        width: calc(100% + clamp(1.875rem, 5.35714vw, 3.75rem));
        margin-left: calc(clamp(1.875rem, 5.35714vw, 3.75rem)*-1)
    }
}

@media (min-width:48em) and (min-width:87.5em) {
    .nav-highlight-block__img--left {
        width: calc(100% + clamp(3.75rem, 4.28571vw, 8.75rem));
        margin-left: calc(clamp(3.75rem, 4.28571vw, 8.75rem)*-1)
    }
}

@media (min-width:48em) and (min-width:118.75em) {
    .nav-highlight-block__img--left {
        width: calc(100% + clamp(8.75rem, 7.36842vw, 13.75rem));
        margin-left: calc(clamp(8.75rem, 7.36842vw, 13.75rem)*-1)
    }
}

@media (min-width:48em) and (min-width:150em) {
    .nav-highlight-block__img--left {
        width: calc(100% + 13.75rem);
        margin-left: -13.75rem
    }
}

@media (min-width:64em) {
    .nav-highlight-block__img--left {
        grid-area: 1/1/11/14
    }
}

.nav-highlight-block__img--right {
    transition: opacity .2s ease
}

@media (min-width:48em) {
    .nav-highlight-block__img--right {
        height: 37.4vw
    }
}

@media (min-width:64em) {
    .nav-highlight-block__img--right {
        height: 33.4vw
    }
}

.nav-highlight-block__img--right .media-focal {
    height: 100vw
}

.nav-highlight-block__wrapper {
    order: 3;
    grid-column: 2/span 10;
    height: auto
}

@media (min-width:48em) {
    .nav-highlight-block__wrapper {
        grid-area: 4/9/15/13
    }
}

@media (min-width:64em) {
    .nav-highlight-block__wrapper {
        grid-area: 4/16/15/23
    }
}

.nav-panel {
    grid-column: 1/span 12;
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr);
    padding-left: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-right: clamp(.625rem, 2.66667vw, 1.875rem);
    grid-template-rows: auto auto;
    padding-bottom: 10vw
}

@media (min-width:64em) {
    .nav-panel {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .nav-panel {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .nav-panel {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .nav-panel {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .nav-panel {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .nav-panel {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .nav-panel {
        --grid-gap: 2.5rem
    }
}

@media (min-width:35em) {
    .nav-panel {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .nav-panel {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .nav-panel {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .nav-panel {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

@media (min-width:64em) {
    .nav-panel {
        grid-column: 1/span 24;
        grid-template-rows: auto;
        padding: 0 0 1.875rem
    }
}

.nav-panel--interactive:hover .nav-panel__img {
    opacity: .7
}

.nav-panel__img {
    grid-column: 1/span 11;
    width: 100%;
    width: calc(100% + .625rem);
    margin-left: -.625rem;
    height: 58vw;
    object-fit: cover;
    transition: .2s ease
}

@media (min-width:35em) {
    .nav-panel__img {
        width: calc(100% + clamp(1.875rem, 5.35714vw, 3.75rem));
        margin-left: calc(clamp(1.875rem, 5.35714vw, 3.75rem)*-1)
    }
}

@media (min-width:87.5em) {
    .nav-panel__img {
        width: calc(100% + clamp(3.75rem, 4.28571vw, 8.75rem));
        margin-left: calc(clamp(3.75rem, 4.28571vw, 8.75rem)*-1)
    }
}

@media (min-width:118.75em) {
    .nav-panel__img {
        width: calc(100% + clamp(8.75rem, 7.36842vw, 13.75rem));
        margin-left: calc(clamp(8.75rem, 7.36842vw, 13.75rem)*-1)
    }
}

@media (min-width:150em) {
    .nav-panel__img {
        width: calc(100% + 13.75rem);
        margin-left: -13.75rem
    }
}

@media (min-width:48em) {
    .nav-panel__img {
        grid-column: 1/span 8;
        height: 42vw
    }
}

@media (min-width:64em) {
    .nav-panel__img {
        grid-area: 1/3/2/14;
        height: 26vw;
        width: auto;
        margin-left: 0
    }
}

.nav-panel .text-tile {
    grid-column: 2/span 10;
    padding-bottom: 1.25rem;
    padding-top: 1.875rem
}

@media (min-width:48em) {
    .nav-panel .text-tile {
        grid-column: 2/span 7;
        padding-top: 3.125rem
    }
}

@media (min-width:64em) {
    .nav-panel .text-tile {
        grid-area: 1/15/2/23
    }
}

.nav-panels-block {
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr);
    padding-bottom: 10vw;
    --nav-panels-c: var(--c-b-black);
    --nav-panels-bgc: transparent;
    color: var(--nav-panels-c);
    background: var(--nav-panels-bgc)
}

@media (min-width:64em) {
    .nav-panels-block {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .nav-panels-block {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .nav-panels-block {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .nav-panels-block {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .nav-panels-block {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .nav-panels-block {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .nav-panels-block {
        --grid-gap: 2.5rem
    }
}

@media (min-width:64em) {
    .nav-panels-block {
        padding-left: clamp(.625rem, 2.66667vw, 1.875rem);
        padding-right: clamp(.625rem, 2.66667vw, 1.875rem)
    }
}

@media (min-width:64em) and (min-width:35em) {
    .nav-panels-block {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:64em) and (min-width:87.5em) {
    .nav-panels-block {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:64em) and (min-width:118.75em) {
    .nav-panels-block {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:64em) and (min-width:150em) {
    .nav-panels-block {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

.nav-panels-block--inverted {
    --nav-panels-c: var(--c-b-white)
}

.nav-tile__img {
    transition: opacity var(--default-transition)
}

.nav-tile .text-tile {
    padding: 1.875rem 0
}

@media (min-width:64em) {
    .nav-tile .text-tile {
        padding-top: 1.875rem;
        padding-left: 0
    }
}

.nav-tiles-block {
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr);
    padding-left: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-right: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-bottom: clamp(5.625rem, 24vw, 6.25rem);
    --nav-tiles-c: var(--c-b-black);
    --nav-tiles-bgc: transparent;
    color: var(--nav-tiles-c);
    background: var(--nav-tiles-bgc)
}

@media (min-width:64em) {
    .nav-tiles-block {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .nav-tiles-block {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .nav-tiles-block {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .nav-tiles-block {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .nav-tiles-block {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .nav-tiles-block {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .nav-tiles-block {
        --grid-gap: 2.5rem
    }
}

@media (min-width:35em) {
    .nav-tiles-block {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .nav-tiles-block {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .nav-tiles-block {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .nav-tiles-block {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

@media (min-width:48em) {
    .nav-tiles-block {
        padding-bottom: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .nav-tiles-block {
        padding-bottom: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .nav-tiles-block {
        padding-bottom: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .nav-tiles-block {
        padding-bottom: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .nav-tiles-block {
        padding-bottom: 12.5rem
    }
}

.nav-tiles-block--inverted {
    --nav-tiles-c: var(--c-b-white)
}

.nav-tiles-block .nav-tile {
    grid-column: 2/span 10
}

.nav-tiles-block .nav-tile__img {
    width: 69%;
    height: 62vw;
    transition: opacity var(--default-transition)
}

@media (min-width:48em) {
    .nav-tiles-block .nav-tile__img {
        width: auto;
        height: 40vw
    }
}

@media (min-width:87.5em) {
    .nav-tiles-block .nav-tile__img {
        height: 32vw
    }
}

@media (min-width:48em) {
    .nav-tiles-block .nav-tile {
        grid-column: 2/span 10;
        display: grid;
        grid-template-columns: 1fr 1fr
    }
}

@media (min-width:64em) {
    .nav-tiles-block .nav-tile {
        display: block;
        grid-template-columns: 1fr
    }

    .nav-tiles-block .nav-tile:first-child {
        grid-column: 1/span 8
    }

    .nav-tiles-block .nav-tile:nth-child(2) {
        grid-column: 9/span 8
    }

    .nav-tiles-block .nav-tile:nth-child(3) {
        grid-column: 17/span 8
    }
}

@media (min-width:48em) {
    .nav-tiles-block .text-tile {
        padding: 1.875rem 0 0 1.875rem
    }
}

@media (min-width:64em) {
    .nav-tiles-block .text-tile {
        padding: 1.875rem 0 0
    }
}

@media (min-width:48em) {
    .nav-tiles-block .nav-tile+.nav-tile {
        margin-top: 1.875rem
    }
}

@media (min-width:64em) {
    .nav-tiles-block .nav-tile+.nav-tile {
        margin-top: 0
    }
}

@media (min-width:64em) {
    .nav-tiles-block--2col .nav-tile:first-child {
        grid-column: 3/span 10
    }

    .nav-tiles-block--2col .nav-tile:nth-child(2) {
        grid-column: 13/span 10
    }
}

@media (min-width:48em) {
    .nav-tiles-block--2col .nav-tile__img {
        height: 46vw
    }
}

@media (min-width:87.5em) {
    .nav-tiles-block--2col .nav-tile__img {
        height: 38vw
    }
}

.portfolio-material-tile {
    position: relative;
    grid-column: span 6
}

@media (min-width:35em) {
    .portfolio-material-tile {
        grid-column: span 7
    }
}

@media (min-width:64em) {
    .portfolio-material-tile {
        grid-column: span 9
    }
}

.portfolio-material-tile__headline {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5
}

@media (min-width:64em) {
    .portfolio-material-tile__headline {
        font-size: clamp(1rem, 1.5625vw, 1.25rem);
        line-height: 1.5
    }
}

@media (min-width:87.5em) {
    .portfolio-material-tile__headline {
        font-size: clamp(1.25rem, 1.42857vw, 1.375rem);
        line-height: 1.4
    }
}

@media (min-width:118.75em) {
    .portfolio-material-tile__headline {
        font-size: clamp(1.375rem, 1.15789vw, 1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:150em) {
    .portfolio-material-tile__headline {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

.portfolio-material-tile__bodytext {
    padding-top: .625rem
}

.portfolio-material-tile__image {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%
}

.portfolio-material-tile__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

@media (min-width:64em) {
    .portfolio-material-tile__image {
        padding-bottom: 100%
    }
}

.portfolio-material-tile__text {
    padding-top: 1.25rem
}

.portfolio-media-tile {
    position: relative;
    display: flex;
    flex-direction: column
}

.portfolio-media-tile__image {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%
}

.portfolio-media-tile__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.portfolio-media-tile__text {
    padding-top: 1.25rem;
    box-sizing: border-box
}

.portfolio-media-tile__text h3 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5;
    margin-bottom: .625rem
}

@media (min-width:64em) {
    .portfolio-media-tile__text h3 {
        font-size: clamp(1rem, 1.5625vw, 1.25rem);
        line-height: 1.5
    }
}

@media (min-width:87.5em) {
    .portfolio-media-tile__text h3 {
        font-size: clamp(1.25rem, 1.42857vw, 1.375rem);
        line-height: 1.4
    }
}

@media (min-width:118.75em) {
    .portfolio-media-tile__text h3 {
        font-size: clamp(1.375rem, 1.15789vw, 1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:150em) {
    .portfolio-media-tile__text h3 {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

.portfolio-media-tile__text p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636
}

@media (min-width:118.75em) {
    .portfolio-media-tile__text p {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .portfolio-media-tile__text p {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.portfolio-media-tile__products li {
    display: block
}

.portfolio-media-tile__products a {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636;
    text-decoration: underline
}

@media (min-width:118.75em) {
    .portfolio-media-tile__products a {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .portfolio-media-tile__products a {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.portfolio-media-tile.is-tall {
    grid-column: span 6
}

@media (min-width:35em) {
    .portfolio-media-tile.is-tall {
        grid-column: span 5
    }

    .portfolio-media-tile.is-tall .portfolio-media-tile__image {
        padding-bottom: 142.82335498%
    }
}

@media (min-width:64em) {
    .portfolio-media-tile.is-tall {
        grid-column: span 6
    }

    .portfolio-media-tile.is-tall .portfolio-media-tile__image {
        padding-bottom: 154.01523185%
    }
}

.portfolio-media-tile.is-square {
    grid-column: span 6
}

.portfolio-media-tile.is-square .portfolio-media-tile__image {
    padding-bottom: 100%
}

@media (min-width:35em) {
    .portfolio-media-tile.is-square .portfolio-media-tile__image {
        padding-bottom: 117.62362997%
    }
}

@media (min-width:64em) {
    .portfolio-media-tile.is-square {
        grid-column: span 8
    }

    .portfolio-media-tile.is-square .portfolio-media-tile__image {
        padding-bottom: 113.0620985%
    }
}

.portfolio-media-tile.is-wide {
    grid-column: span 12
}

.portfolio-media-tile.is-wide .portfolio-media-tile__image {
    padding-bottom: 50%
}

@media (min-width:64em) {
    .portfolio-media-tile.is-wide {
        grid-column: span 15
    }

    .portfolio-media-tile.is-wide .portfolio-media-tile__image {
        padding-bottom: 58.83008357%
    }
}

.product-tile {
    position: relative
}

.product-tile:hover .product-tile__image {
    opacity: .8
}

.product-tile:hover .product-tile__link:before {
    right: 0
}

.product-tile__image {
    position: relative;
    height: 0;
    padding-bottom: 100%;
    display: block;
    transition: opacity var(--default-transition);
    width: 100%;
    background-color: var(--c-t-beige)
}

.product-tile__image .image {
    box-sizing: border-box;
    /*    padding: 15% 6%;*/
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden
}

.product-tile__image .image--full-horizontal {
    padding: 10% 2%
}

.product-tile__image .image--full-vertical {
    padding: 2%
}

.product-tile__image .image--scale-small {
    padding: 23% 18%
}

.product-tile__image .image--scale-medium {
    padding: 15% 12%
}

.product-tile__image .image--scale-large {
    /*    padding: 10% 6%*/
}

.product-tile__image .image .image__inner {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.product-tile__image .image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center
}

.product-tile__image .image.no-image {
    padding: 10% 6%
}

.product-tile__text {
    padding-top: 1.25rem
}

.product-tile__text sup {
    font-size: 75%;
    position: relative;
    top: -.3125rem
}

.product-tile__text * {
    min-height: 1em
}

.product-tile__text h3 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5;
    padding-bottom: 1.5625rem;
    min-height: 1em;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (min-width:64em) {
    .product-tile__text h3 {
        font-size: clamp(1rem, 1.5625vw, 1.25rem);
        line-height: 1.5
    }
}

@media (min-width:87.5em) {
    .product-tile__text h3 {
        font-size: clamp(1.25rem, 1.42857vw, 1.375rem);
        line-height: 1.4
    }
}

@media (min-width:118.75em) {
    .product-tile__text h3 {
        font-size: clamp(1.375rem, 1.15789vw, 1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:150em) {
    .product-tile__text h3 {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

.product-tile__text p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (min-width:118.75em) {
    .product-tile__text p {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .product-tile__text p {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.product-tile__text h5 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 1.375rem
}

@media (min-width:118.75em) {
    .product-tile__text h5 {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .product-tile__text h5 {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:118.75em) {
    .product-tile__text h5 {
        min-height: 1.5625rem
    }
}

@media (min-width:150em) {
    .product-tile__text h5 {
        min-height: 1.875rem
    }
}

.product-tile__text h6 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    color: var(--c-b-grey2);
    text-decoration: line-through;
    min-height: 1.375rem
}

@media (min-width:118.75em) {
    .product-tile__text h6 {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .product-tile__text h6 {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:118.75em) {
    .product-tile__text h6 {
        min-height: 1.5625rem
    }
}

@media (min-width:150em) {
    .product-tile__text h6 {
        min-height: 1.875rem
    }
}

.product-tile__link {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    padding-top: 2.1875rem;
    position: relative
}

@media (min-width:118.75em) {
    .product-tile__link {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .product-tile__link {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.product-tile__link:before {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 100%;
    height: .0625rem;
    background: currentColor;
    transition: right var(--default-transition)
}

.product-tile__link .icon {
    margin-right: .625rem
}

.product-tile__tag {
    position: absolute;
    top: .625rem;
    right: .625rem;
    display: inline-flex;
    padding: .375rem;
    font-size: .625rem;
    line-height: 1.2;
    font-weight: 600;
    background-color: var(--c-t-yellow)
}

.portfolio-product-tile {
    position: relative;
    grid-column: span 6
}

@media (min-width:35em) {
    .portfolio-product-tile {
        grid-column: span 7
    }
}

@media (min-width:64em) {
    .portfolio-product-tile {
        grid-column: span 9
    }
}

.portfolio-layout,
:root {
    --portfolio-tile-gap: 0.625rem
}

.portfolio-layout {
    padding: clamp(5.625rem, 24vw, 6.25rem) clamp(.625rem, 2.66667vw, 1.875rem)
}

@media (min-width:48em) {
    .portfolio-layout {
        padding-bottom: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .portfolio-layout {
        padding-bottom: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .portfolio-layout {
        padding-bottom: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .portfolio-layout {
        padding-bottom: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .portfolio-layout {
        padding-bottom: 12.5rem
    }
}

@media (min-width:48em) {
    .portfolio-layout {
        padding-top: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .portfolio-layout {
        padding-top: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .portfolio-layout {
        padding-top: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .portfolio-layout {
        padding-top: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .portfolio-layout {
        padding-top: 12.5rem
    }
}

@media (min-width:35em) {
    .portfolio-layout {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .portfolio-layout {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .portfolio-layout {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .portfolio-layout {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

@media (min-width:64em) {
    .portfolio-layout {
        --portfolio-tile-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .portfolio-layout {
        --portfolio-tile-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .portfolio-layout {
        --portfolio-tile-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .portfolio-layout {
        --portfolio-tile-gap: 2.5rem
    }
}

.portfolio-layout__header {
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr)
}

@media (min-width:64em) {
    .portfolio-layout__header {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .portfolio-layout__header {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .portfolio-layout__header {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .portfolio-layout__header {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .portfolio-layout__header {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .portfolio-layout__header {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .portfolio-layout__header {
        --grid-gap: 2.5rem
    }
}

.portfolio-layout__header .message-block {
    grid-column: 2/12
}

@media (min-width:64em) {
    .portfolio-layout__header .message-block {
        grid-area: 1/3/2/24
    }
}

.portfolio-layout__header__inner {
    position: relative;
    margin-bottom: 1.875rem;
    grid-column: 2/12
}

@media (min-width:64em) {
    .portfolio-layout__header__inner {
        grid-area: 1/3/2/24;
        margin-bottom: 3.125rem
    }
}

.portfolio-layout__header__inner h1 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.33333
}

@media (min-width:48em) {
    .portfolio-layout__header__inner h1 {
        font-size: 2.1875rem;
        line-height: 1.28571
    }
}

@media (min-width:64em) {
    .portfolio-layout__header__inner h1 {
        font-size: clamp(2.1875rem, 3.41797vw, 5rem);
        line-height: 1.28571
    }
}

@media (min-width:150em) {
    .portfolio-layout__header__inner h1 {
        font-size: 5rem;
        letter-spacing: -.0625rem;
        line-height: 1.1875
    }
}

.portfolio-layout__header__inner p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .portfolio-layout__header__inner p {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .portfolio-layout__header__inner p {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.portfolio-layout__header__inner .action-button {
    margin-top: 1.25rem;
    display: flex
}

.portfolio-layout__header__inner .basic-link {
    margin-top: 1.25rem;
    display: inline-block
}

@media (min-width:48em) {
    .portfolio-layout__header__inner .basic-link {
        margin-top: 0;
        position: absolute;
        right: 0;
        bottom: 0
    }
}

.portfolio-layout__wrapper {
    grid-column: 1/13;
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr);
    grid-row-gap: 1.875rem
}

@media (min-width:64em) {
    .portfolio-layout__wrapper {
        grid-area: 2/1/3/25;
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .portfolio-layout__wrapper {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .portfolio-layout__wrapper {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .portfolio-layout__wrapper {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .portfolio-layout__wrapper {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .portfolio-layout__wrapper {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .portfolio-layout__wrapper {
        --grid-gap: 2.5rem
    }
}

.portfolio-layout__wrapper .feature-small {
    grid-column: span 12;
    padding: 0
}

@media (min-width:64em) {
    .portfolio-layout__wrapper .feature-small {
        grid-column: span 24;
        padding: 0
    }
}

.portfolio-layout__wrapper>* {
    padding-bottom: .9375rem;
    border-bottom: .0625rem solid var(--c-b-grey3);
    margin-bottom: 2.8125rem
}

.portfolio-layout__wrapper>* .action-button,
.portfolio-layout__wrapper>* .action-menu {
    position: absolute
}

.portfolio-layout__wrapper>* .action-menu {
    top: .625rem;
    right: .625rem
}

.portfolio-layout__wrapper>* .action-menu .action {
    text-transform: none
}

.portfolio-layout__wrapper>* .action-menu .action .label {
    font-size: .75rem
}

.portfolio-layout__wrapper>* .action-button {
    z-index: 999;
    top: .625rem;
    right: .625rem;
    height: 2.0625rem;
    padding: .3125rem .8125rem;
    margin-top: 0 !important;
    transition: .25s ease;
    background-color: rgba(0, 0, 0, .3);
    font-size: .75rem
}

@media (min-width:64em) {
    .portfolio-layout__wrapper>* .action-button {
        opacity: 0
    }
}

@media (min-width:64em) {
    .portfolio-layout__wrapper>:hover .action-button {
        opacity: 1
    }
}

.spot-tile {
    position: relative;
    background-position: cover;
    min-height: 12.5rem;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    --spot-tile-c: var(--c-b-black);
    color: var(--spot-tile-c)
}

.spot-tile--inverted {
    --spot-tile-c: var(--c-b-white)
}

.spot-tile__image {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.spot-tile__content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 100% 1
}

.spot-tile__headline {
    margin-bottom: auto
}

.spot-tile__headline h1 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.33333
}

@media (min-width:48em) {
    .spot-tile__headline h1 {
        font-size: 2.1875rem;
        line-height: 1.28571
    }
}

@media (min-width:64em) {
    .spot-tile__headline h1 {
        font-size: clamp(2.1875rem, 3.41797vw, 5rem);
        line-height: 1.28571
    }
}

@media (min-width:150em) {
    .spot-tile__headline h1 {
        font-size: 5rem;
        letter-spacing: -.0625rem;
        line-height: 1.1875
    }
}

.spot-tile__headline h2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818
}

@media (min-width:64em) {
    .spot-tile__headline h2 {
        font-size: clamp(1.625rem, 2.53906vw, 3.75rem);
        line-height: 1.26923
    }
}

@media (min-width:150em) {
    .spot-tile__headline h2 {
        font-size: 3.75rem;
        letter-spacing: -.0625rem;
        line-height: 1.3
    }
}

.spot-tile__headline h3 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818
}

@media (min-width:64em) {
    .spot-tile__headline h3 {
        font-size: clamp(1.375rem, 2.14844vw, 1.75rem);
        line-height: 1.31818
    }
}

@media (min-width:87.5em) {
    .spot-tile__headline h3 {
        font-size: clamp(1.75rem, 2vw, 2rem);
        line-height: 1.28571
    }
}

@media (min-width:118.75em) {
    .spot-tile__headline h3 {
        font-size: clamp(2rem, 1.68421vw, 2.375rem);
        line-height: 1.3125
    }
}

@media (min-width:150em) {
    .spot-tile__headline h3 {
        font-size: 2.375rem;
        line-height: 1.28947
    }
}

.spot-tile__bodytext p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5625
}

@media (min-width:64em) {
    .spot-tile__bodytext p {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:118.75em) {
    .spot-tile__bodytext p {
        font-size: 1.25rem;
        line-height: 1.55
    }
}

@media (min-width:150em) {
    .spot-tile__bodytext p {
        font-size: 1.375rem;
        line-height: 1.54545
    }
}

.spot-tile--linear {
    padding: 0
}

.spot-tile--linear .spot-tile__image {
    flex: 0 1;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    height: 0;
    padding-bottom: 100%
}

@media (min-width:64em) {
    .spot-tile--linear .spot-tile__image {
        padding-bottom: 48.463%
    }
}

.spot-tile--linear .spot-tile__image .media-focal {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: 100%
}

@media (min-width:64em) {
    .spot-tile--linear .spot-tile__image .media-focal {
        padding-bottom: 48.463%
    }
}

.spot-tile--linear .spot-tile__image .media-focal img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.spot-tile--linear .spot-tile__content {
    margin-top: 1.5625rem;
    flex-direction: row;
    flex: 1 1 20%;
    display: block
}

@media (min-width:64em) {
    .spot-tile--linear .spot-tile__content {
        display: flex
    }
}

.spot-tile--linear .spot-tile__headline {
    flex: 0 0 40%
}

.spot-tile--linear .spot-tile__bodytext {
    margin-top: 1.5625rem;
    flex: 0 0 50%
}

.spot-tile--linear .spot-tile__bodytext p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .spot-tile--linear .spot-tile__bodytext p {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .spot-tile--linear .spot-tile__bodytext p {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:64em) {
    .spot-tile--linear .spot-tile__bodytext {
        margin-top: 0
    }
}

.carousel {
    --carousel-bgc: transparent;
    background: var(--carousel-bgc);
    --carousel-c: var(--c-b-black);
    color: var(--carousel-c)
}

.carousel--inverted {
    --carousel-c: var(--c-b-white)
}

.carousel--has-bgcolor {
    padding-top: clamp(5.625rem, 24vw, 6.25rem)
}

@media (min-width:48em) {
    .carousel--has-bgcolor {
        padding-top: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .carousel--has-bgcolor {
        padding-top: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .carousel--has-bgcolor {
        padding-top: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .carousel--has-bgcolor {
        padding-top: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .carousel--has-bgcolor {
        padding-top: 12.5rem
    }
}

.carousel__header {
    padding-left: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-right: clamp(.625rem, 2.66667vw, 1.875rem);
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr);
    position: relative;
    justify-content: space-between;
    align-items: center;
    height: auto;
    margin-bottom: 2.5rem
}

@media (min-width:35em) {
    .carousel__header {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .carousel__header {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .carousel__header {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .carousel__header {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

@media (min-width:64em) {
    .carousel__header {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .carousel__header {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .carousel__header {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .carousel__header {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .carousel__header {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .carousel__header {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .carousel__header {
        --grid-gap: 2.5rem
    }
}

.carousel__headline {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818;
    grid-column: 2/span 10
}

@media (min-width:64em) {
    .carousel__headline {
        font-size: clamp(1.375rem, 2.14844vw, 1.75rem);
        line-height: 1.31818
    }
}

@media (min-width:87.5em) {
    .carousel__headline {
        font-size: clamp(1.75rem, 2vw, 2rem);
        line-height: 1.28571
    }
}

@media (min-width:118.75em) {
    .carousel__headline {
        font-size: clamp(2rem, 1.68421vw, 2.375rem);
        line-height: 1.3125
    }
}

@media (min-width:150em) {
    .carousel__headline {
        font-size: 2.375rem;
        line-height: 1.28947
    }
}

@media (min-width:48em) {
    .carousel__headline {
        grid-column: 2/span 7
    }
}

@media (min-width:64em) {
    .carousel__headline {
        grid-column: 3/span 18
    }
}

.carousel__bodytext {
    margin-top: .9375rem;
    grid-area: 2/2/span 1/span 7
}

@media (min-width:48em) {
    .carousel__bodytext {
        grid-area: 2/2/span 1/span 7
    }
}

@media (min-width:64em) {
    .carousel__bodytext {
        grid-area: 2/3/span 1/span 10
    }
}

.carousel__footer {
    padding-left: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-right: clamp(.625rem, 2.66667vw, 1.875rem)
}

@media (min-width:35em) {
    .carousel__footer {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .carousel__footer {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .carousel__footer {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .carousel__footer {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

.carousel__nav {
    display: none;
    grid-column: 2/span 10;
    grid-row: 3;
    padding: 1.25rem 0
}

@media (min-width:48em) {
    .carousel__nav {
        grid-row: 1;
        padding: 0;
        display: block;
        justify-self: end;
        grid-column: 9/span 4
    }
}

@media (min-width:64em) {
    .carousel__nav {
        grid-column: 21/span 4
    }
}

.carousel__next,
.carousel__prev {
    font-size: 2.125rem;
    line-height: 1;
    display: inline-flex;
    z-index: 10;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    transition: all var(--default-transition)
}

.carousel__next.is-disabled,
.carousel__prev.is-disabled {
    cursor: default;
    opacity: .5
}

@media (min-width:48em) {

    .carousel__next,
    .carousel__prev {
        padding: .3125rem .4375rem
    }
}

.carousel__next:not(.is-disabled):hover,
.carousel__prev:not(.is-disabled):hover {
    transform: translateX(.5rem)
}

.carousel__next svg,
.carousel__prev svg {
    height: 1.875rem;
    width: 1.875rem
}

.carousel__prev svg {
    transform-origin: center;
    transform: rotate(180deg)
}

.carousel__prev:not(.is-disabled):hover {
    transform: translateX(-.5rem)
}

.test-carousel__slide {
    padding: 6.25rem 1.875rem;
    background-color: #eee;
    width: 70%
}

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

@media (min-width:9.375em) {
    .test-carousel__slide:not(:last-child) {
        margin-right: .625rem
    }
}

@media (min-width:35em) {
    .test-carousel__slide:not(:last-child) {
        margin-right: 1.25rem
    }
}

@media (min-width:64em) {
    .test-carousel__slide:not(:last-child) {
        margin-right: 1.25rem
    }
}

@media (min-width:87.5em) {
    .test-carousel__slide:not(:last-child) {
        margin-right: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .test-carousel__slide:not(:last-child) {
        margin-right: 1.875rem
    }
}

@media (min-width:150em) {
    .test-carousel__slide:not(:last-child) {
        margin-right: 2.5rem
    }
}

@media (min-width:64em) {
    .test-carousel__slide {
        width: 40%
    }
}

@media (min-width:118.75em) {
    .test-carousel__slide {
        width: 30%
    }
}

.test-carousel__slide h3 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818
}

@media (min-width:64em) {
    .test-carousel__slide h3 {
        font-size: clamp(1.375rem, 2.14844vw, 1.75rem);
        line-height: 1.31818
    }
}

@media (min-width:87.5em) {
    .test-carousel__slide h3 {
        font-size: clamp(1.75rem, 2vw, 2rem);
        line-height: 1.28571
    }
}

@media (min-width:118.75em) {
    .test-carousel__slide h3 {
        font-size: clamp(2rem, 1.68421vw, 2.375rem);
        line-height: 1.3125
    }
}

@media (min-width:150em) {
    .test-carousel__slide h3 {
        font-size: 2.375rem;
        line-height: 1.28947
    }
}

.test-carousel__slide p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .test-carousel__slide p {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .test-carousel__slide p {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.test-carousel__slide.lars {
    background-color: beige
}

.test-carousel__slide.mads {
    background-color: pink
}

.inspiration-slider {
    padding-bottom: clamp(5.625rem, 24vw, 6.25rem)
}

@media (min-width:48em) {
    .inspiration-slider {
        padding-bottom: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .inspiration-slider {
        padding-bottom: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .inspiration-slider {
        padding-bottom: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .inspiration-slider {
        padding-bottom: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .inspiration-slider {
        padding-bottom: 12.5rem
    }
}

.inspiration-slider__img {
    height: 0;
    padding-bottom: 100%;
    position: relative
}

.inspiration-slider__slide {
    width: 60%
}

@media (min-width:48em) {
    .inspiration-slider__slide:nth-child(4n+1) {
        width: 53%
    }
}

@media (min-width:64em) {
    .inspiration-slider__slide:nth-child(4n+1) {
        width: 37.15%
    }
}

@media (min-width:48em) {

    .inspiration-slider__slide:nth-child(4n+2),
    .inspiration-slider__slide:nth-child(4n+4) {
        width: 29.2%
    }
}

@media (min-width:64em) {

    .inspiration-slider__slide:nth-child(4n+2),
    .inspiration-slider__slide:nth-child(4n+4) {
        width: 21.6%
    }
}

@media (min-width:48em) {
    .inspiration-slider__slide:nth-child(4n+3) {
        width: 41.1%
    }
}

@media (min-width:64em) {
    .inspiration-slider__slide:nth-child(4n+3) {
        width: 31.1%
    }
}

.inspiration-slider__slide .media-focal {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

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

@media (min-width:9.375em) {
    .inspiration-slider__slide:not(:last-child) {
        margin-right: .625rem
    }
}

@media (min-width:35em) {
    .inspiration-slider__slide:not(:last-child) {
        margin-right: 1.25rem
    }
}

@media (min-width:64em) {
    .inspiration-slider__slide:not(:last-child) {
        margin-right: 1.25rem
    }
}

@media (min-width:87.5em) {
    .inspiration-slider__slide:not(:last-child) {
        margin-right: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .inspiration-slider__slide:not(:last-child) {
        margin-right: 1.875rem
    }
}

@media (min-width:150em) {
    .inspiration-slider__slide:not(:last-child) {
        margin-right: 2.5rem
    }
}

.inspiration-slider .swiper-container {
    box-sizing: border-box;
    padding-left: 2vw
}

@media (min-width:35em) {
    .inspiration-slider .swiper-container {
        padding-left: 13vw
    }
}

@media (min-width:48em) {
    .inspiration-slider .swiper-container {
        padding-left: 12vw
    }
}

@media (min-width:64em) {
    .inspiration-slider .swiper-container {
        padding-left: 11vw
    }
}

@media (min-width:72.5em) {
    .inspiration-slider .swiper-container {
        padding-right: clamp(.625rem, 2.66667vw, 1.875rem);
        padding-left: 0
    }
}

@media (min-width:72.5em) and (min-width:35em) {
    .inspiration-slider .swiper-container {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:72.5em) and (min-width:87.5em) {
    .inspiration-slider .swiper-container {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:72.5em) and (min-width:118.75em) {
    .inspiration-slider .swiper-container {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:72.5em) and (min-width:150em) {
    .inspiration-slider .swiper-container {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

.inspiration-slider .carousel__footer {
    padding-left: 2vw
}

@media (min-width:35em) {
    .inspiration-slider .carousel__footer {
        padding-left: 13vw
    }
}

@media (min-width:48em) {
    .inspiration-slider .carousel__footer {
        padding-left: 12vw
    }
}

@media (min-width:64em) {
    .inspiration-slider .carousel__footer {
        padding-left: 11vw
    }
}

@media (min-width:72.5em) {
    .inspiration-slider .carousel__footer {
        padding-right: clamp(.625rem, 2.66667vw, 1.875rem);
        padding-left: 0
    }
}

@media (min-width:72.5em) and (min-width:35em) {
    .inspiration-slider .carousel__footer {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:72.5em) and (min-width:87.5em) {
    .inspiration-slider .carousel__footer {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:72.5em) and (min-width:118.75em) {
    .inspiration-slider .carousel__footer {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:72.5em) and (min-width:150em) {
    .inspiration-slider .carousel__footer {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

.inspiration-slider .carousel__header {
    height: auto;
    margin-bottom: 0
}

@media (min-width:48em) {
    .inspiration-slider .carousel__header {
        margin-bottom: 2.5rem
    }
}

.inspiration-slider .carousel__header .carousel__headline {
    grid-column: 2/span 7
}

@media (min-width:64em) {
    .inspiration-slider .carousel__header .carousel__headline {
        grid-column: 3/span 12
    }
}

.inspiration-slider .carousel__header .carousel__nav {
    display: block
}

.inspiration-slider .carousel__header .carousel__nav .carousel__next {
    padding: .625rem 0 .625rem .625rem
}

@media (min-width:48em) {
    .inspiration-slider .carousel__header .carousel__nav .carousel__next {
        padding: .3125rem .625rem
    }
}

.inspiration-slider .carousel__header .carousel__nav+.carousel__bodytext {
    padding-bottom: 3.125rem
}

.inspiration-slider .nav-button {
    margin-top: 1.25rem
}

.inspiration-slider .nav-button span {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.18182
}

.product-tiles-slider {
    padding-bottom: clamp(5.625rem, 24vw, 6.25rem)
}

@media (min-width:48em) {
    .product-tiles-slider {
        padding-bottom: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .product-tiles-slider {
        padding-bottom: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .product-tiles-slider {
        padding-bottom: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .product-tiles-slider {
        padding-bottom: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .product-tiles-slider {
        padding-bottom: 12.5rem
    }
}

.product-tiles-slider__slide {
    width: 70%;
    border-bottom: .1px solid var(--c-b-grey3)
}

.product-tiles-slider__slide:not(:last-child) {
    margin-right: .625rem
}

@media (min-width:9.375em) {
    .product-tiles-slider__slide:not(:last-child) {
        margin-right: .625rem
    }
}

@media (min-width:35em) {
    .product-tiles-slider__slide:not(:last-child) {
        margin-right: 1.25rem
    }
}

@media (min-width:64em) {
    .product-tiles-slider__slide:not(:last-child) {
        margin-right: 1.25rem
    }
}

@media (min-width:87.5em) {
    .product-tiles-slider__slide:not(:last-child) {
        margin-right: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .product-tiles-slider__slide:not(:last-child) {
        margin-right: 1.875rem
    }
}

@media (min-width:150em) {
    .product-tiles-slider__slide:not(:last-child) {
        margin-right: 2.5rem
    }
}

@media (min-width:48em) {
    .product-tiles-slider__slide {
        width: 37.1%
    }
}

@media (min-width:64em) {
    .product-tiles-slider__slide {
        width: 21.6%
    }
}

.product-tiles-slider__slide .product-tile {
    margin-bottom: 1.25rem
}

.product-tiles-slider .product-tile__image {
    height: 0;
    position: relative;
    padding-bottom: 100%
}

.product-tiles-slider .image {
    position: absolute;
    top: 0;
    left: 0
}

.product-tiles-slider .swiper-container {
    padding-bottom: 1.875rem;
    box-sizing: border-box;
    padding-left: 2vw
}

@media (min-width:35em) {
    .product-tiles-slider .swiper-container {
        padding-left: 13vw
    }
}

@media (min-width:72.5em) {
    .product-tiles-slider .swiper-container {
        padding-left: 12.5vw
    }
}

@media (min-width:118.75em) {
    .product-tiles-slider .swiper-container {
        padding-left: 14.5vw
    }
}

@media (min-width:150em) {
    .product-tiles-slider .swiper-container {
        padding-left: 16vw
    }
}

.product-tiles-slider .carousel__header {
    height: auto;
    margin-bottom: 0
}

@media (min-width:48em) {
    .product-tiles-slider .carousel__header {
        margin-bottom: 2.5rem
    }
}

.product-tiles-slider .carousel__header .carousel__nav {
    display: block
}

.product-tiles-slider .carousel__header .carousel__nav .carousel__next {
    padding: .625rem 0 .625rem .625rem
}

@media (min-width:48em) {
    .product-tiles-slider .carousel__header .carousel__nav .carousel__next {
        padding: .3125rem .625rem
    }
}

.nav-tiles-slider {
    padding-bottom: clamp(5.625rem, 24vw, 6.25rem)
}

@media (min-width:48em) {
    .nav-tiles-slider {
        padding-bottom: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .nav-tiles-slider {
        padding-bottom: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .nav-tiles-slider {
        padding-bottom: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .nav-tiles-slider {
        padding-bottom: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .nav-tiles-slider {
        padding-bottom: 12.5rem
    }
}

@media (min-width:64em) {
    .nav-tiles-slider .nav-button--outlined {
        margin-left: 0
    }
}

@media (min-width:48em) {
    .nav-tiles-slider .nav-button--outlined {
        margin-top: 3.75rem
    }
}

.nav-tiles-slider .swiper-container {
    padding-bottom: 1.875rem;
    box-sizing: border-box;
    padding-left: 2vw
}

@media (min-width:35em) {
    .nav-tiles-slider .swiper-container {
        padding-left: 13vw
    }
}

@media (min-width:64em) {
    .nav-tiles-slider .swiper-container {
        padding-left: 12.5vw
    }
}

@media (min-width:118.75em) {
    .nav-tiles-slider .swiper-container {
        padding-left: 14.5vw
    }
}

@media (min-width:150em) {
    .nav-tiles-slider .swiper-container {
        padding-left: 16vw
    }
}

.nav-tiles-slider .carousel__footer {
    padding-left: 2vw
}

@media (min-width:35em) {
    .nav-tiles-slider .carousel__footer {
        padding-left: 13vw
    }
}

@media (min-width:64em) {
    .nav-tiles-slider .carousel__footer {
        padding-left: 12.5vw
    }
}

@media (min-width:118.75em) {
    .nav-tiles-slider .carousel__footer {
        padding-left: 14.5vw
    }
}

@media (min-width:150em) {
    .nav-tiles-slider .carousel__footer {
        padding-left: 16vw
    }
}

.nav-tiles-slider__slide {
    width: 71.7%
}

.nav-tiles-slider__slide:not(:last-child) {
    margin-right: .625rem
}

@media (min-width:9.375em) {
    .nav-tiles-slider__slide:not(:last-child) {
        margin-right: .625rem
    }
}

@media (min-width:35em) {
    .nav-tiles-slider__slide:not(:last-child) {
        margin-right: 1.25rem
    }
}

@media (min-width:64em) {
    .nav-tiles-slider__slide:not(:last-child) {
        margin-right: 1.25rem
    }
}

@media (min-width:87.5em) {
    .nav-tiles-slider__slide:not(:last-child) {
        margin-right: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .nav-tiles-slider__slide:not(:last-child) {
        margin-right: 1.875rem
    }
}

@media (min-width:150em) {
    .nav-tiles-slider__slide:not(:last-child) {
        margin-right: 2.5rem
    }
}

@media (min-width:48em) {
    .nav-tiles-slider__slide {
        width: 44%
    }
}

@media (min-width:48em) {
    .nav-tiles-slider__slide .nav-tile {
        grid-template-columns: 1fr
    }
}

.nav-tiles-slider__slide .nav-tile__img {
    position: relative;
    height: 0;
    padding-bottom: 100%
}

.nav-tiles-slider__slide .text-tile__headline h2,
.nav-tiles-slider__slide .text-tile__headline h3 {
    padding-left: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5
}

@media (min-width:64em) {

    .nav-tiles-slider__slide .text-tile__headline h2,
    .nav-tiles-slider__slide .text-tile__headline h3 {
        font-size: clamp(1rem, 1.5625vw, 1.25rem);
        line-height: 1.5
    }
}

@media (min-width:87.5em) {

    .nav-tiles-slider__slide .text-tile__headline h2,
    .nav-tiles-slider__slide .text-tile__headline h3 {
        font-size: clamp(1.25rem, 1.42857vw, 1.375rem);
        line-height: 1.4
    }
}

@media (min-width:118.75em) {

    .nav-tiles-slider__slide .text-tile__headline h2,
    .nav-tiles-slider__slide .text-tile__headline h3 {
        font-size: clamp(1.375rem, 1.15789vw, 1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:150em) {

    .nav-tiles-slider__slide .text-tile__headline h2,
    .nav-tiles-slider__slide .text-tile__headline h3 {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

.nav-tiles-slider__slide .text-tile__bodytext p,
.nav-tiles-slider__slide .text-tile__contact,
.nav-tiles-slider__slide .text-tile__link {
    padding-left: 0
}

.nav-tiles-slider .carousel__header {
    grid-column: 1/span 12
}

@media (min-width:64em) {
    .nav-tiles-slider .carousel__header {
        grid-column: 1/span 24
    }
}

.nav-tiles-slider--compact .nav-tiles-slider__slide {
    width: 62%
}

@media (min-width:48em) {
    .nav-tiles-slider--compact .nav-tiles-slider__slide {
        width: 37.1%
    }
}

@media (min-width:64em) {
    .nav-tiles-slider--compact .nav-tiles-slider__slide {
        width: 24.5%
    }
}

.nav-tiles-slider--compact .nav-tile__img {
    height: 68vw;
    padding-bottom: 0
}

@media (min-width:48em) {
    .nav-tiles-slider--compact .nav-tile__img {
        height: 48vw
    }
}

@media (min-width:64em) {
    .nav-tiles-slider--compact .nav-tile__img {
        height: 28vw
    }
}

.nav-tiles-slider--compact .nav-tile .media-focal__image {
    position: static
}

.product-filters-visual__title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5;
    margin-bottom: 1.25rem
}

@media (min-width:64em) {
    .product-filters-visual__title {
        font-size: clamp(1rem, 1.5625vw, 1.25rem);
        line-height: 1.5
    }
}

@media (min-width:87.5em) {
    .product-filters-visual__title {
        font-size: clamp(1.25rem, 1.42857vw, 1.375rem);
        line-height: 1.4
    }
}

@media (min-width:118.75em) {
    .product-filters-visual__title {
        font-size: clamp(1.375rem, 1.15789vw, 1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:150em) {
    .product-filters-visual__title {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

@media (min-width:48em) {
    .product-filters-visual__title {
        margin-bottom: 1.875rem
    }
}

.product-filters-visual__slide {
    margin-right: .625rem;
    width: 27%
}

@media (min-width:9.375em) {
    .product-filters-visual__slide {
        margin-right: .625rem
    }
}

@media (min-width:35em) {
    .product-filters-visual__slide {
        margin-right: 1.25rem
    }
}

@media (min-width:64em) {
    .product-filters-visual__slide {
        margin-right: 1.25rem
    }
}

@media (min-width:87.5em) {
    .product-filters-visual__slide {
        margin-right: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .product-filters-visual__slide {
        margin-right: 1.875rem
    }
}

@media (min-width:150em) {
    .product-filters-visual__slide {
        margin-right: 2.5rem
    }
}

@media (min-width:48em) {
    .product-filters-visual__slide {
        width: 17%
    }
}

@media (min-width:64em) {
    .product-filters-visual__slide {
        width: 12%
    }
}

@media (min-width:87.5em) {
    .product-filters-visual__slide {
        width: 10%
    }
}

@media (min-width:118.75em) {
    .product-filters-visual__slide {
        width: 8%
    }
}

.product-filters-visual__filter-wrapper {
    height: 0;
    padding-bottom: 100%;
    position: relative
}

.product-filters-visual__filter {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    position: absolute;
    width: 100%;
    cursor: pointer;
    top: 0;
    bottom: 0;
    border: 1px solid var(--c-s-border);
    transition: border .2s
}

.product-filters-visual__filter--active {
    border: 1px solid var(--c-b-black)
}

.product-filters-visual__filter--disabled {
    opacity: .2;
    pointer-events: none
}

.product-filters-visual__label {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.18182;
    display: none
}

@media (min-width:48em) {
    .product-filters-visual__label {
        display: block;
        align-self: end;
        padding-left: .75rem
    }
}

.product-filters-visual__image {
    width: 60%;
    height: 60%
}

.product-filters-block {
    display: flex;
    justify-content: space-between
}

.product-filters-block ul {
    display: flex
}

@media (min-width:48em) {
    .product-filters-block ul {
        margin-left: -.625rem;
        margin-right: -.625rem
    }
}

@media (min-width:64em) {
    .product-filters-block ul li {
        margin-right: .625rem
    }
}

.product-filters-block p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    margin-left: .625rem;
    margin-right: .625rem
}

@media (min-width:118.75em) {
    .product-filters-block p {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .product-filters-block p {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.product-filters-block__button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636;
    display: inline-flex;
    white-space: nowrap;
    align-items: center;
    justify-content: center;
    font-weight: 500
}

@media (min-width:118.75em) {
    .product-filters-block__button {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .product-filters-block__button {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.product-filters-block__button span+span {
    margin-left: .625rem
}

.product-filters-block__button .text {
    text-decoration: underline
}

.product-filters-block__button.is-disabled {
    opacity: .8
}

.product-filters-block__button.is-disabled .text {
    text-decoration: none
}

@media (min-width:48em) {
    .product-filters-block__button {
        padding: 0 .625rem
    }
}

.product-filters-block__button.is-active {
    color: var(--c-b-white);
    background-color: var(--c-b-black);
    text-decoration: none
}

.product-filters-block__select {
    flex: 0 1 10%;
    margin-left: auto;
    display: flex;
    justify-content: flex-end;
    font-weight: 500
}

.product-filters-block__select select,
.product-filters-block__select span {
    font-size: .8125rem;
    line-height: 1.4;
    font-weight: 500;
    text-transform: none
}

.product-filters-block__select select {
    text-decoration: underline
}

.product-list {
    padding-left: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-right: clamp(.625rem, 2.66667vw, 1.875rem)
}

@media (min-width:35em) {
    .product-list {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .product-list {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .product-list {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .product-list {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

.product-list .product-filters-visual {
    margin-bottom: 3.125rem
}

@media (min-width:48em) {
    .product-list .product-filters-visual {
        margin-bottom: 3.75rem
    }
}

.product-list__tools {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: .0625rem solid var(--c-b-grey3);
    padding-bottom: 1.25rem;
    margin-bottom: 1.25rem
}

.product-list__tools .select,
.product-list__tools .select__selector {
    font-size: .6875rem;
    margin: 0
}

@media (min-width:64em) {
    .product-list__tools {
        padding-bottom: 1.875rem;
        margin-bottom: 2.1875rem
    }
}

.product-list__sort {
    font-weight: 500
}

.product-list--empty {
    min-height: 70vh
}

.product-list__paging {
    margin: 1.25rem 0;
    text-align: center
}

@media (min-width:35em) {
    .product-list__tiles {
        --grid-gap: 0.625rem;
        --grid-cells: 12;
        display: grid;
        grid-column-gap: var(--grid-gap);
        column-gap: var(--grid-gap);
        grid-template-columns: repeat(var(--grid-cells), 1fr)
    }
}

@media (min-width:35em) and (min-width:64em) {
    .product-list__tiles {
        --grid-cells: 24
    }
}

@media (min-width:35em) and (min-width:9.375em) {
    .product-list__tiles {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) and (min-width:35em) {
    .product-list__tiles {
        --grid-gap: 1.25rem
    }
}

@media (min-width:35em) and (min-width:64em) {
    .product-list__tiles {
        --grid-gap: 1.25rem
    }
}

@media (min-width:35em) and (min-width:87.5em) {
    .product-list__tiles {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:35em) and (min-width:118.75em) {
    .product-list__tiles {
        --grid-gap: 1.875rem
    }
}

@media (min-width:35em) and (min-width:150em) {
    .product-list__tiles {
        --grid-gap: 2.5rem
    }
}

.product-list__tiles .spot-tile {
    border-bottom: .0625rem solid var(--c-b-grey3);
    padding-bottom: 1.25rem;
    margin-bottom: 3.75rem
}

@media (min-width:35em) {
    .product-list__tiles .spot-tile {
        grid-column: span 6
    }
}

@media (min-width:64em) {
    .product-list__tiles .spot-tile {
        grid-column: span 16
    }
}

.product-list__tiles .swiper-container {
    padding: 0 0 3.75rem
}

.product-list__tile {
    border-bottom: .0625rem solid var(--c-b-grey3);
    padding-bottom: 1.25rem;
    margin-bottom: 3.75rem
}

@media (min-width:35em) {
    .product-list__tile {
        grid-column: span 6
    }
}

@media (min-width:64em) {
    .product-list__tile {
        grid-column: span 8
    }
}

.product-series-tile {
    display: flex;
    flex-direction: column
}

.product-series-tile__img {
    height: 0;
    padding-bottom: 100%;
    position: relative
}

.product-series-tile .media-focal__image {
    position: static
}

.product-series-tile__text {
    margin-top: 1.25rem
}

.product-series-tile sup {
    font-size: 75%;
    position: relative;
    top: -.3125rem
}

.product-series-tile h3 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5
}

@media (min-width:64em) {
    .product-series-tile h3 {
        font-size: clamp(1rem, 1.5625vw, 1.25rem);
        line-height: 1.5
    }
}

@media (min-width:87.5em) {
    .product-series-tile h3 {
        font-size: clamp(1.25rem, 1.42857vw, 1.375rem);
        line-height: 1.4
    }
}

@media (min-width:118.75em) {
    .product-series-tile h3 {
        font-size: clamp(1.375rem, 1.15789vw, 1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:150em) {
    .product-series-tile h3 {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

.product-series-slider {
    padding-bottom: clamp(5.625rem, 24vw, 6.25rem)
}

@media (min-width:48em) {
    .product-series-slider {
        padding-bottom: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .product-series-slider {
        padding-bottom: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .product-series-slider {
        padding-bottom: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .product-series-slider {
        padding-bottom: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .product-series-slider {
        padding-bottom: 12.5rem
    }
}

.product-series-slider .swiper-container {
    display: flex;
    box-sizing: border-box;
    padding-left: 2vw
}

@media (min-width:35em) {
    .product-series-slider .swiper-container {
        padding-left: 13vw
    }
}

@media (min-width:48em) {
    .product-series-slider .swiper-container {
        padding-left: 12vw
    }
}

@media (min-width:64em) {
    .product-series-slider .swiper-container {
        padding-left: 11vw
    }
}

@media (min-width:72.5em) {
    .product-series-slider .swiper-container {
        padding-right: clamp(.625rem, 2.66667vw, 1.875rem);
        padding-left: 0
    }
}

@media (min-width:72.5em) and (min-width:35em) {
    .product-series-slider .swiper-container {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:72.5em) and (min-width:87.5em) {
    .product-series-slider .swiper-container {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:72.5em) and (min-width:118.75em) {
    .product-series-slider .swiper-container {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:72.5em) and (min-width:150em) {
    .product-series-slider .swiper-container {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

.product-series-slider__slide {
    width: 37.3%;
    margin-right: .625rem
}

@media (min-width:9.375em) {
    .product-series-slider__slide {
        margin-right: .625rem
    }
}

@media (min-width:35em) {
    .product-series-slider__slide {
        margin-right: 1.25rem
    }
}

@media (min-width:64em) {
    .product-series-slider__slide {
        margin-right: 1.25rem
    }
}

@media (min-width:87.5em) {
    .product-series-slider__slide {
        margin-right: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .product-series-slider__slide {
        margin-right: 1.875rem
    }
}

@media (min-width:150em) {
    .product-series-slider__slide {
        margin-right: 2.5rem
    }
}

@media (min-width:48em) {
    .product-series-slider__slide {
        width: 23.1%
    }
}

@media (min-width:64em) {
    .product-series-slider__slide:nth-child(n+5) {
        display: none
    }
}

.product-series-slider .product-series-tile__img {
    width: 100%;
    position: relative;
    height: 0;
    padding-bottom: 100%
}

.product-series-slider .carousel__nav {
    visibility: visible
}

@media (min-width:64em) {
    .product-series-slider .carousel__nav {
        visibility: hidden
    }
}

@media (min-width:48em) {
    .product-series-slider__show-more {
        width: 20%
    }
}

.product-series-slider__link {
    padding-bottom: 100%;
    position: relative;
    display: flex
}

@media (min-width:64em) {
    .product-series-slider__link {
        height: 1.875rem
    }
}

@media (min-width:72.5em) {
    .product-series-slider__link {
        height: 2.5rem
    }
}

@media (min-width:118.75em) {
    .product-series-slider__link {
        height: 3.4375rem
    }
}

.product-series-slider__expand {
    text-decoration: underline;
    display: none;
    font-size: .75rem;
    margin-left: 1.5625rem;
    white-space: nowrap;
    align-items: center
}

@media (min-width:64em) {
    .product-series-slider__expand {
        position: absolute;
        display: inline-flex;
        top: 0;
        bottom: 0
    }
}

.product-series-slider__expand .svg-icon {
    margin-right: .625rem
}

.product-series-slider.is-expanded .carousel__nav {
    visibility: visible
}

.product-series-slider.is-expanded .product-series-slider__slide {
    width: 19.2%
}

.product-series-slider.is-expanded .product-series-slider__slide:nth-child(n+5) {
    width: 19.2%;
    display: block
}

.tag-list-button {
    --tag-c: var(--c-b-black);
    --tag-bgc: transparent;
    border: .0625rem solid var(--c-b-black);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: .625rem;
    min-width: 30vw;
    height: 2.8125rem;
    transition: all var(--default-transition);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .8125rem;
    line-height: 1.375rem;
    text-transform: uppercase;
    color: var(--tag-c);
    background: var(--tag-bgc)
}

@media (min-width:23.4375em) {
    .tag-list-button {
        min-width: 22vw
    }
}

@media (min-width:35em) {
    .tag-list-button {
        min-width: 15vw
    }
}

@media (min-width:64em) {
    .tag-list-button {
        padding: .6875rem 1.375rem;
        min-width: 0
    }
}

.tag-list-button span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    display: inline-block
}

.tag-list-button.is-active {
    --tag-bgc: var(--c-b-black);
    --tag-c: var(--c-b-white)
}

.tag-list {
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr);
    padding-left: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-right: clamp(.625rem, 2.66667vw, 1.875rem);
    margin-bottom: 2.5rem
}

@media (min-width:64em) {
    .tag-list {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .tag-list {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .tag-list {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .tag-list {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .tag-list {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .tag-list {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .tag-list {
        --grid-gap: 2.5rem
    }
}

@media (min-width:35em) {
    .tag-list {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .tag-list {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .tag-list {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .tag-list {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

.tag-list__inner {
    grid-column: 2/13;
    width: calc(100% + .625rem);
    margin-right: -.625rem
}

@media (min-width:35em) {
    .tag-list__inner {
        width: calc(100% + clamp(1.875rem, 5.35714vw, 3.75rem));
        margin-right: calc(clamp(1.875rem, 5.35714vw, 3.75rem)*-1)
    }
}

@media (min-width:87.5em) {
    .tag-list__inner {
        width: calc(100% + clamp(3.75rem, 4.28571vw, 8.75rem));
        margin-right: calc(clamp(3.75rem, 4.28571vw, 8.75rem)*-1)
    }
}

@media (min-width:118.75em) {
    .tag-list__inner {
        width: calc(100% + clamp(8.75rem, 7.36842vw, 13.75rem));
        margin-right: calc(clamp(8.75rem, 7.36842vw, 13.75rem)*-1)
    }
}

@media (min-width:150em) {
    .tag-list__inner {
        width: calc(100% + 13.75rem);
        margin-right: -13.75rem
    }
}

@media (min-width:64em) {
    .tag-list__inner {
        display: flex;
        margin-left: 0;
        justify-content: center;
        width: 100%;
        grid-column: 5/21
    }
}

.tag-list__label {
    display: inline-flex;
    margin-right: 1.25rem;
    padding-top: .9375rem;
    margin-bottom: .625rem
}

.tag-list__label,
.tag-list__label p {
    white-space: nowrap
}

@media (min-width:64em) {
    .tag-list__label {
        margin-bottom: 0
    }
}

.tag-list__item {
    display: inline-flex;
    margin-right: .625rem
}

@media (min-width:64em) {
    .tag-list__item {
        margin-bottom: .625rem
    }
}

@media (min-width:64em) {
    .tag-list__item:nth-child(n+4) {
        display: none
    }
}

@media (min-width:64em) {
    .tag-list__item:last-child {
        display: inline-flex
    }
}

.tag-list ul {
    display: flex;
    flex-wrap: nowrap;
    max-width: 100%;
    overflow-y: hidden;
    overflow-x: auto
}

.tag-list ul::-webkit-scrollbar {
    display: none
}

@media (min-width:64em) {
    .tag-list ul {
        justify-content: flex-start;
        overflow: visible;
        margin-right: 0;
        flex-wrap: wrap
    }
}

.tag-list__expand {
    height: 2.8125rem;
    text-decoration: underline;
    display: none;
    align-items: center;
    font-size: .75rem;
    margin-left: .625rem;
    white-space: nowrap
}

@media (min-width:64em) {
    .tag-list__expand {
        margin-left: 0;
        display: inline-flex
    }
}

.tag-list.is-expanded .tag-list__item:nth-child(n+4) {
    display: inline-flex
}

.references__tiles {
    padding-left: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-right: clamp(.625rem, 2.66667vw, 1.875rem);
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr)
}

@media (min-width:35em) {
    .references__tiles {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .references__tiles {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .references__tiles {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .references__tiles {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

@media (min-width:64em) {
    .references__tiles {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .references__tiles {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .references__tiles {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .references__tiles {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .references__tiles {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .references__tiles {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .references__tiles {
        --grid-gap: 2.5rem
    }
}

.references__tiles .nav-tile {
    grid-column: span 6
}

@media (min-width:64em) {
    .references__tiles .nav-tile {
        grid-column: span 12
    }
}

.references__tiles .nav-tile:not(:last-child):not(:nth-last-child(2)) {
    padding-bottom: clamp(5.625rem, 24vw, 6.25rem)
}

@media (min-width:48em) {
    .references__tiles .nav-tile:not(:last-child):not(:nth-last-child(2)) {
        padding-bottom: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .references__tiles .nav-tile:not(:last-child):not(:nth-last-child(2)) {
        padding-bottom: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .references__tiles .nav-tile:not(:last-child):not(:nth-last-child(2)) {
        padding-bottom: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .references__tiles .nav-tile:not(:last-child):not(:nth-last-child(2)) {
        padding-bottom: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .references__tiles .nav-tile:not(:last-child):not(:nth-last-child(2)) {
        padding-bottom: 12.5rem
    }
}

.references__tiles .nav-tile .media-focal {
    height: 33vw
}

.references__footer {
    margin-top: 1.875rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.stories {
    padding-bottom: clamp(5.625rem, 24vw, 6.25rem)
}

@media (min-width:48em) {
    .stories {
        padding-bottom: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .stories {
        padding-bottom: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .stories {
        padding-bottom: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .stories {
        padding-bottom: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .stories {
        padding-bottom: 12.5rem
    }
}

.stories__tiles {
    padding-left: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-right: clamp(.625rem, 2.66667vw, 1.875rem);
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr)
}

@media (min-width:35em) {
    .stories__tiles {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .stories__tiles {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .stories__tiles {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .stories__tiles {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

@media (min-width:64em) {
    .stories__tiles {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .stories__tiles {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .stories__tiles {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .stories__tiles {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .stories__tiles {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .stories__tiles {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .stories__tiles {
        --grid-gap: 2.5rem
    }
}

.stories__footer {
    margin-top: 1.875rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.stories .nav-tile a>.nav-tile__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    bottom: 0
}

.stories .nav-tile .text-tile__bodytext {
    margin-top: 0
}

.stories .nav-tile .text-tile__headline {
    margin-bottom: 0
}

.stories__layout {
    border-top: .0625rem solid var(--c-b-grey3);
    grid-column: 1/13
}

@media (min-width:64em) {
    .stories__layout {
        padding-top: 3.125rem;
        grid-column: 2/24
    }
}

.stories__layout .text-tile {
    padding: .625rem 0 0
}

@media (min-width:64em) {
    .stories__layout .text-tile {
        padding: 1.875rem 0 0
    }
}

.stories__layout .text-tile__tag h6 {
    color: var(--c-t-yellow)
}

.stories__layout .text-tile__headline h2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818
}

@media (min-width:64em) {
    .stories__layout .text-tile__headline h2 {
        font-size: clamp(1.375rem, 2.14844vw, 1.75rem);
        line-height: 1.31818
    }
}

@media (min-width:87.5em) {
    .stories__layout .text-tile__headline h2 {
        font-size: clamp(1.75rem, 2vw, 2rem);
        line-height: 1.28571
    }
}

@media (min-width:118.75em) {
    .stories__layout .text-tile__headline h2 {
        font-size: clamp(2rem, 1.68421vw, 2.375rem);
        line-height: 1.3125
    }
}

@media (min-width:150em) {
    .stories__layout .text-tile__headline h2 {
        font-size: 2.375rem;
        line-height: 1.28947
    }
}

@media (min-width:64em) {
    .stories__layout .text-tile__headline h2 {
        min-height: 0
    }
}

.stories__layout--one {
    display: flex;
    justify-content: center
}

.stories__layout--one .nav-tile {
    flex: 0 0 100%;
    display: flex;
    flex-direction: column
}

.stories__layout--one .nav-tile>a {
    display: flex;
    height: 0;
    padding-bottom: 73%;
    position: relative
}

.stories__layout--one .nav-tile .media-focal {
    background-color: #eee
}

.stories__layout--one .nav-tile .text-tile {
    text-align: center;
    padding: 1.875rem 0
}

@media (min-width:64em) {
    .stories__layout--one .nav-tile .text-tile {
        padding-bottom: 0
    }
}

@media (max-width:63.99em) {
    .stories__layout--one .nav-tile {
        padding: 1.875rem 0
    }
}

@media (min-width:64em) {
    .stories__layout--one .nav-tile {
        flex: 0 0 50%
    }
}

.stories__layout--one-one {
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr)
}

@media (min-width:64em) {
    .stories__layout--one-one {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .stories__layout--one-one {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .stories__layout--one-one {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .stories__layout--one-one {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .stories__layout--one-one {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .stories__layout--one-one {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .stories__layout--one-one {
        --grid-gap: 2.5rem
    }
}

.stories__layout--one-one .nav-tile {
    grid-column: span 6;
    display: flex;
    flex-direction: column
}

.stories__layout--one-one .nav-tile>a {
    display: flex;
    height: 0;
    padding-bottom: 73%;
    position: relative
}

.stories__layout--one-one .nav-tile .media-focal {
    background-color: #eee
}

.stories__layout--one-one .nav-tile .text-tile {
    text-align: center;
    padding: 1.875rem 0
}

@media (min-width:64em) {
    .stories__layout--one-one .nav-tile .text-tile {
        padding-bottom: 0
    }
}

@media (max-width:63.99em) {
    .stories__layout--one-one .nav-tile {
        padding: 1.875rem 0
    }
}

@media (min-width:64em) {
    .stories__layout--one-one .nav-tile {
        grid-column: span 12
    }
}

.stories__layout--two-one {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (min-width:64em) {
    .stories__layout--two-one {
        display: grid;
        grid-template-columns: 35% 7% 58%;
        grid-template-rows: minmax(1fr, auto) minmax(1fr, auto);
        grid-column-gap: 0;
        grid-template-areas: "tile1 space tile2""tile3 space tile2"
    }
}

.stories__layout--two-one .nav-tile:first-child,
.stories__layout--two-one .nav-tile:nth-child(3) {
    display: flex;
    flex-direction: column
}

.stories__layout--two-one .nav-tile:first-child>a,
.stories__layout--two-one .nav-tile:nth-child(3)>a {
    display: flex;
    position: relative
}

@media (min-width:64em) {

    .stories__layout--two-one .nav-tile:first-child>a,
    .stories__layout--two-one .nav-tile:nth-child(3)>a {
        height: 0;
        padding-bottom: 73%
    }
}

.stories__layout--two-one .nav-tile:first-child .media-focal,
.stories__layout--two-one .nav-tile:nth-child(3) .media-focal {
    background-color: #eee;
    position: absolute;
    top: 0;
    left: 0
}

@media (min-width:64em) {

    .stories__layout--two-one .nav-tile:first-child .text-tile,
    .stories__layout--two-one .nav-tile:nth-child(3) .text-tile {
        text-align: center;
        flex: none
    }
}

@media (max-width:63.99em) {

    .stories__layout--two-one .nav-tile:first-child,
    .stories__layout--two-one .nav-tile:nth-child(3) {
        padding: 1.875rem 0;
        display: grid;
        grid-template-columns: 1fr 2fr;
        grid-gap: 1.25rem;
        border-top: .0625rem solid var(--c-b-grey3)
    }

    .stories__layout--two-one .nav-tile:first-child>a,
    .stories__layout--two-one .nav-tile:nth-child(3)>a {
        height: 6.25rem
    }

    .stories__layout--two-one .nav-tile:first-child .media-focal,
    .stories__layout--two-one .nav-tile:nth-child(3) .media-focal {
        grid-column: 1/2
    }

    .stories__layout--two-one .nav-tile:first-child .text-tile,
    .stories__layout--two-one .nav-tile:nth-child(3) .text-tile {
        grid-column: 2/3;
        padding-top: 0;
        display: flex;
        height: 100%;
        flex-direction: column;
        justify-content: center
    }

    .stories__layout--two-one .nav-tile:first-child .text-tile__headline,
    .stories__layout--two-one .nav-tile:nth-child(3) .text-tile__headline {
        margin-bottom: 0
    }

    .stories__layout--two-one .nav-tile:first-child .text-tile__headline h2,
    .stories__layout--two-one .nav-tile:nth-child(3) .text-tile__headline h2 {
        font-size: 1.25rem
    }

    .stories__layout--two-one .nav-tile:first-child .text-tile__bodytext,
    .stories__layout--two-one .nav-tile:first-child .text-tile__tag,
    .stories__layout--two-one .nav-tile:nth-child(3) .text-tile__bodytext,
    .stories__layout--two-one .nav-tile:nth-child(3) .text-tile__tag {
        display: none
    }
}

.stories__layout--two-one .nav-tile:first-child {
    grid-area: tile1;
    order: 2
}

@media (max-width:63.99em) {
    .stories__layout--two-one .nav-tile:first-child {
        padding: 1.875rem 0
    }
}

.stories__layout--two-one .nav-tile:first-child .text-tile {
    padding-bottom: .625rem
}

@media (min-width:64em) {
    .stories__layout--two-one .nav-tile:first-child .text-tile {
        padding-bottom: 1.875rem
    }
}

.stories__layout--two-one .nav-tile:nth-child(3) {
    grid-area: tile3;
    order: 3
}

@media (max-width:63.99em) {
    .stories__layout--two-one .nav-tile:nth-child(3) {
        padding: 1.875rem 0
    }
}

.stories__layout--two-one .nav-tile:nth-child(3) .text-tile {
    padding-bottom: 0
}

.stories__layout--two-one .nav-tile:nth-child(2) {
    grid-area: tile2;
    margin: 0 1.875rem;
    min-height: 20vw
}

@media (max-width:63.99em) {
    .stories__layout--two-one .nav-tile:nth-child(2) {
        padding: 1.875rem 0
    }
}

@media (min-width:48em) {
    .stories__layout--two-one .nav-tile:nth-child(2) {
        margin: 0;
        display: flex;
        flex-direction: column
    }
}

.stories__layout--two-one .nav-tile:nth-child(2) .nav-tile__headline h2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818
}

@media (min-width:64em) {
    .stories__layout--two-one .nav-tile:nth-child(2) .nav-tile__headline h2 {
        font-size: clamp(1.625rem, 2.53906vw, 3.75rem);
        line-height: 1.26923
    }
}

@media (min-width:150em) {
    .stories__layout--two-one .nav-tile:nth-child(2) .nav-tile__headline h2 {
        font-size: 3.75rem;
        letter-spacing: -.0625rem;
        line-height: 1.3
    }
}

.stories__layout--two-one .nav-tile:nth-child(2)>a {
    flex: 0 1 80%;
    position: relative;
    display: flex;
    padding-bottom: 73%
}

.stories__layout--two-one .nav-tile:nth-child(2) .text-tile {
    text-align: center;
    flex: 1 1 20%;
    padding: 1.875rem 0
}

@media (min-width:64em) {
    .stories__layout--two-one .nav-tile:nth-child(2) .text-tile {
        padding-bottom: 0
    }
}

.stories__layout--two-one .nav-tile:nth-child(2) .media-focal {
    height: auto;
    padding-bottom: 0
}

@media (min-width:64em) {
    .stories__layout--one-two {
        display: grid;
        grid-template-columns: 58% 7% 35%;
        grid-template-rows: minmax(1fr, auto) minmax(1fr, auto);
        grid-column-gap: 0;
        grid-template-areas: "tile1 space tile2""tile1 space tile3"
    }
}

.stories__layout--one-two .nav-tile:nth-child(2),
.stories__layout--one-two .nav-tile:nth-child(3) {
    display: flex;
    flex-direction: column
}

.stories__layout--one-two .nav-tile:nth-child(2)>a,
.stories__layout--one-two .nav-tile:nth-child(3)>a {
    display: flex;
    position: relative
}

@media (min-width:64em) {

    .stories__layout--one-two .nav-tile:nth-child(2)>a,
    .stories__layout--one-two .nav-tile:nth-child(3)>a {
        height: 0;
        padding-bottom: 73%
    }
}

.stories__layout--one-two .nav-tile:nth-child(2) .media-focal,
.stories__layout--one-two .nav-tile:nth-child(3) .media-focal {
    background-color: #eee;
    position: absolute;
    top: 0;
    left: 0
}

@media (min-width:64em) {

    .stories__layout--one-two .nav-tile:nth-child(2) .text-tile,
    .stories__layout--one-two .nav-tile:nth-child(3) .text-tile {
        text-align: center;
        flex: none
    }
}

@media (max-width:63.99em) {

    .stories__layout--one-two .nav-tile:nth-child(2),
    .stories__layout--one-two .nav-tile:nth-child(3) {
        padding: 1.875rem 0;
        display: grid;
        grid-template-columns: 1fr 2fr;
        grid-gap: 1.25rem;
        border-top: .0625rem solid var(--c-b-grey3)
    }

    .stories__layout--one-two .nav-tile:nth-child(2)>a,
    .stories__layout--one-two .nav-tile:nth-child(3)>a {
        height: 6.25rem
    }

    .stories__layout--one-two .nav-tile:nth-child(2) .media-focal,
    .stories__layout--one-two .nav-tile:nth-child(3) .media-focal {
        grid-column: 1/2
    }

    .stories__layout--one-two .nav-tile:nth-child(2) .text-tile,
    .stories__layout--one-two .nav-tile:nth-child(3) .text-tile {
        grid-column: 2/3;
        padding-top: 0;
        display: flex;
        height: 100%;
        flex-direction: column;
        justify-content: center
    }

    .stories__layout--one-two .nav-tile:nth-child(2) .text-tile__headline,
    .stories__layout--one-two .nav-tile:nth-child(3) .text-tile__headline {
        margin-bottom: 0
    }

    .stories__layout--one-two .nav-tile:nth-child(2) .text-tile__headline h2,
    .stories__layout--one-two .nav-tile:nth-child(3) .text-tile__headline h2 {
        font-size: 1.25rem
    }

    .stories__layout--one-two .nav-tile:nth-child(2) .text-tile__bodytext,
    .stories__layout--one-two .nav-tile:nth-child(2) .text-tile__tag,
    .stories__layout--one-two .nav-tile:nth-child(3) .text-tile__bodytext,
    .stories__layout--one-two .nav-tile:nth-child(3) .text-tile__tag {
        display: none
    }
}

.stories__layout--one-two .nav-tile:first-child {
    grid-area: tile1;
    margin: 0 1.875rem;
    min-height: 20vw
}

@media (max-width:63.99em) {
    .stories__layout--one-two .nav-tile:first-child {
        padding: 1.875rem 0
    }
}

@media (min-width:48em) {
    .stories__layout--one-two .nav-tile:first-child {
        margin: 0;
        display: flex;
        flex-direction: column
    }
}

.stories__layout--one-two .nav-tile:first-child .nav-tile__headline h2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818
}

@media (min-width:64em) {
    .stories__layout--one-two .nav-tile:first-child .nav-tile__headline h2 {
        font-size: clamp(1.625rem, 2.53906vw, 3.75rem);
        line-height: 1.26923
    }
}

@media (min-width:150em) {
    .stories__layout--one-two .nav-tile:first-child .nav-tile__headline h2 {
        font-size: 3.75rem;
        letter-spacing: -.0625rem;
        line-height: 1.3
    }
}

.stories__layout--one-two .nav-tile:first-child>a {
    flex: 0 1 80%;
    position: relative;
    display: flex;
    padding-bottom: 73%
}

.stories__layout--one-two .nav-tile:first-child .text-tile {
    text-align: center;
    flex: 1 1 20%;
    padding: 1.875rem 0
}

@media (min-width:64em) {
    .stories__layout--one-two .nav-tile:first-child .text-tile {
        padding-bottom: 0
    }
}

.stories__layout--one-two .nav-tile:first-child .media-focal {
    height: auto;
    padding-bottom: 0
}

.stories__layout--one-two .nav-tile:nth-child(2) {
    grid-area: tile2
}

@media (max-width:63.99em) {
    .stories__layout--one-two .nav-tile:nth-child(2) {
        padding: 1.875rem 0
    }
}

.stories__layout--one-two .nav-tile:nth-child(2) .text-tile {
    padding-bottom: .625rem
}

@media (min-width:64em) {
    .stories__layout--one-two .nav-tile:nth-child(2) .text-tile {
        padding-bottom: 1.875rem
    }
}

.stories__layout--one-two .nav-tile:nth-child(3) {
    grid-area: tile3
}

@media (max-width:63.99em) {
    .stories__layout--one-two .nav-tile:nth-child(3) {
        padding: 1.875rem 0
    }
}

@media (min-width:48em) {
    .sub-navigation {
        padding-left: clamp(.625rem, 2.66667vw, 1.875rem);
        padding-right: clamp(.625rem, 2.66667vw, 1.875rem);
        display: flex;
        justify-content: center;
        align-items: center
    }
}

@media (min-width:48em) and (min-width:35em) {
    .sub-navigation {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:48em) and (min-width:87.5em) {
    .sub-navigation {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:48em) and (min-width:118.75em) {
    .sub-navigation {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:48em) and (min-width:150em) {
    .sub-navigation {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

.sub-navigation__desktop,
.sub-navigation__mobile-tablet {
    width: 100%;
    border-top: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3
}

.sub-navigation__slide {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
    color: #b3b3b3
}

.sub-navigation__item {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .sub-navigation__item {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .sub-navigation__item {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.sub-navigation__item.is-active {
    color: var(--c-b-black)
}

.sub-navigation__item-text {
    text-align: left;
    cursor: pointer
}

.sub-navigation__desktop {
    display: none
}

@media (min-width:64em) {
    .sub-navigation__desktop {
        display: flex;
        justify-content: center
    }
}

.sub-navigation__desktop .sub-navigation__slide {
    margin-right: 3.125rem
}

.sub-navigation__desktop-inner {
    display: flex;
    margin: 0 auto
}

.sub-navigation__mobile-tablet {
    display: block
}

@media (min-width:64em) {
    .sub-navigation__mobile-tablet {
        display: none
    }
}

@media (min-width:64em) {
    .sub-navigation .swiper-wrapper {
        justify-content: center
    }
}

.sub-navigation .swiper-wrapper>div:nth-last-of-type() {
    margin-right: 0 !important
}

.sub-navigation .swiper-slide-active {
    color: #000
}

.feature-full-width {
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr);
    padding-left: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-right: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-bottom: clamp(5.625rem, 24vw, 6.25rem);
    grid-template-rows: repeat(3, auto);
    --feature-full-width-c: var(--c-b-black);
    color: var(--feature-full-width-c);
    --feature-full-width-bgc: transparent;
    background: var(--feature-full-width-bgc)
}

@media (min-width:64em) {
    .feature-full-width {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .feature-full-width {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .feature-full-width {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .feature-full-width {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .feature-full-width {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .feature-full-width {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .feature-full-width {
        --grid-gap: 2.5rem
    }
}

@media (min-width:35em) {
    .feature-full-width {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .feature-full-width {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .feature-full-width {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .feature-full-width {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

@media (min-width:48em) {
    .feature-full-width {
        padding-bottom: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .feature-full-width {
        padding-bottom: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .feature-full-width {
        padding-bottom: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .feature-full-width {
        padding-bottom: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .feature-full-width {
        padding-bottom: 12.5rem
    }
}

@media (min-width:48em) {
    .feature-full-width {
        grid-template-rows: auto
    }
}

.feature-full-width--inverted {
    --feature-full-width-c: var(--c-b-white)
}

.feature-full-width--only-media .feature-full-width__media {
    padding-bottom: 0
}

@media (min-width:64em) {
    .feature-full-width--only-media .feature-full-width__media {
        padding-bottom: 0
    }
}

.feature-full-width__media {
    grid-column: 1/span 12;
    padding-bottom: 2.5rem;
    grid-row: 1
}

@media (min-width:64em) {
    .feature-full-width__media {
        grid-column: 1/span 24;
        padding-bottom: 3.75rem
    }
}

.feature-full-width__media .media-focal {
    height: 46vw
}

.feature-full-width__headline {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818;
    grid-column: 2/span 10;
    grid-row: 2;
    padding-bottom: 1.25rem
}

@media (min-width:64em) {
    .feature-full-width__headline {
        font-size: clamp(1.625rem, 2.53906vw, 3.75rem);
        line-height: 1.26923
    }
}

@media (min-width:150em) {
    .feature-full-width__headline {
        font-size: 3.75rem;
        letter-spacing: -.0625rem;
        line-height: 1.3
    }
}

@media (min-width:64em) {
    .feature-full-width__headline {
        grid-column: 5/span 8;
        padding-bottom: 0
    }
}

.feature-full-width__bodytext {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    grid-column: 2/span 10;
    grid-row: 3
}

@media (min-width:118.75em) {
    .feature-full-width__bodytext {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .feature-full-width__bodytext {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:64em) {
    .feature-full-width__bodytext {
        grid-column: 13/span 8;
        grid-row: 2
    }
}

.feature-full-width .media-focal__overlay {
    position: static
}

.image-gallery-outer {
    position: relative;
    padding-bottom: clamp(5.625rem, 24vw, 6.25rem)
}

@media (min-width:48em) {
    .image-gallery-outer {
        padding-bottom: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .image-gallery-outer {
        padding-bottom: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .image-gallery-outer {
        padding-bottom: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .image-gallery-outer {
        padding-bottom: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .image-gallery-outer {
        padding-bottom: 12.5rem
    }
}

.image-gallery {
    padding-left: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-right: clamp(.625rem, 2.66667vw, 1.875rem);
    overflow: hidden;
    --image-gallery-c: var(--c-b-black);
    color: var(--image-gallery-c);
    --image-gallery-bgc: transparent;
    background: var(--image-gallery-bgc)
}

@media (min-width:35em) {
    .image-gallery {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .image-gallery {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .image-gallery {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .image-gallery {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

@media (min-width:48em) {
    .image-gallery {
        height: 54vh
    }
}

@media (min-width:64em) {
    .image-gallery {
        height: 60vh
    }
}

@media (min-width:150em) {
    .image-gallery {
        height: 68vh
    }
}

.image-gallery--inverted {
    --image-gallery-c: var(--c-b-white)
}

.image-gallery--has-bgcolor {
    padding-top: clamp(5.625rem, 24vw, 6.25rem)
}

@media (min-width:48em) {
    .image-gallery--has-bgcolor {
        padding-top: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .image-gallery--has-bgcolor {
        padding-top: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .image-gallery--has-bgcolor {
        padding-top: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .image-gallery--has-bgcolor {
        padding-top: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .image-gallery--has-bgcolor {
        padding-top: 12.5rem
    }
}

.image-gallery--has-bgcolor .image-gallery__wrapper {
    padding-bottom: 1.875rem
}

@media (min-width:48em) {
    .image-gallery--has-bgcolor .image-gallery__wrapper {
        padding-bottom: 5.625rem
    }
}

.image-gallery--3-or-less {
    height: auto
}

.image-gallery--3-or-less .image-gallery__wrapper {
    grid-template-rows: none
}

.image-gallery--expanded {
    height: "auto"
}

.image-gallery--expanded .image-gallery__wrapper {
    grid-template-rows: minmax(2rem, auto) minmax(4rem, auto) auto
}

.image-gallery__wrapper {
    height: auto;
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr);
    overflow: hidden;
    grid-template-rows: minmax(2rem, auto) minmax(4rem, auto) 22vh
}

@media (min-width:64em) {
    .image-gallery__wrapper {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .image-gallery__wrapper {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .image-gallery__wrapper {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .image-gallery__wrapper {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .image-gallery__wrapper {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .image-gallery__wrapper {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .image-gallery__wrapper {
        --grid-gap: 2.5rem
    }
}

@media (min-width:48em) {
    .image-gallery__wrapper {
        grid-template-rows: minmax(2rem, auto) minmax(4rem, auto) auto
    }
}

.image-gallery__headline {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818;
    padding-bottom: 1.25rem;
    grid-area: 1/2/2/12
}

@media (min-width:64em) {
    .image-gallery__headline {
        font-size: clamp(1.375rem, 2.14844vw, 1.75rem);
        line-height: 1.31818
    }
}

@media (min-width:87.5em) {
    .image-gallery__headline {
        font-size: clamp(1.75rem, 2vw, 2rem);
        line-height: 1.28571
    }
}

@media (min-width:118.75em) {
    .image-gallery__headline {
        font-size: clamp(2rem, 1.68421vw, 2.375rem);
        line-height: 1.3125
    }
}

@media (min-width:150em) {
    .image-gallery__headline {
        font-size: 2.375rem;
        line-height: 1.28947
    }
}

@media (min-width:64em) {
    .image-gallery__headline {
        grid-area: 1/3/2/13
    }
}

.image-gallery__bodytext {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    padding-bottom: 2.5rem;
    grid-area: 2/2/3/12
}

@media (min-width:118.75em) {
    .image-gallery__bodytext {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .image-gallery__bodytext {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:64em) {
    .image-gallery__bodytext {
        grid-area: 2/3/3/13
    }
}

.image-gallery__left-col {
    height: auto;
    grid-area: 3/1/4/7
}

@media (min-width:64em) {
    .image-gallery__left-col {
        grid-column: 3/span 10
    }
}

.image-gallery__right-col {
    height: auto;
    grid-area: 3/7/4/13
}

@media (min-width:64em) {
    .image-gallery__right-col {
        grid-area: 1/14/4/23
    }
}

.image-gallery__image {
    height: auto;
    margin-bottom: .625rem
}

@media (min-width:64em) {
    .image-gallery__image {
        margin-bottom: 3.125rem
    }
}

.image-gallery__image:last-child {
    margin-bottom: 0
}

@media (min-width:64em) {
    .image-gallery__image:last-child {
        margin-bottom: 0
    }
}

.image-gallery__image .media-focal {
    height: 100%;
    position: relative
}

.image-gallery__image .media-focal .lazy-load-image-background,
.image-gallery__image .media-focal__image {
    position: static
}

.image-gallery img {
    width: 100%
}

.image-gallery__button {
    position: absolute;
    bottom: 1vw;
    left: 50%;
    display: flex;
    transform: translateX(-50%)
}

@media (min-width:48em) {
    .image-gallery__button {
        bottom: 2vw
    }
}

@media (min-width:150em) {
    .image-gallery__button {
        bottom: 3vw
    }
}

.image-gallery__button .svg-icon {
    transform: rotate(90deg)
}

.list-hero {
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr);
    position: relative;
    padding: 1.25rem clamp(.625rem, 2.66667vw, 1.875rem) 3.125rem;
    --hero-c: var(--c-b-black);
    --hero-bgc: transparent;
    color: var(--hero-c);
    background: var(--hero-bgc)
}

@media (min-width:64em) {
    .list-hero {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .list-hero {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .list-hero {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .list-hero {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .list-hero {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .list-hero {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .list-hero {
        --grid-gap: 2.5rem
    }
}

@media (min-width:35em) {
    .list-hero {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .list-hero {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .list-hero {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .list-hero {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

@media (min-width:64em) {
    .list-hero {
        padding-top: 3.125rem;
        padding-bottom: 4.375rem
    }
}

.list-hero--inverted {
    --hero-c: var(--c-b-white)
}

.list-hero__content {
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr);
    grid-column: 1/13;
    grid-template-rows: repeat(11, 11vw) auto
}

@media (min-width:64em) {
    .list-hero__content {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .list-hero__content {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .list-hero__content {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .list-hero__content {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .list-hero__content {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .list-hero__content {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .list-hero__content {
        --grid-gap: 2.5rem
    }
}

@media (min-width:64em) {
    .list-hero__content {
        grid-column: 1/25;
        grid-template-rows: 3.75rem repeat(5, 5vw) 3.75rem
    }
}

@media (min-width:87.5em) {
    .list-hero__content {
        grid-template-rows: 4.375rem repeat(5, 5vw) 4.375rem
    }
}

.list-hero__headline {
    z-index: 1;
    text-align: center;
    grid-area: 5/1/9/13
}

@media (min-width:64em) {
    .list-hero__headline {
        grid-area: 1/2/3/24
    }
}

.list-hero__headline h1 {
    text-transform: uppercase;
    line-height: 1.3;
    word-break: normal;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    text-align: center;
    font-size: 2.5rem
}

@media (min-width:35em) {
    .list-hero__headline h1 {
        font-size: 3.75rem
    }
}

@media (min-width:48em) {
    .list-hero__headline h1 {
        font-size: 4.375rem
    }
}

@media (min-width:64em) {
    .list-hero__headline h1 {
        font-size: clamp(5rem, 6.89655vw, 6.875rem)
    }
}

.list-hero__text {
    text-align: center;
    margin-top: 1.25rem;
    grid-area: 11/2/14/12
}

@media (min-width:35em) {
    .list-hero__text {
        padding: 1.875rem 0;
        margin-top: 0
    }
}

@media (min-width:48em) {
    .list-hero__text {
        grid-area: 10/2/13/12
    }
}

@media (min-width:64em) {
    .list-hero__text {
        text-align: left;
        grid-area: 4/17/7/25
    }
}

.list-hero__text p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5
}

@media (min-width:64em) {
    .list-hero__text p {
        font-size: clamp(1rem, 1.5625vw, 1.25rem);
        line-height: 1.5
    }
}

@media (min-width:87.5em) {
    .list-hero__text p {
        font-size: clamp(1.25rem, 1.42857vw, 1.375rem);
        line-height: 1.4
    }
}

@media (min-width:118.75em) {
    .list-hero__text p {
        font-size: clamp(1.375rem, 1.15789vw, 1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:150em) {
    .list-hero__text p {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

.list-hero__image {
    grid-area: 1/2/11/12
}

@media (min-width:35em) {
    .list-hero__image {
        grid-area: 1/2/10/12;
        height: calc(100% + 2.5rem);
        margin-bottom: 1.875rem;
        margin-top: 2.5rem
    }
}

@media (min-width:48em) {
    .list-hero__image {
        grid-area: 1/2/9/12
    }
}

@media (min-width:64em) {
    .list-hero__image {
        margin-top: 3.75rem;
        height: calc(25vw + 3.75rem);
        display: block;
        grid-area: 1/9/6/17;
        margin-bottom: 0
    }
}

@media (min-width:87.5em) {
    .list-hero__image {
        height: calc(25vw + 4.375rem);
        margin-top: 4.375rem
    }
}

.list-hero__image .media-focal__lazy {
    width: 100%;
    height: 100%;
    display: block
}

@media (max-width:34.99em) {
    .list-hero--text-top .list-hero__headline {
        grid-area: 1/1/6/13
    }

    .list-hero--text-top .list-hero__image {
        grid-area: 2/3/8/11;
        margin-top: -.625rem
    }

    .list-hero--text-top .list-hero__text {
        grid-area: 8/2/14/12
    }
}

.list-hero--tall .list-hero__content {
    grid-template-rows: repeat(3, 32vw) auto auto
}

@media (min-width:64em) {
    .list-hero--tall .list-hero__content {
        grid-column: 1/25;
        grid-template-rows: repeat(2, 16vw) auto 16vw 16vw
    }
}

.list-hero--tall .list-hero__headline {
    grid-area: 3/1/4/13
}

@media (min-width:64em) {
    .list-hero--tall .list-hero__headline {
        grid-area: 2/1/3/25
    }
}

.list-hero--tall .list-hero__headline h1 {
    text-align: left;
    line-height: 10vw
}

@media (min-width:35em) {
    .list-hero--tall .list-hero__headline h1 {
        font-size: 3.75rem
    }
}

@media (min-width:48em) {
    .list-hero--tall .list-hero__headline h1 {
        font-size: 5rem
    }
}

@media (min-width:72.5em) {
    .list-hero--tall .list-hero__headline h1 {
        font-size: clamp(6.875rem, 9.48276vw, 8.75rem)
    }
}

.list-hero--tall .list-hero__text {
    grid-area: 4/1/6/13
}

@media (min-width:48em) {
    .list-hero--tall .list-hero__text {
        margin-top: 0;
        padding-top: 0
    }
}

@media (min-width:64em) {
    .list-hero--tall .list-hero__text {
        grid-area: 3/17/5/24
    }
}

.list-hero--tall .list-hero__text p {
    text-transform: none;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .list-hero--tall .list-hero__text p {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .list-hero--tall .list-hero__text p {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.list-hero--tall .list-hero__image {
    height: auto;
    margin-top: 0;
    grid-area: 1/2/4/12
}

@media (min-width:64em) {
    .list-hero--tall .list-hero__image {
        grid-area: 1/3/6/16
    }
}

.list-hero--split .list-hero__content {
    grid-template-rows: repeat(3, 30vw) auto auto
}

@media (min-width:64em) {
    .list-hero--split .list-hero__content {
        grid-column: 1/25;
        grid-template-rows: repeat(2, 16vw) auto 16vw auto
    }
}

.list-hero--split .list-hero__headline {
    grid-area: 4/1/5/13
}

@media (min-width:64em) {
    .list-hero--split .list-hero__headline {
        grid-area: 3/17/4/24
    }
}

.list-hero--split .list-hero__headline h1 {
    text-align: left;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.33333
}

@media (min-width:48em) {
    .list-hero--split .list-hero__headline h1 {
        font-size: 2.1875rem;
        line-height: 1.28571
    }
}

@media (min-width:64em) {
    .list-hero--split .list-hero__headline h1 {
        font-size: clamp(2.1875rem, 3.41797vw, 5rem);
        line-height: 1.28571
    }
}

@media (min-width:150em) {
    .list-hero--split .list-hero__headline h1 {
        font-size: 5rem;
        letter-spacing: -.0625rem;
        line-height: 1.1875
    }
}

.list-hero--split .list-hero__text {
    margin-top: 0;
    text-align: left;
    grid-area: 5/1/6/13
}

@media (min-width:64em) {
    .list-hero--split .list-hero__text {
        grid-area: 4/17/6/24
    }
}

.list-hero--split .list-hero__text p {
    text-transform: none;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .list-hero--split .list-hero__text p {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .list-hero--split .list-hero__text p {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.list-hero--split .list-hero__image {
    height: auto;
    margin-top: 0;
    grid-area: 1/1/4/13
}

@media (min-width:64em) {
    .list-hero--split .list-hero__image {
        grid-area: 1/3/6/16
    }
}

.sub-navigation+.list-hero {
    padding-top: 1.25rem !important
}

@media (min-width:64em) {
    .sub-navigation+.list-hero {
        padding-top: 3.125rem !important
    }
}

.material-set-list {
    padding-bottom: clamp(5.625rem, 24vw, 6.25rem);
    margin-top: -10vw
}

@media (min-width:48em) {
    .material-set-list {
        padding-bottom: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .material-set-list {
        padding-bottom: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .material-set-list {
        padding-bottom: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .material-set-list {
        padding-bottom: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .material-set-list {
        padding-bottom: 12.5rem
    }
}

@media (min-width:64em) {
    .material-set-list {
        margin-top: -8vw
    }
}

@media (min-width:87.5em) {
    .material-set-list {
        margin-top: -5vw
    }
}

.material-set-list__tiles {
    padding-left: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-right: clamp(.625rem, 2.66667vw, 1.875rem);
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr)
}

@media (min-width:35em) {
    .material-set-list__tiles {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .material-set-list__tiles {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .material-set-list__tiles {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .material-set-list__tiles {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

@media (min-width:64em) {
    .material-set-list__tiles {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .material-set-list__tiles {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .material-set-list__tiles {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .material-set-list__tiles {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .material-set-list__tiles {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .material-set-list__tiles {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .material-set-list__tiles {
        --grid-gap: 2.5rem
    }
}

.material-set-list__tiles .material-set-tile {
    cursor: pointer;
    border-bottom: .0625rem solid var(--c-b-grey3);
    padding-bottom: 1.25rem;
    grid-column-end: span 6;
    margin-bottom: 3.5rem
}

@media (min-width:64em) {
    .material-set-list__tiles .material-set-tile {
        margin-bottom: 4.6875rem;
        grid-column-end: span 8
    }
}

.material-set-list__tiles .spot-tile {
    grid-column-end: span 6;
    margin-bottom: 3.5rem
}

@media (min-width:64em) {
    .material-set-list__tiles .spot-tile {
        margin-bottom: 4.6875rem;
        grid-column-end: span 8
    }
}

.material-set-list__footer {
    margin-top: 1.875rem;
    display: block;
    text-align: center
}

.material-set-list__footer .action-button {
    margin-top: 1.25rem
}

@media (min-width:64em) {
    .material-set-list .tag-list {
        padding-bottom: 4.375rem
    }
}

.material-set-list .tag-list__inner {
    justify-content: flex-start
}

.micro-tile-grid {
    padding-left: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-right: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-bottom: clamp(5.625rem, 24vw, 6.25rem)
}

@media (min-width:35em) {
    .micro-tile-grid {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .micro-tile-grid {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .micro-tile-grid {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .micro-tile-grid {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

@media (min-width:48em) {
    .micro-tile-grid {
        padding-bottom: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .micro-tile-grid {
        padding-bottom: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .micro-tile-grid {
        padding-bottom: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .micro-tile-grid {
        padding-bottom: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .micro-tile-grid {
        padding-bottom: 12.5rem
    }
}

.micro-tile-grid__inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: .9375rem;
    grid-row-gap: 1.875rem
}

@media (min-width:48em) {
    .micro-tile-grid__inner {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (min-width:64em) {
    .micro-tile-grid__inner {
        grid-row-gap: 2.5rem;
        grid-column-gap: 1.25rem;
        grid-template-columns: repeat(5, 1fr)
    }
}

.micro-tile-grid__item {
    grid-column: span 1;
    display: block
}

.micro-tile-grid__item .media-focal {
    display: block;
    height: auto
}

.micro-tile-grid__item .media-focal .lazy-load-image-background,
.micro-tile-grid__item .media-focal__image {
    position: static
}

.micro-tile-grid__item .media-focal__image {
    aspect-ratio: 1/1
}

.micro-tile-grid__item .media-focal__save-button {
    display: none
}

.micro-tile-grid__item h4 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.18182;
    margin-top: .625rem
}

@media (min-width:35em) {
    .micro-tile-grid__item h4 {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
        font-size: .875rem;
        font-weight: 400;
        text-transform: uppercase;
        line-height: 1.21429;
        margin-top: .9375rem
    }
}

@media (min-width:35em) and (min-width:64em) {
    .micro-tile-grid__item h4 {
        font-size: 1rem;
        line-height: 1.1875
    }
}

@media (min-width:35em) and (min-width:87.5em) {
    .micro-tile-grid__item h4 {
        font-size: 1.125rem;
        line-height: 1.22222
    }
}

@media (min-width:64em) {
    .micro-tile-grid__item h4 {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
        font-size: 1rem;
        font-weight: 400;
        text-transform: uppercase;
        line-height: 1.5;
        margin-top: .9375rem
    }
}

@media (min-width:64em) and (min-width:64em) {
    .micro-tile-grid__item h4 {
        font-size: clamp(1rem, 1.5625vw, 1.25rem);
        line-height: 1.5
    }
}

@media (min-width:64em) and (min-width:87.5em) {
    .micro-tile-grid__item h4 {
        font-size: clamp(1.25rem, 1.42857vw, 1.375rem);
        line-height: 1.4
    }
}

@media (min-width:64em) and (min-width:118.75em) {
    .micro-tile-grid__item h4 {
        font-size: clamp(1.375rem, 1.15789vw, 1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:64em) and (min-width:150em) {
    .micro-tile-grid__item h4 {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

.simple-gallery {
    padding-left: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-right: clamp(.625rem, 2.66667vw, 1.875rem);
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr);
    padding-bottom: clamp(5.625rem, 24vw, 6.25rem);
    grid-template-rows: auto auto
}

@media (min-width:35em) {
    .simple-gallery {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .simple-gallery {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .simple-gallery {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .simple-gallery {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

@media (min-width:64em) {
    .simple-gallery {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .simple-gallery {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .simple-gallery {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .simple-gallery {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .simple-gallery {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .simple-gallery {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .simple-gallery {
        --grid-gap: 2.5rem
    }
}

@media (min-width:48em) {
    .simple-gallery {
        padding-bottom: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .simple-gallery {
        padding-bottom: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .simple-gallery {
        padding-bottom: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .simple-gallery {
        padding-bottom: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .simple-gallery {
        padding-bottom: 12.5rem
    }
}

@media (min-width:64em) {
    .simple-gallery {
        grid-template-rows: auto
    }
}

.simple-gallery__image:nth-child(2),
.simple-gallery__image:nth-child(3) {
    margin-top: .625rem
}

@media (min-width:35em) {

    .simple-gallery__image:nth-child(2),
    .simple-gallery__image:nth-child(3) {
        margin-top: 1.25rem
    }
}

@media (min-width:64em) {

    .simple-gallery__image:nth-child(2),
    .simple-gallery__image:nth-child(3) {
        margin-top: 0
    }
}

.simple-gallery__image:first-child {
    grid-area: 1/1/2/13;
    height: 63.5vw
}

@media (min-width:64em) {
    .simple-gallery__image:first-child {
        height: 33.3vw;
        grid-area: 1/1/2/12
    }
}

.simple-gallery__image:nth-child(2) {
    grid-area: 2/1/3/7;
    height: 35.2vw
}

@media (min-width:64em) {
    .simple-gallery__image:nth-child(2) {
        height: 19.5vw;
        grid-area: 1/12/2/19
    }
}

.simple-gallery__image:nth-child(3) {
    grid-area: 2/7/3/13;
    height: 56vw
}

@media (min-width:64em) {
    .simple-gallery__image:nth-child(3) {
        height: 26.5vw;
        grid-area: 1/19/2/25
    }
}

.timeline-introimage {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    width: 25rem;
    padding-right: 9.375rem;
    padding-left: 1.25rem
}

@media (min-width:35em) {
    .timeline-introimage {
        width: 37.5rem
    }
}

@media (min-width:48em) {
    .timeline-introimage {
        padding-right: 17.5rem
    }
}

@media (min-width:64em) {
    .timeline-introimage {
        padding-left: calc(10vw + 1.25rem);
        padding-right: 25rem;
        width: 43.75rem
    }
}

@media (min-width:87.5em) {
    .timeline-introimage {
        width: 50rem
    }
}

@media (min-width:118.75em) {
    .timeline-introimage {
        width: 53.125rem
    }
}

@media (min-width:150em) {
    .timeline-introimage {
        width: 62.5rem;
        padding-right: 18.75rem
    }
}

.timeline-introimage--offset {
    justify-content: flex-end
}

@media (min-width:35em) {
    .timeline-introimage--offset {
        justify-content: center
    }
}

@media (min-width:64em) {
    .timeline-introimage--offset {
        justify-content: flex-end
    }
}

.timeline-introimage--wide {
    width: 120vw;
    padding-right: 30vw;
    padding-left: 0;
    justify-content: flex-end
}

@media (min-width:48em) {
    .timeline-introimage--wide {
        width: 80vw
    }
}

@media (min-width:64em) {
    .timeline-introimage--wide {
        padding-left: 5vw;
        height: 100%;
        padding-right: 30vw
    }
}

@media (min-width:118.75em) {
    .timeline-introimage--wide {
        padding-right: 10vw
    }
}

.timeline-introimage--wide .media-focal {
    aspect-ratio: 16/9
}

@media (min-width:64em) {
    .timeline-introimage--wide .timeline-introimage__inner {
        flex: 0 0 65%;
        max-height: 65%
    }
}

.timeline-introimage__inner {
    position: relative
}

@media (min-width:64em) {
    .timeline-introimage__inner {
        overflow: visible;
        flex: 0 0 50%;
        max-height: 50%
    }
}

@media (min-width:35em) {
    .timeline-introimage__inner {
        height: 21.09375rem
    }
}

@media (min-width:87.5em) {
    .timeline-introimage__inner {
        height: 24.60938rem
    }
}

@media (min-width:118.75em) {
    .timeline-introimage__inner {
        height: 29.88281rem
    }
}

@media (min-width:150em) {
    .timeline-introimage__inner {
        height: 35.15625rem
    }
}

.timeline-introimage .media-focal {
    margin-top: auto;
    min-width: 20vw;
    height: auto
}

.timeline-introimage .media-focal .lazy-load-image-background,
.timeline-introimage .media-focal__image {
    position: static
}

.timeline-introimage__headline {
    font-size: 6.25rem
}

@media (min-width:64em) {
    .timeline-introimage__headline {
        font-size: 12.5rem;
        position: absolute;
        inset: 0;
        z-index: 1
    }
}

@media (min-width:150em) {
    .timeline-introimage__headline {
        font-size: 18.75rem
    }
}

.timeline-introimage__headline h2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818;
    color: var(--c-b-white);
    max-width: 50rem;
    font-size: 1.375rem;
    padding-bottom: 2rem
}

@media (min-width:64em) {
    .timeline-introimage__headline h2 {
        font-size: clamp(1.625rem, 2.53906vw, 3.75rem);
        line-height: 1.26923
    }
}

@media (min-width:150em) {
    .timeline-introimage__headline h2 {
        font-size: 3.75rem;
        letter-spacing: -.0625rem;
        line-height: 1.3
    }
}

@media (min-width:64em) {
    .timeline-introimage__headline h2 {
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
        left: -10vw;
        font-size: 2.8125rem;
        width: 80%
    }
}

.timeline-bodytext {
    width: 73vw;
    padding-right: 9.375rem;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (min-width:35em) {
    .timeline-bodytext {
        width: 70vw
    }
}

@media (min-width:48em) {
    .timeline-bodytext {
        width: 56vw;
        height: 100vh;
        padding-right: 12.5rem;
        align-self: start
    }
}

@media (min-width:64em) {
    .timeline-bodytext {
        width: 50vw;
        height: 56vh;
        align-self: center;
        padding-right: 25rem
    }
}

@media (min-width:87.5em) {
    .timeline-bodytext {
        width: 30vw
    }
}

@media (min-width:150em) {
    .timeline-bodytext {
        padding-right: 18.75rem
    }
}

.timeline-bodytext__inner {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 1.875rem
}

.timeline-bodytext p {
    display: block;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    padding-bottom: .625rem
}

@media (min-width:118.75em) {
    .timeline-bodytext p {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .timeline-bodytext p {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:64em) {
    .timeline-bodytext p {
        padding-top: 40vmin
    }
}

.timeline-bodytext .action-button {
    display: inline-flex;
    justify-content: flex-start;
    margin-top: 1.25rem
}

.timeline-bodytext--two-cols {
    width: 180vw
}

.timeline-bodytext--two-cols .timeline-bodytext__inner {
    grid-template-columns: 1fr 1fr
}

@media (min-width:35em) {
    .timeline-bodytext--two-cols {
        width: 60vw
    }
}

@media (min-width:48em) {
    .timeline-bodytext--two-cols {
        width: 90vw
    }
}

@media (min-width:64em) {
    .timeline-bodytext--two-cols {
        width: 70vw
    }
}

@media (min-width:72.5em) {
    .timeline-bodytext--two-cols {
        width: 65vw
    }
}

@media (min-width:87.5em) {
    .timeline-bodytext--two-cols {
        width: 60vw
    }
}

@media (min-width:118.75em) {
    .timeline-bodytext--two-cols {
        width: 55vw
    }
}

.timeline-presentation-image {
    position: relative;
    display: inline-flex;
    justify-content: flex-end;
    align-items: flex-start;
    box-sizing: border-box;
    flex-direction: column;
    width: 20.625rem;
    padding-right: 2.5rem;
    max-height: 100%
}

@media (min-width:35em) {
    .timeline-presentation-image {
        width: 31.25rem
    }
}

@media (min-width:64em) {
    .timeline-presentation-image {
        height: 45.45455rem;
        align-self: center
    }
}

@media (min-width:72.5em) {
    .timeline-presentation-image {
        width: 34.375rem;
        height: 50rem
    }
}

@media (min-width:87.5em) {
    .timeline-presentation-image {
        width: 37.5rem;
        height: 54.54545rem
    }
}

@media (min-width:150em) {
    .timeline-presentation-image {
        width: 50rem;
        height: 72.72727rem
    }
}

.timeline-presentation-image--offset {
    padding-top: 5vmin;
    justify-content: flex-start
}

.timeline-presentation-image__image {
    position: relative;
    width: 100%;
    margin-bottom: 1.25rem;
    max-height: 100%
}

.timeline-presentation-image__image .media-focal {
    position: relative;
    display: block;
    min-width: 10vw
}

.timeline-presentation-image__image .media-focal .lazy-load-image-background {
    position: static;
    display: block
}

.timeline-presentation-image__image .media-focal__image {
    aspect-ratio: 11/16;
    position: static;
    display: block;
    animation-name: mediaAnim1;
    animation-duration: 5s;
    animation-timing-function: cubic-bezier(.5, .19, .27, .53);
    animation-direction: alternate;
    animation-iteration-count: infinite
}

.timeline-presentation-image__image .media-focal__save-button {
    display: none !important
}

.timeline-presentation-image__image .action-button {
    position: absolute;
    bottom: 1.25rem;
    right: 1.25rem;
    border: 0;
    color: var(--c-b-white);
    background-color: var(--c-b-black);
    width: 2.1875rem;
    height: 2.1875rem
}

.timeline-presentation-image__image .action-button svg {
    width: .9375rem;
    height: .9375rem
}

.timeline-presentation-image__image .action-button:hover {
    opacity: 1
}

.timeline-presentation-image__caption {
    position: absolute;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    color: var(--c-b-white);
    top: 0;
    right: 0;
    z-index: 3
}

@media (min-width:118.75em) {
    .timeline-presentation-image__caption {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .timeline-presentation-image__caption {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.timeline-presentation-image__caption span {
    display: block;
    transform: rotate(-90deg) translate(-1.25rem, .625rem);
    transform-origin: top right
}

.timeline-section {
    position: relative;
    display: flex;
    color: var(--c-b-white);
    padding-right: 6.25rem
}

@media (min-width:48em) {
    .timeline-section {
        padding-right: 18.75rem
    }
}

@media (min-width:118.75em) {
    .timeline-section {
        padding-right: 25rem
    }
}

.timeline-section:first-of-type {
    padding-right: 0
}

.timeline-section h6 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    font-weight: 700;
    background-color: red;
    color: #ff0;
    pointer-events: none
}

.timeline-section h6:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: .0625rem;
    height: 100vh;
    background: red
}

.timeline-number-display {
    position: fixed;
    top: calc(var(--site-header-height) + var(--mode-switch-height));
    z-index: 3;
    pointer-events: none;
    display: block;
    color: var(--c-b-white);
    left: .625rem;
    right: 0
}

.timeline-number-display small {
    position: absolute;
    top: 0;
    left: 0
}

.timeline-number-display__inner {
    position: relative;
    display: grid;
    grid-template-areas: "shared current""empty next";
    grid-template-columns: auto 1fr;
    transform-origin: top left;
    transform: scale(.4)
}

@media (min-width:23.4375em) {
    .timeline-number-display__inner {
        transform: scale(.5)
    }
}

@media (min-width:48em) {
    .timeline-number-display__inner {
        transform: scale(.8)
    }
}

@media (min-width:64em) {
    .timeline-number-display__inner {
        transform: scale(.85)
    }
}

@media (min-width:87.5em) {
    .timeline-number-display__inner {
        transform: scale(1.2)
    }
}

.timeline-number-display__inner span {
    color: var(--c-b-white);
    display: inline-flex;
    text-align: right;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 12.5rem;
    line-height: 1
}

.timeline-number-display__inner em,
.timeline-number-display__inner strong {
    display: inline-flex;
    justify-content: center
}

.timeline-number-display__inner em {
    width: .7em;
    max-width: .7em
}

.timeline-number-display__inner strong {
    width: .4em;
    max-width: .4em
}

.timeline-number-display__shared {
    grid-area: shared;
    top: 0
}

.timeline-number-display__current {
    grid-area: current;
    opacity: .5
}

.timeline-number-display__next {
    grid-area: next;
    opacity: .5
}

.timeline-progressbar {
    position: fixed;
    height: .0625rem;
    left: 5vw;
    width: 96vw;
    bottom: 1.25rem;
    z-index: 2
}

@media (max-width:63.99em) {
    .timeline-progressbar {
        bottom: 1.875rem
    }
}

.timeline-progressbar__progress {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: .001%;
    background-color: var(--c-b-white);
    z-index: 2
}

.timeline-progressbar__bg {
    background-color: var(--c-b-grey2);
    position: absolute;
    inset: 0;
    z-index: 1
}

.timeline,
.timeline__scroll-container {
    background-color: var(--c-b-timeline)
}

.timeline__scroll-container {
    position: fixed;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: calc(var(--site-header-height) + var(--mode-switch-height) + 6.25rem);
    height: calc(100% - var(--site-header-height) - var(--mode-switch-height) - 6.25rem);
    will-change: transform;
    overflow: hidden
}

@media (min-width:35em) {
    .timeline__scroll-container {
        padding-top: calc(var(--site-header-height) + var(--mode-switch-height));
        height: calc(100% - var(--site-header-height) - var(--mode-switch-height))
    }
}

.timeline__section-wrapper {
    max-height: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 4.375rem;
    padding-left: 25vw;
    padding-right: 25vw;
    box-sizing: border-box
}

.timeline__logo {
    position: absolute;
    top: 18.5vh;
    left: 3.125rem;
    z-index: 1
}

@media (min-width:35em) {
    .timeline__logo {
        top: 30vh;
        left: 6.6875rem
    }
}

@media (min-width:48em) {
    .timeline__logo {
        top: 36vh;
        left: 18.5vw
    }
}

@media (min-width:64em) {
    .timeline__logo {
        left: -15vw;
        top: 44vh
    }
}

@media (min-width:72.5em) {
    .timeline__logo {
        top: 45vh
    }
}

@media (min-width:87.5em) {
    .timeline__logo {
        top: 49vh
    }
}

@media (min-width:118.75em) {
    .timeline__logo {
        top: 51vh
    }
}

.timeline__logo svg {
    fill: var(--c-b-grey4);
    width: 25vmin;
    height: 25vmin
}

@media (min-width:35em) {
    .timeline__logo svg {
        width: 13vmin;
        height: 13vmin
    }
}

@media (min-width:64em) {
    .timeline__logo svg {
        width: 11vmin;
        height: 11vmin
    }
}

.timeline__headline {
    position: fixed;
    top: calc(var(--site-header-height) + var(--mode-switch-height));
    left: .625rem;
    z-index: 3;
    pointer-events: none;
    color: var(--c-b-white);
    transform-origin: top left;
    transform: scale(.4)
}

@media (min-width:23.4375em) {
    .timeline__headline {
        transform: scale(.5)
    }
}

@media (min-width:48em) {
    .timeline__headline {
        transform: scale(.8)
    }
}

@media (min-width:64em) {
    .timeline__headline {
        transform: scale(.85)
    }
}

@media (min-width:87.5em) {
    .timeline__headline {
        transform: scale(1.2)
    }
}

.timeline__headline span {
    color: var(--c-b-white);
    display: inline-flex;
    text-align: right;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 12.5rem;
    line-height: 1
}

.timeline__headline em,
.timeline__headline strong {
    display: inline-flex;
    justify-content: center
}

.timeline__headline em {
    width: .7em;
    max-width: .7em
}

.timeline__headline strong {
    width: .4em;
    max-width: .4em
}

.timeline__headline small {
    position: absolute;
    top: 0;
    font-size: .625rem
}

.timeline__headline span {
    display: block;
    position: relative;
    white-space: nowrap
}

.timeline__headline__secondary span {
    position: absolute;
    top: 100%;
    left: .7em
}

.timeline__headline__year-decade {
    position: absolute
}

.timeline__headline__ghost-decade {
    opacity: 0
}

.vision-slider-gallery {
    display: block
}

.vision-slider-gallery__item {
    position: relative;
    display: inline-block;
    margin-top: 12.5rem;
    overflow: hidden
}

.vision-slider-gallery__item .media-focal {
    display: block;
    position: static;
    width: 100%;
    height: auto
}

.vision-slider-gallery__item .media-focal>span,
.vision-slider-gallery__item .media-focal__image {
    position: static;
    width: 100%;
    height: auto
}

.vision-slider-gallery__item h6 {
    display: block;
    text-align: left;
    margin-top: .625rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    margin-left: 10%
}

@media (min-width:118.75em) {
    .vision-slider-gallery__item h6 {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .vision-slider-gallery__item h6 {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (max-width:34.99em) {
    .vision-slider-gallery {
        --grid-gap: 0.625rem;
        --grid-cells: 12;
        display: grid;
        grid-column-gap: var(--grid-gap);
        column-gap: var(--grid-gap);
        grid-template-columns: repeat(var(--grid-cells), 1fr)
    }
}

@media (max-width:34.99em) and (min-width:64em) {
    .vision-slider-gallery {
        --grid-cells: 24
    }
}

@media (max-width:34.99em) and (min-width:9.375em) {
    .vision-slider-gallery {
        --grid-gap: 0.625rem
    }
}

@media (max-width:34.99em) and (min-width:35em) {
    .vision-slider-gallery {
        --grid-gap: 1.25rem
    }
}

@media (max-width:34.99em) and (min-width:64em) {
    .vision-slider-gallery {
        --grid-gap: 1.25rem
    }
}

@media (max-width:34.99em) and (min-width:87.5em) {
    .vision-slider-gallery {
        --grid-gap: 1.5625rem
    }
}

@media (max-width:34.99em) and (min-width:118.75em) {
    .vision-slider-gallery {
        --grid-gap: 1.875rem
    }
}

@media (max-width:34.99em) and (min-width:150em) {
    .vision-slider-gallery {
        --grid-gap: 2.5rem
    }
}

@media (max-width:34.99em) {
    .vision-slider-gallery .vision-slider-gallery__item {
        margin-top: 5rem;
        grid-column: 2/12;
        position: relative
    }

    .vision-slider-gallery .vision-slider-gallery__item:nth-child(2) {
        grid-column: 3/13;
        width: calc(100% + .625rem);
        margin-right: -.625rem;
        width: calc(100% + 5vw)
    }
}

@media (max-width:34.99em) and (min-width:35em) {
    .vision-slider-gallery .vision-slider-gallery__item:nth-child(2) {
        width: calc(100% + clamp(1.875rem, 5.35714vw, 3.75rem));
        margin-right: calc(clamp(1.875rem, 5.35714vw, 3.75rem)*-1)
    }
}

@media (max-width:34.99em) and (min-width:87.5em) {
    .vision-slider-gallery .vision-slider-gallery__item:nth-child(2) {
        width: calc(100% + clamp(3.75rem, 4.28571vw, 8.75rem));
        margin-right: calc(clamp(3.75rem, 4.28571vw, 8.75rem)*-1)
    }
}

@media (max-width:34.99em) and (min-width:118.75em) {
    .vision-slider-gallery .vision-slider-gallery__item:nth-child(2) {
        width: calc(100% + clamp(8.75rem, 7.36842vw, 13.75rem));
        margin-right: calc(clamp(8.75rem, 7.36842vw, 13.75rem)*-1)
    }
}

@media (max-width:34.99em) and (min-width:150em) {
    .vision-slider-gallery .vision-slider-gallery__item:nth-child(2) {
        width: calc(100% + 13.75rem);
        margin-right: -13.75rem
    }
}

@media (max-width:34.99em) {
    .vision-slider-gallery .vision-slider-gallery__item:nth-child(3) {
        grid-column: 1/11;
        width: calc(100% + .625rem);
        margin-left: -.625rem
    }
}

@media (max-width:34.99em) and (min-width:35em) {
    .vision-slider-gallery .vision-slider-gallery__item:nth-child(3) {
        width: calc(100% + clamp(1.875rem, 5.35714vw, 3.75rem));
        margin-left: calc(clamp(1.875rem, 5.35714vw, 3.75rem)*-1)
    }
}

@media (max-width:34.99em) and (min-width:87.5em) {
    .vision-slider-gallery .vision-slider-gallery__item:nth-child(3) {
        width: calc(100% + clamp(3.75rem, 4.28571vw, 8.75rem));
        margin-left: calc(clamp(3.75rem, 4.28571vw, 8.75rem)*-1)
    }
}

@media (max-width:34.99em) and (min-width:118.75em) {
    .vision-slider-gallery .vision-slider-gallery__item:nth-child(3) {
        width: calc(100% + clamp(8.75rem, 7.36842vw, 13.75rem));
        margin-left: calc(clamp(8.75rem, 7.36842vw, 13.75rem)*-1)
    }
}

@media (max-width:34.99em) and (min-width:150em) {
    .vision-slider-gallery .vision-slider-gallery__item:nth-child(3) {
        width: calc(100% + 13.75rem);
        margin-left: -13.75rem
    }
}

@media (max-width:34.99em) {
    .vision-slider-gallery .vision-slider-gallery__item:nth-child(4) {
        grid-column: 3/12
    }
}

.vision-slider-gallery__left .vision-slider-gallery__item {
    margin-top: 12.5rem
}

.vision-slider-gallery__left .vision-slider-gallery__item:first-child {
    margin-top: 0;
    width: 100%
}

.vision-slider-gallery__left .vision-slider-gallery__item:nth-child(2) {
    width: 78%;
    width: calc(100% + .625rem);
    margin-left: -.625rem;
    left: -4vw
}

@media (min-width:35em) {
    .vision-slider-gallery__left .vision-slider-gallery__item:nth-child(2) {
        width: calc(100% + clamp(1.875rem, 5.35714vw, 3.75rem));
        margin-left: calc(clamp(1.875rem, 5.35714vw, 3.75rem)*-1)
    }
}

@media (min-width:87.5em) {
    .vision-slider-gallery__left .vision-slider-gallery__item:nth-child(2) {
        width: calc(100% + clamp(3.75rem, 4.28571vw, 8.75rem));
        margin-left: calc(clamp(3.75rem, 4.28571vw, 8.75rem)*-1)
    }
}

@media (min-width:118.75em) {
    .vision-slider-gallery__left .vision-slider-gallery__item:nth-child(2) {
        width: calc(100% + clamp(8.75rem, 7.36842vw, 13.75rem));
        margin-left: calc(clamp(8.75rem, 7.36842vw, 13.75rem)*-1)
    }
}

@media (min-width:150em) {
    .vision-slider-gallery__left .vision-slider-gallery__item:nth-child(2) {
        width: calc(100% + 13.75rem);
        margin-left: -13.75rem
    }
}

.vision-slider-gallery__left .vision-slider-gallery__item:nth-child(3) {
    width: 100%
}

.vision-slider-gallery__right {
    text-align: right
}

.vision-slider-gallery__right .vision-slider-gallery__item {
    margin-top: 12.5rem
}

.vision-slider-gallery__right .vision-slider-gallery__item:first-child {
    width: calc(100% + 5vw);
    position: relative;
    left: 4vw;
    width: calc(100% + .625rem);
    margin-right: -.625rem
}

@media (min-width:35em) {
    .vision-slider-gallery__right .vision-slider-gallery__item:first-child {
        width: calc(100% + clamp(1.875rem, 5.35714vw, 3.75rem));
        margin-right: calc(clamp(1.875rem, 5.35714vw, 3.75rem)*-1)
    }
}

@media (min-width:87.5em) {
    .vision-slider-gallery__right .vision-slider-gallery__item:first-child {
        width: calc(100% + clamp(3.75rem, 4.28571vw, 8.75rem));
        margin-right: calc(clamp(3.75rem, 4.28571vw, 8.75rem)*-1)
    }
}

@media (min-width:118.75em) {
    .vision-slider-gallery__right .vision-slider-gallery__item:first-child {
        width: calc(100% + clamp(8.75rem, 7.36842vw, 13.75rem));
        margin-right: calc(clamp(8.75rem, 7.36842vw, 13.75rem)*-1)
    }
}

@media (min-width:150em) {
    .vision-slider-gallery__right .vision-slider-gallery__item:first-child {
        width: calc(100% + 13.75rem);
        margin-right: -13.75rem
    }
}

.vision-slider-gallery__right .vision-slider-gallery__item:nth-child(2) {
    width: 85%
}

.vision-slider-gallery__left,
.vision-slider-gallery__right {
    flex: 0 0 50%
}

.vision-slider-slide {
    width: 100%;
    box-sizing: border-box;
    max-height: 25vh
}

.vision-slider-slide__media {
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr);
    margin-bottom: 2.5rem;
    aspect-ratio: 16/9
}

@media (min-width:64em) {
    .vision-slider-slide__media {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .vision-slider-slide__media {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .vision-slider-slide__media {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .vision-slider-slide__media {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .vision-slider-slide__media {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .vision-slider-slide__media {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .vision-slider-slide__media {
        --grid-gap: 2.5rem
    }
}

.vision-slider-slide__media .media-focal {
    grid-column: 1/13;
    width: calc(100% + .625rem);
    margin-left: -.625rem
}

@media (min-width:35em) {
    .vision-slider-slide__media .media-focal {
        width: calc(100% + clamp(1.875rem, 5.35714vw, 3.75rem));
        margin-left: calc(clamp(1.875rem, 5.35714vw, 3.75rem)*-1)
    }
}

@media (min-width:87.5em) {
    .vision-slider-slide__media .media-focal {
        width: calc(100% + clamp(3.75rem, 4.28571vw, 8.75rem));
        margin-left: calc(clamp(3.75rem, 4.28571vw, 8.75rem)*-1)
    }
}

@media (min-width:118.75em) {
    .vision-slider-slide__media .media-focal {
        width: calc(100% + clamp(8.75rem, 7.36842vw, 13.75rem));
        margin-left: calc(clamp(8.75rem, 7.36842vw, 13.75rem)*-1)
    }
}

@media (min-width:150em) {
    .vision-slider-slide__media .media-focal {
        width: calc(100% + 13.75rem);
        margin-left: -13.75rem
    }
}

@media (max-width:34.99em) {
    .vision-slider-slide__media .media-focal {
        left: -1.5625rem !important;
        margin-left: 0 !important
    }
}

@media (min-width:64em) {
    .vision-slider-slide__media .media-focal {
        grid-column: 1/25;
        margin-left: 0
    }
}

.vision-slider-slide__texts {
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr)
}

@media (min-width:64em) {
    .vision-slider-slide__texts {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .vision-slider-slide__texts {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .vision-slider-slide__texts {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .vision-slider-slide__texts {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .vision-slider-slide__texts {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .vision-slider-slide__texts {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .vision-slider-slide__texts {
        --grid-gap: 2.5rem
    }
}

.vision-slider-slide__headline {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818;
    margin-bottom: 1.25rem;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0;
    transform: translateY(-10px);
    transition: all var(--default-transition) .2s;
    grid-column: 2/12;
    grid-row: 1
}

@media (min-width:64em) {
    .vision-slider-slide__headline {
        font-size: clamp(1.375rem, 2.14844vw, 1.75rem);
        line-height: 1.31818
    }
}

@media (min-width:87.5em) {
    .vision-slider-slide__headline {
        font-size: clamp(1.75rem, 2vw, 2rem);
        line-height: 1.28571
    }
}

@media (min-width:118.75em) {
    .vision-slider-slide__headline {
        font-size: clamp(2rem, 1.68421vw, 2.375rem);
        line-height: 1.3125
    }
}

@media (min-width:150em) {
    .vision-slider-slide__headline {
        font-size: 2.375rem;
        line-height: 1.28947
    }
}

@media (min-width:64em) {
    .vision-slider-slide__headline {
        grid-column: 1/23
    }
}

.vision-slider-slide__bodytext {
    margin-bottom: 5.625rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0;
    transform: translateY(-10px);
    transition: all var(--default-transition) .3s;
    grid-column: 2/10;
    grid-row: 2
}

@media (min-width:118.75em) {
    .vision-slider-slide__bodytext {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .vision-slider-slide__bodytext {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:64em) {
    .vision-slider-slide__bodytext {
        grid-column: 1/13
    }
}

.vision-slider-slide__bodytext .action-button,
.vision-slider-slide__bodytext span div {
    margin-top: 1.25rem
}

.vision-slider-slide__quote {
    display: none;
    text-align: right;
    grid-column: 2/12;
    grid-row: 3
}

@media (min-width:64em) {
    .vision-slider-slide__quote {
        grid-column: 12/24
    }
}

.vision-slider-slide__quote h2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818;
    text-transform: none;
    font-size: 2.1875rem !important
}

@media (min-width:64em) {
    .vision-slider-slide__quote h2 {
        font-size: clamp(1.375rem, 2.14844vw, 1.75rem);
        line-height: 1.31818
    }
}

@media (min-width:87.5em) {
    .vision-slider-slide__quote h2 {
        font-size: clamp(1.75rem, 2vw, 2rem);
        line-height: 1.28571
    }
}

@media (min-width:118.75em) {
    .vision-slider-slide__quote h2 {
        font-size: clamp(2rem, 1.68421vw, 2.375rem);
        line-height: 1.3125
    }
}

@media (min-width:150em) {
    .vision-slider-slide__quote h2 {
        font-size: 2.375rem;
        line-height: 1.28947
    }
}

.vision-slider-slide__quote h5 {
    margin-top: 1.5625rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5625
}

@media (min-width:64em) {
    .vision-slider-slide__quote h5 {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:118.75em) {
    .vision-slider-slide__quote h5 {
        font-size: 1.25rem;
        line-height: 1.55
    }
}

@media (min-width:150em) {
    .vision-slider-slide__quote h5 {
        font-size: 1.375rem;
        line-height: 1.54545
    }
}

.vision-slider-slide__gallery {
    display: none;
    margin-top: 5.625rem
}

@media (min-width:35em) {
    .vision-slider-slide__gallery {
        justify-content: space-between
    }
}

@media (min-width:35em) {
    .vision-slider-slide {
        max-height: 50vh
    }
}

@media (min-width:87.5em) {
    .vision-slider-slide {
        max-height: 60vh
    }
}

.vision-slider-slide.swiper-slide-active {
    max-height: none
}

.vision-slider-slide.swiper-slide-active .vision-slider-slide__bodytext,
.vision-slider-slide.swiper-slide-active .vision-slider-slide__headline {
    opacity: 1;
    transform: translateY(0)
}

.vision-slider-slide.swiper-slide-active .vision-slider-slide__gallery,
.vision-slider-slide.swiper-slide-active .vision-slider-slide__quote {
    display: block
}

@media (min-width:35em) {
    .vision-slider-slide.swiper-slide-active .vision-slider-slide__gallery {
        display: flex
    }
}

.vision-slider-slide.swiper-slide-prev {
    opacity: 0
}

.flowbox-controller {
    padding-left: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-right: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-bottom: clamp(5.625rem, 24vw, 6.25rem);
    min-height: 100vh
}

@media (min-width:35em) {
    .flowbox-controller {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .flowbox-controller {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .flowbox-controller {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .flowbox-controller {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

@media (min-width:48em) {
    .flowbox-controller {
        padding-bottom: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .flowbox-controller {
        padding-bottom: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .flowbox-controller {
        padding-bottom: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .flowbox-controller {
        padding-bottom: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .flowbox-controller {
        padding-bottom: 12.5rem
    }
}

.list-title {
    padding-left: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-right: clamp(.625rem, 2.66667vw, 1.875rem);
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr);
    margin-bottom: clamp(5.625rem, 24vw, 6.25rem)
}

@media (min-width:35em) {
    .list-title {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .list-title {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .list-title {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .list-title {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

@media (min-width:64em) {
    .list-title {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .list-title {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .list-title {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .list-title {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .list-title {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .list-title {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .list-title {
        --grid-gap: 2.5rem
    }
}

@media (min-width:48em) {
    .list-title {
        margin-bottom: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .list-title {
        margin-bottom: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .list-title {
        margin-bottom: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .list-title {
        margin-bottom: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .list-title {
        margin-bottom: 12.5rem
    }
}

.list-title__content {
    grid-column: 2/12
}

@media (min-width:64em) {
    .list-title__content {
        grid-column: 5/16
    }
}

.list-title__headline h1 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.33333
}

@media (min-width:48em) {
    .list-title__headline h1 {
        font-size: 2.1875rem;
        line-height: 1.28571
    }
}

@media (min-width:64em) {
    .list-title__headline h1 {
        font-size: clamp(2.1875rem, 3.41797vw, 5rem);
        line-height: 1.28571
    }
}

@media (min-width:150em) {
    .list-title__headline h1 {
        font-size: 5rem;
        letter-spacing: -.0625rem;
        line-height: 1.1875
    }
}

.list-title__headline h2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818
}

@media (min-width:64em) {
    .list-title__headline h2 {
        font-size: clamp(1.625rem, 2.53906vw, 3.75rem);
        line-height: 1.26923
    }
}

@media (min-width:150em) {
    .list-title__headline h2 {
        font-size: 3.75rem;
        letter-spacing: -.0625rem;
        line-height: 1.3
    }
}

.list-title__text {
    margin-top: 1.25rem
}

.list-title__text p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .list-title__text p {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .list-title__text p {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.material-list {
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr);
    padding-left: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-right: clamp(.625rem, 2.66667vw, 1.875rem);
    grid-template-rows: auto
}

@media (min-width:64em) {
    .material-list {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .material-list {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .material-list {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .material-list {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .material-list {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .material-list {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .material-list {
        --grid-gap: 2.5rem
    }
}

@media (min-width:35em) {
    .material-list {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .material-list {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .material-list {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .material-list {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

.material-list__tiles {
    grid-area: 1/1/2/13
}

@media (min-width:64em) {
    .material-list__tiles {
        grid-area: 1/1/2/25
    }
}

.material-list__tiles h3 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818;
    margin-bottom: 1.25rem
}

@media (min-width:64em) {
    .material-list__tiles h3 {
        font-size: clamp(1.375rem, 2.14844vw, 1.75rem);
        line-height: 1.31818
    }
}

@media (min-width:87.5em) {
    .material-list__tiles h3 {
        font-size: clamp(1.75rem, 2vw, 2rem);
        line-height: 1.28571
    }
}

@media (min-width:118.75em) {
    .material-list__tiles h3 {
        font-size: clamp(2rem, 1.68421vw, 2.375rem);
        line-height: 1.3125
    }
}

@media (min-width:150em) {
    .material-list__tiles h3 {
        font-size: 2.375rem;
        line-height: 1.28947
    }
}

.material-list__tiles ul {
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    grid-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells), 1fr)
}

@media (min-width:64em) {
    .material-list__tiles ul {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .material-list__tiles ul {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .material-list__tiles ul {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .material-list__tiles ul {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .material-list__tiles ul {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .material-list__tiles ul {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .material-list__tiles ul {
        --grid-gap: 2.5rem
    }
}

.material-list__tiles ul li {
    grid-column: span 6
}

@media (min-width:64em) {
    .material-list__tiles ul li {
        grid-column: span 8
    }
}

@media (min-width:87.5em) {
    .material-list__tiles ul li {
        grid-column: span 6
    }
}

.material-list__description {
    grid-area: 2/1/3/13;
    margin-bottom: 2.5rem
}

@media (min-width:64em) {
    .material-list__description {
        grid-area: 2/4/3/17
    }
}

.material-list__specs {
    padding-top: 1.25rem;
    grid-area: 3/2/4/12;
    margin-bottom: 1.875rem
}

@media (min-width:64em) {
    .material-list__specs {
        margin-bottom: 3.75rem;
        padding-top: 3.125rem;
        grid-area: 3/3/4/15
    }
}

.material-list__specs h3 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818;
    margin-bottom: 1.25rem
}

@media (min-width:64em) {
    .material-list__specs h3 {
        font-size: clamp(1.375rem, 2.14844vw, 1.75rem);
        line-height: 1.31818
    }
}

@media (min-width:87.5em) {
    .material-list__specs h3 {
        font-size: clamp(1.75rem, 2vw, 2rem);
        line-height: 1.28571
    }
}

@media (min-width:118.75em) {
    .material-list__specs h3 {
        font-size: clamp(2rem, 1.68421vw, 2.375rem);
        line-height: 1.3125
    }
}

@media (min-width:150em) {
    .material-list__specs h3 {
        font-size: 2.375rem;
        line-height: 1.28947
    }
}

.material-list__specs table {
    width: 100%;
    display: block
}

.material-list__specs table tbody {
    display: block;
    text-align-last: left
}

.material-list__specs table tr {
    display: block
}

.material-list__specs table tr th {
    font-weight: 600;
    display: block
}

.material-list__specs table tr tr {
    display: block
}

.material-list__specs table tr+tr {
    margin-top: .625rem
}

.material-list__specs .nav-button {
    margin-top: 3.75rem
}

.material-list-controller {
    padding-top: clamp(5.625rem, 24vw, 6.25rem);
    padding-bottom: clamp(5.625rem, 24vw, 6.25rem)
}

@media (min-width:48em) {
    .material-list-controller {
        padding-top: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .material-list-controller {
        padding-top: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .material-list-controller {
        padding-top: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .material-list-controller {
        padding-top: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .material-list-controller {
        padding-top: 12.5rem
    }
}

@media (min-width:48em) {
    .material-list-controller {
        padding-bottom: clamp(6.25rem, 13.02083vw, 7.5rem)
    }
}

@media (min-width:64em) {
    .material-list-controller {
        padding-bottom: clamp(7.5rem, 11.71875vw, 8.75rem)
    }
}

@media (min-width:87.5em) {
    .material-list-controller {
        padding-bottom: clamp(8.75rem, 10vw, 10rem)
    }
}

@media (min-width:118.75em) {
    .material-list-controller {
        padding-bottom: clamp(10rem, 8.42105vw, 12.5rem)
    }
}

@media (min-width:150em) {
    .material-list-controller {
        padding-bottom: 12.5rem
    }
}

.material-list-controller .list-title {
    padding-bottom: 0
}

@media (min-width:64em) {
    .material-list-controller .list-title {
        padding-bottom: 0
    }
}

:export {
    breakpoint-vp1-max: 419px;
    breakpoint-vp2-min: 420px;
    breakpoint-vp2-max: 559px;
    breakpoint-vp3-min: 560px;
    breakpoint-vp3-max: 767px;
    breakpoint-vp4-min: 768px;
    breakpoint-vp4-max: 1023px;
    breakpoint-vp5-min: 1024px;
    breakpoint-vp5-max: 1159px;
    breakpoint-vp6-min: 1160px;
    breakpoint-vp6-max: 1399px;
    breakpoint-vp7-min: 1900px;
    breakpoint-vp7-max: 2399px;
    breakpoint-vp8-min: 2400px
}

.swiper-container {
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-wrapper {
    width: 100%;
    z-index: 1;
    display: flex;
    box-sizing: content-box
}

.swiper-slide,
.swiper-wrapper {
    position: relative;
    height: 100%;
    transition-property: transform
}

.swiper-slide {
    flex-shrink: 0;
    display: block;
    box-sizing: border-box
}

.container {
    padding-left: clamp(.625rem, 2.66667vw, 1.875rem);
    padding-right: clamp(.625rem, 2.66667vw, 1.875rem)
}

@media (min-width:35em) {
    .container {
        padding-left: clamp(1.875rem, 5.35714vw, 3.75rem);
        padding-right: clamp(1.875rem, 5.35714vw, 3.75rem)
    }
}

@media (min-width:87.5em) {
    .container {
        padding-left: clamp(3.75rem, 4.28571vw, 8.75rem);
        padding-right: clamp(3.75rem, 4.28571vw, 8.75rem)
    }
}

@media (min-width:118.75em) {
    .container {
        padding-left: clamp(8.75rem, 7.36842vw, 13.75rem);
        padding-right: clamp(8.75rem, 7.36842vw, 13.75rem)
    }
}

@media (min-width:150em) {
    .container {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

.basic-link {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636;
    display: inline-flex;
    white-space: nowrap;
    align-items: center;
    justify-content: center
}

@media (min-width:118.75em) {
    .basic-link {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .basic-link {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.basic-link span+span {
    margin-left: .625rem
}

.basic-link .text {
    text-decoration: underline
}

.basic-link.is-disabled {
    opacity: .8
}

.basic-link.is-disabled .text {
    text-decoration: none
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeInBottom {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInTop {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform-origin: left center
    }

    20% {
        opacity: 0;
        transform: translateX(-20px) scaleX(.97);
        transform-origin: left center
    }

    70% {
        opacity: .5
    }

    to {
        transform: translateX(0) scaleX(1);
        opacity: 1
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform-origin: left center
    }

    20% {
        opacity: 0;
        transform: translateX(20px) scaleX(1.03);
        transform-origin: left center
    }

    70% {
        opacity: .5
    }

    to {
        transform: translateX(0) scaleX(1);
        opacity: 1
    }
}

@keyframes bounce {
    0% {
        left: 0;
        transform: translate(0)
    }

    30% {
        left: 100%;
        transform: translate(-100%)
    }

    50% {
        left: 100%;
        transform: translate(-100%)
    }

    80% {
        left: 0;
        transform: translate(0)
    }

    to {
        left: 0;
        transform: translate(0)
    }
}

.save-button {
    position: absolute;
    top: .875rem;
    right: .875rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 2.25rem;
    height: 1.875rem;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, .6);
    transition: all var(--default-transition)
}

.save-button .icon {
    display: inline-flex;
    color: var(--c-b-white)
}

.store-locator {
    width: 100%
}

@media (min-width:64em) {
    .store-locator {
        height: 100vh
    }
}

.store-locator__inner {
    background-color: var(--c-b-grey4);
    display: grid;
    grid-template-areas: "map""filters""search""list";
    grid-template-rows: 50vh auto auto 50vh
}

@media (min-width:64em) {
    .store-locator__inner {
        display: grid;
        grid-template-areas: "filters search""list map";
        grid-template-rows: 6.25rem 60vh;
        grid-template-columns: 33% 67%
    }
}

.store-locator__filters {
    grid-area: filters;
    box-sizing: border-box;
    padding: 1.25rem .625rem;
    border-bottom: .0625rem solid var(--c-b-grey3);
    display: flex;
    align-items: center
}

@media (min-width:64em) {
    .store-locator__filters {
        border-bottom: 0;
        padding: 0 1.875rem 0 3.125rem
    }
}

.store-locator__filters .select {
    margin: 0;
    display: flex;
    width: 100%
}

@media (min-width:64em) {
    .store-locator__filters .select {
        padding: 1.875rem 0;
        border-bottom: .0625rem solid var(--c-b-grey3)
    }
}

.store-locator__filters .select__selector {
    border: 0;
    padding: 0;
    font-size: 1rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    color: #000;
    color: initial;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(100% - 1.875rem)
}

@media (min-width:64em) {
    .store-locator__filters .select__selector {
        font-size: 1.25rem;
        line-height: 1.875rem
    }
}

.store-locator__filters .select:after {
    top: 50%;
    right: 0
}

.store-locator__search {
    grid-area: search;
    padding: 1.25rem .625rem;
    border-bottom: .0625rem solid var(--c-b-grey3);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (min-width:64em) {
    .store-locator__search {
        border-bottom: 0;
        padding: 1.875rem 1.875rem 1.875rem 0
    }
}

.store-locator__search__field {
    flex: 1 1 50%;
    display: flex;
    align-items: center
}

.store-locator__search__field input {
    min-width: 18.75rem;
    border: 0;
    -webkit-appearance: none;
    appearance: none;
    padding: 0;
    background-color: transparent;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5625;
    text-transform: uppercase
}

@media (min-width:64em) {
    .store-locator__search__field input {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:118.75em) {
    .store-locator__search__field input {
        font-size: 1.25rem;
        line-height: 1.55
    }
}

@media (min-width:150em) {
    .store-locator__search__field input {
        font-size: 1.375rem;
        line-height: 1.54545
    }
}

@media (min-width:64em) {
    .store-locator__search__field input {
        font-size: 1.25rem
    }
}

.store-locator__search__field input:-ms-input-placeholder {
    font-size: 1.25rem;
    line-height: 1.875rem
}

.store-locator__search__field input::placeholder {
    font-size: 1.25rem;
    line-height: 1.875rem
}

.store-locator__search__field svg,
.store-locator__search__geoloc {
    font-size: 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em
}

.store-locator__list {
    grid-area: list;
    box-sizing: content-box;
    overflow: hidden;
    overflow-y: auto
}

@media (min-width:64em) {
    .store-locator__list {
        padding: 0 1.875rem 0 3.125rem
    }
}

.store-locator__list::-webkit-scrollbar {
    display: none
}

.store-locator__list__item {
    padding: 1.875rem .625rem;
    transition: padding var(--default-transition);
    border-bottom: .0625rem solid var(--c-b-grey3)
}

@media (min-width:64em) {
    .store-locator__list__item {
        padding: 1.875rem 0
    }
}

.store-locator__list__item h5 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    font-weight: 600;
    margin-bottom: .625rem
}

@media (min-width:118.75em) {
    .store-locator__list__item h5 {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .store-locator__list__item h5 {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.store-locator__list__item p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .store-locator__list__item p {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .store-locator__list__item p {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.store-locator__list__item.is-active {
    color: var(--c-b-grey1);
    padding-left: .625rem
}

@media (min-width:64em) {
    .store-locator__list__item.is-active {
        padding-left: 1.875rem
    }
}

.store-locator__list__item.is-active h5 {
    text-decoration: underline
}

.store-locator__list__item.is-active p {
    font-weight: 600
}

.store-locator__map {
    grid-area: map;
    width: 100%;
    height: 100%
}

.store-locator-cluster {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--cluster-size);
    height: var(--cluster-size);
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .6);
    box-shadow: 0 0 0 .3125rem rgba(0, 0, 0, .2);
    box-sizing: content-box;
    z-index: 90
}

.store-locator-cluster .text {
    font-size: .875rem;
    line-height: 1.375rem;
    font-weight: 600;
    color: var(--c-b-white)
}

.store-locator-marker {
    font-size: 2.5rem;
    z-index: 80
}

.store-locator-marker,
.store-locator-search-location {
    display: inline-flex;
    align-items: flex-end;
    justify-content: center;
    height: 0
}

.store-locator-search-location {
    font-size: 3.75rem;
    z-index: 100
}

.logo-animation__hansen,
.logo-animation__fritz {
    transition: width 550ms ease-in-out;
}

.logo-animation__dot-in {
    transition: opacity 1s ease-in;
    color: #000;
}

.logo-animation__dot-out {
    transition: opacity 300ms ease-out;
}

.linea {
    width: 3px;
    height: 42px;
    background-color: #ff7a59;
    /*    border-radius: 5px;*/
    position: absolute;
    left: 130px;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    /*    top: 17px;*/
    /*    transform: rotate(-0.25turn);*/
}

.orange-dot {
    /*    border-radius: 100px;*/
    background-color: #ff7a59;
    width: 5px;
    height: 5px;
    top: 18px;
    position: absolute;
}

.animate-linea {
    animation-name: my-animation;
    animation-duration: .75s;
    animation-direction: alternate;
    animation-fill-mode: forwards;
    /*    animation-iteration-count: infinite;*/
    animation-timing-function: linear;
}

@keyframes reverse-my-animation {
    from {
        /*        border-radius: 100px;*/
        background-color: #ff7a59;
        width: 5px;
        height: 5px;
        top: 26px;
        left: 15px;
    }

    to {
        transform: rotate(0.25turn);
        width: 30px;
        opacity: 1;
    }
}

@keyframes my-animation {
    from {
        transform: rotate(-0.5turn);
        width: 30px;
    }

    to {
        /*        border-radius: 100px;*/
        background-color: #ff7a59;
        width: 5px;
        height: 5px;
        top: 26px;
        left: 15px;
        opacity: 1;
    }
}

.tel {
    color: black;
    font-size: 13px;
}

.mode-switch button {
    text-decoration: none;
    font-size: 13px;
    text-transform: inherit;
}

.kontakt {
    padding-right: 10px;
    font-weight: bold;
}

.mode-switch__buttons .button {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.email-icon,
.clock-icon,
.phone-icon {
    height: 18px;
    margin-right: 5px;
}


.contactContainer {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
}

#contactMe {
    margin: 0;
    padding: 2em;
    border: 2px solid #fff;
    border-radius: 4px;
}

#contactMe h2,
h4 {
    margin-bottom: 1em;
    font-weight: bold;
}

.anime {
    /*    transition: transform 0.5s cubic-bezier(0.25, 0.01, 0.25, 1);*/
    transform: translateX(105%);
    transition: 0.25s ease-in-out;
    /*  animation-timing-function: ease-in;*/
}

.run {
    transform: translateX(0%) !important
}

@keyframes roll {

    /* Basic move left and right*/
    0% {
        transform: translateX(100%)
    }

    25% {
        transform: translateX(75%)
    }

    75% {
        transform: translateX(25%)
    }

    100% {
        transform: translateX(0px)
    }
}

#contactMe input[type="text"],
#contactMe input[type="email"],
#contactMe textarea {
    width: calc(100% - 20px);
    border: 1px solid #fafafa;
    margin: 0 0 5px;
    padding: 10px;
    border-radius: 2px;
    font-size: 14px;
}

#contactMe textarea {
    height: 100px;
    max-width: 100%;
    resize: none;
}

#contactSubmit {
    cursor: pointer;
    width: 100%;
    border: none;
    background: #ff7a59;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 5px;
    padding: 20px;
    font-size: 15px;
}

#contactSubmit:hover {
    background: #333;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

#contactMe input:focus,
#contactMe textarea:focus {
    outline: 0;
    border: 1px solid #aaa;
}

/*::-webkit-input-placeholder {
    color: #888;
}

:-moz-placeholder {
    color: #888;
}

::-moz-placeholder {
    color: #888;
}

:-ms-input-placeholder {
    color: #888;
}*/

fieldset {
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-before: 0;
    -webkit-padding-start: 0;
    -webkit-padding-end: 0;
    -webkit-padding-after: 0;
}

fieldset {
    border: medium none !important;
    margin: 0 0 10px;
    min-width: 100%;
    padding: 0;
    width: 100%;
}

footer .email-icon,
footer .clock-icon,
footer .phone-icon,
footer .map-icon {
    height: 2.5rem;
    margin-right: 1rem
}

.site-footer__signup div {
    display: flex;
    vertical-align: middle;
    margin-bottom: 1.875rem;
}

.elo {
    font-weight: bolder;

}

footer a:hover {
    text-decoration: underline;
}

#onama,
#prodaja,
#kategorije {
    display: none;
}

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 100vh;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgb(182, 160, 143)
        /* #bcbcb4; */
    ;
    -webkit-transition: -webkit-transform 750ms cubic-bezier(.645, .045, .355, 1);
    transition: transform 750ms cubic-bezier(.645, .045, .355, 1);
    transition: transform 750ms cubic-bezier(.645, .045, .355, 1), -webkit-transform 750ms cubic-bezier(.645, .045, .355, 1);
}

.preloader.hide-load {
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
}

.pace {
    color: white;
    position: relative;
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 999;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pre-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 120px;
    height: 30px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.logo-text {
    font-size: 22px;
    letter-spacing: -.4px;
}

.pace-progress {
    overflow: hidden;
    width: 64px;
    height: 1px;
    margin-top: 2px;
    margin-right: 12px;
    margin-left: 12px;
    background-color: #fff;
}

.pace-progress-inner {
    width: 100%;
    height: 1px;
    background-color: #a8acaa;
}

.preloader_precentage_wrap {
    display: block;
    overflow: hidden;
    width: 50px;
    height: 25px;
}

.preloader_percentage {
    display: inline-block;
    height: 16px;
    font-size: 16px;
}

.pace .preloader_percentage::after {
    content: attr(data-progress-text);
    display: inline-block;
}

.preloader_pillar {
    font-size: 16px;
    text-transform: uppercase;
}

.work-section {
    position: relative;
    z-index: 13;
    min-height: 100vh;
    margin-top: 55px;
    padding-top: 1vw;
    background-color: #f0f0f0;
}

.standard_container {
    max-width: 96vw;
    margin: 0 auto;
}

.w-container:after,
.w-container:before {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2;
}

.work-header-wrap {
    display: -ms-grid;
    display: grid;
    margin-bottom: 0.4vw;
    grid-auto-columns: 1fr;
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    grid-template-areas: "Area . Area-2 Area-3";
    -ms-grid-columns: 1fr 2vw 1fr 2vw 1fr 2vw 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.work-title-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.9vw;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-area: Area;
}

.h100.split.h100__work {
    margin-top: -0.3vw;
}

.split {
    display: inline-block;
}

.h100 {
    margin-bottom: 0;
    font-size: 7vw;
    line-height: .8;
    font-weight: 400;
    text-transform: uppercase;
}

h2.h100 {
    margin: 0.67em 0;
    word-break: inherit;
    white-space: inherit;
}

.linemask {
    overflow: hidden;
}

.line {
    display: inline-block;
}

.wordmask {
    display: inline-block;
}

.is-ready .h100 .t-anim.delay1 {
    transition-delay: .7s;
}

.is-ready .h100 .t-anim {
    transform: translateY(0%);
}

.h100 .t-anim {
    transition: transform 1.3s cubic-bezier(.075, .82, .165, 1);
}

.word {
    display: inline-block;
}

.work-num-wrap {
    overflow: hidden;
}

.is-ready .work-num.t-anim.delay1 {
    transition-delay: 1s;
}

.is-ready .work-num.t-anim {
    transform: translateY(0%);
}

.work-num.t-anim {
    transition: transform 1.5s cubic-bezier(.075, .82, .165, 1);
}

.work-num {
    margin-top: 0.3vw;
    margin-bottom: 0;
    margin-left: 1vw;
    color: #2a2a2a;
    font-size: 2vw;
    line-height: .8;
    font-weight: 400;
}

@media screen and (min-width: 1280px) {

    .case-num,
    .work-num {
        font-size: 1.6vw;
        line-height: 1;
    }
}

.work-border {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.is-ready .work-border-inner.t-anim.delay1 {
    transition-delay: .9s;
}

.is-ready .work-border-inner.t-anim {
    width: 100%;
}

.work-border-inner.t-anim {
    transition: width 2s cubic-bezier(.3, .3, 0, 1);
}

.is-ready .t-anim {
    transform: translateY(0%);
}

.work-border-inner {
    position: relative;
    z-index: 12;
    height: 100%;
    background-color: #161616;
}

.work-grid-wrap {
    opacity: 1;
    transition: opacity 1s cubic-bezier(.075, .82, .165, 1);
}

.work-grid-wrap {
    position: relative;
    z-index: 12;
}

.is-ready .work-border-vert.t-anim.delay1 {
    transition-delay: .9s;
}

.is-ready .work-border-vert.t-anim {
    height: 99.5%;
}

.work-border-vert.t-anim {
    transition: height 6s cubic-bezier(.3, .3, 0, 1);
}

.is-ready .t-anim {
    transform: translateY(0%);
}

.work-border-vert {
    position: absolute;
    left: 50%;
    z-index: 12;
    width: 1px;
    height: 0%;
    background-color: #161616;
}

.work-grid-view {
    margin-bottom: 2vw;
}

.work-grid {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.work-block {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer;
}

.work-block:nth-child(odd) {
    padding: 1vw 1vw 0 0;
}

.work-block:nth-child(even) {
    padding: 1vw 0 0 1vw;
}

.work-grid-image-wrap {
    overflow: hidden;
}

.is-ready .work-grid-image.t-anim.delay1 {
    transition-delay: .8s;
}

.is-ready .work-grid-image.t-anim {
    opacity: 1;
    transform: scale(1.1) rotate(0deg);
    -webkit-transform: scale(1.1) rotate(0deg);
}

.work-grid-image.t-anim {
    transition: opacity 1s cubic-bezier(.075, 0, .165, 0), transform 1.5s cubic-bezier(.075, .82, .165, 1);
}

.work-grid-image {
    position: relative;
    z-index: 12;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.work-block picture {
    width: 100%;
}

.work-block img {
    border: 0;
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
    object-fit: cover !important;
}

.text-wrap-work-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0 !important;
    padding-bottom: 0 !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.text-wrap-inner-work-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.tag-list-wrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.hsmallest-grid-year-wrap {
    overflow: hidden;
    padding-bottom: 2px;
}

.hsmallest {
    font-size: 12px;
    text-transform: uppercase;
}

.work-h20-wrap {
    overflow: hidden;
}

.h20.h20-work.split {
    overflow: hidden;
}

.h20.h20-work {
    position: relative;
    z-index: 12;
    margin-top: 0.8vw;
}

.split {
    display: inline-block;
}

.h20 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.48vw;
    line-height: .9;
    text-align: left;
    text-transform: uppercase;
}

.work-block:nth-child(odd) .work-block-bb {
    justify-content: flex-end;
}

.work-block-bb {
    display: flex;
}

.work-block-bb {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 48vw;
    height: 1px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.is-ready .work-block-bb-inner.t-anim.delay1 {
    transition-delay: 1.2s;
}

.is-ready .work-block-bb-inner.t-anim {
    width: 100%;
}

.is-ready .t-anim.delay1 {
    transition-delay: .65s;
}

.work-block-bb-inner.t-anim {
    transition: width 2s cubic-bezier(.3, .3, 0, 1);
}

.work-block-bb-inner.t-start {
    width: 0%;
}

.is-ready .t-anim {
    transform: translateY(0%);
}

.t-anim {
    transition: transform 1.5s cubic-bezier(.075, .82, .165, 1);
}

.t-start {
    transform: translateY(140%);
}

.work-block-bb-inner {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #161616;
}

.strip,
.strip-single {
    display: flex;
    justify-content: center;
    transition: background-color .5s cubic-bezier(.165, .84, .44, 1);
}

.strip-single img {
    width: 60%;
    height: fit-content;
    align-self: center;
}

.strip-single div {
    padding-left: 10px;
    width: 35%;
    display: flex;
    align-items: center;
}

.strip>div {
    width: 20%;
    padding-left: 10px;
    display: flex;
    align-items: center;
}

.strip img {
    width: 15%;
    padding: 0 7px;
    height: fit-content;
    align-self: center;
}

.mob {
    display: none;
}

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

    .main-header__logo {
        top: 0.1rem;
    }

    .mob {
        /*        display: flex;*/
    }

    .h2mob {
        margin-top: 20px;
    }

    .mob img {
        max-width: 50vw;
    }

    .nav-highlight-block__text-wrapper {
        margin-bottom: 1.43rem;
    }

    .main-header {
        top: 0;
    }

    .mode-switch {
        display: none;
    }

    .layout {
        border-top: 0 none;
    }

    .site-footer__signup div {
        font-size: 1.2rem;
    }

    .tvoj-upit {
        font-size: 1.365rem;
    }

    .strip,
    .strip-single {
        flex-direction: column;
    }

    .strip-single img,
    .strip img {
        width: 90vw !important;
        margin-bottom: 10px;
    }

    .strip-single div,
    .strip>div {
        padding: 20px 5vw 0 5vw !important;
        width: 90vw !important;
    }
}

#slider {
    overflow: hidden;
}

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

    #slider {
        overflow: auto !important;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
    }

    #slider::-webkit-scrollbar {
        display: none;
    }

    .is-ready .work-border-vert.t-anim {
        display: none;
    }

    .work-block-bb {
        width: 100% !important;
    }

    .word {
        font-size: 20px !important;
        padding: 10px 0 15px 0;
    }

    .work-grid {
        padding-top: 3vw !important;
        grid-row-gap: 3vw !important;
        -ms-grid-columns: 1fr !important;
        grid-template-columns: 1fr !important;
    }

    h4 {
        font-weight: inherit !important;
        margin-bottom: 0;
    }

    .site-footer__signup {
        padding-left: 20px;
    }

    .site-footer__signup a,
    .site-footer__signup span,
    .site-footer__signup h2 {
        color: white;
    }

    .site-footer__signup img {
        height: 2rem;
        margin-right: 1rem;
    }
}

.collapsible__content {
    height: 0;
}

.collapsible.is-active .collapsible__content {
    opacity: 1 !important;
    height: auto !important;
    /*    transition: all 1s;*/
    -webkit-transition: all 1.2s;
    -moz-transition: all 1.2s;
    -ms-transition: all 1.2s;
    -o-transition: all 1.2s;
    transition: all 1.2s;
}