.v-toast--fade-out {
    animation-name: fadeOut
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.v-toast--fade-in-down {
    animation-name: fadeInDown
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.v-toast--fade-in-up {
    animation-name: fadeInUp
}

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

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

.v-toast {
    bottom: 0;
    display: flex;
    left: 0;
    overflow: hidden;
    padding: 2em;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1090
}

.v-toast__item {
    align-items: center;
    animation-duration: .15s;
    border-radius: .25em;
    box-shadow: 0 1px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    margin: .5em 0;
    min-height: 3em;
    opacity: .92;
    pointer-events: auto
}

.v-toast__item--success {
    background-color: #28a745
}

.v-toast__item--info {
    background-color: #17a2b8
}

.v-toast__item--warning {
    background-color: #ffc107
}

.v-toast__item--error {
    background-color: #dc3545
}

.v-toast__item--default {
    background-color: #343a40
}

.v-toast__item--warning {
    color: #000
}

.v-toast__item.v-toast__item--bottom,.v-toast__item.v-toast__item--top {
    align-self: center
}

.v-toast__item.v-toast__item--bottom-right,.v-toast__item.v-toast__item--top-right {
    align-self: flex-end
}

.v-toast__item.v-toast__item--bottom-left,.v-toast__item.v-toast__item--top-left {
    align-self: flex-start
}

.v-toast__text {
    margin: 0;
    padding: .5em 1em;
    word-break: break-word
}

.v-toast__icon {
    display: none
}

.v-toast.v-toast--top {
    flex-direction: column
}

.v-toast.v-toast--bottom {
    flex-direction: column-reverse
}

.v-toast.v-toast--custom-parent {
    position: absolute
}

@media screen and (max-width: 768px) {
    .v-toast {
        padding:0;
        position: fixed!important
    }
}

@font-face {
    font-family: B04\ 120 Jahre Custom Font;
    font-style: normal;
    font-weight: 400;
    src: url(https://cdn.bayer04.de/shop-static/src/public/build/fonts/B04120JahreCustomFontCaps-Regular.878f0758.otf) format("opentype"),url(https://cdn.bayer04.de/shop-static/src/public/build/fonts/B04120JahreCustomFontCaps-Regular.878f0758.ttf) format("truetype")
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp {
    display: none;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    touch-action: none;
    width: 100%;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: none
}

.pswp * {
    box-sizing: border-box
}

.pswp img {
    max-width: none
}

.pswp--animate_opacity {
    opacity: .001;
    transition: opacity 333ms cubic-bezier(.4,0,.22,1);
    will-change: opacity
}

.pswp--open {
    display: block
}

.pswp--zoom-allowed .pswp__img {
    cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
    cursor: grab
}

.pswp--dragging .pswp__img {
    cursor: grabbing
}

.pswp__bg {
    -webkit-backface-visibility: hidden;
    background: #fff;
    opacity: 0;
    transform: translateZ(0)
}

.pswp__bg,.pswp__scroll-wrap {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.pswp__scroll-wrap {
    overflow: hidden
}

.pswp__container,.pswp__zoom-wrap {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    touch-action: none
}

.pswp__container,.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none
}

.pswp__zoom-wrap {
    position: absolute;
    transform-origin: left top;
    transition: transform 333ms cubic-bezier(.4,0,.22,1);
    width: 100%
}

.pswp__bg {
    transition: opacity 333ms cubic-bezier(.4,0,.22,1);
    will-change: opacity
}

.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap {
    transition: none
}

.pswp__container,.pswp__zoom-wrap {
    -webkit-backface-visibility: hidden
}

.pswp__item {
    bottom: 0;
    overflow: hidden;
    right: 0
}

.pswp__img,.pswp__item {
    left: 0;
    position: absolute;
    top: 0
}

.pswp__img {
    height: auto;
    width: auto
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
    background: #222
}

.pswp--ie .pswp__img {
    height: auto!important;
    left: 0;
    top: 0;
    width: 100%!important
}

.pswp__error-msg {
    color: #ccc;
    font-size: 14px;
    left: 0;
    line-height: 16px;
    margin-top: -8px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%
}

.pswp__error-msg a {
    color: #ccc;
    text-decoration: underline
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp__button {
    -webkit-appearance: none;
    background: none;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    display: block;
    float: right;
    height: 44px;
    margin: 0;
    opacity: .75;
    overflow: visible;
    padding: 0;
    position: relative;
    transition: opacity .2s;
    width: 44px
}

.pswp__button:focus,.pswp__button:hover {
    opacity: 1
}

.pswp__button:active {
    opacity: .9;
    outline: none
}

.pswp__button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.pswp__ui--over-close .pswp__button--close {
    opacity: 1
}

.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before {
    background: url(https://cdn.bayer04.de/shop-static/src/public/build/images/default-skin.0ff4d621.png) 0 0 no-repeat;
    background-size: 264px 88px;
    height: 44px;
    width: 44px
}

@media(-webkit-min-device-pixel-ratio: 1.09375),(-webkit-min-device-pixel-ratio:1.1),(min-resolution:1.1dppx),(min-resolution:105dpi) {
    .pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before {
        background-image:url(https://cdn.bayer04.de/shop-static/src/public/build/images/default-skin.f64c3af3.svg)
    }

    .pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right {
        background: none
    }
}

.pswp__button--close {
    background-position: 0 -44px
}

.pswp__button--share {
    background-position: -44px -44px
}

.pswp__button--fs {
    display: none
}

.pswp--supports-fs .pswp__button--fs {
    display: block
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0
}

.pswp__button--zoom {
    background-position: -88px 0;
    display: none
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right {
    visibility: hidden
}

.pswp__button--arrow--left,.pswp__button--arrow--right {
    background: none;
    height: 100px;
    margin-top: -50px;
    position: absolute;
    top: 50%;
    width: 70px
}

.pswp__button--arrow--left {
    left: 0
}

.pswp__button--arrow--right {
    right: 0
}

.pswp__button--arrow--left:before,.pswp__button--arrow--right:before {
    background-color: #000;
    content: "";
    height: 30px;
    position: absolute;
    top: 35px;
    width: 32px
}

.pswp__button--arrow--left:before {
    background-position: -138px -44px;
    left: 6px
}

.pswp__button--arrow--right:before {
    background-position: -94px -44px;
    right: 6px
}

.pswp__counter,.pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.pswp__share-modal {
    -webkit-backface-visibility: hidden;
    background: rgba(0,0,0,.5);
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 10px;
    position: absolute;
    top: 0;
    transition: opacity .25s ease-out;
    width: 100%;
    will-change: opacity;
    z-index: 1600
}

.pswp__share-modal--hidden {
    display: none
}

.pswp__share-tooltip {
    -webkit-backface-visibility: hidden;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 5px rgba(0,0,0,.25);
    display: block;
    position: absolute;
    right: 44px;
    top: 56px;
    transform: translateY(6px);
    transition: transform .25s;
    width: auto;
    will-change: transform;
    z-index: 1620
}

.pswp__share-tooltip a {
    display: block;
    font-size: 14px;
    line-height: 18px;
    padding: 8px 12px
}

.pswp__share-tooltip a,.pswp__share-tooltip a:hover {
    color: #000;
    text-decoration: none
}

.pswp__share-tooltip a:first-child {
    border-radius: 2px 2px 0 0
}

.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px
}

.pswp__share-modal--fade-in {
    opacity: 1
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
    transform: translateY(0)
}

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px
}

a.pswp__share--facebook:before {
    border: 6px solid transparent;
    border-bottom-color: #fff;
    content: "";
    display: block;
    height: 0;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: -12px;
    width: 0
}

a.pswp__share--facebook:hover {
    background: #3e5c9a;
    color: #fff
}

a.pswp__share--facebook:hover:before {
    border-bottom-color: #3e5c9a
}

a.pswp__share--twitter:hover {
    background: #55acee;
    color: #fff
}

a.pswp__share--pinterest:hover {
    background: #ccc;
    color: #ce272d
}

a.pswp__share--download:hover {
    background: #ddd
}

.pswp__counter {
    color: #fff;
    font-size: 13px;
    height: 44px;
    left: 0;
    line-height: 44px;
    opacity: .75;
    padding: 0 10px;
    position: absolute;
    top: 0
}

.pswp__caption {
    bottom: 0;
    left: 0;
    min-height: 44px;
    position: absolute;
    width: 100%
}

.pswp__caption small {
    color: #bbb;
    font-size: 11px
}

.pswp__caption__center {
    color: #ccc;
    font-size: 13px;
    line-height: 20px;
    margin: 0 auto;
    max-width: 420px;
    padding: 10px;
    text-align: left
}

.pswp__caption--empty {
    display: none
}

.pswp__caption--fake {
    visibility: hidden
}

.pswp__preloader {
    direction: ltr;
    height: 44px;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .25s ease-out;
    width: 44px;
    will-change: opacity
}

.pswp__preloader__icn {
    height: 20px;
    margin: 12px;
    width: 20px
}

.pswp__preloader--active {
    opacity: 1
}

.pswp__preloader--active .pswp__preloader__icn {
    background: url(https://cdn.bayer04.de/shop-static/src/public/build/images/preloader.14d740b6.gif) 0 0 no-repeat
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    animation: clockwise .5s linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    animation: donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
    background: none;
    height: 14px;
    left: 15px;
    margin: 0;
    opacity: .75;
    position: absolute;
    top: 15px;
    width: 14px
}

.pswp--css_animation .pswp__preloader__cut {
    height: 14px;
    overflow: hidden;
    position: relative;
    width: 7px
}

.pswp--css_animation .pswp__preloader__donut {
    background: none;
    border-color: #fff #fff transparent transparent;
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    box-sizing: border-box;
    height: 14px;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 14px
}

@media screen and (max-width: 1024px) {
    .pswp__preloader {
        float:right;
        left: auto;
        margin: 0;
        position: relative;
        top: auto
    }
}

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

    to {
        transform: rotate(1turn)
    }
}

@keyframes donut-rotate {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(-140deg)
    }

    to {
        transform: rotate(0)
    }
}

.pswp__ui {
    -webkit-font-smoothing: auto;
    opacity: 1;
    visibility: visible;
    z-index: 1550
}

.pswp__top-bar {
    height: 44px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar {
    -webkit-backface-visibility: hidden;
    transition: opacity 333ms cubic-bezier(.4,0,.22,1);
    will-change: opacity
}

.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible
}

.pswp__caption,.pswp__top-bar {
    background-color: rgba(0,0,0,.5)
}

.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar {
    background-color: #000
}

.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right,.pswp__ui--idle .pswp__top-bar {
    opacity: 0
}

.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar {
    opacity: .001
}

.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter {
    display: none
}

.pswp__element--disabled {
    display: none!important
}

.pswp--minimal--dark .pswp__top-bar {
    background: none
}

.pswp__innerthumbs {
    bottom: 2px;
    left: 0;
    overflow: hidden;
    position: fixed
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.slick-list,.slick-slider {
    display: block;
    position: relative
}

.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.slick-track:after,.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url(https://cdn.bayer04.de/shop-static/src/public/build/images/ajax-loader.f1da3573.gif) 50% no-repeat
}

.slick-next,.slick-prev {
    border: none;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0px;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover {
    background: transparent;
    color: transparent;
    outline: none
}

.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,.slick-prev:before {
    color: #fff;
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    bottom: -25px;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.slick-dots li {
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    position: relative
}

.slick-dots li,.slick-dots li button {
    cursor: pointer;
    height: 20px;
    width: 20px
}

.slick-dots li button {
    background: transparent;
    border: 0;
    color: transparent;
    display: block;
    font-size: 0;
    line-height: 0px;
    outline: none;
    padding: 5px
}

.slick-dots li button:focus,.slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before,.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    color: #000;
    content: "•";
    font-family: slick;
    font-size: 6px;
    height: 20px;
    left: 0;
    line-height: 20px;
    opacity: .25;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.vue-slider-dot-handle {
    background-color: red!important;
    border-radius: 50%!important;
    box-shadow: 0 0!important
}

.vue-slider-dot-tooltip {
    visibility: visible!important
}

.vue-slider-rail {
    background: #979797!important;
    border-radius: 0!important
}

.v-toast {
    padding: 0!important;
    top: 99px!important
}

@media(max-width: 768px) {
    .v-toast {
        top:75px!important
    }
}

.v-toast .v-toast__item {
    align-items: center;
    border-radius: 0;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);
    color: #000;
    display: flex;
    font-family: Titling Gothic Narrow,Arial,sans-serif;
    font-weight: 700;
    gap: 10px;
    opacity: 1;
    padding: 15px
}

@media(max-width: 768px) {
    .v-toast .v-toast__item {
        font-size:16px
    }
}

.v-toast__item .v-toast__text {
    padding: 0
}

.v-toast__item .v-toast__icon {
    display: block
}

.v-toast__item .v-toast__icon:before {
    font-family: B04 Icons;
    font-size: 24px;
    font-weight: 500
}

@media(max-width: 768px) {
    .v-toast__item .v-toast__icon:before {
        font-size:18px
    }
}

.v-toast .v-toast__item--info,.v-toast .v-toast__item--success {
    background: #fff
}

.v-toast .v-toast__item--error {
    background: red;
    color: #fff
}

.v-toast__item.v-toast__item--success .v-toast__icon:before {
    color: red;
    content: ""
}

.v-toast__item.v-toast__item--error .v-toast__icon:before {
    color: #fff;
    content: ""
}

.v-toast__item.v-toast__item--info .v-toast__icon:before {
    color: #000;
    content: ""
}

html {
    box-sizing: border-box
}

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

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

body {
    margin: 0
}

article,aside,footer,header,nav,section {
    display: block
}

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

figcaption,figure,main {
    display: block
}

figure {
    margin: 1em 40px
}

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

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

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

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

b,strong {
    font-weight: inherit;
    font-weight: bolder
}

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

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

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

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

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

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

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

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

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

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details,menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

[hidden],template {
    display: none
}

blockquote,body,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,legend,ol,p,pre,ul {
    margin: 0;
    padding: 0
}

li>ol,li>ul {
    margin-bottom: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset {
    min-width: 0
}

address,blockquote,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,ol,p,pre,table,ul {
    margin-bottom: 24px
}

dd,ol,ul {
    margin-left: 24px
}

html {
    font-size: 1.125em;
    min-height: 100%;
    overflow-y: scroll
}

h1,html {
    line-height: 1.3333333333
}

h1 {
    font-size: 36px;
    font-size: 2rem
}

h2 {
    font-size: 28px;
    font-size: 1.5555555556rem;
    line-height: 1.7142857143
}

h3 {
    font-size: 24px;
    font-size: 1.3333333333rem;
    line-height: 1
}

h4 {
    font-size: 20px;
    font-size: 1.1111111111rem;
    line-height: 1.2
}

h5 {
    font-size: 18px;
    font-size: 1rem;
    line-height: 1.3333333333
}

h6 {
    font-size: 16px;
    font-size: .8888888889rem;
    line-height: 1.5
}

img {
    font-style: italic;
    max-width: 100%;
    vertical-align: middle
}

img[height],img[width] {
    max-width: none
}

table {
    width: 100%
}

blockquote {
    display: block;
    font-size: 42px;
    line-height: 1.6;
    margin-bottom: 12px;
    position: relative;
    text-transform: uppercase
}

@media(max-width: 61.99em) {
    blockquote {
        font-size:36px
    }
}

@media(max-width: 47.99em) {
    blockquote {
        font-size:24px
    }
}

blockquote p {
    color: red;
    font-family: Titling Gothic Condensed,Arial,sans-serif;
    font-weight: 700;
    line-height: 1;
    position: relative
}

blockquote footer {
    color: #fff;
    display: block;
    font-size: 16px;
    margin-right: -5px;
    margin-top: 15px;
    text-transform: uppercase
}

blockquote footer:before {
    content: "-";
    margin-right: 5px
}

cite {
    color: red;
    display: block;
    font-weight: 400;
    margin-bottom: 24px;
    padding-left: 35px
}

fieldset {
    border: 0;
    margin-bottom: 0
}

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

:focus {
    outline: 0
}

input,textarea {
    font-weight: 400
}

::-moz-placeholder {
    font-weight: 300
}

::placeholder {
    font-weight: 300
}

input:focus,textarea:focus {
    border-color: #000
}

textarea {
    padding: 12px
}

select {
    background: transparent;
    border: none;
    border-bottom: 1px solid #000
}

button[type=submit] {
    font-weight: 700
}

input[type=number],input[type=search],input[type=text],input[type=url],textarea {
    -webkit-appearance: none
}

input[type=number] {
    -moz-appearance: textfield
}

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

.h1,.h2,.h3,.h4,h1,h2,h3,h4 {
    font-family: Titling Gothic Condensed,Arial,sans-serif;
    font-weight: 700!important;
    text-transform: uppercase
}

.h1,h1 {
    font-size: 36px;
    transition: font-size .3s ease
}

@media(max-width: 47.99em) {
    .h1,h1 {
        font-size:36px
    }
}

@media(max-width: 29.99em) {
    .h1,h1 {
        font-size:30px
    }
}

.h2,h2 {
    font-size: 30px;
    transition: font-size .3s ease
}

@media(max-width: 47.99em) {
    .h2,h2 {
        font-size:30px
    }
}

@media(max-width: 29.99em) {
    .h2,h2 {
        font-size:30px
    }
}

.h3,h3 {
    font-size: 24px;
    line-height: 1.3;
    transition: font-size .3s ease
}

@media(max-width: 47.99em) {
    .h3,h3 {
        font-size:24px
    }
}

@media(max-width: 29.99em) {
    .h3,h3 {
        font-size:24px
    }
}

.h4,.h5,.h6,h4,h5,h6 {
    font-size: 18px
}

hr {
    border: solid red;
    border-width: 0 0 2px
}

.e-hr {
    border: solid red;
    border-width: 0 0 1px
}

.e-hr--default {
    border-color: #fff;
    opacity: .25
}

.e-hr--base {
    border-color: #000;
    opacity: .25
}

ul {
    list-style-type: none;
    margin: 0
}

html {
    background-color: #000;
    font-family: Titling Gothic Narrow,Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    scrollbar-color: red #000;
    scrollbar-width: thin
}

body {
    background-color: #fff
}

img {
    pointer-events: none
}

@media print {
    a[href]:after {
        content: none!important
    }

    body {
        margin-top: 0!important
    }

    body>footer {
        display: none
    }

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

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

    .o-layout,.o-layout__item {
        display: block!important;
        margin: 0!important;
        padding: 0!important
    }
}

table {
    border: none;
    border-collapse: separate;
    border-spacing: 0 5px;
    margin: 0;
    padding: 0
}

@media(max-width: 47.99em) {
    table {
        display:block;
        overflow-x: auto
    }
}

table thead {
    border-bottom: none
}

table th {
    border-color: transparent;
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-top: 5px;
    text-align: left;
    text-transform: uppercase
}

table tbody {
    border-collapse: separate;
    border-spacing: 0 5px
}

table tbody tr {
    background: #f2f2f2;
    border-bottom: none
}

table td {
    border-color: transparent;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-top: 15px
}

table td:first-child {
    border-left: 7px solid #dcdcdc
}

b,strong {
    font-weight: 500
}

i {
    font-style: normal
}

section {
    position: relative
}

a {
    color: #000;
    text-decoration: none;
    transition: all .3s ease-in-out
}

a:hover {
    color: red;
    cursor: pointer
}

.a-white {
    color: #fff;
    text-decoration: none;
    transition: all .3s ease-in-out
}

.a-white:hover {
    color: red;
    cursor: pointer
}

.pimcore_area_wysiwyg ul {
    list-style-type: disc;
    margin: 0;
    padding: 0 0 0 58px
}

@media(max-width: 47.99em) {
    .pimcore_area_wysiwyg ul {
        padding-right:40px
    }
}

.pimcore_area_wysiwyg ul li {
    margin: 8px
}

.pimcore_area_wysiwyg ol {
    list-style-type: decimal;
    margin: 0;
    padding: 0 0 0 58px
}

@media(max-width: 47.99em) {
    .pimcore_area_wysiwyg ol {
        padding-right:40px
    }
}

.pimcore_area_wysiwyg ol li {
    margin: 8px
}

.pimcore_area_wysiwyg a {
    text-decoration: underline
}

.o-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding-left: 24px;
    padding-right: 24px
}

.o-wrapper:after {
    clear: both!important;
    content: ""!important;
    display: block!important
}

.o-wrapper--tiny {
    padding-left: 6px;
    padding-right: 6px
}

.o-wrapper--small {
    padding-left: 12px;
    padding-right: 12px
}

.o-wrapper--large {
    padding-left: 48px;
    padding-right: 48px
}

.o-wrapper--huge {
    padding-left: 96px;
    padding-right: 96px
}

.o-layout {
    display: block;
    font-size: 0;
    list-style: none;
    margin: 0 0 0 -24px;
    padding: 0
}

.o-layout__item {
    box-sizing: border-box;
    display: inline-block;
    font-size: 18px;
    font-size: 1rem;
    padding-left: 24px;
    vertical-align: top;
    width: 100%
}

.o-layout--flush {
    margin-left: 0
}

.o-layout--flush>.o-layout__item {
    padding-left: 0
}

.o-layout--tiny {
    margin-left: -6px
}

.o-layout--tiny>.o-layout__item {
    padding-left: 6px
}

.o-layout--small {
    margin-left: -12px
}

.o-layout--small>.o-layout__item {
    padding-left: 12px
}

.o-layout--large {
    margin-left: -48px
}

.o-layout--large>.o-layout__item {
    padding-left: 48px
}

.o-layout--huge {
    margin-left: -96px
}

.o-layout--huge>.o-layout__item {
    padding-left: 96px
}

.o-layout--middle>.o-layout__item {
    vertical-align: middle
}

.o-layout--bottom>.o-layout__item {
    vertical-align: bottom
}

.o-layout--stretch {
    display: flex;
    flex-wrap: wrap
}

.o-layout--stretch>.o-layout__item {
    display: flex
}

.o-layout--center {
    text-align: center
}

.o-layout--center>.o-layout__item {
    text-align: left
}

.o-layout--right {
    text-align: right
}

.o-layout--left,.o-layout--left>.o-layout__item,.o-layout--right>.o-layout__item {
    text-align: left
}

.o-layout--reverse {
    direction: rtl
}

.o-layout--reverse>.o-layout__item {
    direction: ltr
}

.o-layout--auto>.o-layout__item {
    width: auto
}

.o-media {
    display: block
}

.o-media:after {
    clear: both!important;
    content: ""!important;
    display: block!important
}

.o-media__img {
    float: left;
    margin-right: 24px
}

.o-media__img>img {
    display: block
}

.o-media__body {
    display: block;
    overflow: hidden
}

.o-media__body,.o-media__body>:last-child {
    margin-bottom: 0
}

.o-media--flush>.o-media__img {
    margin-left: 0;
    margin-right: 0
}

.o-media--tiny>.o-media__img {
    margin-right: 6px
}

.o-media--tiny.o-media--reverse>.o-media__img {
    margin-left: 6px;
    margin-right: 0
}

.o-media--small>.o-media__img {
    margin-right: 12px
}

.o-media--small.o-media--reverse>.o-media__img {
    margin-left: 12px;
    margin-right: 0
}

.o-media--large>.o-media__img {
    margin-right: 48px
}

.o-media--large.o-media--reverse>.o-media__img {
    margin-left: 48px;
    margin-right: 0
}

.o-media--huge>.o-media__img {
    margin-right: 96px
}

.o-media--huge.o-media--reverse>.o-media__img {
    margin-left: 96px;
    margin-right: 0
}

.o-media--reverse>.o-media__img {
    float: right;
    margin-left: 24px;
    margin-right: 0
}

.o-flag {
    border-spacing: 0;
    display: table;
    width: 100%
}

.o-flag__body,.o-flag__img {
    display: table-cell;
    vertical-align: middle
}

.o-flag__img {
    padding-right: 24px;
    width: 1px
}

.o-flag__img>img {
    max-width: none
}

.o-flag__body {
    width: auto
}

.o-flag__body,.o-flag__body>:last-child {
    margin-bottom: 0
}

.o-flag--flush>.o-flag__img {
    padding-left: 0;
    padding-right: 0
}

.o-flag--tiny>.o-flag__img {
    padding-right: 6px
}

.o-flag--tiny.o-flag--reverse>.o-flag__img {
    padding-left: 6px;
    padding-right: 0
}

.o-flag--small>.o-flag__img {
    padding-right: 12px
}

.o-flag--small.o-flag--reverse>.o-flag__img {
    padding-left: 12px;
    padding-right: 0
}

.o-flag--large>.o-flag__img {
    padding-right: 48px
}

.o-flag--large.o-flag--reverse>.o-flag__img {
    padding-left: 48px;
    padding-right: 0
}

.o-flag--huge>.o-flag__img {
    padding-right: 96px
}

.o-flag--huge.o-flag--reverse>.o-flag__img {
    padding-left: 96px;
    padding-right: 0
}

.o-flag--reverse {
    direction: rtl
}

.o-flag--reverse>.o-flag__body,.o-flag--reverse>.o-flag__img {
    direction: ltr
}

.o-flag--reverse>.o-flag__img {
    padding-left: 24px;
    padding-right: 0
}

.o-flag--top>.o-flag__body,.o-flag--top>.o-flag__img {
    vertical-align: top
}

.o-flag--bottom>.o-flag__body,.o-flag--bottom>.o-flag__img {
    vertical-align: bottom
}

.o-list-bare {
    list-style: none
}

.o-list-bare,.o-list-bare__item {
    margin-left: 0
}

.o-list-inline {
    list-style: none;
    margin-left: 0
}

.o-list-inline__item {
    display: inline-block
}

.o-box {
    display: block;
    padding: 24px
}

.o-box:after {
    clear: both!important;
    content: ""!important;
    display: block!important
}

.o-box>:last-child {
    margin-bottom: 0
}

.o-box--flush {
    padding: 0
}

.o-box--tiny {
    padding: 6px
}

.o-box--small {
    padding: 12px
}

.o-box--large {
    padding: 48px
}

.o-box--huge {
    padding: 96px
}

.o-block {
    display: block;
    text-align: center
}

.o-block__img {
    margin-bottom: 24px
}

.o-block--flush>.o-block__img {
    margin-bottom: 0
}

.o-block--tiny>.o-block__img {
    margin-bottom: 6px
}

.o-block--small>.o-block__img {
    margin-bottom: 12px
}

.o-block--large>.o-block__img {
    margin-bottom: 48px
}

.o-block--huge>.o-block__img {
    margin-bottom: 96px
}

.o-block__body {
    display: block
}

.o-block--right {
    text-align: right
}

.o-block--left {
    text-align: left
}

.o-ratio {
    display: block;
    overflow: hidden;
    position: relative
}

.o-ratio:before {
    content: "";
    display: block;
    padding-bottom: 100%;
    width: 100%
}

.o-ratio>embed,.o-ratio>iframe,.o-ratio>object,.o-ratio__content {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.o-ratio--2\:1:before {
    padding-bottom: 50%
}

.o-ratio--4\:3:before {
    padding-bottom: 75%
}

.o-ratio--16\:9:before {
    padding-bottom: 56.25%
}

.o-crop {
    display: block;
    overflow: hidden;
    position: relative
}

.o-crop__content {
    left: 0;
    max-width: none;
    position: absolute;
    top: 0
}

.o-crop__content--right {
    left: auto;
    right: 0
}

.o-crop__content--bottom {
    bottom: 0;
    top: auto
}

.o-crop__content--center {
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.o-crop--2\:1 {
    padding-bottom: 50%
}

.o-crop--4\:3 {
    padding-bottom: 75%
}

.o-crop--16\:9 {
    padding-bottom: 56.25%
}

.o-table {
    width: 100%
}

.o-table--fixed {
    table-layout: fixed
}

.o-table--tiny td,.o-table--tiny th {
    padding: 6px
}

.o-table--small td,.o-table--small th {
    padding: 12px
}

.o-table--large td,.o-table--large th {
    padding: 48px
}

.o-table--huge td,.o-table--huge th {
    padding: 96px
}

.o-pack {
    display: table;
    margin-left: 0;
    table-layout: fixed;
    width: 100%
}

.o-pack__item {
    display: table-cell;
    vertical-align: top
}

.o-pack--middle>.o-pack__item {
    vertical-align: middle
}

.o-pack--bottom>.o-pack__item {
    vertical-align: bottom
}

.o-pack--auto {
    table-layout: auto
}

.o-pack--tiny {
    border-spacing: 6px
}

.o-pack--small {
    border-spacing: 12px
}

.o-pack--default {
    border-spacing: 24px
}

.o-pack--large {
    border-spacing: 48px
}

.o-pack--huge {
    border-spacing: 96px
}

.o-pack--reverse {
    direction: rtl
}

.o-pack--reverse>.o-pack__item {
    direction: ltr
}

.o-arrange {
    align-items: center;
    display: flex;
    justify-content: center
}

.o-arrange--spread {
    justify-content: space-between
}

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

.o-flex__item {
    flex: 0 1 auto;
    margin-bottom: 30px;
    padding-right: 10px
}

@media(max-width: 47.99em) {
    .o-flex__item {
        padding-right:0
    }
}

.o-flex__item:nth-child(2n) {
    padding-left: 10px;
    padding-right: 0
}

@media(max-width: 47.99em) {
    .o-flex__item:nth-child(2n) {
        padding-left:0
    }
}

.o-flex-vertical-align {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    justify-content: space-between
}

.o-form-field {
    position: relative
}

.o-form-field,.o-form-field .o-form-field__50 {
    display: inline-block;
    width: 100%
}

@media(min-width: 62em) {
    .o-form-field .o-form-field__50 {
        width:397px
    }
}

.o-form-field .o-form-field__50:first-child {
    margin-right: 24px
}

.o-form-tooltip {
    background: transparent;
    border: none;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 10
}

.o-text-input {
    border: 1px solid #dcdcdc;
    border-radius: 0;
    box-shadow: none;
    color: #000;
    margin-bottom: 10px;
    padding: 15px;
    transition: all .3s ease
}

.o-text-input:focus {
    border-color: #000
}

.o-text-input:focus.placeholder {
    color: #000;
    font-weight: 400;
    opacity: 0
}

.o-text-input:focus:-moz-placeholder,.o-text-input:focus::-moz-placeholder {
    color: #000;
    font-weight: 400;
    opacity: 0;
    opacity: 1
}

.o-text-input:focus::-webkit-input-placeholder {
    color: #000;
    font-weight: 400;
    opacity: 0
}

.o-text-input.placeholder {
    color: #999;
    font-family: Titling Gothic Narrow,Arial,sans-serif;
    opacity: 1
}

.o-text-input:-moz-placeholder,.o-text-input::-moz-placeholder {
    color: #999;
    font-family: Titling Gothic Narrow,Arial,sans-serif;
    opacity: 1
}

.o-text-input::-webkit-input-placeholder {
    color: #999;
    font-family: Titling Gothic Narrow,Arial,sans-serif;
    opacity: 1
}

.o-text-input--small {
    width: 70px
}

.o-input-help-block {
    font-size: 14px;
    margin-bottom: 24px;
    padding: 0 15px
}

.o-input-group {
    height: 100%;
    margin-bottom: 15px;
    position: relative
}

.o-input-group:hover .o-text-input {
    cursor: auto
}

.o-input-group+.o-input-help-block {
    margin-top: -2px
}

.o-input-group .o-input-label-checkbox,.o-input-group .o-input-label-radio {
    padding-left: 50px
}

.o-input-group .o-input-label-checkbox:before,.o-input-group .o-input-label-radio:before {
    left: 24px
}

.o-input-label-logo {
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 29px;
    width: 84px
}

.o-input-label-logo.dhl-standard {
    background-image: url(https://cdn.bayer04.de/shop-static/src/public/build/images/DHL_rgb.6ec1df4f.png)
}

.o-input-label-logo.dhl-express {
    background-image: url(https://cdn.bayer04.de/shop-static/src/public/build/images/DHL_express.40ee657f.png)
}

.o-input-group--radio {
    display: flex;
    justify-content: space-between
}

.o-input-group--radio .o-input-label-checkbox,.o-input-group--radio .o-input-label-radio {
    padding-left: 50px
}

.o-input-group--radio .o-input-label-checkbox:before,.o-input-group--radio .o-input-label-radio:before {
    left: 15px;
    top: 30px
}

@media(max-width: 47.99em) {
    .o-input-group--radio .o-input-label-checkbox:before,.o-input-group--radio .o-input-label-radio:before {
        left:0;
        top: 15px
    }
}

.o-input-group--radio .o-input-label-checkbox.o-input-label-radio--intital-select:before,.o-input-group--radio .o-input-label-radio.o-input-label-radio--intital-select:before {
    opacity: 0
}

.o-input-group--radio-hidden {
    border-bottom: 2px solid #f2f2f2;
    margin-bottom: 0
}

.o-input-group--radio-hidden .o-input-label-radio {
    font-weight: 400;
    padding: 30px 15px 30px 50px;
    text-transform: none
}

@media(max-width: 47.99em) {
    .o-input-group--radio-hidden .o-input-label-radio {
        padding:15px 15px 15px 35px
    }
}

.o-input-group--radio-hidden .o-input-label-radio.o-input-label-radio--intital-select {
    padding-left: 0
}

.o-input-group--radio-hidden .o-input-label-radio.o-input-label-radio--narrow {
    padding: 15px 15px 15px 50px
}

.o-input-group--radio-hidden .o-input-label-radio.o-input-label-radio--narrow:before {
    top: 15px
}

.o-input-group--radio-hidden .o-input-label-radio span {
    display: block
}

.o-input-group--radio-hidden.is-invalid {
    border-color: red
}

.o-select {
    position: relative;
    width: 100%
}

.o-select option,.o-select select {
    font-family: Titling Gothic Narrow,Arial,sans-serif;
    font-weight: 300
}

.o-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 1px solid #dcdcdc;
    border-radius: 0;
    color: #000;
    cursor: pointer;
    display: block;
    line-height: 1.2em;
    padding: 17px 15px;
    position: relative;
    width: 100%;
    z-index: 2
}

.o-select select.is-focus+.o-input-label {
    display: none
}

.o-select select.is-focus {
    font-weight: 400
}

.o-select:before {
    color: red;
    content: "";
    display: inline-block;
    font-family: B04 Icons;
    position: absolute;
    right: 24px;
    top: 20px;
    z-index: 1
}

.o-input {
    border: 1px solid #dcdcdc;
    border-radius: 0;
    box-shadow: none;
    color: #000;
    font-family: Titling Gothic Narrow,Arial,sans-serif;
    line-height: 1em;
    padding: 30px 15px 5px;
    position: relative;
    transition: all .3s ease;
    width: 100%
}

.o-input+.o-input-label {
    cursor: text
}

.o-input:focus {
    color: #000;
    outline: 0
}

.o-input.is-focus,.o-input:focus {
    border-bottom: 1px solid #000
}

.o-input.is-focus+.o-input-label,.o-input:focus+.o-input-label {
    color: #000;
    font-size: 12px;
    transform: translateY(-12px)
}

.o-input.is-focus+.o-input-label--date,.o-input:focus+.o-input-label--date {
    transform: translateY(-2px)
}

.o-input.small-label+.o-input-label {
    color: #000;
    font-size: 12px;
    transform: translateY(-12px)
}

.o-input[type=date] {
    font-family: Titling Gothic Narrow,Arial,sans-serif;
    font-weight: 400
}

.o-input:hover {
    border-bottom: 1px solid #000
}

.o-input.valid+.o-input-label {
    color: #000
}

.o-input.is-invalid {
    border-bottom-color: red;
    color: red
}

.o-input.is-invalid+.o-input-label-checkbox:before {
    border-color: red
}

.o-input.is-invalid+.o-input-label+label,.o-input.is-invalid+.o-input-label-checkbox+label {
    color: red;
    font-size: 14px
}

.o-input.is-invalid+.o-input-label+label+.o-input-label,.o-input.is-invalid+.o-input-label-checkbox+label+.o-input-label {
    font-size: 12px;
    transform: translateY(-12px)
}

.o-input.is-invalid+.o-input-label+label:before,.o-input.is-invalid+.o-input-label-checkbox+label:before {
    content: "";
    font-family: B04 Icons!important;
    padding-right: 5px
}

.o-input-label {
    color: #000;
    left: 15px;
    line-height: 1em;
    position: absolute;
    top: 20px;
    transition: all .3s ease;
    width: calc(100% - 15px);
    z-index: 1
}

.o-input-label--date {
    top: 10px
}

.o-input-checkbox:checked,.o-input-checkbox:not(:checked),.o-input-radio:checked,.o-input-radio:not(:checked) {
    left: -9999px;
    opacity: 0;
    position: absolute
}

.o-input-checkbox:checked~.o-input-label-radio:before,.o-input-radio:checked~.o-input-label-radio:before {
    background: #000
}

.o-input-checkbox:checked~.o-input-label-checkbox:before,.o-input-radio:checked~.o-input-label-checkbox:before {
    background-color: #fff
}

.o-input-checkbox:checked~.o-input-label-checkbox .o-input-label-checkbox__icon,.o-input-checkbox:checked~.o-input-label-checkbox:after,.o-input-radio:checked~.o-input-label-checkbox .o-input-label-checkbox__icon,.o-input-radio:checked~.o-input-label-checkbox:after {
    opacity: 1
}

.o-input-checkbox.is-invalid+.o-input-label-checkbox:before,.o-input-checkbox.is-invalid+.o-input-label-radio:before,.o-input-radio.is-invalid+.o-input-label-checkbox:before,.o-input-radio.is-invalid+.o-input-label-radio:before {
    border-color: red
}

.o-input-radio__inline {
    display: inline-block;
    padding-right: 12px
}

.o-input-radio__inline .o-input-label-radio {
    font-weight: 300;
    text-transform: none
}

.o-input-radio__container {
    display: flex;
    flex: 1;
    flex-wrap: wrap
}

.o-input-radio__container--center {
    align-items: center
}

.o-input-label-checkbox,.o-input-label-radio {
    cursor: pointer;
    display: flex;
    flex: 1;
    flex-direction: column;
    font-weight: 400;
    margin-bottom: 0;
    padding: 15px 15px 15px 35px;
    position: relative;
    text-transform: uppercase
}

.o-input-label-checkbox:before,.o-input-label-radio:before {
    background: #fff;
    border: 2px solid #000;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 15px;
    vertical-align: text-bottom;
    width: 20px
}

.o-input-label-checkbox:hover .o-input-label-checkbox:before,.o-input-label-checkbox:hover .o-input-label-radio:before,.o-input-label-radio:hover .o-input-label-checkbox:before,.o-input-label-radio:hover .o-input-label-radio:before {
    background: #000
}

.o-input-label-checkbox:before {
    border: 2px solid #000;
    border-radius: 3px
}

.o-input-label-checkbox:after {
    border: solid #000;
    border-width: 0 3px 3px 0;
    content: "";
    height: 11px;
    left: 7px;
    opacity: 0;
    position: absolute;
    top: 18px;
    transform: rotate(45deg);
    width: 6px
}

.o-input-label-checkbox:hover:before {
    background: #fff
}

.o-input-label-checkbox--square {
    display: inline-block;
    padding: 15px 20px
}

.o-input-label-checkbox--square .o-input-label-checkbox__icon {
    opacity: 0
}

.o-input-label-checkbox--square:after,.o-input-label-checkbox--square:before {
    content: none
}

.o-input-label-checkbox--condensed {
    font-size: 16px;
    padding: 10px 10px 10px 35px
}

.o-input-label-checkbox--condensed:before {
    top: 10px
}

.o-input-label-checkbox--condensed:after {
    top: 14px
}

.o-input-text {
    color: #dcdcdc;
    font-weight: 400;
    position: absolute;
    right: 24px;
    text-transform: uppercase;
    top: 20px
}

.o-input-group--tooltip .o-input-text {
    right: 50px
}

.o-input-label-info {
    font-weight: 400;
    padding: 24px;
    text-transform: uppercase
}

.o-input-label-info--light {
    font-weight: 300
}

.o-input-tooltip {
    position: absolute;
    right: 15px;
    top: 14px;
    z-index: 10
}

.o-input-tooltip:after {
    background: #000;
    color: #fff;
    content: attr(data-tooltip);
    left: 50px;
    opacity: 0;
    padding: 24px;
    position: absolute;
    text-align: center;
    top: 24px;
    transform: translateX(10px);
    transition: all .3s ease;
    width: 150px
}

@media(max-width: 47.99em) {
    .o-input-tooltip:after {
        left:-120px;
        top: 50px;
        transform: translateX(0)
    }
}

.o-input-tooltip:before {
    border-color: transparent #000 transparent transparent;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    content: "";
    height: 0;
    left: 40px;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: translateX(10px);
    transition: all .3s ease;
    width: 0
}

@media(max-width: 47.99em) {
    .o-input-tooltip:before {
        border-color:transparent transparent #000;
        border-width: 0 10px 10px;
        left: -55px;
        top: 40px;
        transform: translateX(0)
    }
}

.o-input-tooltip:hover {
    cursor: pointer
}

.o-input-tooltip:hover:after,.o-input-tooltip:hover:before {
    opacity: 1;
    transform: translateY(0);
    visibility: visible
}

.o-icon-text {
    align-items: center;
    display: inline-flex
}

.o-icon-text .b04-icon {
    margin-right: 5px
}

.o-icon-text__icon {
    margin-right: 12px
}

.o-icon-text--center .o-icon-text__icon {
    margin: 0 0 12px
}

.o-icon-text--reverse .o-icon-text__icon {
    margin: 0 0 0 12px
}

.o-icon-text__text {
    margin: 0
}

.o-icon-text--center {
    align-items: center;
    flex-direction: column
}

.o-icon-text--reverse {
    flex-direction: row-reverse
}

.show-layout {
    margin-bottom: 15px
}

.show-layout .o-layout__item div {
    background-color: #dcdcdc;
    border: 1px solid #4a4a4a;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center
}

@media(min-width: 48em) {
    .o-layout-section .o-layout-section__headline .c-content-headline__item {
        font-size:max(20px,min(60px,8vw))
    }

    .o-layout-section .o-layout-section__headline .c-content-headline__plus {
        font-size: max(15px,min(50px,5vw));
        height: max(15px,min(50px,5vw))
    }
}

.o-layout-section--dark .o-layout-section__headline .c-content-headline__item,.o-layout-section--dark .o-layout-section__wysiwyg {
    color: #fff
}

.o-layout-section--dark .o-layout-section__spacer {
    background: #000
}

.o-grid {
    display: grid
}

.o-grid-2 {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.o-grid-1 {
    grid-template-columns: repeat(1,minmax(0,1fr))
}

.o-grid-3 {
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.o-grid-4 {
    grid-template-columns: repeat(4,minmax(0,1fr))
}

@media(max-width: 61.99em) {
    .o-grid-2\@l {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }

    .o-grid-3\@l {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }
}

@media(max-width: 47.99em) {
    .o-grid-1\@m {
        grid-template-columns:repeat(1,minmax(0,1fr))
    }

    .o-grid-2\@m {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

.o-gap--small {
    gap: 1rem
}

.o-gap--xsmall {
    gap: .75rem
}

.o-gap--xxsmall {
    gap: .5rem
}

@media(max-width: 47.99em) {
    .o-order-1\@m {
        order:1
    }

    .o-order-2\@m {
        order: 2
    }
}

.o-embed-container {
    aspect-ratio: 16/9
}

.o-embed-container iframe {
    height: 100%;
    width: 100%
}

.o-list-bullets {
    list-style-type: disc;
    margin: 0;
    padding: 0 0 0 58px
}

@media(max-width: 47.99em) {
    .o-list-bullets {
        padding-right:40px
    }
}

.o-list-bullets li {
    margin: 8px
}

.o-list-numbers {
    list-style-type: decimal;
    margin: 0;
    padding: 0 0 0 58px
}

@media(max-width: 47.99em) {
    .o-list-numbers {
        padding-right:40px
    }
}

.o-list-numbers li {
    margin: 8px
}

.o-list-checkmark li {
    font-weight: 400
}

.o-list-checkmark li:before {
    color: red;
    content: "";
    font-family: B04 Icons;
    font-weight: 500;
    margin-right: 8px
}

.o-screen-wrap {
    max-width: 3840px
}

.o-page-wrap,.o-screen-wrap {
    margin-left: auto;
    margin-right: auto
}

.o-page-wrap {
    max-width: 1280px;
    padding-left: 24px;
    padding-right: 24px
}

@media screen and (max-width: 720px) {
    .o-page-wrap {
        padding-left:12px;
        padding-right: 12px
    }
}

.o-arrow-link {
    align-items: center;
    display: inline-flex;
    font-weight: 300;
    text-transform: uppercase
}

.o-arrow-link:hover {
    color: red
}

.o-arrow-link--left .b04-icon {
    margin-right: 5px;
    margin-top: -5px
}

.o-arrow-link--right .b04-icon {
    margin-left: 5px
}

.o-text-link {
    border-bottom: 1px solid #000
}

.o-text-link:hover {
    border-color: red
}

.c-accordion {
    margin-bottom: 10px
}

.c-accordion__panel {
    margin-bottom: 5px;
    position: relative
}

.c-accordion__panel.active .c-accordion__header {
    background: #000;
    color: #fff
}

.c-accordion__panel.checked .c-accordion-title:after {
    border: solid;
    border-color: red;
    border-width: 0 2px 2px 0;
    content: "";
    display: block;
    height: 12px;
    position: absolute;
    right: 35px;
    top: 3px;
    transform: rotate(45deg);
    width: 7px
}

.c-accordion__header {
    background: #f2f2f2;
    display: flex;
    justify-content: space-between;
    padding: 15px;
    transition: all .3s ease
}

.c-accordion__header .c-accordion-title {
    display: block;
    font-weight: 400;
    position: relative;
    text-transform: uppercase;
    width: 100%
}

.c-accordion__header .c-accordion-status {
    position: relative
}

.c-accordion__header:focus,.c-accordion__header:hover {
    background: #000;
    color: #fff;
    cursor: pointer
}

.c-accordion__header .b04-icon {
    transition: transform .1s ease
}

.c-accordion__header .toggle-status {
    background-color: transparent;
    height: 16px;
    position: absolute;
    right: 0;
    top: 4px;
    width: 16px
}

.c-accordion__header .toggle-status:after,.c-accordion__header .toggle-status:before {
    background-color: red;
    content: "";
    position: absolute;
    transition: transform .3s ease-out
}

.c-accordion__header .toggle-status:before {
    height: 100%;
    left: 50%;
    margin-left: -1px;
    top: 0;
    width: 2px
}

.c-accordion__header .toggle-status:after {
    height: 2px;
    left: 0;
    margin-top: -1px;
    top: 50%;
    width: 100%
}

.c-accordion__header .toggle-status.active {
    cursor: pointer
}

.c-accordion__header .toggle-status.active:before {
    transform: rotate(90deg)
}

.c-accordion__header .toggle-status.active:after {
    transform: rotate(180deg)
}

.c-accordion__body {
    background: #f2f2f2;
    display: none;
    padding: 15px
}

.c-accordion--filter .c-accordion__header {
    background: #fff;
    border-bottom: 1px solid #000
}

.c-accordion--filter .c-accordion__header:focus,.c-accordion--filter .c-accordion__header:hover {
    color: red
}

.c-accordion--filter .c-accordion__header .c-accordion-title {
    font-family: Titling Gothic Condensed,Arial,sans-serif;
    font-weight: 700
}

.c-accordion--filter .toggle-status:after,.c-accordion--filter .toggle-status:before {
    background-color: #000
}

.c-accordion--filter .toggle-status.active:after,.c-accordion--filter .toggle-status.active:before {
    background-color: #fff
}

.c-accordion--filter .c-accordion__panel.active .c-accordion__header {
    background: #f4f4f4;
    color: #000
}

.c-accordion--filter .c-accordion__panel.active .toggle-status:after,.c-accordion--filter .c-accordion__panel.active .toggle-status:before {
    background-color: #000
}

.c-accordion-main {
    margin-bottom: 10px
}

.c-accordion-main .c-accordion__panel {
    margin-bottom: 0;
    position: relative
}

.c-accordion-main .c-accordion__panel.active .c-accordion-arrow:before {
    transform: rotate(180deg)
}

.c-accordion-main .c-accordion__header {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    transition: all .3s ease
}

.c-accordion-main .c-accordion__header .c-accordion-title {
    display: block;
    font-size: 20px;
    font-weight: 500;
    margin-right: 30px;
    text-transform: uppercase;
    width: 100%
}

.c-accordion-main .c-accordion__header:focus,.c-accordion-main .c-accordion__header:hover {
    cursor: pointer
}

.c-accordion-main .c-accordion__header .c-accordion-arrow {
    display: flex;
    position: relative
}

.c-accordion-main .c-accordion__header .c-accordion-arrow:before {
    align-self: center;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M8 12.6.3 4.9l1.4-1.5L8 9.7l6.3-6.3 1.4 1.5z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px;
    content: "";
    display: inline-flex;
    height: 20px;
    transition: all .3s ease;
    width: 20px
}

.c-accordion-main .c-accordion__body {
    display: none;
    padding: 15px 0 40px
}

.c-accordion-main .c-panel-group__item {
    width: 100%
}

.c-accordion-main--default .c-accordion__panel.active .c-accordion__header {
    background: #000;
    color: #fff
}

.c-accordion-main--default .c-accordion__panel:last-child {
    border-bottom: 1px solid #fff
}

.c-accordion-main--default .c-accordion__header {
    background: #000;
    border-top: 1px solid #fff;
    color: #fff
}

.c-accordion-main--default .c-accordion__header:focus,.c-accordion-main--default .c-accordion__header:hover {
    background: #000;
    color: red
}

.c-accordion-main--default .c-accordion__header .c-accordion-arrow:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M8 12.6.3 4.9l1.4-1.5L8 9.7l6.3-6.3 1.4 1.5z'/%3E%3C/svg%3E")
}

.c-accordion-main--default .c-accordion__body {
    background: #000;
    color: #fff
}

.c-accordion-main--base .c-accordion__panel.active .c-accordion__header {
    background: #fff;
    color: #000
}

.c-accordion-main--base .c-accordion__panel:last-child {
    border-bottom: 1px solid #000
}

.c-accordion-main--base .c-accordion__header {
    background: #fff;
    border-top: 1px solid #000
}

.c-accordion-main--base .c-accordion__header:focus,.c-accordion-main--base .c-accordion__header:hover {
    background: #fff;
    color: red
}

.c-accordion-main--base .c-accordion__header .c-accordion-arrow:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M8 12.6.3 4.9l1.4-1.5L8 9.7l6.3-6.3 1.4 1.5z'/%3E%3C/svg%3E")
}

.c-accordion-main--base .c-accordion__body {
    background: #fff
}

.c-accordion-main--primary .c-accordion__header {
    background: red;
    border: none;
    color: #fff;
    margin-bottom: 5px
}

.c-accordion-main--primary .c-accordion__header .c-accordion-arrow:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='16' height='16' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M8 12.6.3 4.9l1.4-1.5L8 9.7l6.3-6.3 1.4 1.5z'/%3E%3C/svg%3E")
}

.c-accordion-main--primary .c-accordion__header:focus,.c-accordion-main--primary .c-accordion__header:hover {
    background: #fff;
    color: #000
}

.c-accordion-main--primary .c-accordion__header:focus .c-accordion-arrow:before,.c-accordion-main--primary .c-accordion__header:hover .c-accordion-arrow:before,.c-accordion-main--primary .c-accordion__panel.active .c-accordion__header .c-accordion-arrow:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M8 12.6.3 4.9l1.4-1.5L8 9.7l6.3-6.3 1.4 1.5z'/%3E%3C/svg%3E")
}

.c-accordion-main--primary .c-accordion__body {
    background: #000;
    color: #fff;
    font-weight: 300
}

.collapse-section {
    display: none
}

.c-accordion--checkout .c-accordion__panel {
    margin-bottom: 5px;
    position: relative
}

.c-accordion--checkout .c-accordion__panel.active .c-accordion__header {
    background: #f2f2f2;
    color: #000
}

.c-accordion--checkout .c-accordion__panel.active .c-accordion__header .o-input-label-radio:before {
    background: #000
}

.c-accordion--checkout .c-accordion__panel.active .c-accordion__body {
    display: block
}

.c-accordion--checkout .c-accordion__header {
    background: #fff;
    border: 2px solid #dcdcdc
}

.c-accordion--checkout .c-accordion__header:focus,.c-accordion--checkout .c-accordion__header:hover {
    color: #000
}

.c-accordion--checkout .c-accordion__header .o-input-group--radio-hidden {
    border-bottom: none
}

.c-accordion--checkout .c-accordion__header .o-input-group--radio-hidden .o-input-label-radio {
    font-weight: 500;
    padding: 0 15px 0 35px
}

.c-accordion--checkout .c-accordion__header .o-input-group--radio-hidden .o-input-label-radio:before {
    left: 0;
    top: 0
}

.c-accordion--checkout .c-accordion--checkout__header-item {
    margin-left: 35px
}

.c-accordion--checkout .c-accordion__body {
    background: #fff
}

@media(min-width: 30em) {
    .c-accordion--checkout .c-accordion__body {
        padding:40px 30px 40px 60px
    }
}

.c-accordion--checkout .c-accordion__label {
    cursor: pointer;
    display: flex;
    flex: 1;
    flex-direction: column;
    font-weight: 500;
    padding: 5px 10px;
    position: relative;
    text-transform: none
}

.c-accordion--checkout .c-accordion__label-logo {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    max-height: 30px;
    width: 60px
}

.c-accordion--checkout .c-accordion__label-logo.sepa {
    background-image: url(https://cdn.bayer04.de/shop-static/src/public/build/images/sepa.539a781a.svg)
}

.c-accordion--checkout .c-accordion__label-logo.paypal {
    background-image: url(https://cdn.bayer04.de/shop-static/src/public/build/images/paypal.716658d5.svg)
}

.c-accordion--checkout .c-accordion__label-logo.mastercard {
    background-image: url(https://cdn.bayer04.de/shop-static/src/public/build/images/mastercard.31f3b462.svg);
    width: 29px
}

.c-accordion--checkout .c-accordion__label-logo.visa {
    background-image: url(https://cdn.bayer04.de/shop-static/src/public/build/images/visa.12dfdb4a.svg);
    width: 40px
}

.c-accordion--checkout .c-accordion__label--row {
    align-content: flex-end;
    flex-direction: row;
    justify-content: space-between
}

@media(max-width: 29.99em) {
    .c-accordion--checkout .c-accordion__label--row {
        flex-direction:column
    }
}

.c-accordion--checkout .c-accordion__label--row .c-accordion--checkout__header-item--right {
    min-width: -moz-fit-content;
    min-width: fit-content
}

.c-product-badge {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 10
}

.c-product-badge.c-product-badge--group {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.c-product-badge--relative {
    left: 0;
    margin-bottom: 15px;
    margin-right: 0;
    position: relative;
    top: 0
}

.c-product-badge--relative .c-product-badge__item {
    display: block!important;
    text-align: center;
    width: 100%
}

.c-product-badge--right {
    left: auto;
    right: 0
}

.c-product-badge__item {
    background: #fff;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: #fff;
    display: inline!important;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    padding: 6px 10px 5px
}

@media(max-width: 29.99em) {
    .c-product-badge__item {
        padding:5px 8px 4px
    }
}

.c-product-badge--new {
    background: #c7c7c7;
    color: #fff;
    display: inline-block
}

.c-product-badge--sale,.c-product-badge--soldout {
    background: red;
    color: #fff;
    display: inline-block
}

.c-product-badge--topseller {
    background: #000;
    color: #fff;
    display: inline-block
}

.c-product-badge--unavailable {
    background: red;
    color: #fff;
    display: inline-block
}

.c-product-badge-info {
    background: #979797;
    color: #fff;
    display: inline-block!important;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
    padding: 5px 15px;
    text-transform: uppercase
}

@media(max-width: 29.99em) {
    .c-product-badge-info {
        padding:3px 8px
    }
}

.c-product-badge--group .c-product-badge__item+.c-product-badge__item {
    margin-top: 4px
}

@media(max-width: 29.99em) {
    .c-product-badge--group .c-product-badge__item+.c-product-badge__item {
        margin-top:2px
    }
}

.c-product-buybox .c-product-badge-info {
    color: #fff;
    text-align: center;
    width: 100%
}

.c-product-buybox .c-product-badge-info.c-product-badge--new {
    background: #f4f4f4;
    color: #000
}

.c-product-buybox .c-product-badge-info.c-product-badge--sale,.c-product-buybox .c-product-badge-info.c-product-badge--soldout {
    background: red
}

.c-product-buybox .c-product-badge-info.c-product-badge--topseller {
    background: #000
}

.c-product-buybox .c-product-badge-info.c-product-badge-info--low-stock {
    background: #fff;
    border: 2px solid red;
    color: red
}

.c-product-buybox .c-product-badge-info.c-product-badge-info--has-stock {
    background: #279f4c
}

.c-circle-badge-wrapper {
    position: relative
}

@media(max-width: 47.99em) {
    .c-circle-badge-wrapper {
        display:flex;
        justify-content: flex-end
    }
}

@media(max-width: 29.99em) {
    .c-circle-badge-wrapper {
        justify-content:center
    }
}

.c-circle-badge {
    align-items: center;
    background: #000;
    border: 7px solid red;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    height: 230px;
    justify-content: center;
    position: absolute;
    right: 0;
    text-align: center;
    top: -80px;
    transform: rotate(-7deg);
    width: 230px
}

@media(max-width: 61.99em) {
    .c-circle-badge {
        height:150px;
        top: 0;
        width: 150px
    }
}

@media(max-width: 47.99em) {
    .c-circle-badge {
        position:relative;
        top: 15px
    }
}

.c-circle-badge__title {
    color: #fff;
    font-size: 50px;
    font-weight: 500;
    width: 100%
}

@media(max-width: 61.99em) {
    .c-circle-badge__title {
        font-size:36px
    }
}

.c-circle-badge__subtitle {
    color: #fff;
    font-size: 24px;
    text-transform: uppercase
}

@media(max-width: 61.99em) {
    .c-circle-badge__subtitle {
        font-size:14px
    }
}

.c-box {
    border: 1px solid #4a4a4a
}

.c-box--light {
    border: 1px solid #dcdcdc
}

.c-contact-box {
    background-image: url(https://cdn.bayer04.de/shop-static/src/public/build/images/stadium-red.4c487857.png);
    background-position: 0;
    color: #fff;
    margin-bottom: 30px;
    padding: 15px
}

.c-text-box {
    background: #f2f2f2;
    padding: 30px
}

@media(max-width: 47.99em) {
    .c-text-box {
        padding:15px
    }
}

.c-text-box__footer {
    margin-top: 15px
}

.c-text-box__ib-p {
    display: flex;
    flex-direction: row;
    font-weight: 400;
    justify-content: space-between;
    margin-bottom: 0;
    text-transform: uppercase
}

.c-text-box__ib-p span:first-child {
    display: inline-block
}

.c-text-box__ib-p span:last-child {
    display: flex;
    justify-content: flex-end;
    width: 100px
}

.c-text-box__ib-p--text-light {
    font-weight: 300;
    text-transform: inherit
}

.c-text-box__body span {
    display: block
}

.c-infobox {
    border: 2px solid red;
    font-weight: 500;
    padding: 30px;
    text-transform: uppercase
}

.c-infobox.delay {
    border: 2px solid #ff0;
    font-weight: 400
}

@media(max-width: 47.99em) {
    .c-infobox {
        padding:15px
    }
}

.c-infobox p {
    margin-bottom: 0
}

.is-safari .c-main-headline__item span {
    padding: 15px 0 5px!important
}

.touchevents input[type=date]:before {
    content: attr(placeholder)!important
}

.touchevents input[type=date]:focus:before,.touchevents input[type=date]:valid:before {
    content: ""
}

.touchevents input[type=date]+.o-input-label {
    display: none
}

.touchevents .c-main-headline__item span {
    padding: 10px 0 5px!important
}

.touchevents .c-player-picker:hover {
    background: #f2f2f2
}

.touchevents .c-player-picker:hover .c-config-label {
    color: #000
}

.c-btn {
    border: 0;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Titling Gothic Condensed,Arial,sans-serif;
    font-weight: 400;
    margin: 0;
    outline: none;
    padding: 15px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
    vertical-align: middle
}

.c-btn.disabled,.c-btn[disabled] {
    background: #dcdcdc;
    color: #fff;
    cursor: default;
    opacity: .3;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-btn-plain {
    background: transparent;
    border: 0;
    font-family: Titling Gothic Narrow,Arial,sans-serif;
    margin: 0;
    padding: 0
}

.c-btn--black,.c-btn--default-border,.c-btn--primary,.c-btn--primary-outline,.c-btn--white {
    font-size: 16px;
    font-weight: 700;
    position: relative
}

.c-btn--primary {
    background-color: red
}

.c-btn--primary:hover {
    background: #c00;
    color: #fff
}

.c-btn--primary.disabled,.c-btn--primary[disabled] {
    background: red
}

.c-btn--primary:focus-visible {
    background: #c00;
    border: 1px solid #000;
    outline: solid #c00
}

.c-btn--primary-outline {
    background-color: red;
    border: 4px solid #fff
}

.c-btn--primary-outline:hover {
    background: #fff;
    color: red
}

.c-btn--primary-outline.disabled,.c-btn--primary-outline[disabled] {
    background: red
}

.c-btn--primary-outline:focus-visible {
    background: #fff;
    border: 1px solid red;
    color: red;
    outline: solid #fff
}

.c-btn--white {
    background-color: #fff;
    border: 4px solid red;
    color: red
}

.c-btn--white:hover {
    background: red;
    color: #fff
}

.c-btn--white.disabled,.c-btn--white[disabled] {
    background: #fff;
    color: red
}

.c-btn--white:focus-visible {
    background: #c00;
    border: 1px solid #fff;
    color: #fff;
    outline: solid #c00
}

.c-btn--black {
    background-color: #000;
    border: 4px solid red;
    color: red
}

.c-btn--black:hover {
    background: red;
    color: #fff
}

.c-btn--black.disabled,.c-btn--black[disabled] {
    background: #000;
    color: red
}

.c-btn--black:focus-visible {
    background: #c00;
    border: 1px solid #000;
    color: #fff;
    outline: solid #c00
}

.c-btn--base {
    background: #000;
    color: #fff;
    font-weight: 400;
    position: relative;
    transform: translateZ(0)
}

.c-btn--base:hover {
    background: #262626;
    color: #fff
}

.c-btn--silver {
    background: #f2f2f2;
    color: #000;
    font-weight: 400
}

.c-btn--silver:hover {
    background: #000;
    color: #fff
}

.c-btn--default-border {
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
    padding: 13px 15px;
    position: relative
}

.c-btn--default-border:hover {
    background: #fff;
    color: #000
}

.c-btn--base-border {
    background: transparent;
    border: 2px solid #000;
    color: #000;
    padding: 13px 15px;
    position: relative
}

.c-btn--base-border:hover {
    background: #000;
    color: #fff;
    cursor: pointer
}

.c-btn--base-border-thick {
    border: 3px solid #000
}

.c-btn--pointer-events-none {
    pointer-events: none
}

.c-btn--filter {
    padding-right: 30px!important;
    position: relative
}

.c-btn--filter .b04-icon-close {
    font-size: 10px;
    position: absolute;
    right: 8px;
    top: 8px
}

.c-btn-load-more {
    color: #979ea8;
    font-family: Titling Gothic Narrow,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 30px;
    margin-top: 30px;
    position: relative;
    text-transform: uppercase;
    transition: color .3s ease
}

.c-btn-load-more:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='16' height='16' fill='%23979EA8' viewBox='0 0 16 16'%3E%3Cpath d='M8 12.6.3 4.9l1.4-1.5L8 9.7l6.3-6.3 1.4 1.5z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    content: "";
    display: inline-block;
    height: 16px;
    left: calc(50% - 8px);
    position: absolute;
    top: -25px;
    transition: all .3s ease;
    width: 16px
}

.c-btn-load-more:hover {
    color: red;
    cursor: pointer
}

.c-btn-load-more:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='16' height='16' fill='%23D0021B' viewBox='0 0 16 16'%3E%3Cpath d='M8 12.6.3 4.9l1.4-1.5L8 9.7l6.3-6.3 1.4 1.5z'/%3E%3C/svg%3E")
}

.c-btn-load-more.show-less:before {
    transform: rotate(180deg)
}

.c-btn--next-to-input {
    padding: 20px 0
}

.c-btn--flyin-back {
    justify-content: flex-start!important
}

.c-btn--flyin-back .b04-icon {
    margin-right: 5px
}

.c-btn-link {
    color: #979797;
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    overflow: hidden;
    padding-right: 25px;
    position: relative;
    text-transform: uppercase
}

.c-btn-link span {
    transition: padding .3s ease
}

.c-btn-link span:after,.c-btn-link span:before {
    color: red;
    content: "";
    display: inline-block;
    font-family: B04 Icons!important;
    position: absolute;
    transition: transform .3s ease
}

.c-btn-link span:before {
    left: 0;
    transform: translate(-30px,-1px)
}

.c-btn-link span:after {
    right: 0;
    transform: translateY(-1px)
}

.c-btn-link:focus-visible span,.c-btn-link:hover span {
    padding-left: 22px
}

.c-btn-link:focus-visible span:before,.c-btn-link:hover span:before {
    transform: translateY(-1px)
}

.c-btn-link:focus-visible span:after,.c-btn-link:hover span:after {
    transform: translate(30px,-1px)
}

.c-btn-link:focus-visible {
    color: red;
    outline: 1px solid red
}

.c-btn-link.c-btn-link--black {
    color: #000
}

.c-btn-link.c-btn-link--black span:after,.c-btn-link.c-btn-link--black span:before {
    color: #979797
}

.c-btn-link.c-btn-link--black:hover {
    color: #979797!important
}

.c-btn-link.c-btn-link--black:focus-visible {
    color: #979797;
    outline: 1px solid #979797
}

.c-btn-link-list {
    position: relative
}

.c-btn-link-list .c-btn-link {
    margin-right: 30px
}

.c-btn-link-list .c-btn-link:last-child {
    margin-right: 0
}

.c-btn--square {
    border-radius: 0;
    margin-top: -2px;
    padding: 15px 17px;
    position: relative
}

.c-btn--arrow {
    align-items: center;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    position: relative
}

.c-btn--arrow>span {
    transition: padding .3s ease
}

.c-btn--arrow>span:after,.c-btn--arrow>span:before {
    color: red;
    content: "";
    display: inline-block;
    font-family: B04 Icons;
    position: absolute;
    transition: transform .3s ease
}

.c-btn--arrow>span:before {
    left: 10px;
    transform: translateX(-30px)
}

.c-btn--arrow>span:after {
    right: 10px;
    transform: translateX(0)
}

.c-btn--arrow:hover>span {
    padding-left: 20px
}

.c-btn--arrow:hover>span:before {
    transform: translateX(0)
}

.c-btn--arrow:hover>span:after {
    transform: translateX(30px)
}

.c-btn--bordered {
    background: #fff;
    border: 2px solid #dcdcdc;
    color: #000;
    font-weight: 400
}

.c-btn--status {
    background: #000;
    height: 50px;
    width: 50px
}

@media(max-width: 29.99em) {
    .c-btn--status {
        height:30px;
        width: 30px
    }
}

.c-btn--status .toggle-status {
    background-color: transparent;
    height: 20px;
    position: absolute;
    right: calc(50% - 10px);
    top: calc(50% - 10px);
    width: 20px
}

.c-btn--status .toggle-status:after,.c-btn--status .toggle-status:before {
    background-color: #fff;
    content: "";
    position: absolute;
    transition: transform .3s ease-out
}

.c-btn--status .toggle-status:before {
    height: 100%;
    left: 50%;
    margin-left: -1px;
    top: 0;
    width: 2px
}

.c-btn--status .toggle-status:after {
    height: 2px;
    left: 0;
    margin-top: -1px;
    top: 50%;
    width: 100%
}

.c-btn--status .toggle-status.active {
    cursor: pointer
}

.c-btn--status .toggle-status.active:before {
    transform: rotate(45deg)
}

.c-btn--status .toggle-status.active:after {
    transform: rotate(225deg)
}

.c-btn--pulse {
    animation: pulse 2s infinite
}

.c-btn--transition {
    background-color: #000
}

.c-btn--transition:before {
    display: none
}

.c-btn--transition:hover:not([disabled]) {
    background-color: #000
}

.c-btn--transition:hover:not([disabled]):before {
    transform: none
}

.c-back-to-top {
    background: red;
    border: none;
    bottom: 2rem;
    color: #fff;
    cursor: pointer;
    height: 45px;
    padding: .5rem;
    position: fixed;
    right: 2rem;
    transition: all .3s ease-in-out;
    width: 45px;
    z-index: 100
}

@media(max-width: 47.99em) {
    .c-back-to-top {
        bottom:8px;
        height: 60px;
        right: 20px;
        width: 60px
    }
}

.c-back-to-top:hover {
    background: #c00
}

.c-back-to-top__scroll-observe-target {
    position: absolute
}

.c-top-button-arrow {
    display: inline-block;
    transform: rotate(-90deg)
}

.c-add-to-cart-button-in-viewport {
    bottom: 8px;
    left: 20px;
    position: fixed;
    right: 90px
}

.c-btn--xs {
    padding: 14px 15px 10px
}

.c-btn--small {
    padding: 12px 15px
}

.c-btn--large {
    padding: 20px 40px
}

.c-btn--icon {
    align-items: center;
    display: flex;
    justify-content: center
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 hsla(0,0%,100%,.6)
    }

    70% {
        box-shadow: 0 0 0 15px hsla(0,0%,100%,0)
    }

    to {
        box-shadow: 0 0 0 0 hsla(0,0%,100%,0)
    }
}

.c-cart__table {
    border-collapse: separate;
    border-spacing: 0;
    display: table;
    list-style: none;
    margin: 0;
    min-width: 100%;
    padding: 0;
    width: auto
}

@media(max-width: 47.99em) {
    .c-cart__table-head {
        display:none
    }
}

.c-cart__table-head-item {
    font-size: 18px;
    font-weight: 400;
    padding: 15px;
    text-align: left;
    text-transform: uppercase;
    vertical-align: top
}

.c-cart__table-body {
    position: relative
}

.c-cart__table-body-row {
    background: #fff
}

.c-cart__table-body-row:first-child td {
    border-top: 2px solid #f2f2f2
}

.c-cart__table-body-row--actions td {
    border-bottom: 2px solid #f2f2f2
}

.c-cart__table-body-row--actions td:first-child {
    border-left: 0
}

.c-cart__table-body-item {
    font-size: 24px;
    list-style: none;
    min-height: 75px;
    padding: 15px;
    position: relative;
    vertical-align: top
}

@media(max-width: 47.99em) {
    .c-cart__table-body-item {
        padding-bottom:0
    }
}

.c-cart__table-body-item:first-child {
    border-left: 0
}

.c-cart-item {
    display: flex
}

.c-cart-item__image {
    flex-shrink: 0;
    max-width: 75px;
    padding-right: 20px;
    vertical-align: top
}

@media(max-width: 47.99em) {
    .c-cart-item__image {
        width:75px
    }
}

.c-cart-item__details {
    text-transform: uppercase
}

@media(max-width: 47.99em) {
    .c-cart-item__details {
        font-size:18px;
        width: 100%
    }
}

.c-cart-item__details-title {
    color: red;
    display: block;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 5px
}

@media(max-width: 47.99em) {
    .c-cart-item__details-title {
        font-size:18px
    }
}

.c-cart-item__details__mobile {
    display: block
}

@media(min-width: 48em) {
    .c-cart-item__details__mobile {
        display:none
    }
}

.c-cart-price {
    font-weight: 500
}

.c-cart-price--large {
    font-size: 22px
}

@media(max-width: 47.99em) {
    .c-cart-price--large {
        font-size:18px
    }
}

.c-cart-price--sale {
    color: red;
    margin-left: 15px
}

.c-cart-price--total {
    font-size: 24px
}

.c-cart-price__info {
    display: block;
    font-size: 12px;
    font-weight: 300;
    text-transform: none
}

.c-cart-item-options {
    font-size: 18px
}

.c-cart-item-actions {
    padding: 0 15px 15px 0;
    text-align: right
}

@media(max-width: 47.99em) {
    .c-cart-item-actions {
        margin-top:15px
    }
}

.c-cart-item-actions__item {
    margin-right: 10px
}

.c-cart-item-actions__item:last-child {
    margin-right: 0
}

.c-cart-summary--background {
    background: #f2f2f2;
    padding: 15px
}

.c-cart-summary__row {
    display: flex;
    font-weight: 400;
    justify-content: space-between;
    margin-bottom: 15px;
    text-transform: uppercase
}

.c-cart-item-box {
    border-top: 2px solid #f2f2f2;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 5px;
    padding: 15px;
    text-transform: uppercase
}

.c-cart-item-box:last-child {
    border-bottom: 2px solid #f2f2f2;
    margin-bottom: 0
}

@media(max-width: 29.99em) {
    .c-cart-item-box {
        flex-wrap:wrap
    }
}

.c-cart-item-box__image {
    flex-shrink: 0;
    margin-right: 15px;
    width: 75px
}

@media(max-width: 29.99em) {
    .c-cart-item-box__image {
        margin-bottom:15px
    }
}

.c-cart-item-box__details {
    width: 100%
}

.c-cart-item-box__details-body,.c-cart-item-box__details-header {
    margin-bottom: 15px
}

.c-cart-item-box__details-body {
    font-size: 16px
}

.c-cart-item-box__details-footer {
    display: flex;
    flex-direction: row;
    font-size: 16px;
    justify-content: space-between;
    width: 100%
}

.c-cart-item-box-title {
    color: red;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase
}

.c-cart-item-box-title--large {
    font-size: 22px
}

@media(max-width: 47.99em) {
    .c-cart-item-box-title--large {
        font-size:18px
    }
}

.c-cart-discount {
    display: flex;
    justify-content: space-between
}

.c-cart-discount__icon {
    display: inline-block;
    font-weight: 900;
    padding-top: 4px;
    transform: rotate(45deg)
}

.c-cart-discount__label {
    font-weight: 600
}

.c-cart-discount__notification {
    font-size: 16px
}

.c-checkout-title {
    font-size: 18px
}

@media(max-width: 47.99em) {
    .c-checkout-title {
        margin-top:15px
    }
}

.c-checkout-legend {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
    text-transform: uppercase
}

.c-checkout-box {
    background: #f2f2f2;
    margin-bottom: 30px;
    padding: 15px;
    text-transform: uppercase
}

.c-checkout-box--small {
    margin-bottom: 10px!important;
    padding: 0
}

.c-checkout-box__item {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media(max-width: 29.99em) {
    .c-checkout-box__item {
        flex-wrap:wrap
    }
}

.c-checkout-box__item+.c-checkout-box__item {
    margin-bottom: 0;
    margin-top: 15px
}

.c-checkout-box__item--price {
    flex-wrap: wrap;
    margin-bottom: 15px
}

.c-checkout-box-title {
    position: relative;
    top: -5px
}

.c-checkout-box-price {
    font-size: 36px;
    text-align: right
}

@media only screen and (max-width: 1201px)and (min-width:992px) {
    .c-checkout-box-price {
        font-size:24px
    }
}

.c-checkout-box-price__info {
    display: block;
    font-size: 12px;
    font-weight: 300;
    text-transform: none
}

.c-checkout-box-price-label {
    font-size: 24px;
    position: relative;
    top: -5px
}

@media only screen and (max-width: 1201px)and (min-width:992px) {
    .c-checkout-box-price-label {
        font-size:18px
    }
}

.c-shipping-information__title {
    display: flex;
    justify-content: space-between
}

@media(max-width: 47.99em) {
    .c-shipping-information__title .b04-icon {
        margin-top:10px
    }
}

.c-shipping-information__content {
    background: #f2f2f2;
    padding: 15px
}

.c-shipping-information__content p:last-child {
    margin-bottom: 0
}

.c-checkout-billing-address {
    margin-bottom: 50px
}

@media(max-width: 47.99em) {
    .c-checkout-billing-address {
        margin-bottom:45px
    }
}

.c-checkout-billing-address .c-checkout-billing-address__details {
    padding-left: 35px
}

@media(max-width: 47.99em) {
    .c-payment-methods,.c-transport-methods {
        margin-bottom:30px
    }
}

.c-checkout-agreements .o-input-label-checkbox {
    font-weight: 400;
    text-transform: none
}

.c-checkout-advantage {
    display: flex;
    flex-direction: row
}

@media(max-width: 61.99em) {
    .c-checkout-advantage {
        flex-direction:column
    }
}

.c-checkout-advantage .c-teaser-advantage {
    flex-direction: column;
    margin-bottom: 10px
}

.c-checkout-advantage .c-teaser-advantage .c-teaser-advantage__title {
    align-items: flex-start;
    display: flex;
    text-transform: none
}

.c-checkout-advantage .c-teaser-advantage .c-teaser-advantage__title .b04-icon {
    margin-right: 10px
}

.c-delivery-option-box {
    margin-top: 75px
}

.c-delivery-option-box:first-child {
    margin-top: 50px
}

.c-countdown-container {
    padding-bottom: 60px;
    padding-top: 50px
}

@media(max-width: 47.99em) {
    .c-countdown-container {
        padding-bottom:50px
    }
}

.c-countdown {
    color: #fff;
    display: flex;
    justify-content: flex-end
}

.c-countdown-block {
    height: 90px;
    line-height: 1.5;
    text-align: center;
    width: 90px
}

.c-countdown-separator {
    align-self: center;
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px
}

.c-countdown-block+.c-countdown-block {
    margin-left: 10px
}

.c-countdown-block__digit {
    background: red;
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 5px;
    padding: 15px 20px
}

@media(max-width: 47.99em) {
    .c-countdown-block__digit {
        font-size:24px
    }
}

.c-countdown-block__label {
    background: #000;
    font-weight: 400;
    padding-top: 3px;
    text-transform: uppercase
}

@media(max-width: 47.99em) {
    .c-countdown-block__label {
        font-size:16px
    }
}

.c-off-canvas-flyin .c-flyin-overlay {
    background: hsla(0,0%,100%,.7);
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: all .3s ease;
    visibility: hidden;
    width: 100%;
    z-index: 1000
}

.c-off-canvas-flyin .c-flyin {
    background: #fff;
    box-shadow: 7px 0 30px 0 rgba(0,0,0,.5);
    height: 100%;
    opacity: 1;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateX(450px);
    transition: all .3s ease;
    width: 420px;
    z-index: 1001
}

.c-off-canvas-flyin .c-flyin--large {
    transform: translateX(600px);
    width: 560px
}

.c-off-canvas-flyin .c-flyin-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    opacity: 1;
    padding: 30px;
    transition: all .3s ease
}

.c-off-canvas-flyin .c-flyin-content--layer {
    background: #fff;
    height: 100%;
    opacity: 0;
    overflow-y: auto;
    position: fixed;
    top: 0;
    transform: translateX(430px);
    width: 420px
}

@media(max-width: 29.99em) {
    .c-off-canvas-flyin .c-flyin-content--layer {
        width:100%
    }
}

.c-off-canvas-flyin .c-flyin-content--layer.show {
    opacity: 1;
    transform: translateX(0)
}

.c-off-canvas-flyin .c-flyin-content__heading {
    font-family: Titling Gothic Condensed,Arial,sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 24px;
    margin-right: 50px;
    text-transform: uppercase
}

.c-off-canvas-flyin .c-flyin-content__body {
    flex: 1 1 auto;
    overflow-x: hidden;
    overflow-y: auto
}

.c-off-canvas-flyin .c-flyin-content__footer {
    background: #fff
}

@media(max-width: 47.99em) {
    .c-off-canvas-flyin .c-flyin-content__footer {
        padding-top:10px
    }
}

.c-off-canvas-flyin .c-btn {
    margin-bottom: 5px
}

.c-off-canvas-flyin .c-btn.active {
    background: #000
}

.c-off-canvas-flyin .c-btn.active .c-config-label,.c-off-canvas-flyin .c-btn.active .c-flyin-label {
    color: #fff
}

.c-off-canvas-flyin .c-btn.active .c-config-checkbox,.c-off-canvas-flyin .c-btn.active .c-config-checkbox.is-checked,.c-off-canvas-flyin .c-btn.active .c-config-checkbox.is-checked:after {
    border-color: #fff
}

.c-off-canvas-flyin .c-btn--soldout {
    background: #fafafa
}

.c-off-canvas-flyin .c-btn--soldout .c-config-label,.c-off-canvas-flyin .c-btn--soldout .c-flyin-label {
    color: #dcdcdc
}

.c-off-canvas-flyin .c-btn--soldout .try {
    pointer-events: all
}

.c-off-canvas-flyin .c-btn--soldout:focus,.c-off-canvas-flyin .c-btn--soldout:hover {
    background: #fafafa;
    cursor: auto
}

.c-off-canvas-flyin .c-btn--soldout:focus .c-size-picker--size,.c-off-canvas-flyin .c-btn--soldout:hover .c-size-picker--size {
    color: #dcdcdc
}

.c-off-canvas-flyin .c-btn--checkbox:focus .c-config-checkbox,.c-off-canvas-flyin .c-btn--checkbox:focus .c-config-checkbox:after,.c-off-canvas-flyin .c-btn--checkbox:hover .c-config-checkbox,.c-off-canvas-flyin .c-btn--checkbox:hover .c-config-checkbox:after {
    border-color: #fff
}

.c-off-canvas-flyin .c-config-label,.c-off-canvas-flyin .c-flyin-label {
    font-weight: 400;
    text-transform: uppercase
}

.c-off-canvas-flyin .c-config-label--player,.c-off-canvas-flyin .c-flyin-label--player {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    min-height: 60px;
    padding: 0 0 0 15px;
    width: 100%
}

.c-off-canvas-flyin .c-config-player-img img {
    height: 65px
}

.c-off-canvas-flyin .c-size-picker--soldout-message {
    color: #000;
    font-size: 12px;
    font-weight: 400
}

.c-off-canvas-flyin .c-size-picker--soldout-message:focus,.c-off-canvas-flyin .c-size-picker--soldout-message:hover {
    text-decoration: underline
}

.c-off-canvas-flyin .c-flyin-backlink {
    margin: 15px 0 0 30px;
    position: absolute;
    transition: color .3s ease
}

.c-off-canvas-flyin .c-flyin-backlink:hover {
    color: red;
    cursor: pointer
}

.c-off-canvas-flyin.active .c-flyin-overlay {
    opacity: 1;
    transition: opacity .5s;
    visibility: visible
}

.c-off-canvas-flyin.active .c-flyin {
    transform: translateX(0)
}

@media(max-width: 29.99em) {
    .c-off-canvas-flyin.active .c-flyin {
        width:100%
    }
}

.c-flyin-textbox {
    align-items: flex-start;
    background: #f2f2f2;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 15px
}

.c-flyin-content--player-info .c-main-headline {
    font-weight: 400;
    position: relative;
    z-index: 10
}

@media(max-width: 47.99em) {
    .c-flyin-content--player-info .c-main-headline {
        font-size:24px;
        line-height: 1.8;
        margin-bottom: 15px
    }
}

.c-flyin-player-info__bg img {
    bottom: 0;
    font-family: "object-fit: none; object-position: 0 66.66%";
    height: 1024px;
    -o-object-fit: none;
    object-fit: none;
    -o-object-position: 0 66.66%;
    object-position: 0 66.66%;
    opacity: .6;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 467px
}

@media(max-width: 61.99em) {
    .c-flyin-player-info__bg img {
        height:800px;
        width: 420px
    }
}

.c-flyin-player-info__content {
    position: relative;
    text-transform: uppercase;
    z-index: 10
}

.c-flyin-player-info__content .c-flyin-player-info--highlight {
    color: red;
    display: block;
    font-size: 24px;
    font-weight: 400
}

@media(max-width: 47.99em) {
    .c-flyin-player-info__content .c-flyin-player-info--highlight {
        font-size:18px
    }
}

.c-fullscreen-flyin .c-flyin {
    background: hsla(0,0%,100%,.97);
    height: 100vh;
    opacity: 0;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .3s ease;
    visibility: hidden;
    width: 100vw
}

@media(max-width: 29.99em) {
    .c-fullscreen-flyin .c-flyin {
        width:100%
    }
}

.c-fullscreen-flyin .c-flyin-content {
    opacity: 1;
    padding: 50px 0;
    transition: all .3s ease
}

.c-fullscreen-flyin .c-flyin-content__body {
    margin-top: 30px
}

.c-fullscreen-flyin.active .c-flyin {
    opacity: 1;
    visibility: visible;
    z-index: 100
}

.c-footer-content {
    padding-left: 35px;
    padding-right: 35px
}

@media(max-width: 47.99em) {
    .c-footer-content {
        padding-left:15px;
        padding-right: 15px;
        text-align: center
    }
}

.c-footer-copyright {
    color: #fff;
    flex: 1 1 100%;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px;
    padding-right: 5px
}

@media(min-width: 48em) {
    .c-footer-copyright {
        border-right:1px solid #fff
    }
}

.c-footer-logo {
    max-width: 251px
}

@media(max-width: 61.99em) {
    .c-footer-box {
        margin-bottom:35px
    }
}

.c-footer-box__headline {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 24px;
    text-transform: uppercase
}

.c-footer-box__phone,.c-footer-box__phone:hover {
    color: #fff
}

@media(max-width: 47.99em) {
    .c-nav-footer {
        margin-bottom:15px
    }
}

.c-nav-footer .c-nav-footer__item {
    margin-bottom: 5px;
    margin-top: 5px
}

.c-nav-footer .c-nav-footer__item a {
    color: #fff;
    font-size: 18px!important;
    font-weight: 300;
    text-transform: uppercase
}

.c-nav-footer .c-nav-footer__item a:focus,.c-nav-footer .c-nav-footer__item a:hover {
    color: red
}

.c-nav-footer--inline {
    text-align: center
}

@media(max-width: 47.99em) {
    .c-nav-footer--inline {
        display:flex;
        flex-wrap: wrap;
        justify-content: center
    }
}

.c-nav-footer--inline .c-nav-footer__item {
    display: inline-block;
    margin-top: 0;
    padding-left: 5px;
    padding-right: 5px
}

.c-nav-footer--inline .c-nav-footer__item+.c-nav-footer__item {
    border-left: 1px solid #fff
}

.c-nav-footer--inline .c-nav-footer__item a {
    font-size: 14px!important;
    font-weight: 500;
    text-decoration: underline;
    text-transform: none
}

.c-footer-list--inline .c-footer-list__item {
    display: inline-block;
    margin-bottom: 15px;
    margin-right: 15px
}

.c-form-spacing {
    margin-bottom: 0;
    padding: 0 30px 30px
}

.c-billings.is-disabled,.c-transports.is-disabled {
    color: #dcdcdc;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-billings.is-disabled .o-select select,.c-transports.is-disabled .o-select select {
    color: #dcdcdc;
    pointer-events: none
}

.c-billings.is-disabled .o-select:before,.c-transports.is-disabled .o-select:before {
    color: #dcdcdc
}

.c-billings.is-disabled .o-input-label-radio,.c-transports.is-disabled .o-input-label-radio {
    cursor: default
}

.c-billings.is-disabled .b04-icon,.c-billings.is-disabled .c-accordion__header,.c-billings.is-disabled .c-btn,.c-transports.is-disabled .b04-icon,.c-transports.is-disabled .c-accordion__header,.c-transports.is-disabled .c-btn {
    pointer-events: none
}

.c-billings.is-disabled .c-accordion__header,.c-billings.is-disabled .c-btn,.c-transports.is-disabled .c-accordion__header,.c-transports.is-disabled .c-btn {
    background: #f2f2f2;
    color: #dcdcdc
}

.c-billings.is-disabled .c-text-box,.c-transports.is-disabled .c-text-box {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-billings .o-input-radio[disabled=disabled]:checked~.o-input-label-radio:before,.c-transports .o-input-radio[disabled=disabled]:checked~.o-input-label-radio:before {
    background-color: #fff
}

.c-warning-message {
    color: #997404;
    display: inline-block;
    font-size: 14px;
    margin-top: 5px
}

.c-warning-message:before {
    content: "";
    font-family: B04 Icons!important;
    padding-right: 5px
}

.c-warning-message--box {
    background: #fff3cd;
    padding: 15px;
    width: 100%
}

.c-error-message {
    color: red;
    display: flex;
    font-size: 14px;
    margin-top: 5px
}

.c-error-message:before {
    content: "";
    font-family: B04 Icons!important;
    padding-right: 5px
}

.c-error-message--box {
    background: #fff;
    padding: 15px;
    width: 100%
}

.c-error-message--multiline:before {
    margin-left: -22px
}

.c-error-message--multiline.c-error-message--box {
    padding-left: 37px
}

.c-form-link {
    transition: all .3s ease-in-out
}

.c-form-link:hover {
    color: red;
    cursor: pointer
}

.c-voucher-container {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
    padding: 30px
}

.c-form-btn-group .o-input-group {
    margin-bottom: 0
}

@media(max-width: 47.99em) {
    .c-form-btn-group .o-input-group {
        margin-bottom:24px
    }
}

.c-form-container {
    position: relative
}

.c-form-container .c-loading-dots {
    z-index: 10
}

.c-form-container__layer {
    align-items: center;
    background: hsla(0,0%,100%,.8);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5
}

.c-gallery {
    display: grid;
    gap: 5px;
    grid-template-columns: repeat(3,minmax(0,1fr))
}

@media(max-width: 47.99em) {
    .c-gallery {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}

.c-gallery__item {
    background: #f4f4f4;
    display: block;
    overflow: hidden;
    position: relative
}

.c-gallery__item img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transform: scale(1);
    transition: transform .3s ease-in-out;
    width: 100%
}

.c-gallery__item:hover {
    cursor: pointer
}

.c-gallery__item:hover img {
    transform: scale(1.1)
}

.c-global-header__placeholder {
    background-color: #000;
    height: 99px;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 999
}

@media(max-width: 74.9375em) {
    .c-global-header__placeholder {
        height:75px
    }
}

.c-header-image-section,.c-header-image-section__image {
    min-height: 220px;
    position: relative
}

.c-header-image-section__image {
    bottom: 0;
    font-family: "object-fit: cover; object-position: center";
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    right: 0;
    top: 0;
    width: 100%
}

.c-header-image-section__headline {
    bottom: 0;
    position: absolute
}

.c-header-section {
    padding: 25px 0 15px
}

@media(max-width: 47.99em) {
    .c-header-section {
        padding:15px 0 5px
    }
}

.c-header-section--black {
    background: #000
}

.c-main-headline-bold {
    color: #fff;
    font-family: Titling Gothic Condensed,Arial,sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 1!important;
    text-transform: uppercase
}

@media(min-width: 30em)and (max-width:47.99em) {
    .c-main-headline-bold {
        font-size:50px
    }
}

@media(min-width: 48em) {
    .c-main-headline-bold {
        font-size:90px
    }
}

.c-main-headline--skyline {
    font-family: Titling Gothic Skyline,Arial,sans-serif
}

.c-main-headline-bold--small {
    font-size: 50px
}

@media(max-width: 47.99em) {
    .c-main-headline-bold--small {
        font-size:36px
    }
}

.c-main-headline-bold__item {
    display: block
}

.c-hero-section-stripes,.c-hero-slide-stripes {
    align-items: flex-end;
    bottom: -90px;
    display: flex;
    left: -120px;
    position: absolute;
    transform: rotate(45deg) scale(1);
    transform-origin: bottom
}

@media(min-width: 48em) {
    .c-hero-section-stripes,.c-hero-slide-stripes {
        bottom:-80px;
        left: -40px;
        transform: rotate(45deg) scale(1.4)
    }
}

.c-hero-section-stripes__black,.c-hero-slide-stripes__black {
    background: #000;
    height: 300px;
    width: 50px
}

@media(min-width: 48em) {
    .c-hero-section-stripes__black,.c-hero-slide-stripes__black {
        width:80px
    }
}

.c-hero-section-stripes__red,.c-hero-slide-stripes__red {
    background: red;
    height: 360px;
    width: 50px
}

@media(min-width: 48em) {
    .c-hero-section-stripes__red,.c-hero-slide-stripes__red {
        width:80px
    }
}

.c-main-headline {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    font-size: 36px;
    font-weight: 400;
    line-height: 1.7;
    margin: 0 0 30px
}

@media(max-width: 29.99em) {
    .c-main-headline {
        font-size:30px;
        line-height: 1.8
    }
}

.c-main-headline__item {
    color: #fff;
    display: inline-block;
    padding: 0 10px;
    text-transform: uppercase
}

.c-main-headline__item span {
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    display: inline;
    padding: 5px 0
}

.c-main-headline--red span {
    background: rgba(255,0,0,.8);
    box-shadow: 10px 0 0 rgba(255,0,0,.8),-10px 0 0 rgba(255,0,0,.8);
    margin-bottom: 5px
}

.c-main-headline--default span {
    background: hsla(0,0%,100%,.8);
    box-shadow: 10px 0 0 hsla(0,0%,100%,.8),-10px 0 0 hsla(0,0%,100%,.8);
    color: #000;
    margin-bottom: 5px
}

.c-main-headline--black span {
    background: rgba(0,0,0,.8);
    box-shadow: 10px 0 0 rgba(0,0,0,.8),-10px 0 0 rgba(0,0,0,.8)
}

.c-main-headline--top-left {
    left: 30px;
    position: absolute;
    top: 30px
}

.c-main-headline--top-right {
    position: absolute;
    right: 30px;
    top: 30px
}

.c-main-headline--bottom-left {
    bottom: 30px;
    left: 30px;
    position: absolute
}

.c-main-headline--bottom-right {
    bottom: 30px;
    position: absolute;
    right: 30px
}

.c-main-headline--skewed {
    font-weight: 500;
    line-height: 1.25;
    position: relative;
    transform: skewX(-5deg) skewY(-5deg);
    z-index: 1
}

.c-main-headline--skewed .c-main-headline--red {
    background: red
}

.c-main-headline--skewed .c-main-headline--red span {
    box-shadow: 10px 0 0 red,-10px 0 0 red;
    font-size: 36px
}

.c-main-headline--skewed .c-main-headline--black {
    background: #000;
    transform: translateX(30px)
}

.c-main-headline--skewed .c-main-headline--black span {
    box-shadow: 10px 0 0 #000,-10px 0 0 #000;
    font-size: 24px
}

.c-main-headline--skewed .c-main-headline__item span {
    padding: 10px 0
}

.c-content-headline {
    margin: 120px 0 30px;
    padding: 0 60px;
    text-align: center
}

@media(max-width: 61.99em) {
    .c-content-headline {
        margin:100px 0 40px
    }
}

@media(max-width: 47.99em) {
    .c-content-headline {
        margin:60px 0 40px
    }
}

@media(max-width: 29.99em) {
    .c-content-headline {
        margin:50px 0 0;
        padding: 0 30px
    }
}

.c-content-headline--white .c-content-headline__item {
    color: #fff;
    text-align: center
}

.c-content-headline__item {
    font-family: Titling Gothic Skyline,Arial,sans-serif;
    font-size: max(40px,min(150px,10vw));
    font-weight: 700;
    letter-spacing: .25px;
    line-height: 1;
    margin: 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transition: font-size .3s ease
}

@media(max-width: 29.99em) {
    .c-content-headline__item {
        padding:0
    }
}

.c-content-headline--medium .c-content-headline__item {
    font-size: max(40px,min(110px,10vw))
}

.c-content-headline--medium .c-content-headline__plus {
    font-size: max(30px,min(100px,8.75vw));
    height: max(30px,min(100px,8.75vw))
}

.c-content-headline--small .c-content-headline__item {
    font-size: max(40px,min(80px,10vw))
}

.c-content-headline--small .c-content-headline__plus {
    font-size: max(30px,min(70px,8.75vw));
    height: max(30px,min(70px,8.75vw))
}

.c-content-headline__plus {
    display: inline-block;
    height: max(30px,min(125px,8.75vw));
    left: -.5ch;
    overflow: visible;
    position: relative;
    top: -.4ch;
    width: 0;
    --size: 1.3ch;
    color: red;
    font-size: max(30px,min(125px,8.75vw))
}

.c-content-headline__plus--black {
    color: #000;
    opacity: .25
}

.c-content-headline__plus:before {
    height: calc(var(--size)/5);
    left: calc(0px - var(--size)/2);
    top: calc(0px - var(--size)/10);
    width: var(--size)
}

.c-content-headline__plus:after,.c-content-headline__plus:before {
    background: currentColor;
    content: "";
    display: block;
    position: absolute
}

.c-content-headline__plus:after {
    height: var(--size);
    left: calc(0px - var(--size)/10);
    top: calc(0px - var(--size)/2);
    width: calc(var(--size)/5)
}

.c-hero-section {
    height: calc(100vh - 99px);
    overflow: hidden;
    position: relative
}

@media(max-width: 29.99em) {
    .c-hero-section {
        height:calc(100vh - 75px)
    }
}

.c-hero-section .c-main-headline--black {
    font-size: 50px
}

.c-hero-section .c-main-headline--red {
    font-size: 90px
}

@media(max-width: 47.99em) {
    .c-hero-section .c-main-headline--black,.c-hero-section .c-main-headline--red {
        font-size:36px
    }
}

.c-hero-section--small {
    height: calc(75vh - 99px)
}

@media(max-width: 29.99em) {
    .c-hero-section--small {
        height:calc(75vh - 75px)
    }
}

.c-hero-section--small .c-hero-section__image-container {
    height: calc(75vh - 99px)
}

@media(max-width: 29.99em) {
    .c-hero-section--small .c-hero-section__image-container {
        height:calc(75vh - 75px)
    }

    .c-hero-section--small .c-hero-content {
        bottom: 0
    }
}

.c-hero-section--small .hs-image__img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.c-hero-section--auto {
    height: calc(75vh - 75px)
}

@media(max-width: 47.99em)and (orientation:landscape) {
    .c-hero-section--auto {
        height:calc(100vh - 75px)
    }
}

@media(max-width: 29.99em) {
    .c-hero-section--auto {
        height:calc(100vh - 75px)
    }
}

.c-hero-section--auto .c-hero-section__image-container {
    height: calc(75vh - 75px)
}

@media(max-width: 47.99em)and (orientation:landscape) {
    .c-hero-section--auto .c-hero-section__image-container {
        height:calc(100vh - 75px)
    }
}

@media(max-width: 29.99em) {
    .c-hero-section--auto .c-hero-section__image-container {
        height:calc(100vh - 75px)
    }
}

.c-hero-section--auto .c-hero-content {
    bottom: 50px
}

@media(max-width: 47.99em)and (orientation:landscape) {
    .c-hero-section--auto .c-hero-content {
        bottom:15px
    }
}

@media(max-width: 29.99em)and (orientation:portrait) {
    .c-hero-section--auto .c-hero-content {
        bottom:15px
    }
}

@media(max-width: 61.99em)and (orientation:landscape) {
    .c-hero-section--auto .c-hero-content__headline {
        margin-bottom:10px
    }
}

@media(max-width: 29.99em)and (orientation:portrait) {
    .c-hero-section--auto .c-hero-content__headline {
        margin-bottom:10px
    }
}

@media(max-width: 61.99em)and (orientation:landscape) {
    .c-hero-section--auto .c-main-headline--black,.c-hero-section--auto .c-main-headline--red {
        font-size:36px
    }
}

@media(max-width: 29.99em)and (orientation:portrait) {
    .c-hero-section--auto .c-main-headline--black,.c-hero-section--auto .c-main-headline--red {
        font-size:36px
    }
}

.c-hero-section--3\/4 {
    height: auto;
    min-height: calc(75vh - 99px)
}

@media(max-width: 47.99em)and (orientation:portrait) {
    .c-hero-section--3\/4 {
        min-height:calc(75vh - 99px)
    }
}

@media(max-width: 29.99em) {
    .c-hero-section--3\/4 {
        min-height:calc(75vh - 99px)
    }
}

.c-hero-section--3\/4 .c-hero-section__image-container {
    height: auto;
    min-height: calc(75vh - 99px)
}

@media(max-width: 47.99em)and (orientation:portrait) {
    .c-hero-section--3\/4 .c-hero-section__image-container {
        min-height:calc(75vh - 99px)
    }
}

@media(max-width: 29.99em) {
    .c-hero-section--3\/4 .c-hero-section__image-container {
        min-height:calc(75vh - 99px)
    }
}

.c-hero-section--3\/4 .c-hero-section__image-container {
    display: flex
}

.c-hero-section--3\/4 .c-hero-section__image {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.c-hero-section--3\/4 .c-hero-section__image-container--filter .c-hero-section__image {
    filter: grayscale(1) brightness(.2)
}

.c-hero-section--3\/4 .c-hero-section__image-container--filter:after {
    content: none
}

.c-hero-section--3\/4 .c-hero-sbp__content-container {
    align-content: center;
    flex: 1
}

.c-hero-section--3\/4 .c-hero-content {
    bottom: 0;
    margin: 0;
    padding: 30px 0;
    position: relative;
    z-index: 1
}

.c-error-headline {
    color: #fff;
    font-family: Titling Gothic Narrow,Arial,sans-serif;
    font-weight: 700;
    margin-bottom: 10px
}

.c-error-headline .c-error-headline__title {
    display: block;
    font-size: 80px;
    line-height: 1
}

.c-error-headline .c-error-headline__row {
    display: flex;
    gap: 20px
}

.c-error-headline .c-error-headline__number {
    color: red;
    font-size: 64px;
    line-height: 1
}

.c-error-headline .c-error-headline__subtitle {
    font-size: 20px;
    line-height: 1;
    margin-top: 5px;
    max-width: 350px
}

.c-error-info {
    color: #fff;
    font-family: Titling Gothic Narrow,Arial,sans-serif;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 5px;
    text-transform: uppercase
}

.c-error-btn,.c-error-info {
    font-size: 16px
}

.c-hero-section__image-container {
    height: calc(100vh - 99px);
    position: relative
}

@media(max-width: 29.99em) {
    .c-hero-section__image-container {
        height:calc(100vh - 75px)
    }
}

.c-hero-section__image-container:after {
    background-image: linear-gradient(90deg,rgba(0,0,0,.6) 10%,transparent);
    background-repeat: repeat-x;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%
}

.c-hero-image__img {
    font-family: "object-fit: cover; object-position: center";
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: relative;
    width: 100%
}

.c-hero-section__content-container {
    position: relative
}

.c-hero-content {
    bottom: 100px;
    left: 0;
    margin: 0 24px;
    position: absolute
}

@media(max-width: 47.99em) {
    .c-hero-content {
        bottom:0;
        margin: 0 12px
    }
}

.c-hero-content .c-btn {
    font-size: 18px;
    position: relative;
    z-index: 1000
}

@media(max-width: 47.99em) {
    .c-hero-content .c-btn {
        font-size:16px
    }
}

.c-hero-content__tag {
    color: #fff;
    display: inline-block;
    font-size: 18px;
    margin-bottom: 10px;
    text-shadow: 0 4px 6px rgba(0,0,0,.5);
    text-transform: uppercase
}

@media(max-width: 29.99em) {
    .c-hero-content__tag {
        font-size:16px
    }
}

.c-hero-content__info {
    color: #fff;
    font-size: 24px
}

@media(max-width: 47.99em) {
    .c-hero-content__info {
        font-size:18px
    }
}

.c-hero-content__headline {
    line-height: 1.5
}

@media(max-width: 47.99em) {
    .c-hero-content__headline {
        line-height:1.7
    }
}

.b04-icon {
    font-family: B04 Icons;
    height: 25px;
    width: 25px
}

[class*=" b04-icon-"],[class^=b04-icon-] {
    font-size: 18px;
    font-weight: 700;
    line-height: unset
}

.b04-icon--tiny {
    height: 15px;
    width: 15px
}

.b04-icon--small {
    height: 20px;
    line-height: 20px;
    width: 20px
}

.b04-icon--large {
    height: 30px;
    line-height: 30px;
    width: 30px
}

.b04-icon--huge {
    height: 35px;
    line-height: 35px;
    width: 35px
}

.b04-icon--base-height {
    align-items: flex-end;
    display: flex
}

.b04-icon--round {
    border-radius: 50%
}

.b04-icon--brand * {
    fill: red
}

.b04-icon--base * {
    fill: #000
}

.b04-icon--default * {
    fill: #fff
}

.b04-icon--default-stroke * {
    stroke: #fff
}

.b04-icon--base-stroke * {
    stroke: #000
}

.b04-icon--brand-stroke * {
    stroke: red
}

.close-icon {
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 25px;
    transform: rotate(0deg);
    transition: all .1s ease-in-out;
    width: 25px;
    z-index: 9999
}

@media(max-width: 47.99em) {
    .close-icon {
        height:16px;
        top: 25px;
        width: 24px
    }
}

.close-icon span {
    background: #000;
    border: 2px;
    border-radius: 2px;
    display: block;
    height: 2px;
    opacity: 1;
    position: absolute;
    transform: rotate(0);
    transition: all .1s ease-in-out;
    width: 100%
}

.close-icon span:first-child {
    top: 0;
    width: 0
}

.close-icon span:nth-child(2) {
    top: calc(50% - 1px);
    transform: rotate(-45deg)
}

.close-icon span:nth-child(3) {
    top: calc(50% - 1px);
    transform: rotate(45deg)
}

.close-icon span:nth-child(4) {
    top: calc(100% - 2px);
    width: 0
}

.c-image-fullwidth {
    height: 550px;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media(max-width: 47.99em) {
    .c-image-fullwidth {
        height:300px
    }
}

.c-image-fullwidth__img {
    font-family: "object-fit: cover; object-position: center";
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.c-image-fullwidth .c-main-headline--red {
    background: rgba(255,0,0,.8)
}

.c-image-fullwidth .c-main-headline--black {
    background: rgba(0,0,0,.8)
}

.c-image-fw {
    height: auto;
    position: relative;
    width: 100%;
    z-index: 8
}

.c-club-teaser-section {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    min-height: 85vh;
    padding: 50px 0;
    position: relative
}

@media(max-width: 47.99em) {
    .c-club-teaser-section {
        min-height:auto
    }
}

.c-club-teaser-section .o-page-wrap {
    width: 100%
}

@media(max-width: 47.99em) {
    .c-club-teaser-section--right {
        background-position:100%
    }

    .c-club-teaser-section--left {
        background-position: 0
    }
}

.c-image-cite-section {
    display: flex
}

@media(max-width: 47.99em) {
    .c-image-cite-section {
        flex-direction:column
    }
}

.c-image-cite-section__background {
    flex: 1;
    order: 1
}

@media(max-width: 47.99em) {
    .c-image-cite-section__background {
        order:2
    }
}

.c-image-cite-section__background img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.c-image-cite-section__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    order: 2
}

@media(max-width: 47.99em) {
    .c-image-cite-section__content {
        order:1
    }
}

.c-image-cite-section__content a {
    color: #fff
}

.c-image-cite-section__content a:focus,.c-image-cite-section__content a:hover {
    color: red
}

.c-image-cite-section__tiny-image {
    width: 150px
}

.c-info-tooltip {
    background: #000;
    color: #fff;
    padding: 15px
}

.c-information-bar {
    align-items: center;
    background: red;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    font-weight: 700;
    gap: 12px 36px;
    justify-content: center;
    padding: 24px;
}

@media(min-width: 62em) {
    .c-information-bar {
        display:grid;
        grid-template-areas: "counter text coupon";
        grid-template-columns: 1fr 1fr 1fr
    }
}

.c-information-bar__text {
    align-self: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0 6px;
    grid-area: text;
    justify-content: center;
    text-align: center;
    text-decoration: none
}

.c-information-bar__title {
    color: #000;
    text-transform: uppercase
}

.c-information-bar__description {
    color: #fff;
    display: flex;
    text-transform: uppercase
}

.c-information-bar--sticky {
    display: block;
    position: sticky;
    top: 75px;
    z-index: 99
}

@media(min-width: 75em) {
    .c-information-bar--sticky {
        top:99px
    }
}

.c-counter {
    display: flex;
    flex-wrap: nowrap;
    gap: 6px;
    text-transform: uppercase;
    white-space: nowrap
}

@media(min-width: 62em) {
    .c-counter {
        align-self:center;
        grid-area: counter
    }
}

.c-counter__unit {
    font-size: .8rem;
    padding-left: 6px
}

.c-coupon {
    align-items: center;
    display: flex;
    gap: 12px
}

@media(min-width: 62em) {
    .c-coupon {
        align-self:center;
        grid-area: coupon;
        justify-self: end
    }
}

.c-coupon__label {
    text-transform: uppercase;
    white-space: nowrap
}

.c-coupon__code {
    background: #fff;
    color: #000;
    display: flex
}

.c-coupon__text {
    padding: 12px 6px
}

.c-coupon__cta {
    border: 0;
    cursor: pointer;
    line-height: 1;
    padding: 12px
}

@media(max-width: 47.99em) {
    .c-jersey-configurator .c-product-preview {
        margin-bottom:0
    }
}

.c-jersey-configurator .c-btn-product-config {
    align-items: stretch;
    border: 2px solid #fff;
    font-size: 20px;
    font-weight: 400;
    padding: 0
}

@media(max-width: 29.99em) {
    .c-jersey-configurator .c-btn-product-config {
        font-size:18px
    }
}

.c-jersey-configurator .c-btn-product-config__arrow,.c-jersey-configurator .c-btn-product-config__title {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    padding: 15px
}

.c-jersey-configurator .c-product-buybox__price {
    margin: 50px 0 15px
}

.c-jersey-configurator .c-product-buybox__price .c-price__amount,.c-jersey-configurator .c-product-buybox__price .c-price__amount-from {
    color: #fff
}

@media(max-width: 29.99em) {
    .c-jersey-configurator .c-product-buybox__price .c-price__amount-from {
        font-size:18px
    }
}

.c-btn-product-config__step {
    align-items: center;
    background: #000;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    font-size: 36px;
    font-weight: 700;
    justify-content: center;
    min-width: 50px
}

@media(max-width: 29.99em) {
    .c-btn-product-config__step {
        font-size:18px
    }
}

.c-jersey-configurator__preview .c-main-headline {
    margin-bottom: 0
}

.c-jersey-configurator__tag {
    color: #fff;
    display: inline-block;
    margin-bottom: 5px;
    text-transform: uppercase
}

@media(max-width: 29.99em) {
    .c-jersey-configurator__tag {
        font-size:16px
    }
}

.c-flock {
    display: flex;
    flex-direction: column;
    font-weight: 400;
    gap: 4px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 38%;
    transform: translate(-50%,-50%);
    white-space: nowrap
}

@media(max-width: 1050px) {
    .c-flock {
        gap:4px
    }
}

@media(max-width: 920px) {
    .c-flock {
        gap:0
    }
}

@media(max-width: 767px) {
    .c-flock {
        gap:4px
    }
}

@media(max-width: 480px) {
    .c-flock {
        gap:0
    }
}

.c-flock.c-flock--reverse {
    flex-direction: column-reverse
}

.c-flock__name {
    font-family: Titling Gothic FB Condensed Bold,Arial,sans-serif;
    font-size: 42px;
    font-weight: 500
}

.c-flock__name.c-flock__name--small {
    font-size: 28px
}

@media(max-width: 1200px) {
    .c-flock__name {
        font-size:36px;
        top: 45px
    }

    .c-flock__name.c-flock__name--small {
        font-size: 24px
    }
}

@media(max-width: 1050px) {
    .c-flock__name {
        font-size:30px
    }

    .c-flock__name.c-flock__name--small {
        font-size: 21px
    }
}

@media(max-width: 920px) {
    .c-flock__name {
        font-size:26px
    }

    .c-flock__name.c-flock__name--small {
        font-size: 17px
    }
}

@media(max-width: 767px) {
    .c-flock__name {
        font-size:40px
    }

    .c-flock__name.c-flock__name--small {
        font-size: 28px
    }
}

@media(max-width: 610px) {
    .c-flock__name {
        font-size:36px
    }

    .c-flock__name.c-flock__name--small {
        font-size: 22px
    }
}

@media(max-width: 480px) {
    .c-flock__name {
        font-size:24px
    }

    .c-flock__name.c-flock__name--small {
        font-size: 15px
    }
}

.flock-name {
    display: inline-block
}

.c-flock__team {
    align-items: center;
    display: flex;
    justify-content: center
}

.c-flock--reverse .c-flock__team {
    margin-bottom: 10px
}

.c-flock--special .c-flock__name {
    font-family: B04\ 120 Jahre Custom Font,Arial,sans-serif;
    font-weight: 400
}

.c-flock-svg-container__b04,.c-flock-team-name {
    height: 44px;
    margin-top: 4px
}

@media(max-width: 1200px) {
    .c-flock-svg-container__b04,.c-flock-team-name {
        height:36px;
        margin-top: 2px
    }
}

@media(max-width: 1050px) {
    .c-flock-svg-container__b04,.c-flock-team-name {
        height:30px
    }
}

@media(max-width: 920px) {
    .c-flock-svg-container__b04,.c-flock-team-name {
        height:26px;
        margin-top: 3px
    }
}

@media(max-width: 767px) {
    .c-flock-svg-container__b04,.c-flock-team-name {
        height:40px;
        margin-top: 4px
    }
}

@media(max-width: 610px) {
    .c-flock-svg-container__b04,.c-flock-team-name {
        height:36px
    }
}

@media(max-width: 480px) {
    .c-flock-svg-container__b04,.c-flock-team-name {
        height:24px;
        margin-top: 3px
    }
}

.c-flock__number-and-logo {
    font-size: 100px;
    height: auto;
    margin: 0 0 5px;
    width: 110px
}

@media(max-width: 1200px) {
    .c-flock__number-and-logo {
        width:90px
    }
}

@media(max-width: 1050px) {
    .c-flock__number-and-logo {
        width:70px
    }
}

@media(max-width: 920px) {
    .c-flock__number-and-logo {
        width:60px
    }
}

@media(max-width: 767px) {
    .c-flock__number-and-logo {
        width:120px
    }
}

@media(max-width: 610px) {
    .c-flock__number-and-logo {
        width:100px
    }
}

@media(max-width: 480px) {
    .c-flock__number-and-logo {
        width:60px
    }
}

.flock-black .c-flock__name {
    color: #000
}

.flock-black .c-flock__number-and-logo {
    color: #fff;
    fill: #000
}

.flock-black .c-flock-team-name {
    fill: #000
}

.flock-white .c-flock__name {
    color: #fff
}

.flock-white .c-flock__number-and-logo {
    color: #000;
    fill: #fff
}

.flock-white .c-flock-team-name {
    fill: #fff
}

.flock-red .c-flock__name {
    color: red
}

.flock-red .c-flock__number-and-logo {
    color: #000;
    fill: red
}

.flock-red .c-flock-team-name {
    fill: red
}

.flock-red-special .c-flock__name {
    color: #8c1b2b
}

.flock-red-special .c-flock__number-and-logo {
    color: #edf1ff;
    fill: #8c1b2b
}

.flock-red-special .c-flock-team-name {
    fill: #8c1b2b
}

.flock-white-brilliant .c-flock__name {
    color: #edf1ff
}

.flock-white-brilliant .c-flock__number-and-logo {
    color: #000;
    fill: #edf1ff
}

.flock-white-brilliant .c-flock-team-name {
    fill: #edf1ff
}

.flock-copper .c-flock__name {
    color: #8b634b
}

.flock-copper .c-flock__number-and-logo {
    color: #fff;
    fill: #8b634b
}

.flock-copper .c-flock-team-name {
    fill: #8b634b
}

.flock-blue .c-flock__name {
    color: #14a3c7
}

.flock-blue .c-flock__number-and-logo {
    color: #292a2d;
    fill: #14a3c7
}

.flock-blue .c-flock-team-name {
    fill: #14a3c7
}

.flock-white-and-tangelo .c-flock__name {
    color: #fff
}

.flock-white-and-tangelo .c-flock__number-and-logo {
    color: #ff7e04;
    fill: #fff
}

.flock-white-and-tangelo .c-flock-team-name {
    fill: #fff
}

.flock-grey .c-flock__name {
    color: #c5d1dd
}

.flock-grey .c-flock__number-and-logo {
    color: #993c7c;
    fill: #c5d1dd
}

.flock-grey .c-flock-team-name {
    fill: #c5d1dd
}

.c-loading-dots {
    text-align: center;
    width: 100%
}

.c-loading-dots__dot {
    animation: dot-keyframes 1.5s ease-in-out infinite;
    background-color: red;
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    width: 10px
}

.c-loading-dots__dot:nth-child(2) {
    animation-delay: .5s
}

.c-loading-dots__dot:nth-child(3) {
    animation-delay: 1s
}

.c-loading-dots__dot.c-loading-dots__dot {
    margin-left: 5px
}

@keyframes dot-keyframes {
    0% {
        opacity: 0;
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: scale(1.4)
    }

    to {
        opacity: 0;
        transform: scale(1)
    }
}

.c-loading-spinner {
    -webkit-animation: rotate-infinite .8s linear infinite;
    border: 4px solid #fff;
    border-radius: 50%;
    border-right-color: transparent;
    display: inline-block;
    height: 18px;
    width: 18px
}

.c-loading-spinner--small {
    border-color: #fff #fff transparent transparent;
    border-width: 2px;
    height: 14px;
    width: 14px
}

.c-loading-dots-heroslider {
    align-items: center;
    background: #fff;
    display: none;
    flex-direction: column;
    height: 100vh;
    justify-content: center;
    position: fixed;
    width: 100vw;
    z-index: 99
}

.c-loading-dots-heroslider.active {
    display: flex
}

.background-snow {
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 100
}

::selection {
    background: red;
    color: #fff
}

::-moz-selection {
    background: red;
    color: #fff
}

.c-modal-backdrop {
    align-items: center;
    background: hsla(0,0%,100%,.8);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5
}

.c-modal-backdrop--dark {
    background: rgba(0,0,0,.8)
}

.c-modal {
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.3);
    max-height: calc(100vh - 30px);
    max-width: 600px;
    overflow-y: auto;
    padding: 30px;
    width: 100%;
    z-index: 10
}

@media(max-width: 29.99em) {
    .c-modal {
        max-width:calc(100vw - 30px)
    }
}

.c-modal__close:hover {
    cursor: pointer
}

.vue-notification-group {
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.3);
    top: 99px!important
}

.c-notification {
    padding: 15px
}

.notification-content {
    font-size: 14px
}

.c-breadcrumb-container {
    padding-bottom: 15px;
    padding-top: 70px
}

@media(max-width: 47.99em) {
    .c-breadcrumb-container {
        padding-top:30px
    }
}

.c-breadcrumb-container--small {
    padding-bottom: 30px;
    padding-top: 30px
}

.c-nav-breadcrumb {
    list-style: none;
    margin-bottom: 0;
    margin-left: 0
}

.c-nav-breadcrumb li {
    display: inline;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase
}

.c-nav-breadcrumb li+li {
    padding-left: 5px
}

.c-nav-breadcrumb li+li:before {
    color: #979ea8;
    content: "/";
    padding-right: 5px
}

.c-nav-breadcrumb li a {
    color: #979ea8
}

.c-nav-breadcrumb li a:focus,.c-nav-breadcrumb li a:hover {
    color: #000;
    text-decoration: underline
}

.c-nav-breadcrumb li a.active {
    color: #000
}

.c-nav-vertical__item {
    font-weight: 400;
    padding: 5px 0;
    text-transform: uppercase;
    transition: all .3s ease
}

.c-nav-vertical__item a:hover {
    color: red;
    cursor: pointer
}

.c-nav-vertical__item.active a {
    color: red
}

.c-nav-vertical__divider {
    padding: 15px
}

.c-newsletter__consent {
    font-size: 9px;
    margin-bottom: 0;
    margin-top: 15px
}

@media(min-width: 75em) {
    .c-newsletter__consent {
        font-size:12px;
        margin-top: 20px
    }
}

.c-newsletter__consent--light span {
    border-bottom: 1px solid #000
}

.c-newsletter__consent--light span a {
    color: #000
}

.c-newsletter-form__container {
    background-color: #000;
    display: flex
}

@media(max-width: 47.99em) {
    .c-newsletter-form__container {
        flex-direction:column
    }
}

.c-newsletter-form__container--light {
    background-color: #fff;
    display: flex
}

@media(max-width: 47.99em) {
    .c-newsletter-form__container--light {
        flex-direction:column
    }
}

.c-newsletter-form__image {
    background-position: 50%;
    background-size: cover;
    height: 33vw;
    min-height: 192px;
    width: 100%
}

@media(min-width: 48em) {
    .c-newsletter-form__image {
        height:auto;
        min-width: 257px;
        width: 33.33%
    }
}

@media(min-width: 62em) {
    .c-newsletter-form__image {
        width:50%
    }
}

.c-newsletter-form__image--fallback {
    background-image: url(https://cdn.bayer04.de/shop-static/src/public/build/images/background-bayarena.426c8364.jpg)
}

.c-newsletter-form__content {
    overflow: auto;
    padding: 15px 15px 25px
}

@media(min-width: 30em) {
    .c-newsletter-form__content {
        padding:25px 25px 30px
    }
}

@media(min-width: 48em) {
    .c-newsletter-form__content {
        width:66.67%
    }
}

@media(min-width: 62em) {
    .c-newsletter-form__content {
        padding:25px 30px 30px;
        width: 50%
    }
}

@media(min-width: 75em) {
    .c-newsletter-form__content {
        padding:35px 40px 40px
    }
}

.c-newsletter-form__headline {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-wrap: balance
}

@media(min-width: 30em) {
    .c-newsletter-form__headline {
        font-size:24px;
        line-height: 23.25px
    }
}

@media(min-width: 62em) {
    .c-newsletter-form__headline {
        line-height:25.53px
    }
}

@media(min-width: 75em) {
    .c-newsletter-form__headline {
        letter-spacing:.25px;
        line-height: 30px
    }
}

.c-newsletter-form__content form {
    display: flex;
    gap: 5px
}

@media(max-width: 47.99em) {
    .c-newsletter-form__content form {
        flex-wrap:wrap;
        gap: 10px
    }
}

@media(min-width: 48em) {
    .c-newsletter-form__content .o-form-field {
        flex:0 0 61%
    }
}

.c-newsletter-form__content .o-input-group {
    margin-bottom: 0;
    padding-bottom: 25px;
    position: relative
}

.c-newsletter-form__content .c-error-message {
    bottom: 0;
    position: absolute
}

.c-newsletter-form__content .o-input {
    background-color: #000;
    border: 3px solid #fff;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    padding: 10px 15px
}

.c-newsletter-form__content .o-input.is-focus,.c-newsletter-form__content .o-input:focus,.c-newsletter-form__content .o-input:hover {
    border-bottom: 3px solid #4a4a4a
}

.c-newsletter-form__content .o-input.is-focus+.o-input-label,.c-newsletter-form__content .o-input:focus+.o-input-label {
    color: #979797;
    font-size: 7px;
    transform: translateY(-10px)
}

@media(min-width: 75em) {
    .c-newsletter-form__content .o-input.is-focus+.o-input-label,.c-newsletter-form__content .o-input:focus+.o-input-label {
        font-size:10px;
        transform: translateY(-13px)
    }
}

.c-newsletter-form__content .o-input.is-invalid {
    border-bottom: 3px solid red
}

@media(min-width: 75em) {
    .c-newsletter-form__content .o-input {
        font-size:16px;
        height: 55px
    }
}

.c-newsletter-form__content .o-input--light {
    background-color: #fff;
    border: 3px solid #000;
    color: #000
}

.c-newsletter-form__content .o-input--light.is-focus,.c-newsletter-form__content .o-input--light:focus,.c-newsletter-form__content .o-input--light:hover {
    border-bottom: 3px solid #dcdcdc
}

.c-newsletter-form__content .o-input-label {
    color: #fff;
    font-size: 10px;
    top: 15px
}

@media(min-width: 75em) {
    .c-newsletter-form__content .o-input-label {
        font-size:16px;
        top: 20px
    }
}

.c-newsletter-form__content .o-input-label--light {
    color: #000
}

.c-newsletter-form__content .o-input-label-checkbox {
    font-size: 12px;
    padding: 1px 0 0 20px
}

.c-newsletter-form__content .o-input-label-checkbox:before {
    border: 2px solid #c7c7c7;
    border-radius: 2.05px;
    height: 12px;
    top: 2px;
    width: 12px
}

.c-newsletter-form__content .o-input-label-checkbox:after {
    height: 9px;
    left: 3px;
    top: 3px;
    width: 5px
}

@media(min-width: 75em) {
    .c-newsletter-form__content .o-input-label-checkbox {
        font-size:14px
    }

    .c-newsletter-form__content .o-input-label-checkbox:before {
        border-radius: 3px;
        height: 15px;
        top: 3.5px;
        width: 15px
    }

    .c-newsletter-form__content .o-input-label-checkbox:after {
        height: 11px;
        left: 4px;
        top: 3px;
        width: 6px
    }
}

.c-newsletter-form__content button {
    font-size: 12px;
    height: 40px
}

@media(min-width: 62em) {
    .c-newsletter-form__content button {
        font-size:14px
    }
}

@media(min-width: 75em) {
    .c-newsletter-form__content button {
        font-size:18px;
        height: 55px
    }
}

.c-newsletter-form__content button .b04-icon-check {
    font-size: 12px;
    margin-right: 5px
}

@media(min-width: 75em) {
    .c-newsletter-form__content button .b04-icon-check {
        font-size:16px
    }
}

.c-newsletter-popup__backdrop {
    background-color: rgba(0,0,0,.5);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.c-newsletter-popup__container {
    background-color: #000;
    display: flex;
    left: 50%;
    margin-top: 20px;
    max-height: calc(100vh - 90px);
    max-width: calc(100vw - 30px);
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 345px
}

@media(min-width: 48em) {
    .c-newsletter-popup__container {
        width:690px
    }
}

@media(min-width: 62em) {
    .c-newsletter-popup__container {
        width:980px
    }
}

@media(min-width: 75em) {
    .c-newsletter-popup__container {
        margin-top:40px
    }
}

.c-newsletter-popup__image {
    display: none
}

@media(min-width: 48em) {
    .c-newsletter-popup__image {
        background-size:cover;
        display: block;
        width: 50%
    }
}

.c-newsletter-popup__content {
    overflow: auto;
    padding: 25px
}

@media(min-width: 48em) {
    .c-newsletter-popup__content {
        width:50%
    }
}

@media(min-width: 62em) {
    .c-newsletter-popup__content {
        padding:60px 65px
    }
}

.close-icon-container {
    align-items: center;
    background-color: red;
    cursor: pointer;
    display: flex;
    height: 50px;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    z-index: 9999
}

.close-icon--popup {
    height: 17px;
    position: static;
    right: 0;
    top: 0;
    width: 17px
}

.close-icon--popup span {
    background: #000;
    background-color: #fff;
    width: 100%
}

.c-newsletter-popup__headline {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 10px
}

@media(min-width: 62em) {
    .c-newsletter-popup__headline {
        font-size:36px;
        margin-top: 0
    }
}

.c-order-overview {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    position: relative
}

@media(max-width: 29.99em) {
    .c-order-overview {
        flex-direction:column
    }
}

.c-order-overview__large {
    flex: 3
}

.c-order-overview__medium {
    flex: 1
}

.c-order-overview__small {
    flex: .5
}

@media(max-width: 29.99em) {
    .c-order-overview__self-right-mobile {
        align-self:flex-end
    }

    .c-order-overview__self-left-mobile {
        align-self: flex-start
    }

    .c-order-overview__self-right-margin-mobile {
        margin-left: 90px
    }
}

.c-order-accordion {
    border-collapse: separate;
    border-spacing: 0 5px;
    margin-bottom: 10px
}

.c-order-accordion__collapse {
    background: #fff;
    display: none
}

.c-order-accordion__collapse.active {
    display: block
}

.c-order-accordion__collapse-content {
    padding: 30px 15px
}

@media(max-width: 29.99em) {
    .c-order-accordion__collapse-content .c-cart-item-box {
        padding-left:0;
        padding-right: 0
    }
}

.c-order-accordion-content {
    background: #fff;
    border: 2px solid #f2f2f2;
    margin-bottom: 10px
}

.c-order-accordion__header {
    padding: 15px
}

.c-order-accordion__header.active {
    background: #f2f2f2
}

.c-order-accordion__header:hover {
    cursor: pointer
}

.c-order-accordion__header .c-order-overview {
    align-items: center
}

.c-order-accordion-button {
    line-height: 0
}

@media(max-width: 29.99em) {
    .c-order-accordion-button {
        padding:10px;
        position: absolute;
        right: 0;
        top: 0
    }
}

.c-order-accordion__collapse-content .o-layout__item:last-child .c-cart-item-box {
    border-bottom: 0
}

.c-panel {
    margin-bottom: 50px
}

.c-panel-heading {
    font-family: Titling Gothic Condensed,Arial,sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase
}

@media(max-width: 47.99em) {
    .c-panel-heading {
        font-size:16px
    }
}

.c-panel-heading__month {
    margin-left: 3px
}

.c-panel-group {
    border-top: 1px solid #000
}

.c-panel-group .c-panel-group__item {
    padding: 15px 0
}

.c-panel-group .c-panel-group__item span {
    display: block
}

.c-panel-group .c-product-price {
    font-weight: 500
}

.c-panel-group:last-child {
    border-bottom: 1px solid #000
}

.c-panel-group--dates .c-panel-group__item {
    padding: 0
}

@media(max-width: 47.99em) {
    .c-panel-group--dates .c-panel-group__item {
        padding:0 0 15px
    }
}

.c-panel-group--dates .c-product-badge-info {
    margin-bottom: 15px
}

.c-panel-group--dates .c-panel-dates__title {
    color: red;
    font-weight: 500
}

@media(max-width: 47.99em) {
    .c-panel-group--dates .c-panel-dates__title {
        font-size:18px;
        margin-bottom: 10px
    }
}

.c-panel-group--dates .c-panel-dates__info {
    color: red;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
    text-transform: uppercase
}

.c-panel-group--dates .c-panel-dates__details {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.c-panel-group--dates .c-panel-dates__media img {
    max-width: 120px
}

.c-panel-group--dates .c-panel-dates__location {
    align-items: flex-start;
    display: flex;
    margin-bottom: 5px
}

.c-panel-group--dates .c-panel-dates__location .b04-icon {
    margin-right: 10px
}

@media(max-width: 29.99em) {
    .c-panel-group--dates .c-panel-dates__location {
        font-size:16px
    }
}

@media(max-width: 47.99em) {
    .c-panel-group--dates .c-product-price {
        font-size:18px;
        margin-bottom: 15px
    }
}

.c-img-pin-container {
    overflow: hidden;
    position: relative
}

.c-pin {
    position: absolute;
    width: 225px;
    z-index: 8
}

@media(max-width: 61.99em) {
    .c-pin {
        width:160px
    }
}

@media(max-width: 47.99em) {
    .c-pin {
        display:none
    }
}

.c-pin__text {
    background: #fff;
    -webkit-box-decoration-break: clone;
    display: inline;
    font-weight: 400!important;
    line-height: 1.5;
    margin-bottom: 0;
    padding: 2px 5px;
    text-transform: none
}

@media(max-width: 61.99em) {
    .c-pin__text {
        font-size:14px
    }
}

.c-pin__text--left:before,.c-pin__text--right:after {
    border-bottom: 5px dotted #000;
    content: "";
    height: 5px;
    position: absolute;
    top: 25%;
    width: 50px
}

@media(max-width: 61.99em) {
    .c-pin__text--left:before,.c-pin__text--right:after {
        border-bottom-width:3px;
        height: 3px;
        width: 40px
    }
}

.c-pin__text--left:before {
    left: -65px
}

@media(max-width: 61.99em) {
    .c-pin__text--left:before {
        left:-50px
    }
}

.c-pin__text--right:after {
    right: -50px
}

@media(max-width: 61.99em) {
    .c-pin__text--right:after {
        right:-60px
    }
}

.c-pin--white .c-pin__text {
    background: #000;
    color: #fff
}

.c-pin--white .c-pin__text--left:before,.c-pin--white .c-pin__text--right:after {
    border-color: #fff
}

.c-pin--black .c-pin__text {
    color: #000
}

.c-pin--black .c-pin__text--left:before,.c-pin--black .c-pin__text--right:after {
    border-color: #000
}

.c-price {
    text-align: right
}

.c-price__amount {
    display: block;
    font-size: 36px;
    font-weight: 400;
    line-height: 1
}

@media(max-width: 29.99em) {
    .c-price__amount {
        font-size:30px
    }
}

.c-price__amount--old {
    margin-right: 24px;
    text-decoration: line-through
}

.c-price__info {
    display: block;
    font-size: 12px
}

.c-product-price {
    font-size: 24px;
    font-weight: 400
}

.c-product-price__small {
    display: inline-block!important;
    font-size: 16px
}

.c-product-price__info {
    display: block;
    font-size: 12px;
    font-weight: 300
}

.c-product-box-link .c-product-box__price {
    color: #000
}

.c-product-box {
    background: #f4f4f4;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    position: relative;
    transition: all .3s ease
}

.c-product-box:focus .c-product-box__title,.c-product-box:hover .c-product-box__title {
    color: red
}

.c-product-box:focus:after,.c-product-box:hover:after {
    width: 100%!important
}

.c-product-box:after,.c-product-box:before {
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute
}

.c-product-box:before {
    background: #979797;
    width: 100%
}

.c-product-box:after {
    background: red;
    transition: width .5s ease-in-out;
    width: 0
}

.c-product-box--default {
    background: #fff;
    z-index: 10
}

.c-product-box__link {
    display: flex;
    flex-direction: column;
    height: 100%
}

.c-product-box__large-right .c-product-box__link,.c-product-box__link {
    justify-content: space-between
}

.c-product-box__large-right .c-product-box__image-container {
    height: 100%
}

.c-product-box__image-container {
    align-items: center;
    display: flex;
    height: auto;
    justify-content: center;
    overflow: hidden;
    padding-top: 20px
}

.c-product-box__image-container img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    padding: 15px;
    transition: all .3s ease;
    width: 100%
}

.c-product-box__details-container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    padding: 15px
}

@media(max-width: 29.99em) {
    .c-product-box__details-container {
        min-height:auto
    }
}

.c-product-box__title {
    color: #000;
    font-family: Titling Gothic Condensed,Arial,sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 15px;
    text-transform: uppercase;
    transition: all .3s ease
}

@media(max-width: 47.99em) {
    .c-product-box__title {
        font-size:14px
    }
}

.c-product-box__price {
    font-weight: 400
}

@media(max-width: 29.99em) {
    .c-product-box__price {
        font-size:16px
    }
}

.c-product-box__price--member {
    color: #979797;
    font-size: 12px
}

.c-product-box__price--sale {
    color: red !important;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-left: 15px;
}

.c-product-box--set {
    border: 1px solid #dcdcdc;
    display: flex;
    flex-direction: row;
    z-index: 2
}

@media(max-width: 47.99em) {
    .c-product-box--set {
        flex-direction:column;
        height: auto!important
    }
}

.c-product-box--set .c-product-box__image-container {
    padding: 30px
}

.c-product-box--set__left {
    flex: 1;
    position: relative
}

.c-product-box--set__left .c-btn {
    bottom: 15px;
    left: 50%;
    margin-left: -25%;
    position: absolute
}

.c-product-box--set__left img {
    font-family: "object-fit: cover; object-position: center";
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.c-product-box--set__right {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between
}

.c-product-container:focus,.c-product-container:hover {
    box-shadow: 0 0 15px rgba(0,0,0,.25);
    z-index: 8
}

.c-product-box--slider .c-product-box__image-container {
    height: auto
}

.c-product-box--slider .c-product-box__details-container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between
}

.c-product-static-box {
    display: flex;
    flex-direction: row
}

@media(max-width: 47.99em) {
    .c-product-static-box {
        flex-direction:column
    }
}

.c-product-static-box__aside {
    display: flex;
    flex: 1;
    padding-left: 0
}

.c-product-static-box__aside--text {
    flex-direction: column
}

@media(max-width: 47.99em) {
    .c-product-static-box__aside {
        order:1
    }
}

.c-product-static-box__products {
    flex: 1;
    padding: 15px 15px 0
}

@media(max-width: 47.99em) {
    .c-product-static-box__products {
        order:2
    }
}

.c-product-static-box__products .c-product-box {
    margin-bottom: 15px;
    transition: background .3s ease
}

.c-product-static-box__products .c-product-box:hover {
    background: #fff
}

.c-product-static-box-image-container {
    height: 100%;
    position: relative;
    width: 100%
}

.c-product-static-box-image-container img {
    font-family: "object-fit: cover; object-position: center";
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.c-product-set {
    display: flex;
    flex-direction: row;
    max-height: calc(100vh - 99px)
}

@media(max-width: 47.99em) {
    .c-product-set {
        flex-direction:column!important;
        max-height: none
    }
}

.c-product-set__left {
    display: flex;
    flex: 1
}

.c-product-set__left--text {
    flex-direction: column
}

.c-product-set__right {
    display: flex;
    flex: 1
}

.c-product-set__details {
    position: relative;
    width: 100%
}

.c-product-set__details .set-details__image-container {
    padding: 30px;
    text-align: center
}

.c-product-set__details .set-details__image-container img {
    width: 100%
}

.c-product-set__details .set-details__text-container {
    bottom: 15px;
    position: absolute;
    right: 0
}

@media(max-width: 47.99em) {
    .c-product-set__details .set-details__text-container {
        position:relative;
        text-align: right
    }
}

.c-product-set__details .set-price-box {
    background: hsla(0,0%,100%,.9);
    display: inline-block;
    padding: 15px 30px 15px 15px
}

.c-set-text-container {
    padding: 30px
}

@media(max-width: 29.99em) {
    .c-set-text-container {
        margin-bottom:30px;
        padding: 12px
    }
}

.c-set-image-container {
    height: 100%;
    position: relative;
    width: 100%
}

.c-set-image-container img {
    font-family: "object-fit: cover; object-position: center";
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.c-category-product-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2,minmax(0,1fr))
}

@media(min-width: 48em) {
    .c-category-product-grid {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
}

@media(min-width: 62em) {
    .c-category-product-grid {
        gap:1.5rem;
        grid-template-columns: repeat(4,minmax(0,1fr))
    }
}

@media(min-width: 48em) {
    .grid-container--product-detail {
        display:grid;
        grid-template-areas: "product buybox" "description buybox";
        grid-template-columns: 50% 50%;
        grid-template-rows: auto auto;
        width: 100%
    }
}

@media(min-width: 62em) {
    .grid-container--product-detail {
        display:grid;
        grid-template-areas: "product buybox" "description buybox";
        grid-template-columns: 66.6666% 1fr;
        grid-template-rows: auto auto
    }
}

@media(min-width: 48em) {
    .c-product-view--grid-area {
        grid-area:product;
        width: calc(100% - 12px)
    }

    .c-product-buybox--grid-area {
        grid-area: buybox;
        margin-left: 12px;
        padding-top: 30px
    }

    .c-product-description--grid-area {
        grid-area: description;
        margin-right: 15px
    }
}

@media(min-width: 62em) {
    .c-product-description--grid-area {
        grid-area:description;
        margin-right: 40px
    }
}

.c-product-description-section {
    background: #000;
    color: #fff;
    position: relative
}

@media(max-width: 47.99em) {
    .c-product-description-section {
        box-shadow:100px 0 0 #000
    }
}

.c-product-description-section:before {
    background: #000;
    content: "";
    height: 100%;
    position: absolute;
    right: 100%;
    top: 0;
    width: 100vw
}

.c-product-view {
    padding-top: 30px
}

@media(max-width: 47.99em) {
    .c-product-view {
        padding-top:15px
    }
}

.c-product-view__detail {
    padding-bottom: 30px
}

@media(min-width: 48em) {
    .c-product-view__detail--two-thirds {
        padding-bottom:30px
    }
}

@media(min-width: 62em) {
    .c-product-view__detail--two-thirds {
        padding-bottom:50px
    }
}

.c-product-view--small {
    padding-top: 15px
}

.c-product-view--small .c-product-view__detail {
    padding-bottom: 50px
}

.c-product-view--small .c-product-description {
    margin-top: 0
}

@media(min-width: 62em) {
    .c-product-view--small .c-product-quality-details {
        margin:0 0 0 15px
    }
}

.c-product-view--small .c-product-view__detail {
    display: flex;
    flex-direction: row
}

@media(max-width: 47.99em) {
    .c-product-view--small .c-product-view__detail {
        flex-direction:column;
        padding-bottom: 10px
    }

    .c-product-view--small .c-product-view__detail .c-product-detail__left {
        margin-top: 50px;
        order: 2
    }

    .c-product-view--small .c-product-view__detail .c-product-detail__right {
        order: 1
    }
}

.c-product-preview {
    display: flex;
    flex-direction: row;
    position: relative;
    text-align: center
}

@media(max-width: 61.99em) {
    .c-product-preview {
        flex-direction:column
    }
}

@media(max-width: 47.99em) {
    .c-product-preview {
        margin-bottom:50px
    }
}

@media(max-width: 29.99em) {
    .c-product-preview {
        margin-bottom:15px;
        padding: 0
    }
}

.c-product-preview-stripes {
    align-items: flex-end;
    bottom: calc(50% - 80px);
    display: flex;
    left: calc(50% - 170px);
    position: absolute;
    transform: rotate(45deg) scale(1);
    transform-origin: bottom
}

@media(min-width: 30em)and (max-width:47.99em) {
    .c-product-preview-stripes {
        bottom:calc(50% - 150px);
        left: calc(50% - 230px);
        transform: rotate(45deg) scale(1)
    }
}

@media(min-width: 48em)and (max-width:61.99em) {
    .c-product-preview-stripes {
        bottom:calc(50% - 150px);
        left: calc(50% - 230px);
        transform: rotate(45deg) scale(1.4)
    }
}

@media(min-width: 62em) {
    .c-product-preview-stripes {
        bottom:calc(50% - 280px);
        left: calc(50% - 300px);
        transform: rotate(45deg) scale(1.4)
    }
}

.c-product-preview-stripes__black {
    background: #000;
    height: 360px;
    width: 30px
}

@media(min-width: 30em)and (max-width:47.99em) {
    .c-product-preview-stripes__black {
        height:560px;
        width: 40px
    }
}

@media(min-width: 48em)and (max-width:61.99em) {
    .c-product-preview-stripes__black {
        height:360px;
        width: 30px
    }
}

@media(min-width: 62em) {
    .c-product-preview-stripes__black {
        height:560px;
        width: 40px
    }
}

.c-product-preview-stripes__red {
    background: red;
    height: 360px;
    transform: translateY(-50px);
    width: 30px
}

@media(min-width: 30em)and (max-width:47.99em) {
    .c-product-preview-stripes__red {
        height:560px;
        width: 40px
    }
}

@media(min-width: 48em)and (max-width:61.99em) {
    .c-product-preview-stripes__red {
        height:360px;
        width: 30px
    }
}

@media(min-width: 62em) {
    .c-product-preview-stripes__red {
        height:560px;
        width: 40px
    }
}

.c-product-preview__img {
    height: 100%;
    width: 100%
}

.c-product-preview__img:hover {
    cursor: zoom-in
}

.c-product-preview__img--nozoom:hover {
    cursor: default
}

.c-product-preview__main {
    background: #f4f4f4;
    height: 100%;
    margin: 0 30px;
    order: 2;
    padding: 15px;
    position: relative;
    width: 100%
}

@media(max-width: 61.99em) {
    .c-product-preview__main {
        margin:0;
        order: 1;
        padding: 0
    }
}

.c-product-preview-ticket-teams {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 70%;
    z-index: 2
}

@media(max-width: 61.99em) {
    .c-product-preview__wrapper {
        order:2
    }
}

.c-product-preview__thumbnails::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px
}

.c-product-preview__thumbnails::-webkit-scrollbar-thumb {
    background-color: red;
    border-radius: 4px;
    box-shadow: 0 0 1px red
}

.c-product-preview__thumbnails::-webkit-scrollbar:horizontal {
    height: 7px
}

.c-product-preview__thumbnails {
    align-self: flex-start;
    display: flex;
    flex-direction: column;
    gap: 15px;
    order: 1;
    scrollbar-color: auto!important
}

@media(min-width: 62em) {
    .c-product-preview__thumbnails {
        height:0;
        min-height: 100%;
        overflow-y: scroll
    }
}

@media(max-width: 61.99em) {
    .c-product-preview__thumbnails {
        flex-direction:row;
        margin-top: 15px;
        order: 2;
        overflow-x: scroll
    }
}

@media(max-width: 47.99em) {
    .c-product-preview__thumbnails {
        width:100%
    }
}

@media(max-width: 29.99em) {
    .c-product-preview__thumbnails {
        margin-bottom:30px
    }
}

.c-product-preview-image-filter {
    position: relative
}

.c-product-preview-image-filter .c-product-preview-image-filter__blend {
    background: red;
    height: 100%;
    mix-blend-mode: darken;
    position: absolute;
    width: 100%
}

.c-product-preview-image-filter .c-product-preview__main__image {
    min-height: 500px;
    -o-object-fit: cover;
    object-fit: cover
}

.c-product-detail-flock {
    color: #fff;
    left: 55%;
    padding: 5% 8%;
    pointer-events: none
}

@media(max-width: 61.99em) {
    .c-product-detail-flock {
        left:50%;
        padding: 5%;
        top: 46%
    }
}

@media(max-width: 47.99em) {
    .c-product-detail-flock {
        padding:9%
    }
}

@media(max-width: 29.99em) {
    .c-product-detail-flock {
        padding:5%
    }
}

.c-product-detail-flock .c-flock__number-and-logo {
    filter: invert(100%)
}

.preview-thumbnail {
    background: #f4f4f4;
    border: 2px solid transparent;
    flex-shrink: 0;
    height: 70px;
    margin: 0;
    padding: 0;
    width: 70px
}

.preview-thumbnail.active,.preview-thumbnail:focus,.preview-thumbnail:hover {
    border-color: #000
}

.preview-thumbnail .preview-thumbnail__img {
    height: 100%;
    margin: 0;
    padding: 6px;
    width: 100%
}

@media(max-width: 47.99em) {
    .preview-thumbnail {
        height:auto
    }
}

.c-product-preview__thumbnails--row {
    flex-direction: row;
    margin-bottom: 15px
}

.c-product-preview__thumbnails--row .preview-thumbnail {
    background: transparent
}

.c-product-preview__thumbnails--row .preview-thumbnail.active,.c-product-preview__thumbnails--row .preview-thumbnail:focus,.c-product-preview__thumbnails--row .preview-thumbnail:hover {
    border: 2px solid #000
}

.c-product-buybox {
    position: relative
}

.c-product-buybox .c-btn-link {
    text-transform: none
}

@media(min-width: 48em) {
    .c-product-buybox__sticky {
        position:sticky;
        position: -webkit-sticky;
        top: 94px
    }

    .c-product-buybox__sticky--flex-helper {
        display: flex;
        flex-direction: column;
        height: 100%
    }
}

.c-product-buybox__title {
    color: #fff;
    font-size: 36px;
    font-weight: 500;
    line-height: 1
}

@media(max-width: 29.99em) {
    .c-product-buybox__title {
        font-size:30px
    }
}

.c-product-buybox__title--black {
    color: #000
}

.c-product-buybox__subtitle {
    color: #fff;
    display: block;
    font-family: Titling Gothic Narrow,Arial,sans-serif;
    font-weight: 400;
    text-transform: uppercase
}

.c-product-buybox__season {
    color: #979ea8;
    margin-bottom: 10px;
    text-transform: uppercase
}

.c-product-buybox-info {
    display: flex;
    flex-direction: column;
    gap: 5px
}

.c-product-buybox-info__item {
    align-items: flex-start;
    display: flex;
    gap: 5px
}

.c-price__amount,.c-price__amount-from {
    color: #000;
    display: inline-block
}

@media(max-width: 61.99em) {
    .c-price__amount,.c-price__amount-from {
        margin-top:5px
    }
}

.c-price__amount-from {
    font-size: 24px;
    font-weight: 400;
    margin-right: 5px
}

.c-product-buybox__price {
    text-align: left
}

.c-product-buybox__add-to-cart {
    display: flex;
    height: 60px;
    margin-top: 30px
}

.c-product-floating-buybox {
    background-color: #fff;
    bottom: 0;
    box-shadow: 0 0 4px rgba(0,0,0,.25);
    display: hidden;
    height: 76px;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 99
}

@media(min-width: 62em) {
    .c-product-floating-buybox {
        display:none
    }
}

.c-product-floating-buybox .c-product-buybox__add-to-cart {
    margin: 0;
    padding: 0
}

.c-btn--favourite {
    margin-right: 10px
}

.c-product-buybox__delivery {
    margin: 20px 0
}

.c-delivery-info {
    align-items: center;
    display: flex;
    font-size: 12px
}

.c-delivery-info+.c-delivery-info {
    margin-top: 5px
}

.c-product-variant {
    margin-bottom: 15px;
    overflow: hidden;
    position: relative
}

.c-product-variant .c-variant-name {
    display: block;
    margin-bottom: 5px;
    text-transform: uppercase
}

.c-product-variant .c-variant-group,.c-variant-option {
    float: left;
    position: relative
}

.c-variant-option {
    height: 70px;
    margin-right: 10px;
    width: 70px
}

.c-variant-option__input {
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100
}

.c-variant-option__input:hover+.c-variant-option__label {
    border-color: #000
}

.c-variant-option__label {
    background: #fff;
    border: 2px solid transparent;
    display: block;
    height: 100%;
    transition: all .3s ease;
    width: 100%
}

.c-variant-option__label.is-checked {
    border-color: #000
}

.c-product-amount {
    align-content: stretch;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin: 10px 0;
    text-align: right
}

.c-product-amount__buttons {
    border: 1px solid #c7c7c7;
    display: flex
}

.c-product-amount__buttons .c-btn--square {
    background: #fff;
    color: #000;
    height: 48px;
    margin-top: 1px;
    padding: 10px;
    width: 50px
}

.c-product-amount__buttons .c-btn--square:hover {
    background: #f4f4f4
}

.c-product-amount__buttons .c-btn--square.disabled {
    color: #dcdcdc
}

.c-product-amount__buttons .o-text-input--small {
    border: none;
    display: inline-block;
    height: 50px;
    margin: 0 5px;
    text-align: center;
    width: 70px
}

.c-product-amount__buttons--white {
    border: none
}

.c-product-amount__buttons--white .c-btn--square {
    margin-bottom: 0
}

.c-product-amount__buttons--white .c-btn--square:hover {
    background: #c7c7c7
}

.c-product-amount__buttons--white .o-text-input--small {
    margin: 0
}

.c-product-amount__label {
    flex: 1;
    margin-right: 10px;
    text-transform: uppercase
}

.c-product-config-group {
    margin-top: 15px
}

.c-product-config-title {
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
    text-transform: uppercase
}

.c-btn-product-config {
    align-items: center;
    background: #fff;
    border: 1px solid #c7c7c7;
    display: flex;
    margin-bottom: 10px;
    padding: 15px
}

.c-btn-product-config:focus,.c-btn-product-config:hover {
    cursor: pointer
}

.c-btn-product-config .b04-icon {
    transition: transform .1s ease
}

.c-btn-product-config.is-disabled {
    cursor: not-allowed;
    opacity: .3;
    pointer-events: none
}

.c-btn-product-config__title {
    display: block;
    font-weight: 500;
    text-transform: uppercase;
    width: 100%
}

.c-btn-product-config__title .selected-message,.c-btn-product-config__title.selected .select-message {
    display: none
}

.c-btn-product-config__title.selected .selected-message {
    display: inline-block
}

.c-config-btn {
    align-items: center;
    background: #f2f2f2;
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    padding: 15px;
    transition: all .3s ease
}

.c-config-btn:focus,.c-config-btn:hover {
    background: #000;
    cursor: pointer
}

.c-config-btn:focus .c-config-btn--info,.c-config-btn:focus .c-config-label,.c-config-btn:focus .c-config-label--info,.c-config-btn:hover .c-config-btn--info,.c-config-btn:hover .c-config-label,.c-config-btn:hover .c-config-label--info {
    color: #fff
}

.c-config-btn.active {
    background: #000
}

.c-config-btn.active .c-config-btn--info,.c-config-btn.active .c-config-label {
    color: #fff
}

.c-config-btn.active .c-config-checkbox {
    border-color: #fff
}

.c-config-btn.active .c-config-checkbox.is-checked:after {
    border-color: #000
}

.c-config-btn--filter {
    background: #fff;
    border: 2px solid #000
}

.c-config-btn--default {
    background: #fff
}

.c-config-btn--soldout,.disabled {
    background: #fafafa;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-config-btn--soldout .c-config-label,.disabled .c-config-label {
    color: #dcdcdc
}

.c-config-btn--soldout:focus,.c-config-btn--soldout:hover,.disabled:focus,.disabled:hover {
    background: #fafafa;
    cursor: auto
}

.c-config-btn--soldout:focus .c-config-label,.c-config-btn--soldout:hover .c-config-label,.disabled:focus .c-config-label,.disabled:hover .c-config-label {
    color: #dcdcdc
}

.c-config-btn--soldout-message {
    color: #000;
    font-size: 12px;
    font-weight: 400
}

.c-config-btn--soldout-message:focus,.c-config-btn--soldout-message:hover {
    color: #000;
    text-decoration: underline
}

.c-config-btn--soldout-message .b04-icon {
    height: 12px;
    margin-bottom: 2px;
    margin-left: 5px;
    width: 12px
}

.c-config-btn--info {
    color: #000;
    font-size: 12px;
    font-weight: 400
}

.c-config-btn--checkbox:focus,.c-config-btn--checkbox:hover {
    color: #fff
}

.c-config-btn--checkbox:focus .c-config-checkbox,.c-config-btn--checkbox:hover .c-config-checkbox {
    border-color: #fff
}

.c-config-btn--checkbox:focus .c-config-checkbox:after,.c-config-btn--checkbox:hover .c-config-checkbox:after {
    border-color: #000
}

.c-config-btn--checkbox.is-disabled {
    cursor: not-allowed;
    opacity: .3;
    pointer-events: none
}

.c-picker-preview,.c-player-picker {
    padding: 0
}

.c-config-label {
    font-weight: 400;
    text-transform: uppercase
}

.c-config-label--player,.c-config-label--preview {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 15px
}

.c-config-label--player {
    width: 100%
}

.c-config-label--info {
    display: block;
    font-family: Titling Gothic Narrow,Arial,sans-serif;
    font-size: 14px;
    text-transform: none
}

.c-config-tile__title {
    font-weight: 400;
    text-transform: uppercase
}

.c-config-tile__container {
    display: flex;
    flex-wrap: wrap;
    gap: 12px
}

.c-config-tile__tile {
    align-items: center;
    background-color: #fff;
    border: 1px solid #c7c7c7;
    color: #000;
    display: flex;
    flex-direction: column;
    font-family: Titling Gothic Narrow,Arial,sans-serif;
    gap: 16px;
    justify-content: center;
    min-height: 115px;
    padding: 15px;
    transition: all .3s ease;
    width: calc(50% - 6px)
}

.c-config-tile__tile:focus,.c-config-tile__tile:hover {
    cursor: pointer
}

.c-config-tile__tile.active {
    background: #000;
    border-color: #000;
    color: #fff
}

.c-config-tile__tile.active .c-config-tile__logo.b04-logo,.c-config-tile__tile.active .c-config-tile__logo.custom,.c-config-tile__tile.active .c-config-tile__logo.without-logo {
    background-color: #fff
}

.c-config-tile__tile:disabled {
    color: inherit;
    cursor: not-allowed;
    opacity: .3
}

.c-config-tile__tile:disabled:focus,.c-config-tile__tile:disabled:hover {
    background-color: #fff;
    border-color: #c7c7c7;
    color: inherit;
    cursor: not-allowed;
    opacity: .3
}

.c-config-tile__logo-set-container {
    display: flex;
    gap: 16px;
    justify-content: center
}

.c-config-tile__logo {
    background-color: #4a4a4a;
    height: 30px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -o-object-fit: contain;
    object-fit: contain;
    transition: all .3s ease;
    width: 30px
}

.c-config-tile__logo.without-logo {
    -webkit-mask-image: url(https://cdn.bayer04.de/shop-static/src/public/build/images/without-logo.5a536231.svg);
    mask-image: url(https://cdn.bayer04.de/shop-static/src/public/build/images/without-logo.5a536231.svg)
}

.c-config-tile__logo.custom {
    -webkit-mask-image: url(https://cdn.bayer04.de/shop-static/src/public/build/images/custom.f869e8f9.svg);
    mask-image: url(https://cdn.bayer04.de/shop-static/src/public/build/images/custom.f869e8f9.svg)
}

.c-config-tile__logo.b04-logo {
    -webkit-mask-image: url(https://cdn.bayer04.de/shop-static/src/public/build/images/b04-logo.29c3b97a.svg);
    mask-image: url(https://cdn.bayer04.de/shop-static/src/public/build/images/b04-logo.29c3b97a.svg);
    width: 36px
}

.c-config-tile__name {
    font-weight: 400;
    text-transform: uppercase
}

.c-config-tile__number {
    font-size: 24px;
    font-weight: 400
}

.c-product-description {
    margin: 25px 70px 25px 0
}

@media(max-width: 47.99em) {
    .c-product-description {
        margin-right:0
    }
}

.c-product-description--two-thirds {
    margin: 25px 70px 25px 0
}

@media(min-width: 62em) {
    .c-product-description--two-thirds {
        margin:50px 70px 50px 0
    }
}

@media(max-width: 61.99em) {
    .c-product-description--two-thirds {
        margin-right:30px
    }
}

@media(max-width: 47.99em) {
    .c-product-description--two-thirds {
        margin-right:0;
        padding-right: 15px
    }
}

.c-product-description__headline {
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase
}

.c-product-description__container * {
    color: #fff!important;
    font-family: Titling Gothic Narrow,Arial,sans-serif!important;
    font-size: 16px!important;
    line-height: 1.5
}

.c-product-quality-details {
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    margin: 25px 0;
    text-transform: uppercase
}

.c-product-quality-details--extra {
    padding-left: 15px;
    padding-top: 15px;
    position: relative
}

@media(max-width: 47.99em) {
    .c-product-quality-details--extra {
        padding-left:30px
    }
}

.c-product-quality-details--extra:before {
    color: red;
    content: "";
    font-family: B04 Icons;
    font-weight: 500;
    left: -20px;
    position: absolute;
    top: 0
}

@media(max-width: 47.99em) {
    .c-product-quality-details--extra:before {
        left:1px
    }
}

@media(max-width: 29.99em) {
    .c-product-quality-details--extra:before {
        font-size:20px
    }
}

.c-product-quality-details--extra--two-thirds {
    margin-top: 5px
}

@media(min-width: 48em) {
    .c-product-quality-details--extra--two-thirds {
        padding-left:30px
    }

    .c-product-quality-details--extra--two-thirds:before {
        left: 0
    }
}

.c-product-quality-details--alternating .c-product-quality-details__item {
    color: red
}

.c-product-quality-details--alternating .c-product-quality-details__item:nth-child(2n) {
    color: #000
}

.c-product-quality-details__item {
    font-weight: 500;
    line-height: 1
}

@media(max-width: 29.99em) {
    .c-product-quality-details__item {
        font-size:20px
    }
}

.c-config-checkbox {
    background: #fff;
    border: 1px solid #fff;
    display: inline-block;
    height: 20px;
    position: relative;
    transition: all .3s ease;
    width: 20px
}

.c-config-checkbox.is-checked:after {
    border: solid;
    border-color: #000;
    border-width: 0 2px 2px 0;
    content: "";
    display: block;
    height: 12px;
    left: 5px;
    position: absolute;
    top: 2px;
    transform: rotate(45deg);
    width: 7px
}

.c-config-checkbox__media {
    align-items: center;
    background: #fff;
    display: flex;
    height: 50px;
    width: 50px
}

.c-config-btn--availability-notice {
    pointer-events: all!important;
    -webkit-user-select: all!important;
    -moz-user-select: all!important;
    user-select: all!important
}

.c-progress-bar {
    margin-bottom: 50px;
    text-align: center
}

.c-progress-bar-item {
    color: #dcdcdc;
    display: inline-block;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 153px
}

@media(max-width: 47.99em) {
    .c-progress-bar-item {
        width:85px
    }
}

.c-progress-bar-item:before {
    display: none
}

.c-progress-bar-item:after {
    border-top: 4px dotted #dcdcdc;
    content: "";
    left: 120px;
    position: absolute;
    right: 0;
    top: 17px;
    width: 70px
}

@media(max-width: 47.99em) {
    .c-progress-bar-item:after {
        left:70px;
        width: 35px
    }
}

.c-progress-bar-item:last-child {
    padding-right: 0
}

.c-progress-bar-item:last-child:after {
    content: none
}

.c-progress-bar-item.complete .c-progress-step__number {
    background: #000;
    color: #000
}

.c-progress-bar-item.complete .c-progress-step__number:after {
    color: #fff;
    content: "";
    font-family: B04 Icons!important;
    left: 9px;
    position: absolute;
    top: 6px
}

.c-progress-bar-item.complete .c-progress-step__title {
    color: #000
}

.c-progress-bar-item.active {
    color: red
}

.c-progress-bar-item.active .c-progress-step__number {
    background: red
}

.c-progress-bar-item.inactive .c-progress-step__number {
    background: #dcdcdc;
    color: #dcdcdc
}

.c-progress-bar-item.inactive .c-progress-step__title {
    color: #dcdcdc
}

@media(max-width: 61.99em) {
    .c-progress-bar-item .c-progress-step__number:after {
        color:#fff;
        content: "";
        font-family: B04 Icons;
        left: 9px;
        position: absolute;
        top: 6px
    }

    .b04-icon-user .c-progress-step__number:after,.b04-icon-user.complete .c-progress-step__number:after {
        content: ""
    }

    .b04-icon-add-user .c-progress-step__number:after,.b04-icon-add-user.complete .c-progress-step__number:after {
        content: ""
    }

    .b04-icon-soccer-school .c-progress-step__number:after,.b04-icon-soccer-school.complete .c-progress-step__number:after {
        content: ""
    }

    .b04-icon-address .c-progress-step__number:after,.b04-icon-address.complete .c-progress-step__number:after {
        content: ""
    }

    .b04-icon-payment .c-progress-step__number:after,.b04-icon-payment.complete .c-progress-step__number:after {
        content: ""
    }

    .b04-icon-list .c-progress-step__number:after,.b04-icon-list.complete .c-progress-step__number:after {
        content: ""
    }
}

.c-progress-bar-item__step {
    align-items: center;
    display: flex;
    flex-direction: column
}

.c-progress-step__number {
    align-items: center;
    background: #dcdcdc;
    color: #fff;
    display: inline-flex;
    height: 36px;
    justify-content: center;
    margin-bottom: 10px;
    position: relative;
    width: 36px
}

.c-progress-step__number .o-icon-text__icon {
    margin-right: 0
}

.c-progress-step__title {
    font-size: 16px
}

@media(max-width: 61.99em) {
    .c-progress-step__title {
        display:none
    }
}

.c-progress-bar--small .c-progress-bar-item {
    text-transform: none;
    width: 120px
}

@media(max-width: 47.99em) {
    .c-progress-bar--small .c-progress-bar-item {
        width:80px
    }
}

@media(max-width: 29.99em) {
    .c-progress-bar--small .c-progress-bar-item {
        width:50px
    }

    .c-progress-bar--small .c-progress-bar-item .c-progress-step__number {
        height: 36px -6;
        width: 30px
    }

    .c-progress-bar--small .c-progress-bar-item .c-progress-step__number .b04-icon {
        height: 15px;
        width: 15px
    }
}

.c-progress-bar--small .c-progress-bar-item .c-progress-step__number .o-icon-text__icon {
    margin-right: 0
}

.c-progress-bar--small .c-progress-bar-item:after {
    left: 90px;
    right: 0;
    top: 17px;
    width: 60px
}

@media(max-width: 47.99em) {
    .c-progress-bar--small .c-progress-bar-item:after {
        left:65px;
        width: 35px
    }
}

@media(max-width: 29.99em) {
    .c-progress-bar--small .c-progress-bar-item:after {
        border-top:2px dotted #dcdcdc;
        left: 45px;
        top: 13px;
        width: 15px
    }
}

.c-progress-bar--small .c-progress-bar-item.complete .c-progress-step__number:after {
    content: none
}

.c-seat-selection h3 {
    margin: 40px 0 0
}

.c-seat-selection ul {
    list-style-type: none;
    padding: 0
}

.c-seat-selection li {
    display: inline-block;
    width: 100%
}

.c-seat-selection a {
    color: #42b983
}

.c-seat-selection .modal {
    background-color: #fff;
    box-shadow: 2px 2px 5px gray;
    display: none;
    height: 100vh;
    left: 0;
    opacity: 0;
    position: fixed;
    text-align: left;
    top: 0;
    width: 100vw;
    z-index: 1000
}

.c-seat-selection .modal .exit {
    color: #fff;
    cursor: pointer;
    font-size: 30px;
    font-weight: 700;
    margin: 5px;
    padding: 5px;
    position: absolute;
    right: 15px;
    text-shadow: #000 0 0 3px;
    top: 0
}

.c-seat-selection .modal .content {
    height: 100%;
    overflow: hidden;
    width: 100%
}

.c-seat-selection .modal .exit:hover {
    color: gray
}

.c-seat-selection .modal.visible {
    display: block;
    opacity: 1
}

@media(max-width: 1024px) {
    .c-seat-selection .modal {
        height:100%;
        left: 0;
        top: 0;
        width: 100%
    }
}

.c-section-menu {
    background: #000;
    position: sticky;
    position: -webkit-sticky;
    top: 99px;
    z-index: 11
}

@media(max-width: 74.99em) {
    .c-section-menu {
        top:75px
    }
}

.c-section-menu-main--sticky-btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden
}

.c-section-menu-main--sticky-btn .c-btn--section-menu {
    margin-left: 45px;
    transform: translateX(1000px);
    transition: transform .5s ease
}

.c-section-menu-main--sticky-btn .c-btn--section-menu.show {
    transform: translateX(0);
    width: auto
}

@media(max-width: 29.99em) {
    .c-section-menu-main--sticky-btn .c-btn--section-menu {
        margin-left:0
    }
}

.c-section-nav {
    text-align: center
}

@media(max-width: 61.99em) {
    .c-section-nav {
        display:none
    }
}

.c-section-nav.active {
    display: block
}

.c-section-nav__item {
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    margin-left: 45px;
    padding: 15px 0;
    text-transform: uppercase;
    transition: all .3s ease
}

.c-section-nav__item:first-child {
    margin-left: 0
}

.c-section-nav__item a {
    color: #fff
}

@media(hover: hover)and (pointer:fine) {
    .c-section-nav__item a:hover {
        color:red
    }
}

@media(max-width: 61.99em) {
    .c-section-nav__item a {
        display:block
    }
}

.c-section-nav__item a.active {
    color: red
}

@media(max-width: 29.99em) {
    .c-section-nav__item {
        padding:3px 0
    }
}

@media(max-width: 47.99em) {
    .c-section-nav__item {
        padding:10px 0
    }
}

@media(max-width: 61.99em) {
    .c-section-nav__item {
        display:block;
        font-size: 18px;
        margin-left: 0;
        padding-left: 90px;
        padding-right: 90px;
        text-align: left
    }
}

.c-section-menu__mobile {
    padding: 7px 0
}

.c-section-menu__mobile.up .c-mobile-selected-link:before {
    margin-top: 15px;
    transform: rotate(135deg)
}

.c-mobile-selected-link {
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: 400;
    padding: 15px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    width: 100%
}

.c-mobile-selected-link:hover {
    color: #fff
}

.c-mobile-selected-link:before {
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    bottom: 1.5em;
    content: "";
    display: inline-block;
    height: .7em;
    left: 1.5em;
    margin: 0 auto;
    position: absolute;
    top: 15px;
    transform: rotate(-45deg);
    width: .7em;
    z-index: 0
}

@media(max-width: 61.99em) {
    .c-mobile-selected-link {
        font-size:18px
    }
}

.c-mobile-selected-span {
    display: block;
    text-indent: 50px
}

.c-emotion-section,.c-hero-sbp,.c-hero-sbp__content-container {
    position: relative
}

.c-hero-sbp__image-container {
    min-height: calc(100vh - 99px);
    overflow: hidden;
    position: relative
}

@media(max-width: 47.99em) {
    .c-hero-sbp__image-container {
        min-height:400px
    }
}

@media(max-width: 29.99em) {
    .c-hero-sbp__image-container {
        min-height:275px
    }
}

.c-hero-sbp__picture-pos {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.c-hero-sbp__img-background {
    font-family: "object-fit: cover; object-position: center";
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.c-hero-sbp__content {
    bottom: 0;
    display: flex;
    justify-content: space-between;
    left: 0;
    margin: 0 24px;
    position: absolute;
    width: calc(100% - 75px)
}

@media(max-width: 47.99em) {
    .c-hero-sbp__content {
        bottom:0;
        margin: 0 12px
    }
}

.c-hero-sbp__headline .c-main-headline--red {
    font-size: 70px
}

@media(max-width: 47.99em) {
    .c-hero-sbp__headline .c-main-headline--red {
        font-size:30px
    }
}

.c-hero-sbp__headline .c-main-headline--black {
    font-size: 50px
}

@media(max-width: 47.99em) {
    .c-hero-sbp__headline .c-main-headline--black {
        font-size:24px
    }
}

.c-hero-sbp__autograph {
    align-self: center
}

@media(max-width: 29.99em) {
    .c-hero-sbp__autograph {
        display:none
    }
}

.c-player-cite-section {
    padding: 70px 0 100px;
    position: relative
}

@media(max-width: 29.99em) {
    .c-player-cite-section {
        padding:15px 0 50px
    }
}

.c-player-cite-section__content {
    min-height: 600px;
    position: relative;
    z-index: 10
}

.c-emotion-hotspot,.c-player-cite-background--left,.c-player-cite-background--right,.c-player-cite-background--typo {
    position: absolute
}

.c-player-cite-background--left {
    bottom: 0;
    height: 550px;
    left: 0;
    width: 550px
}

@media(max-width: 47.99em) {
    .c-player-cite-background--left {
        height:400px;
        opacity: .5;
        width: 400px
    }
}

.c-player-cite-background--right,.c-player-cite-background--typo {
    pointer-events: none;
    right: 0
}

.c-player-cite-background--right {
    bottom: 0
}

@media(max-width: 47.99em) {
    .c-player-cite-background--right {
        display:none
    }
}

.c-player-cite-background--typo {
    bottom: 50px
}

.c-player-cite-background--typo img {
    font-family: "object-fit: none; object-position: 0 100%";
    height: 1024px;
    -o-object-fit: none;
    object-fit: none;
    -o-object-position: 0 100%;
    object-position: 0 100%;
    width: 467px
}

@media(max-width: 61.99em) {
    .c-player-cite-background--typo img {
        height:799px;
        width: 365px
    }
}

@media(max-width: 47.99em) {
    .c-player-cite-background--typo img {
        height:313px;
        width: 144px
    }
}

.c-emotion-section__bg-image {
    font-family: "object-fit: cover; object-position: center";
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.c-skeleton {
    background-color: #dcdcdc;
    overflow: hidden;
    position: relative
}

.c-skeleton:after {
    animation: shimmer 5s infinite;
    background-image: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(-100%)
}

@keyframes shimmer {
    to {
        transform: translateX(100%)
    }
}

.c-skeleton__badge {
    height: 21px
}

@media(min-width: 30em) {
    .c-skeleton__badge {
        height:23px
    }
}

.c-skeleton__buybox {
    font-size: 0
}

.c-skeleton__price {
    display: inline-block;
    height: 31.98px;
    width: 4em
}

@media(min-width: 30em) {
    .c-skeleton__price {
        height:36.98px
    }
}

.c-skeleton__price-info {
    display: inline-block;
    height: 12px;
    margin-bottom: 1px;
    margin-top: 3px;
    width: 18em
}

.c-player-slider .slick-next,.c-player-slider .slick-prev,.product-slider .slick-next,.product-slider .slick-prev,.product-slider-grid .slick-next,.product-slider-grid .slick-prev,.product-slider-two-thirds .slick-next,.product-slider-two-thirds .slick-prev {
    filter: drop-shadow(0 0 4px rgba(0,0,0,.4));
    transition: all .3s ease
}

.c-player-slider .slick-next:after,.c-player-slider .slick-next:before,.c-player-slider .slick-prev:after,.c-player-slider .slick-prev:before,.product-slider .slick-next:after,.product-slider .slick-next:before,.product-slider .slick-prev:after,.product-slider .slick-prev:before,.product-slider-grid .slick-next:after,.product-slider-grid .slick-next:before,.product-slider-grid .slick-prev:after,.product-slider-grid .slick-prev:before,.product-slider-two-thirds .slick-next:after,.product-slider-two-thirds .slick-next:before,.product-slider-two-thirds .slick-prev:after,.product-slider-two-thirds .slick-prev:before {
    border: solid red;
    border-width: 0 10px 10px 0;
    content: "";
    display: inline-block;
    opacity: 1;
    padding: 15px;
    position: absolute;
    right: 10px;
    top: calc(50% - 20px);
    transform: rotate(-45deg)
}

.c-player-slider .slick-next:after,.c-player-slider .slick-prev:after,.product-slider .slick-next:after,.product-slider .slick-prev:after,.product-slider-grid .slick-next:after,.product-slider-grid .slick-prev:after,.product-slider-two-thirds .slick-next:after,.product-slider-two-thirds .slick-prev:after {
    border-color: #000;
    right: 20px
}

.c-player-slider .slick-next:hover,.c-player-slider .slick-prev:hover,.product-slider .slick-next:hover,.product-slider .slick-prev:hover,.product-slider-grid .slick-next:hover,.product-slider-grid .slick-prev:hover,.product-slider-two-thirds .slick-next:hover,.product-slider-two-thirds .slick-prev:hover {
    transform: scale(1.1) translateY(-50%)
}

.c-player-slider .slick-next,.product-slider .slick-next,.product-slider-grid .slick-next,.product-slider-two-thirds .slick-next {
    right: 0
}

.c-player-slider .slick-prev,.product-slider .slick-prev,.product-slider-grid .slick-prev,.product-slider-two-thirds .slick-prev {
    left: 0;
    z-index: 10
}

.c-player-slider .slick-prev:after,.c-player-slider .slick-prev:before,.product-slider .slick-prev:after,.product-slider .slick-prev:before,.product-slider-grid .slick-prev:after,.product-slider-grid .slick-prev:before,.product-slider-two-thirds .slick-prev:after,.product-slider-two-thirds .slick-prev:before {
    transform: rotate(135deg)
}

.c-player-slider .slick-prev:before,.product-slider .slick-prev:before,.product-slider-grid .slick-prev:before,.product-slider-two-thirds .slick-prev:before {
    right: -28px
}

.c-player-slider .slick-prev:after,.product-slider .slick-prev:after,.product-slider-grid .slick-prev:after,.product-slider-two-thirds .slick-prev:after {
    right: -40px
}

.product-slider,.product-slider-grid,.product-slider-two-thirds {
    overflow: hidden;
    padding-left: 40px;
    padding-right: 40px;
    z-index: 1
}

.product-slider .slick-slide,.product-slider-grid .slick-slide,.product-slider-two-thirds .slick-slide {
    margin: 24px 10px
}

.c-product-slider-left .slick-track {
    margin-left: 0;
    margin-right: 0
}

.product-slider .slick-track,.product-slider-grid .slick-track {
    display: flex
}

.product-slider .slick-slide,.product-slider-grid .slick-slide {
    height: auto
}

.product-slider .c-product-slider-item,.product-slider .slick-slide>div,.product-slider-grid .c-product-slider-item,.product-slider-grid .slick-slide>div {
    height: 100%
}

.c-hero-slider-section {
    overflow: hidden;
    visibility: visible
}

.c-hero-slider__sticker {
    left: 0;
    opacity: .25;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 25%;
    z-index: 10
}

.c-hero-slider__sticker svg {
    vertical-align: middle;
    width: 75%
}

.c-hero-slider {
    height: calc(100vh - 99px);
    overflow: hidden
}

@media(max-width: 29.99em) {
    .c-hero-slider {
        height:calc(75vh - 75px)
    }
}

.c-hero-slider.slick-dotted.slick-slider {
    margin-bottom: 0
}

.c-hero-slider .slick-dots {
    bottom: 15px
}

.c-hero-slider .slick-dots li {
    margin: 0 7px
}

.c-hero-slider .slick-dots li a {
    background: #000;
    height: 10px;
    position: absolute;
    transition: all .3s ease;
    width: 25px
}

.c-hero-slider .slick-dots li.slick-active a {
    background: red
}

.c-hero-slider .slick-dots li:focus a,.c-hero-slider .slick-dots li:hover a {
    background: red;
    height: 15px
}

.c-hero-slider .slick-next,.c-hero-slider .slick-prev {
    background: transparent;
    height: 70px;
    width: 70px
}

.c-hero-slider .slick-next:before,.c-hero-slider .slick-prev:before {
    content: "";
    font-family: B04 Icons;
    font-size: 50px;
    opacity: .5;
    position: absolute;
    right: 10px;
    top: calc(50% - 50px);
    transition: all .3s ease
}

.c-hero-slider .slick-next:focus:before,.c-hero-slider .slick-next:hover:before,.c-hero-slider .slick-prev:focus:before,.c-hero-slider .slick-prev:hover:before {
    opacity: 1
}

.c-hero-slider .slick-next {
    right: 0
}

.c-hero-slider .slick-prev {
    left: 0;
    z-index: 10
}

.c-hero-slider .slick-prev:before {
    transform: rotate(180deg)
}

.c-hero-slide {
    overflow: hidden
}

.c-hero-slide__image-container {
    height: calc(100vh - 99px);
    position: relative
}

@media(max-width: 29.99em) {
    .c-hero-slide__image-container {
        height:calc(75vh - 75px)
    }
}

.c-hero-slide__image-container .hs-image__img {
    font-family: "object-fit: cover; object-position: center";
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: relative;
    width: 100%
}

.c-hero-slide__image-container.c-hero-slide__image-container--fog:after {
    background-image: linear-gradient(90deg,rgba(0,0,0,.6) 10%,transparent);
    background-repeat: repeat-x;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%
}

.c-hero-slide__content-container {
    position: relative
}

@media(max-width: 47.99em) {
    .c-hero-slide__image-container--player-focus {
        height:calc(75vh - 75px)
    }
}

.c-hero-slide__image-container--player-focus .hs-image__img {
    font-family: "object-fit: cover; object-position: 80%";
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 80%;
    object-position: 80%
}

.c-hero-slide-content {
    bottom: 100px;
    left: 0;
    margin: 0 24px;
    position: absolute
}

@media(max-width: 47.99em) {
    .c-hero-slide-content {
        bottom:70px;
        margin: 0 12px
    }
}

.c-hero-slide-content .c-btn {
    font-size: 18px;
    padding: 20px 30px;
    position: relative;
    z-index: 10
}

@media(max-width: 47.99em) {
    .c-hero-slide-content .c-btn {
        font-size:16px;
        padding: 10px 25px
    }
}

@media(max-width: 29.99em) {
    .c-hero-slide-content .c-btn {
        font-size:12px;
        padding: 10px 25px
    }
}

.c-hero-slide-content__tag {
    color: #fff;
    display: inline-block;
    font-family: Titling Gothic Condensed,Arial,sans-serif;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 10px;
    text-shadow: 0 4px 4px rgba(0,0,0,.25);
    text-transform: uppercase
}

@media(max-width: 47.99em) {
    .c-hero-slide-content__tag {
        font-size:18px
    }
}

@media(max-width: 29.99em) {
    .c-hero-slide-content__tag {
        font-size:14px
    }
}

.c-hero-slide-content__headline {
    line-height: 1.5
}

.c-hero-slide-content__headline .c-main-headline--red {
    font-size: 70px
}

@media(max-width: 47.99em) {
    .c-hero-slide-content__headline .c-main-headline--red {
        font-size:36px
    }
}

.c-hero-slide-content__headline .c-main-headline--black {
    font-size: 50px
}

@media(max-width: 47.99em) {
    .c-hero-slide-content__headline .c-main-headline--black {
        font-size:36px
    }
}

.c-hero-slide-content__info {
    color: #fff;
    font-size: 36px;
    font-weight: 500;
    text-shadow: 0 4px 4px rgba(0,0,0,.25)
}

@media(max-width: 47.99em) {
    .c-hero-slide-content__info {
        font-size:18px
    }
}

@media(max-width: 29.99em) {
    .c-hero-slide-content__info {
        font-size:14px
    }
}

.c-player-slider {
    overflow: hidden
}

.c-player-slider .slick-current .c-player-slider-button {
    opacity: 1
}

.c-player-slider .slick-current .c-player-slider-images__standing {
    transform: scale(1.2)
}

.c-player-slider__slide {
    position: relative
}

.c-player-slider__slide:focus,.c-player-slider__slide:hover {
    cursor: pointer
}

.c-player-slider__slide:focus .c-player-slider-button,.c-player-slider__slide:hover .c-player-slider-button {
    opacity: 1
}

.c-player-slider-images {
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
    text-align: center
}

@media(max-width: 29.99em) {
    .c-player-slider-images {
        height:500px
    }
}

.c-player-slider-images img {
    height: 100%
}

.c-player-slider-images:after {
    background-image: linear-gradient(180deg,transparent 30%,rgba(0,0,0,.9));
    background-repeat: repeat-x;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    width: 100%
}

.c-player-slider-images__bg {
    font-family: "object-fit: cover; object-position: center";
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.c-player-slider-images__standing {
    background-position: 0 0;
    background-size: 100%;
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: top;
    transition: all .3s ease;
    width: 100%;
    z-index: 10
}

.c-player-slider-button {
    bottom: 30px;
    font-size: 18px;
    left: 15px;
    opacity: 0;
    position: absolute;
    text-align: center;
    width: calc(100% - 30px);
    z-index: 200
}

.c-player-slider-button .b04-icon {
    margin-left: 5px
}

.c-player-slider-number {
    color: #fff;
    font-size: 70px;
    font-weight: 500;
    left: 20px;
    position: absolute;
    top: 0
}

@media(max-width: 61.99em) {
    .c-player-slider-number {
        font-size:50px
    }
}

@media(max-width: 47.99em) {
    .c-player-slider-number {
        font-size:36px
    }
}

@media(max-width: 29.99em) {
    .c-player-slider-number {
        font-size:50px
    }
}

@media(min-width: 48em) {
    .c-footer-slider .slick-track {
        display:flex;
        flex-wrap: wrap;
        padding: 24px 12px;
        width: auto!important
    }
}

.c-footer-slider.slick-dotted.slick-slider {
    margin-bottom: 0
}

.c-footer-slider .c-footer-slide {
    display: block!important;
    margin: 16px;
    transition: opacity .3s ease-in-out;
    width: auto!important
}

@media(min-width: 30em) {
    .c-footer-slider .c-footer-slide {
        margin:10px
    }

    .c-footer-slider .c-footer-slide img {
        height: 150px;
        max-height: 150px
    }
}

@media(min-width: 48em) {
    .c-footer-slider .slick-slide {
        width:calc(33.33333vw - 24px)!important
    }
}

@media(min-width: 48em)and (min-width:62em) {
    .c-footer-slider .slick-slide {
        width:calc(25vw - 18px)!important
    }
}

@media(min-width: 48em)and (min-width:80em) {
    .c-footer-slider .slick-slide {
        width:302px!important
    }
}

@media(min-width: 48em) {
    .c-footer-slider .slick-slide img {
        height:auto;
        max-height: none
    }

    .c-footer-slider .slick-slide:hover {
        opacity: .5
    }
}

.c-footer-slider .slick-dots {
    bottom: 15px
}

.c-footer-slider .slick-dots li {
    height: auto;
    margin: 0 10px;
    width: auto
}

.c-footer-slider .slick-dots li a {
    background: #dcdcdc;
    border-radius: 50%;
    height: 10px;
    position: absolute;
    transition: all .3s ease;
    width: 10px
}

.c-footer-slider .slick-dots li.slick-active a,.c-footer-slider .slick-dots li:focus a,.c-footer-slider .slick-dots li:hover a {
    background: #979797
}

.c-list-social {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center
}

.c-list-social--footer {
    text-align: center
}

.c-list-social--footer .c-list-social__item {
    color: #fff
}

.c-list-social--footer .c-list-social__item:focus,.c-list-social--footer .c-list-social__item:hover {
    color: red
}

.c-list-social--footer .c-list-social__item .b04-icon {
    font-size: 24px
}

.c-stripe-wrapper {
    margin-bottom: 50px
}

.c-stripe-heading {
    font-family: Titling Gothic Condensed,Arial,sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase
}

.c-stripe {
    background: #fff;
    border: 1px solid #000;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px
}

@media(max-width: 47.99em) {
    .c-stripe {
        flex-direction:column;
        margin-bottom: 15px
    }
}

.c-stripe .c-product-price {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    font-weight: 400;
    gap: 10px
}

@media(max-width: 47.99em) {
    .c-stripe .c-product-price {
        font-size:18px;
        justify-content: center
    }
}

.c-stripe .c-product-price__info {
    color: #979797
}

.c-stripe .c-product-badge-info__text {
    font-size: 14px;
    margin-bottom: 10px;
    margin-left: 15px;
    margin-right: 15px
}

@media(max-width: 47.99em) {
    .c-stripe .c-product-badge-info__text {
        text-align:center
    }
}

.c-stripe .c-product-badge-info {
    display: block!important;
    font-weight: 400;
    line-height: 1;
    padding: 6px 15px 5px;
    text-align: center
}

@media(max-width: 47.99em) {
    .c-stripe .c-product-badge-info {
        font-size:12px
    }
}

.c-stripe .c-product-badge-info--has-stock {
    background: #279f4c
}

.c-stripe .c-product-badge-info--low-stock {
    background: #fff;
    border: 2px solid red;
    color: red
}

.c-stripe .c-panel-dates__media img {
    max-width: 120px
}

.c-stripe--no-border {
    border: none
}

@media(max-width: 47.99em) {
    .c-stripe--single {
        margin:0 auto;
        width: 60%
    }
}

.c-stripe__title {
    color: #000;
    font-weight: 500;
    margin-bottom: 0
}

@media(max-width: 47.99em) {
    .c-stripe__title {
        font-size:18px
    }
}

.c-stripe__subtitle {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
    text-transform: uppercase
}

@media(max-width: 47.99em) {
    .c-stripe__subtitle {
        font-size:14px
    }
}

.c-stripe__right {
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: flex-end;
    padding: 15px
}

@media(min-width: 48em) {
    .c-stripe__right {
        gap:15px;
        width: 25%
    }

    .c-stripe__left {
        width: 25%
    }
}

.c-stripe__left--inner {
    display: flex;
    flex-direction: column;
    padding: 15px
}

@media(max-width: 47.99em) {
    .c-stripe__left--inner {
        align-items:center
    }
}

.c-stripe__center {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 15px;
    justify-content: center;
    padding: 15px
}

@media(max-width: 47.99em) {
    .c-stripe__center {
        align-items:center;
        padding: 0 15px;
        text-align: center
    }
}

.c-stripe__center--two-columns {
    align-items: center;
    flex-direction: row
}

@media(max-width: 47.99em) {
    .c-stripe__center--two-columns {
        flex-direction:column
    }
}

.c-stripe__center--two-columns .c-stripe__title {
    flex-grow: 1
}

.c-stripe__location {
    align-items: flex-start;
    display: flex;
    margin-bottom: 5px
}

.c-stripe__location .b04-icon {
    margin-right: 10px
}

@media(max-width: 47.99em) {
    .c-stripe__location {
        font-size:14px
    }
}

.c-stripe__media img {
    max-width: 120px
}

.c-subscription-item {
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative
}

.c-subscription-item__content {
    align-items: center;
    display: flex;
    flex-grow: 1
}

@media(max-width: 29.99em) {
    .c-subscription-item__content {
        flex-direction:column
    }
}

.c-subscription-item__column {
    width: 33.33333%
}

@media(max-width: 29.99em) {
    .c-subscription-item__column {
        width:100%
    }
}

.c-table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.c-table .c-table__head {
    border-bottom: 1px solid #4a4a4a
}

.c-table .c-table__head th {
    font-size: 14px;
    font-weight: 400;
    padding: 15px 0;
    text-align: left
}

.c-table .c-table__row {
    border-bottom: 1px solid #4a4a4a
}

.c-table .c-table__row td {
    padding: 15px 0
}

.c-table--bg-silver {
    border-collapse: separate;
    border-spacing: 0 5px
}

.c-table--bg-silver .c-table__head {
    border-bottom: none
}

.c-table--bg-silver .c-table__row {
    background: #f2f2f2;
    border-bottom: none
}

.c-table--bg-silver .c-table__row td {
    padding: 15px 0
}

.c-table--bg-silver .c-table__row td:first-child {
    padding: 0 15px 0 0
}

.c-tabbox-body__content {
    display: none
}

.c-tabbox-body__content.active,.tab-content.active {
    display: inherit
}

.c-tabbox-header {
    margin-bottom: 40px;
    text-align: center
}

.c-tabbox-header.c-tabbox-header--dark .c-tabbox-header__link {
    color: #fff
}

.c-tabbox-header .c-tabbox-header__link {
    border-bottom: 2px solid transparent;
    color: #000;
    display: inline;
    font-size: 20px;
    font-weight: 500;
    margin-right: 15px;
    text-transform: uppercase;
    transition: all .3s ease
}

@media(max-width: 47.99em) {
    .c-tabbox-header .c-tabbox-header__link {
        font-size:18px!important
    }
}

.c-tabbox-header .c-tabbox-header__link:focus,.c-tabbox-header .c-tabbox-header__link:hover {
    color: red;
    cursor: pointer
}

.c-tabbox-header .c-tabbox-header__link.active {
    border-color: red;
    color: red
}

.c-teaser {
    margin-bottom: 15px;
    overflow: hidden;
    position: relative
}

.c-teaser:focus,.c-teaser:hover {
    cursor: pointer
}

.c-teaser:focus .c-teaser__image-container img,.c-teaser:hover .c-teaser__image-container img {
    transform: scale(1.05)
}

.c-teaser__image-container {
    position: relative
}

.c-teaser__image-container img {
    font-family: "object-fit: cover; object-position: center";
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transition: all .3s ease;
    width: 100%
}

.c-teaser__content-container {
    bottom: 0;
    left: 0;
    padding: 15px;
    position: absolute;
    right: 0;
    z-index: 1
}

.c-teaser--generic .c-teaser__wrapper {
    position: relative
}

.c-teaser--generic .c-teaser__image-container {
    overflow: hidden;
    position: relative
}

.c-teaser--generic .c-teaser__image-container .c-teaser__image-container__blend {
    background: red;
    height: 100%;
    mix-blend-mode: darken;
    position: absolute;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 1
}

.c-teaser--generic .c-teaser__image-container:after {
    background-image: linear-gradient(180deg,transparent 40%,#000);
    background-repeat: repeat-x;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: all .3s ease;
    width: 100%
}

.c-teaser--generic .c-teaser__content-container .c-teaser-content__tag {
    color: #fff;
    font-weight: 500;
    text-shadow: 0 4px 6px rgba(0,0,0,.5);
    text-transform: uppercase
}

@media(max-width: 29.99em) {
    .c-teaser--generic .c-teaser__content-container .c-teaser-content__tag {
        font-size:16px
    }
}

.c-teaser--generic .c-teaser__content-container .c-teaser-content__headline {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.12;
    margin-bottom: 15px;
    text-shadow: 0 4px 6px rgba(0,0,0,.5)
}

@media(max-width: 29.99em) {
    .c-teaser--generic .c-teaser__content-container .c-teaser-content__headline {
        font-size:24px
    }
}

.c-teaser--generic .c-teaser__content-container .c-teaser-content__text {
    color: #fff;
    text-transform: uppercase
}

@media(max-width: 29.99em) {
    .c-teaser--generic .c-teaser__content-container .c-btn-link {
        font-size:16px
    }
}

.c-teaser--generic:focus .c-teaser__image-container .c-teaser__image-container__blend,.c-teaser--generic:hover .c-teaser__image-container .c-teaser__image-container__blend {
    opacity: 0
}

.c-teaser--generic:focus .c-teaser__image-container:after,.c-teaser--generic:hover .c-teaser__image-container:after {
    opacity: 1
}

.c-teaser--generic:focus .c-teaser__content-container,.c-teaser--generic:hover .c-teaser__content-container {
    transform: translateY(0)
}

.c-teaser--generic:focus .c-teaser__content-container .c-btn-link,.c-teaser--generic:hover .c-teaser__content-container .c-btn-link {
    color: #fff
}

.c-teaser--generic:focus .c-teaser__link-container,.c-teaser--generic:hover .c-teaser__link-container {
    border-bottom: 2px solid red
}

.c-teaser--generic:focus .c-teaser__link-container.c-teaser__link-container--white,.c-teaser--generic:hover .c-teaser__link-container.c-teaser__link-container--white {
    color: red
}

.c-teaser--highlight .c-teaser__content-container {
    text-align: right
}

.c-teaser--highlight .c-teaser__image-container {
    overflow: hidden;
    position: relative
}

.c-teaser--generic .c-teaser__link-container,.c-teaser--highlight .c-teaser__link-container {
    align-items: center;
    border-bottom: 2px solid #979797;
    display: flex;
    font-family: Titling Gothic Condensed,Arial,sans-serif;
    font-size: 14px;
    font-weight: 700;
    gap: 15px;
    justify-content: space-between;
    padding: 10px 15px;
    text-transform: uppercase
}

@media(max-width: 61.99em) {
    .c-teaser--generic .c-teaser__link-container,.c-teaser--highlight .c-teaser__link-container {
        font-size:16px
    }
}

.c-teaser--generic .c-teaser__link-container .c-teaser__link-container__text,.c-teaser--highlight .c-teaser__link-container .c-teaser__link-container__text {
    font-size: 22px
}

@media(max-width: 61.99em) {
    .c-teaser--generic .c-teaser__link-container .c-teaser__link-container__text,.c-teaser--highlight .c-teaser__link-container .c-teaser__link-container__text {
        font-size:18px
    }
}

@media(max-width: 47.99em) {
    .c-teaser--generic .c-teaser__link-container .c-teaser__link-container__text,.c-teaser--highlight .c-teaser__link-container .c-teaser__link-container__text {
        font-size:16px
    }
}

.c-teaser--generic .c-teaser__link-container.c-teaser__link-container--white,.c-teaser--highlight .c-teaser__link-container.c-teaser__link-container--white {
    color: #fff
}

.c-teaser--generic:focus .c-teaser__link-container,.c-teaser--generic:hover .c-teaser__link-container,.c-teaser--highlight:focus .c-teaser__link-container,.c-teaser--highlight:hover .c-teaser__link-container {
    border-bottom: 2px solid red
}

.c-teaser--generic:focus .c-teaser__link-container.c-teaser__link-container--white,.c-teaser--generic:hover .c-teaser__link-container.c-teaser__link-container--white,.c-teaser--highlight:focus .c-teaser__link-container.c-teaser__link-container--white,.c-teaser--highlight:hover .c-teaser__link-container.c-teaser__link-container--white {
    color: red
}

.c-teaser-advantage {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    z-index: 8
}

@media(max-width: 47.99em) {
    .c-teaser-advantage {
        flex-direction:column
    }

    .c-teaser-advantage .c-teaser-advantage__item+.c-teaser-advantage__item {
        margin-top: 10px
    }
}

.c-teaser-advantage--center-last-line {
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between
}

@media(min-width: 48em) {
    .c-teaser-advantage--center-last-line {
        flex-direction:row!important
    }
}

@media(min-width: 62em) {
    .c-teaser-advantage--center-last-line {
        justify-content:center
    }
}

.c-teaser-advantage--center-last-line .c-teaser-advantage__item {
    width: calc(50% - 1rem)
}

@media(min-width: 62em) {
    .c-teaser-advantage--center-last-line .c-teaser-advantage__item {
        width:calc(25% - 1rem)
    }
}

.c-teaser-advantage__item {
    align-items: center;
    display: flex
}

.c-teaser-advantage__title {
    display: block;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 5px
}

@media(max-width: 29.99em) {
    .c-teaser-advantage__title {
        font-size:16px
    }
}

@media(max-width: 61.99em) {
    .c-teaser-advantage--large {
        flex-direction:column
    }
}

.c-teaser-advantage--large .c-teaser-advantage__icon {
    font-size: 30px
}

.c-teaser-advantage--large .c-teaser-advantage__title {
    line-height: 2;
    margin: 0 1rem
}

.c-teaser-advantage--large .c-teaser-advantage__title span {
    background: #000;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    box-shadow: 5px 0 0 #000,-5px 0 0 #000;
    color: #fff;
    display: inline;
    padding: 5px 0
}

.c-teaser-advantage--brick .c-teaser-advantage__title {
    color: #fff;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 10px;
    padding: 0;
    text-transform: uppercase
}

.c-teaser-advantage--brick .c-teaser-advantage__icon {
    margin-top: -3px
}

.c-teaser-advantage__title {
    align-items: flex-start;
    display: flex;
    margin: 0;
    padding: 5px
}

.c-teaser-advantage__title .b04-icon {
    flex-shrink: 0;
    font-weight: 500;
    margin-right: 10px
}

@media(max-width: 61.99em) {
    .c-teaser-advantage--bg {
        flex-direction:column
    }
}

.c-teaser-advantage--bg .c-teaser-advantage__item {
    margin-bottom: 5px
}

.c-teaser-advantage--bg .c-teaser-advantage__title {
    color: #fff
}

.c-teaser-advantage--bg .c-teaser-advantage__title .b04-icon {
    margin-right: 10px
}

.c-teaser-advantage--default {
    flex-direction: column;
    margin-bottom: 10px
}

.c-teaser-advantage--default .c-teaser-advantage__title {
    align-items: flex-start;
    color: #fff;
    display: flex
}

.c-teaser-advantage--default .c-teaser-advantage__title .b04-icon {
    margin-right: 10px
}

.c-teaser-advantage__container {
    padding-bottom: 7px;
    padding-top: 10px
}

@media(min-width: 48em) {
    .c-teaser-advantage__container {
        padding-bottom:20px;
        padding-top: 15px
    }
}

@media(min-width: 75em) {
    .c-teaser-advantage__container {
        padding-bottom:25px;
        padding-top: 25px
    }
}

.c-teaser-advantage--newsletter-form {
    margin-bottom: 10px
}

@media(min-width: 75em) {
    .c-teaser-advantage--newsletter-form {
        margin-bottom:15px
    }
}

.c-teaser-advantage--newsletter-form .c-teaser-advantage__title {
    align-items: flex-start;
    color: #fff;
    display: flex;
    font-family: Titling Gothic Condensed,Arial,sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    padding: 0
}

@media(min-width: 62em) {
    .c-teaser-advantage--newsletter-form .c-teaser-advantage__title {
        font-size:14px;
        line-height: 17px
    }
}

@media(min-width: 75em) {
    .c-teaser-advantage--newsletter-form .c-teaser-advantage__title {
        font-size:16px;
        line-height: 20px
    }
}

.c-teaser-advantage--newsletter-form .c-teaser-advantage__title .b04-icon {
    color: red;
    font-size: 10px;
    font-weight: 700;
    height: 12px;
    line-height: 13px;
    margin-right: 0;
    width: 14px
}

@media(min-width: 62em) {
    .c-teaser-advantage--newsletter-form .c-teaser-advantage__title .b04-icon {
        line-height:15px;
        width: 16px
    }
}

@media(min-width: 75em) {
    .c-teaser-advantage--newsletter-form .c-teaser-advantage__title .b04-icon {
        line-height:18px
    }
}

.c-event-teaser {
    border: 1px solid #dcdcdc;
    margin-bottom: 30px
}

.c-event-teaser .c-event-action-info {
    background: red;
    color: #fff;
    padding: 2px 5px;
    text-align: center
}

.c-event-teaser__header {
    padding: 30px 30px 15px;
    text-align: center
}

.c-event-teaser__body {
    padding: 15px;
    text-align: center
}

.c-event-teaser__title {
    color: red;
    font-size: 20px;
    line-height: 1.3
}

.c-event-teaser__seats {
    display: flex;
    justify-content: space-between
}

.c-event-teaser__footer {
    padding: 30px 15px 15px;
    text-align: center
}

.c-event-teaser--special {
    background-image: url(https://cdn.bayer04.de/shop-static/src/public/build/images/stadium-red.4c487857.png);
    background-position: 50%;
    color: #fff
}

.c-event-teaser--special .c-btn-link,.c-event-teaser--special .c-event-teaser__title {
    color: #fff
}

.c-event-teaser--action {
    border-color: red
}

.text-link {
    color: #979797
}

.text-link:hover {
    color: red
}

.text-link:focus-visible {
    color: red;
    outline: 1px solid red
}

.text-link--base {
    color: #000
}

.text-link--base :hover {
    color: #979797
}

.text-link--base :focus-visible {
    color: #979797;
    outline: 1px solid #979797
}

.text-highlight {
    color: red
}

.e-hashtag {
    color: #fff;
    display: inline-block;
    margin-bottom: 10px;
    text-transform: uppercase
}

[data-area-brick=WYSIWYG] table {
    overflow-x: auto;
    width: 100%!important
}

.c-ticketbox {
    background: url(https://cdn.bayer04.de/shop-static/src/public/build/images/background-home-ticket.a45fa7bc.jpg);
    background-position: 60% top;
    background-size: cover;
    margin-bottom: 15px;
    padding: 15px
}

@media(min-width: 48em) {
    .c-ticketbox {
        margin-bottom:30px;
        padding: 30px
    }
}

.c-ticketbox__inner {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.c-ticketbox__details {
    color: #fff;
    flex: 1;
    margin-right: 15px
}

.c-ticketbox__title {
    font-weight: 500;
    text-transform: uppercase
}

@media(min-width: 48em) {
    .c-ticketbox__title {
        font-size:24px
    }
}

.c-ticketbox__info {
    font-size: 12px
}

@media(min-width: 48em) {
    .c-ticketbox__info {
        font-size:18px
    }
}

.c-ticketbox__seats {
    display: flex;
    font-size: 18px;
    justify-content: space-between
}

@media(min-width: 48em) {
    .c-ticketbox__seats {
        font-size:20px
    }
}

.c-ticketbox-badge {
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    margin-top: 5px;
    text-transform: uppercase
}

@media(min-width: 48em) {
    .c-ticketbox-badge {
        font-size:18px
    }
}

.c-ticketbox-button {
    margin-left: 15px
}

@media(max-width: 47.99em) {
    .c-ticketbox-button {
        margin-left:5px
    }
}

.c-ticketbox-team-logos__image {
    margin-right: 3px;
    max-width: 120px
}

@media(min-width: 48em) {
    .c-ticketbox-team-logos__image {
        max-width:150px
    }
}

.c-ticketbox-button-icon {
    display: block;
    margin: 0 -3px -5px
}

.c-ticketbox--match-overview {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 180px
}

.c-ticketbox--match-overview .c-product-badge--right {
    align-items: flex-end;
    display: flex;
    flex-direction: column
}

.c-ticketbox--match-overview .c-product-badge__item,.c-ticketbox--match-overview .c-ticketbox__info {
    font-size: 14px
}

@media(min-width: 48em) {
    .c-ticketbox--match-overview .c-ticketbox__info {
        font-size:18px
    }
}

.c-ticketbox--match-overview .c-ticketbox__title {
    font-size: 20px
}

@media(min-width: 48em) {
    .c-ticketbox--match-overview .c-ticketbox__title {
        font-size:24px
    }
}

.c-ticket-accordion {
    position: relative
}

.c-ticket-accordion .c-ticketbox {
    transition: all .3s ease
}

.c-ticket-accordion .c-ticketbox .c-ticketbox-button-icon {
    margin: 0 3px 0 -3px;
    transform: rotate(90deg)
}

@media(max-width: 47.99em) {
    .c-ticket-accordion .c-ticketbox .c-ticketbox-button {
        font-size:14px;
        padding: 10px
    }
}

.c-ticket-accordion .c-ticketbox .c-ticketbox__actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

@media(max-width: 47.99em) {
    .c-ticket-accordion .c-ticketbox .c-ticketbox__actions {
        align-items:flex-end;
        flex-direction: column;
        margin-left: 30px
    }

    .c-ticket-accordion .c-ticketbox .c-ticketbox__actions .c-ticketbox-team-logos {
        margin-bottom: 10px
    }
}

.c-ticket-accordion.blurred .c-ticketbox {
    opacity: .5;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-ticket-accordion .close-icon {
    position: relative;
    right: 0;
    top: 0;
    width: 20px
}

.c-ticket-accordion .close-icon span {
    background: #000
}

.c-ticket-accordion__collapse {
    background: #000;
    color: #000;
    display: none;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    top: 100%;
    transition: all .3s ease;
    width: 100%
}

.c-ticket-accordion__collapse.active {
    display: block;
    z-index: 1
}

.c-ticket-accordion__content {
    background: #fff;
    font-size: 18px;
    padding: 15px
}

@media(max-width: 47.99em) {
    .c-ticket-accordion__content {
        font-size:14px
    }
}

.c-ticket-accordion-content__item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 15px
}

.c-ticket-accordion-content__item p {
    margin-bottom: 0
}

.c-ticket-accordion__link {
    color: #000;
    display: block;
    font-size: 16px;
    font-weight: 400;
    overflow: auto;
    transition: color .3s ease
}

.c-ticket-accordion__link:hover {
    color: red
}

.c-ticketcard {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
    position: relative
}

@media(min-width: 48em) {
    .c-ticketcard {
        margin-bottom:30px
    }
}

@media(max-width: 47.99em) {
    .c-ticketcard--single {
        margin:0 auto;
        width: 60%
    }
}

.c-ticketcard__inner {
    align-items: center;
    background: url(https://cdn.bayer04.de/shop-static/src/public/build/images/b04-cross.50e7851e.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 50%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    height: 100%;
    justify-content: center;
    padding: 15px
}

.c-ticketcard__bottom {
    display: flex
}

.c-ticketcard__badge {
    text-align: center;
    width: 100%
}

.c-ticketcard__badge .c-product-badge {
    left: 0;
    margin-right: 0;
    position: relative;
    top: 0;
    width: 100%
}

.c-ticketcard__badge .c-product-badge__item {
    display: block!important
}

.c-ticketcard__image {
    max-width: 120px
}

@media(min-width: 48em) {
    .c-ticketcard__image {
        max-width:150px
    }
}

.c-ticketcard__title {
    align-items: center;
    display: flex;
    flex-direction: column
}

@media(max-width: 29.99em) {
    .c-ticketcard__title {
        display:none
    }
}

.c-ticketcard__title--name {
    font-family: Titling Gothic Condensed,Arial,sans-serif;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

@media(min-width: 48em) {
    .c-ticketcard__title--name {
        font-size:24px
    }
}

.c-ticketcard__title--matchday {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase
}

.c-ticketcard__info {
    display: flex;
    flex-direction: column;
    font-size: 12px
}

@media(min-width: 48em) {
    .c-ticketcard__info {
        font-size:18px
    }
}

.c-ticketcard__info__item {
    align-items: center;
    display: inline-flex;
    font-size: 16px;
    font-weight: 500;
    gap: 10px
}

.c-ticketcard__info__item .b04-icon {
    color: red
}

.c-ticketcard__button {
    padding: 15px 15px 0;
    width: 100%
}

.c-ticketcard__button .c-btn {
    padding: 10px;
    width: 100%
}

.c-ticketbox__link:hover {
    cursor: pointer
}

.hr {
    border-color: #000;
    border-bottom: solid #000;
    border-width: 1px
}

.hr .hr--top {
    padding: 25px 0 0
}

.hr .hr--white {
    border-color: #fff
}

.u-clearfix:after {
    clear: both!important;
    content: ""!important;
    display: block!important
}

.u-1\/1 {
    width: 100%!important
}

.u-push-1\/1 {
    left: 100%!important;
    right: auto!important
}

.u-pull-1\/1,.u-push-1\/1 {
    position: relative!important
}

.u-pull-1\/1 {
    left: auto!important;
    right: 100%!important
}

.u-1\/2 {
    width: 50%!important
}

.u-push-1\/2 {
    left: 50%!important;
    right: auto!important
}

.u-pull-1\/2,.u-push-1\/2 {
    position: relative!important
}

.u-pull-1\/2 {
    left: auto!important;
    right: 50%!important
}

.u-2\/2 {
    width: 100%!important
}

.u-push-2\/2 {
    left: 100%!important;
    right: auto!important
}

.u-pull-2\/2,.u-push-2\/2 {
    position: relative!important
}

.u-pull-2\/2 {
    left: auto!important;
    right: 100%!important
}

.u-1\/3 {
    width: 33.3333333333%!important
}

.u-push-1\/3 {
    left: 33.3333333333%!important;
    right: auto!important
}

.u-pull-1\/3,.u-push-1\/3 {
    position: relative!important
}

.u-pull-1\/3 {
    left: auto!important;
    right: 33.3333333333%!important
}

.u-2\/3 {
    width: 66.6666666667%!important
}

.u-push-2\/3 {
    left: 66.6666666667%!important;
    right: auto!important
}

.u-pull-2\/3,.u-push-2\/3 {
    position: relative!important
}

.u-pull-2\/3 {
    left: auto!important;
    right: 66.6666666667%!important
}

.u-3\/3 {
    width: 100%!important
}

.u-push-3\/3 {
    left: 100%!important;
    right: auto!important
}

.u-pull-3\/3,.u-push-3\/3 {
    position: relative!important
}

.u-pull-3\/3 {
    left: auto!important;
    right: 100%!important
}

.u-1\/4 {
    width: 25%!important
}

.u-push-1\/4 {
    left: 25%!important;
    right: auto!important
}

.u-pull-1\/4,.u-push-1\/4 {
    position: relative!important
}

.u-pull-1\/4 {
    left: auto!important;
    right: 25%!important
}

.u-2\/4 {
    width: 50%!important
}

.u-push-2\/4 {
    left: 50%!important;
    right: auto!important
}

.u-pull-2\/4,.u-push-2\/4 {
    position: relative!important
}

.u-pull-2\/4 {
    left: auto!important;
    right: 50%!important
}

.u-3\/4 {
    width: 75%!important
}

.u-push-3\/4 {
    left: 75%!important;
    right: auto!important
}

.u-pull-3\/4,.u-push-3\/4 {
    position: relative!important
}

.u-pull-3\/4 {
    left: auto!important;
    right: 75%!important
}

.u-4\/4 {
    width: 100%!important
}

.u-push-4\/4 {
    left: 100%!important;
    right: auto!important
}

.u-pull-4\/4,.u-push-4\/4 {
    position: relative!important
}

.u-pull-4\/4 {
    left: auto!important;
    right: 100%!important
}

.u-1\/5 {
    width: 20%!important
}

.u-push-1\/5 {
    left: 20%!important;
    right: auto!important
}

.u-pull-1\/5,.u-push-1\/5 {
    position: relative!important
}

.u-pull-1\/5 {
    left: auto!important;
    right: 20%!important
}

.u-2\/5 {
    width: 40%!important
}

.u-push-2\/5 {
    left: 40%!important;
    right: auto!important
}

.u-pull-2\/5,.u-push-2\/5 {
    position: relative!important
}

.u-pull-2\/5 {
    left: auto!important;
    right: 40%!important
}

.u-3\/5 {
    width: 60%!important
}

.u-push-3\/5 {
    left: 60%!important;
    right: auto!important
}

.u-pull-3\/5,.u-push-3\/5 {
    position: relative!important
}

.u-pull-3\/5 {
    left: auto!important;
    right: 60%!important
}

.u-4\/5 {
    width: 80%!important
}

.u-push-4\/5 {
    left: 80%!important;
    right: auto!important
}

.u-pull-4\/5,.u-push-4\/5 {
    position: relative!important
}

.u-pull-4\/5 {
    left: auto!important;
    right: 80%!important
}

.u-5\/5 {
    width: 100%!important
}

.u-push-5\/5 {
    left: 100%!important;
    right: auto!important
}

.u-pull-5\/5,.u-push-5\/5 {
    position: relative!important
}

.u-pull-5\/5 {
    left: auto!important;
    right: 100%!important
}

@media(min-width: 30em) {
    .u-1\/1\@s {
        width:100%!important
    }

    .u-push-1\/1\@s {
        left: 100%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-1\/1\@s {
        left: auto!important;
        position: relative!important;
        right: 100%!important
    }

    .u-1\/2\@s {
        width: 50%!important
    }

    .u-push-1\/2\@s {
        left: 50%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-1\/2\@s {
        left: auto!important;
        position: relative!important;
        right: 50%!important
    }

    .u-2\/2\@s {
        width: 100%!important
    }

    .u-push-2\/2\@s {
        left: 100%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-2\/2\@s {
        left: auto!important;
        position: relative!important;
        right: 100%!important
    }

    .u-1\/3\@s {
        width: 33.3333333333%!important
    }

    .u-push-1\/3\@s {
        left: 33.3333333333%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-1\/3\@s {
        left: auto!important;
        position: relative!important;
        right: 33.3333333333%!important
    }

    .u-2\/3\@s {
        width: 66.6666666667%!important
    }

    .u-push-2\/3\@s {
        left: 66.6666666667%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-2\/3\@s {
        left: auto!important;
        position: relative!important;
        right: 66.6666666667%!important
    }

    .u-3\/3\@s {
        width: 100%!important
    }

    .u-push-3\/3\@s {
        left: 100%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-3\/3\@s {
        left: auto!important;
        position: relative!important;
        right: 100%!important
    }

    .u-1\/4\@s {
        width: 25%!important
    }

    .u-push-1\/4\@s {
        left: 25%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-1\/4\@s {
        left: auto!important;
        position: relative!important;
        right: 25%!important
    }

    .u-2\/4\@s {
        width: 50%!important
    }

    .u-push-2\/4\@s {
        left: 50%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-2\/4\@s {
        left: auto!important;
        position: relative!important;
        right: 50%!important
    }

    .u-3\/4\@s {
        width: 75%!important
    }

    .u-push-3\/4\@s {
        left: 75%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-3\/4\@s {
        left: auto!important;
        position: relative!important;
        right: 75%!important
    }

    .u-4\/4\@s {
        width: 100%!important
    }

    .u-push-4\/4\@s {
        left: 100%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-4\/4\@s {
        left: auto!important;
        position: relative!important;
        right: 100%!important
    }

    .u-1\/5\@s {
        width: 20%!important
    }

    .u-push-1\/5\@s {
        left: 20%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-1\/5\@s {
        left: auto!important;
        position: relative!important;
        right: 20%!important
    }

    .u-2\/5\@s {
        width: 40%!important
    }

    .u-push-2\/5\@s {
        left: 40%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-2\/5\@s {
        left: auto!important;
        position: relative!important;
        right: 40%!important
    }

    .u-3\/5\@s {
        width: 60%!important
    }

    .u-push-3\/5\@s {
        left: 60%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-3\/5\@s {
        left: auto!important;
        position: relative!important;
        right: 60%!important
    }

    .u-4\/5\@s {
        width: 80%!important
    }

    .u-push-4\/5\@s {
        left: 80%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-4\/5\@s {
        left: auto!important;
        position: relative!important;
        right: 80%!important
    }

    .u-5\/5\@s {
        width: 100%!important
    }

    .u-push-5\/5\@s {
        left: 100%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-5\/5\@s {
        left: auto!important;
        position: relative!important;
        right: 100%!important
    }
}

@media(min-width: 45em) {
    .u-1\/1\@pageWrapCollapse {
        width:100%!important
    }

    .u-push-1\/1\@pageWrapCollapse {
        left: 100%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-1\/1\@pageWrapCollapse {
        left: auto!important;
        position: relative!important;
        right: 100%!important
    }

    .u-1\/2\@pageWrapCollapse {
        width: 50%!important
    }

    .u-push-1\/2\@pageWrapCollapse {
        left: 50%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-1\/2\@pageWrapCollapse {
        left: auto!important;
        position: relative!important;
        right: 50%!important
    }

    .u-2\/2\@pageWrapCollapse {
        width: 100%!important
    }

    .u-push-2\/2\@pageWrapCollapse {
        left: 100%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-2\/2\@pageWrapCollapse {
        left: auto!important;
        position: relative!important;
        right: 100%!important
    }

    .u-1\/3\@pageWrapCollapse {
        width: 33.3333333333%!important
    }

    .u-push-1\/3\@pageWrapCollapse {
        left: 33.3333333333%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-1\/3\@pageWrapCollapse {
        left: auto!important;
        position: relative!important;
        right: 33.3333333333%!important
    }

    .u-2\/3\@pageWrapCollapse {
        width: 66.6666666667%!important
    }

    .u-push-2\/3\@pageWrapCollapse {
        left: 66.6666666667%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-2\/3\@pageWrapCollapse {
        left: auto!important;
        position: relative!important;
        right: 66.6666666667%!important
    }

    .u-3\/3\@pageWrapCollapse {
        width: 100%!important
    }

    .u-push-3\/3\@pageWrapCollapse {
        left: 100%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-3\/3\@pageWrapCollapse {
        left: auto!important;
        position: relative!important;
        right: 100%!important
    }

    .u-1\/4\@pageWrapCollapse {
        width: 25%!important
    }

    .u-push-1\/4\@pageWrapCollapse {
        left: 25%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-1\/4\@pageWrapCollapse {
        left: auto!important;
        position: relative!important;
        right: 25%!important
    }

    .u-2\/4\@pageWrapCollapse {
        width: 50%!important
    }

    .u-push-2\/4\@pageWrapCollapse {
        left: 50%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-2\/4\@pageWrapCollapse {
        left: auto!important;
        position: relative!important;
        right: 50%!important
    }

    .u-3\/4\@pageWrapCollapse {
        width: 75%!important
    }

    .u-push-3\/4\@pageWrapCollapse {
        left: 75%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-3\/4\@pageWrapCollapse {
        left: auto!important;
        position: relative!important;
        right: 75%!important
    }

    .u-4\/4\@pageWrapCollapse {
        width: 100%!important
    }

    .u-push-4\/4\@pageWrapCollapse {
        left: 100%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-4\/4\@pageWrapCollapse {
        left: auto!important;
        position: relative!important;
        right: 100%!important
    }

    .u-1\/5\@pageWrapCollapse {
        width: 20%!important
    }

    .u-push-1\/5\@pageWrapCollapse {
        left: 20%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-1\/5\@pageWrapCollapse {
        left: auto!important;
        position: relative!important;
        right: 20%!important
    }

    .u-2\/5\@pageWrapCollapse {
        width: 40%!important
    }

    .u-push-2\/5\@pageWrapCollapse {
        left: 40%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-2\/5\@pageWrapCollapse {
        left: auto!important;
        position: relative!important;
        right: 40%!important
    }

    .u-3\/5\@pageWrapCollapse {
        width: 60%!important
    }

    .u-push-3\/5\@pageWrapCollapse {
        left: 60%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-3\/5\@pageWrapCollapse {
        left: auto!important;
        position: relative!important;
        right: 60%!important
    }

    .u-4\/5\@pageWrapCollapse {
        width: 80%!important
    }

    .u-push-4\/5\@pageWrapCollapse {
        left: 80%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-4\/5\@pageWrapCollapse {
        left: auto!important;
        position: relative!important;
        right: 80%!important
    }

    .u-5\/5\@pageWrapCollapse {
        width: 100%!important
    }

    .u-push-5\/5\@pageWrapCollapse {
        left: 100%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-5\/5\@pageWrapCollapse {
        left: auto!important;
        position: relative!important;
        right: 100%!important
    }
}

@media(min-width: 48em) {
    .u-1\/1\@m {
        width:100%!important
    }

    .u-push-1\/1\@m {
        left: 100%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-1\/1\@m {
        left: auto!important;
        position: relative!important;
        right: 100%!important
    }

    .u-1\/2\@m {
        width: 50%!important
    }

    .u-push-1\/2\@m {
        left: 50%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-1\/2\@m {
        left: auto!important;
        position: relative!important;
        right: 50%!important
    }

    .u-2\/2\@m {
        width: 100%!important
    }

    .u-push-2\/2\@m {
        left: 100%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-2\/2\@m {
        left: auto!important;
        position: relative!important;
        right: 100%!important
    }

    .u-1\/3\@m {
        width: 33.3333333333%!important
    }

    .u-push-1\/3\@m {
        left: 33.3333333333%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-1\/3\@m {
        left: auto!important;
        position: relative!important;
        right: 33.3333333333%!important
    }

    .u-2\/3\@m {
        width: 66.6666666667%!important
    }

    .u-push-2\/3\@m {
        left: 66.6666666667%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-2\/3\@m {
        left: auto!important;
        position: relative!important;
        right: 66.6666666667%!important
    }

    .u-3\/3\@m {
        width: 100%!important
    }

    .u-push-3\/3\@m {
        left: 100%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-3\/3\@m {
        left: auto!important;
        position: relative!important;
        right: 100%!important
    }

    .u-1\/4\@m {
        width: 25%!important
    }

    .u-push-1\/4\@m {
        left: 25%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-1\/4\@m {
        left: auto!important;
        position: relative!important;
        right: 25%!important
    }

    .u-2\/4\@m {
        width: 50%!important
    }

    .u-push-2\/4\@m {
        left: 50%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-2\/4\@m {
        left: auto!important;
        position: relative!important;
        right: 50%!important
    }

    .u-3\/4\@m {
        width: 75%!important
    }

    .u-push-3\/4\@m {
        left: 75%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-3\/4\@m {
        left: auto!important;
        position: relative!important;
        right: 75%!important
    }

    .u-4\/4\@m {
        width: 100%!important
    }

    .u-push-4\/4\@m {
        left: 100%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-4\/4\@m {
        left: auto!important;
        position: relative!important;
        right: 100%!important
    }

    .u-1\/5\@m {
        width: 20%!important
    }

    .u-push-1\/5\@m {
        left: 20%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-1\/5\@m {
        left: auto!important;
        position: relative!important;
        right: 20%!important
    }

    .u-2\/5\@m {
        width: 40%!important
    }

    .u-push-2\/5\@m {
        left: 40%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-2\/5\@m {
        left: auto!important;
        position: relative!important;
        right: 40%!important
    }

    .u-3\/5\@m {
        width: 60%!important
    }

    .u-push-3\/5\@m {
        left: 60%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-3\/5\@m {
        left: auto!important;
        position: relative!important;
        right: 60%!important
    }

    .u-4\/5\@m {
        width: 80%!important
    }

    .u-push-4\/5\@m {
        left: 80%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-4\/5\@m {
        left: auto!important;
        position: relative!important;
        right: 80%!important
    }

    .u-5\/5\@m {
        width: 100%!important
    }

    .u-push-5\/5\@m {
        left: 100%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-5\/5\@m {
        left: auto!important;
        position: relative!important;
        right: 100%!important
    }
}

@media(min-width: 62em) {
    .u-1\/1\@l {
        width:100%!important
    }

    .u-push-1\/1\@l {
        left: 100%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-1\/1\@l {
        left: auto!important;
        position: relative!important;
        right: 100%!important
    }

    .u-1\/2\@l {
        width: 50%!important
    }

    .u-push-1\/2\@l {
        left: 50%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-1\/2\@l {
        left: auto!important;
        position: relative!important;
        right: 50%!important
    }

    .u-2\/2\@l {
        width: 100%!important
    }

    .u-push-2\/2\@l {
        left: 100%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-2\/2\@l {
        left: auto!important;
        position: relative!important;
        right: 100%!important
    }

    .u-1\/3\@l {
        width: 33.3333333333%!important
    }

    .u-push-1\/3\@l {
        left: 33.3333333333%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-1\/3\@l {
        left: auto!important;
        position: relative!important;
        right: 33.3333333333%!important
    }

    .u-2\/3\@l {
        width: 66.6666666667%!important
    }

    .u-push-2\/3\@l {
        left: 66.6666666667%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-2\/3\@l {
        left: auto!important;
        position: relative!important;
        right: 66.6666666667%!important
    }

    .u-3\/3\@l {
        width: 100%!important
    }

    .u-push-3\/3\@l {
        left: 100%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-3\/3\@l {
        left: auto!important;
        position: relative!important;
        right: 100%!important
    }

    .u-1\/4\@l {
        width: 25%!important
    }

    .u-push-1\/4\@l {
        left: 25%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-1\/4\@l {
        left: auto!important;
        position: relative!important;
        right: 25%!important
    }

    .u-2\/4\@l {
        width: 50%!important
    }

    .u-push-2\/4\@l {
        left: 50%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-2\/4\@l {
        left: auto!important;
        position: relative!important;
        right: 50%!important
    }

    .u-3\/4\@l {
        width: 75%!important
    }

    .u-push-3\/4\@l {
        left: 75%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-3\/4\@l {
        left: auto!important;
        position: relative!important;
        right: 75%!important
    }

    .u-4\/4\@l {
        width: 100%!important
    }

    .u-push-4\/4\@l {
        left: 100%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-4\/4\@l {
        left: auto!important;
        position: relative!important;
        right: 100%!important
    }

    .u-1\/5\@l {
        width: 20%!important
    }

    .u-push-1\/5\@l {
        left: 20%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-1\/5\@l {
        left: auto!important;
        position: relative!important;
        right: 20%!important
    }

    .u-2\/5\@l {
        width: 40%!important
    }

    .u-push-2\/5\@l {
        left: 40%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-2\/5\@l {
        left: auto!important;
        position: relative!important;
        right: 40%!important
    }

    .u-3\/5\@l {
        width: 60%!important
    }

    .u-push-3\/5\@l {
        left: 60%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-3\/5\@l {
        left: auto!important;
        position: relative!important;
        right: 60%!important
    }

    .u-4\/5\@l {
        width: 80%!important
    }

    .u-push-4\/5\@l {
        left: 80%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-4\/5\@l {
        left: auto!important;
        position: relative!important;
        right: 80%!important
    }

    .u-5\/5\@l {
        width: 100%!important
    }

    .u-push-5\/5\@l {
        left: 100%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-5\/5\@l {
        left: auto!important;
        position: relative!important;
        right: 100%!important
    }
}

@media(min-width: 75em) {
    .u-1\/1\@xl {
        width:100%!important
    }

    .u-push-1\/1\@xl {
        left: 100%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-1\/1\@xl {
        left: auto!important;
        position: relative!important;
        right: 100%!important
    }

    .u-1\/2\@xl {
        width: 50%!important
    }

    .u-push-1\/2\@xl {
        left: 50%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-1\/2\@xl {
        left: auto!important;
        position: relative!important;
        right: 50%!important
    }

    .u-2\/2\@xl {
        width: 100%!important
    }

    .u-push-2\/2\@xl {
        left: 100%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-2\/2\@xl {
        left: auto!important;
        position: relative!important;
        right: 100%!important
    }

    .u-1\/3\@xl {
        width: 33.3333333333%!important
    }

    .u-push-1\/3\@xl {
        left: 33.3333333333%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-1\/3\@xl {
        left: auto!important;
        position: relative!important;
        right: 33.3333333333%!important
    }

    .u-2\/3\@xl {
        width: 66.6666666667%!important
    }

    .u-push-2\/3\@xl {
        left: 66.6666666667%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-2\/3\@xl {
        left: auto!important;
        position: relative!important;
        right: 66.6666666667%!important
    }

    .u-3\/3\@xl {
        width: 100%!important
    }

    .u-push-3\/3\@xl {
        left: 100%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-3\/3\@xl {
        left: auto!important;
        position: relative!important;
        right: 100%!important
    }

    .u-1\/4\@xl {
        width: 25%!important
    }

    .u-push-1\/4\@xl {
        left: 25%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-1\/4\@xl {
        left: auto!important;
        position: relative!important;
        right: 25%!important
    }

    .u-2\/4\@xl {
        width: 50%!important
    }

    .u-push-2\/4\@xl {
        left: 50%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-2\/4\@xl {
        left: auto!important;
        position: relative!important;
        right: 50%!important
    }

    .u-3\/4\@xl {
        width: 75%!important
    }

    .u-push-3\/4\@xl {
        left: 75%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-3\/4\@xl {
        left: auto!important;
        position: relative!important;
        right: 75%!important
    }

    .u-4\/4\@xl {
        width: 100%!important
    }

    .u-push-4\/4\@xl {
        left: 100%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-4\/4\@xl {
        left: auto!important;
        position: relative!important;
        right: 100%!important
    }

    .u-1\/5\@xl {
        width: 20%!important
    }

    .u-push-1\/5\@xl {
        left: 20%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-1\/5\@xl {
        left: auto!important;
        position: relative!important;
        right: 20%!important
    }

    .u-2\/5\@xl {
        width: 40%!important
    }

    .u-push-2\/5\@xl {
        left: 40%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-2\/5\@xl {
        left: auto!important;
        position: relative!important;
        right: 40%!important
    }

    .u-3\/5\@xl {
        width: 60%!important
    }

    .u-push-3\/5\@xl {
        left: 60%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-3\/5\@xl {
        left: auto!important;
        position: relative!important;
        right: 60%!important
    }

    .u-4\/5\@xl {
        width: 80%!important
    }

    .u-push-4\/5\@xl {
        left: 80%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-4\/5\@xl {
        left: auto!important;
        position: relative!important;
        right: 80%!important
    }

    .u-5\/5\@xl {
        width: 100%!important
    }

    .u-push-5\/5\@xl {
        left: 100%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-5\/5\@xl {
        left: auto!important;
        position: relative!important;
        right: 100%!important
    }
}

@media(min-width: 80em) {
    .u-1\/1\@pageWrap {
        width:100%!important
    }

    .u-push-1\/1\@pageWrap {
        left: 100%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-1\/1\@pageWrap {
        left: auto!important;
        position: relative!important;
        right: 100%!important
    }

    .u-1\/2\@pageWrap {
        width: 50%!important
    }

    .u-push-1\/2\@pageWrap {
        left: 50%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-1\/2\@pageWrap {
        left: auto!important;
        position: relative!important;
        right: 50%!important
    }

    .u-2\/2\@pageWrap {
        width: 100%!important
    }

    .u-push-2\/2\@pageWrap {
        left: 100%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-2\/2\@pageWrap {
        left: auto!important;
        position: relative!important;
        right: 100%!important
    }

    .u-1\/3\@pageWrap {
        width: 33.3333333333%!important
    }

    .u-push-1\/3\@pageWrap {
        left: 33.3333333333%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-1\/3\@pageWrap {
        left: auto!important;
        position: relative!important;
        right: 33.3333333333%!important
    }

    .u-2\/3\@pageWrap {
        width: 66.6666666667%!important
    }

    .u-push-2\/3\@pageWrap {
        left: 66.6666666667%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-2\/3\@pageWrap {
        left: auto!important;
        position: relative!important;
        right: 66.6666666667%!important
    }

    .u-3\/3\@pageWrap {
        width: 100%!important
    }

    .u-push-3\/3\@pageWrap {
        left: 100%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-3\/3\@pageWrap {
        left: auto!important;
        position: relative!important;
        right: 100%!important
    }

    .u-1\/4\@pageWrap {
        width: 25%!important
    }

    .u-push-1\/4\@pageWrap {
        left: 25%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-1\/4\@pageWrap {
        left: auto!important;
        position: relative!important;
        right: 25%!important
    }

    .u-2\/4\@pageWrap {
        width: 50%!important
    }

    .u-push-2\/4\@pageWrap {
        left: 50%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-2\/4\@pageWrap {
        left: auto!important;
        position: relative!important;
        right: 50%!important
    }

    .u-3\/4\@pageWrap {
        width: 75%!important
    }

    .u-push-3\/4\@pageWrap {
        left: 75%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-3\/4\@pageWrap {
        left: auto!important;
        position: relative!important;
        right: 75%!important
    }

    .u-4\/4\@pageWrap {
        width: 100%!important
    }

    .u-push-4\/4\@pageWrap {
        left: 100%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-4\/4\@pageWrap {
        left: auto!important;
        position: relative!important;
        right: 100%!important
    }

    .u-1\/5\@pageWrap {
        width: 20%!important
    }

    .u-push-1\/5\@pageWrap {
        left: 20%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-1\/5\@pageWrap {
        left: auto!important;
        position: relative!important;
        right: 20%!important
    }

    .u-2\/5\@pageWrap {
        width: 40%!important
    }

    .u-push-2\/5\@pageWrap {
        left: 40%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-2\/5\@pageWrap {
        left: auto!important;
        position: relative!important;
        right: 40%!important
    }

    .u-3\/5\@pageWrap {
        width: 60%!important
    }

    .u-push-3\/5\@pageWrap {
        left: 60%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-3\/5\@pageWrap {
        left: auto!important;
        position: relative!important;
        right: 60%!important
    }

    .u-4\/5\@pageWrap {
        width: 80%!important
    }

    .u-push-4\/5\@pageWrap {
        left: 80%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-4\/5\@pageWrap {
        left: auto!important;
        position: relative!important;
        right: 80%!important
    }

    .u-5\/5\@pageWrap {
        width: 100%!important
    }

    .u-push-5\/5\@pageWrap {
        left: 100%!important;
        position: relative!important;
        right: auto!important
    }

    .u-pull-5\/5\@pageWrap {
        left: auto!important;
        position: relative!important;
        right: 100%!important
    }
}

.u-h1 {
    font-size: 36px!important;
    font-size: 2rem!important;
    line-height: 1.3333333333!important
}

.u-h2 {
    font-size: 28px!important;
    font-size: 1.5555555556rem!important;
    line-height: 1.7142857143!important
}

.u-h3 {
    font-size: 24px!important;
    font-size: 1.3333333333rem!important;
    line-height: 1!important
}

.u-h4 {
    font-size: 20px!important;
    font-size: 1.1111111111rem!important;
    line-height: 1.2!important
}

.u-h5 {
    font-size: 18px!important;
    font-size: 1rem!important;
    line-height: 1.3333333333!important
}

.u-h6 {
    font-size: 16px!important;
    font-size: .8888888889rem!important;
    line-height: 1.5!important
}

.u-p {
    padding: 24px!important
}

.u-p-- {
    padding: 6px!important
}

.u-p- {
    padding: 12px!important
}

.u-p\+ {
    padding: 48px!important
}

.u-p\+\+ {
    padding: 96px!important
}

.u-p0 {
    padding: 0!important
}

.u-pt {
    padding-top: 24px!important
}

.u-pt-- {
    padding-top: 6px!important
}

.u-pt- {
    padding-top: 12px!important
}

.u-pt\+ {
    padding-top: 48px!important
}

.u-pt\+\+ {
    padding-top: 96px!important
}

.u-pt0 {
    padding-top: 0!important
}

.u-pr {
    padding-right: 24px!important
}

.u-pr-- {
    padding-right: 6px!important
}

.u-pr- {
    padding-right: 12px!important
}

.u-pr\+ {
    padding-right: 48px!important
}

.u-pr\+\+ {
    padding-right: 96px!important
}

.u-pr0 {
    padding-right: 0!important
}

.u-pb {
    padding-bottom: 24px!important
}

.u-pb-- {
    padding-bottom: 6px!important
}

.u-pb- {
    padding-bottom: 12px!important
}

.u-pb\+ {
    padding-bottom: 48px!important
}

.u-pb\+\+ {
    padding-bottom: 96px!important
}

.u-pb0 {
    padding-bottom: 0!important
}

.u-pl {
    padding-left: 24px!important
}

.u-pl-- {
    padding-left: 6px!important
}

.u-pl- {
    padding-left: 12px!important
}

.u-pl\+ {
    padding-left: 48px!important
}

.u-pl\+\+ {
    padding-left: 96px!important
}

.u-pl0 {
    padding-left: 0!important
}

.u-ph {
    padding-left: 24px!important;
    padding-right: 24px!important
}

.u-ph-- {
    padding-left: 6px!important;
    padding-right: 6px!important
}

.u-ph- {
    padding-left: 12px!important;
    padding-right: 12px!important
}

.u-ph\+ {
    padding-left: 48px!important;
    padding-right: 48px!important
}

.u-ph\+\+ {
    padding-left: 96px!important;
    padding-right: 96px!important
}

.u-ph0 {
    padding-left: 0!important;
    padding-right: 0!important
}

.u-pv {
    padding-bottom: 24px!important;
    padding-top: 24px!important
}

.u-pv-- {
    padding-bottom: 6px!important;
    padding-top: 6px!important
}

.u-pv- {
    padding-bottom: 12px!important;
    padding-top: 12px!important
}

.u-pv\+ {
    padding-bottom: 48px!important;
    padding-top: 48px!important
}

.u-pv\+\+ {
    padding-bottom: 96px!important;
    padding-top: 96px!important
}

.u-pv0 {
    padding-bottom: 0!important;
    padding-top: 0!important
}

.u-m {
    margin: 24px!important
}

.u-m-- {
    margin: 6px!important
}

.u-m- {
    margin: 12px!important
}

.u-m\+ {
    margin: 48px!important
}

.u-m\+\+ {
    margin: 96px!important
}

.u-m0 {
    margin: 0!important
}

.u-mt {
    margin-top: 24px!important
}

.u-mt-- {
    margin-top: 6px!important
}

.u-mt- {
    margin-top: 12px!important
}

.u-mt\+ {
    margin-top: 48px!important
}

.u-mt\+\+ {
    margin-top: 96px!important
}

.u-mt0 {
    margin-top: 0!important
}

.u-mr {
    margin-right: 24px!important
}

.u-mr-- {
    margin-right: 6px!important
}

.u-mr- {
    margin-right: 12px!important
}

.u-mr\+ {
    margin-right: 48px!important
}

.u-mr\+\+ {
    margin-right: 96px!important
}

.u-mr0 {
    margin-right: 0!important
}

.u-mb {
    margin-bottom: 24px!important
}

.u-mb-- {
    margin-bottom: 6px!important
}

.u-mb- {
    margin-bottom: 12px!important
}

.u-mb\+ {
    margin-bottom: 48px!important
}

.u-mb\+\+ {
    margin-bottom: 96px!important
}

.u-mb0 {
    margin-bottom: 0!important
}

.u-ml {
    margin-left: 24px!important
}

.u-ml-- {
    margin-left: 6px!important
}

.u-ml- {
    margin-left: 12px!important
}

.u-ml\+ {
    margin-left: 48px!important
}

.u-ml\+\+ {
    margin-left: 96px!important
}

.u-ml0 {
    margin-left: 0!important
}

.u-mh {
    margin-left: 24px!important;
    margin-right: 24px!important
}

.u-mh-- {
    margin-left: 6px!important;
    margin-right: 6px!important
}

.u-mh- {
    margin-left: 12px!important;
    margin-right: 12px!important
}

.u-mh\+ {
    margin-left: 48px!important;
    margin-right: 48px!important
}

.u-mh\+\+ {
    margin-left: 96px!important;
    margin-right: 96px!important
}

.u-mh0 {
    margin-left: 0!important;
    margin-right: 0!important
}

.u-mv {
    margin-bottom: 24px!important;
    margin-top: 24px!important
}

.u-mv-- {
    margin-bottom: 6px!important;
    margin-top: 6px!important
}

.u-mv- {
    margin-bottom: 12px!important;
    margin-top: 12px!important
}

.u-mv\+ {
    margin-bottom: 48px!important;
    margin-top: 48px!important
}

.u-mv\+\+ {
    margin-bottom: 96px!important;
    margin-top: 96px!important
}

.u-mv0 {
    margin-bottom: 0!important;
    margin-top: 0!important
}

@media(min-width: 30em) {
    .u-p\@s {
        padding:24px!important
    }
}

@media(min-width: 45em) {
    .u-p\@pageWrapCollapse {
        padding:24px!important
    }
}

@media(min-width: 48em) {
    .u-p\@m {
        padding:24px!important
    }
}

@media(min-width: 62em) {
    .u-p\@l {
        padding:24px!important
    }
}

@media(min-width: 75em) {
    .u-p\@xl {
        padding:24px!important
    }
}

@media(min-width: 80em) {
    .u-p\@pageWrap {
        padding:24px!important
    }
}

@media(min-width: 30em) {
    .u-p--\@s {
        padding:6px!important
    }
}

@media(min-width: 45em) {
    .u-p--\@pageWrapCollapse {
        padding:6px!important
    }
}

@media(min-width: 48em) {
    .u-p--\@m {
        padding:6px!important
    }
}

@media(min-width: 62em) {
    .u-p--\@l {
        padding:6px!important
    }
}

@media(min-width: 75em) {
    .u-p--\@xl {
        padding:6px!important
    }
}

@media(min-width: 80em) {
    .u-p--\@pageWrap {
        padding:6px!important
    }
}

@media(min-width: 30em) {
    .u-p-\@s {
        padding:12px!important
    }
}

@media(min-width: 45em) {
    .u-p-\@pageWrapCollapse {
        padding:12px!important
    }
}

@media(min-width: 48em) {
    .u-p-\@m {
        padding:12px!important
    }
}

@media(min-width: 62em) {
    .u-p-\@l {
        padding:12px!important
    }
}

@media(min-width: 75em) {
    .u-p-\@xl {
        padding:12px!important
    }
}

@media(min-width: 80em) {
    .u-p-\@pageWrap {
        padding:12px!important
    }
}

@media(min-width: 30em) {
    .u-p\+\@s {
        padding:48px!important
    }
}

@media(min-width: 45em) {
    .u-p\+\@pageWrapCollapse {
        padding:48px!important
    }
}

@media(min-width: 48em) {
    .u-p\+\@m {
        padding:48px!important
    }
}

@media(min-width: 62em) {
    .u-p\+\@l {
        padding:48px!important
    }
}

@media(min-width: 75em) {
    .u-p\+\@xl {
        padding:48px!important
    }
}

@media(min-width: 80em) {
    .u-p\+\@pageWrap {
        padding:48px!important
    }
}

@media(min-width: 30em) {
    .u-p\+\+\@s {
        padding:96px!important
    }
}

@media(min-width: 45em) {
    .u-p\+\+\@pageWrapCollapse {
        padding:96px!important
    }
}

@media(min-width: 48em) {
    .u-p\+\+\@m {
        padding:96px!important
    }
}

@media(min-width: 62em) {
    .u-p\+\+\@l {
        padding:96px!important
    }
}

@media(min-width: 75em) {
    .u-p\+\+\@xl {
        padding:96px!important
    }
}

@media(min-width: 80em) {
    .u-p\+\+\@pageWrap {
        padding:96px!important
    }
}

@media(min-width: 30em) {
    .u-p0\@s {
        padding:0!important
    }
}

@media(min-width: 45em) {
    .u-p0\@pageWrapCollapse {
        padding:0!important
    }
}

@media(min-width: 48em) {
    .u-p0\@m {
        padding:0!important
    }
}

@media(min-width: 62em) {
    .u-p0\@l {
        padding:0!important
    }
}

@media(min-width: 75em) {
    .u-p0\@xl {
        padding:0!important
    }
}

@media(min-width: 80em) {
    .u-p0\@pageWrap {
        padding:0!important
    }
}

@media(min-width: 30em) {
    .u-pt\@s {
        padding-top:24px!important
    }
}

@media(min-width: 45em) {
    .u-pt\@pageWrapCollapse {
        padding-top:24px!important
    }
}

@media(min-width: 48em) {
    .u-pt\@m {
        padding-top:24px!important
    }
}

@media(min-width: 62em) {
    .u-pt\@l {
        padding-top:24px!important
    }
}

@media(min-width: 75em) {
    .u-pt\@xl {
        padding-top:24px!important
    }
}

@media(min-width: 80em) {
    .u-pt\@pageWrap {
        padding-top:24px!important
    }
}

@media(min-width: 30em) {
    .u-pt--\@s {
        padding-top:6px!important
    }
}

@media(min-width: 45em) {
    .u-pt--\@pageWrapCollapse {
        padding-top:6px!important
    }
}

@media(min-width: 48em) {
    .u-pt--\@m {
        padding-top:6px!important
    }
}

@media(min-width: 62em) {
    .u-pt--\@l {
        padding-top:6px!important
    }
}

@media(min-width: 75em) {
    .u-pt--\@xl {
        padding-top:6px!important
    }
}

@media(min-width: 80em) {
    .u-pt--\@pageWrap {
        padding-top:6px!important
    }
}

@media(min-width: 30em) {
    .u-pt-\@s {
        padding-top:12px!important
    }
}

@media(min-width: 45em) {
    .u-pt-\@pageWrapCollapse {
        padding-top:12px!important
    }
}

@media(min-width: 48em) {
    .u-pt-\@m {
        padding-top:12px!important
    }
}

@media(min-width: 62em) {
    .u-pt-\@l {
        padding-top:12px!important
    }
}

@media(min-width: 75em) {
    .u-pt-\@xl {
        padding-top:12px!important
    }
}

@media(min-width: 80em) {
    .u-pt-\@pageWrap {
        padding-top:12px!important
    }
}

@media(min-width: 30em) {
    .u-pt\+\@s {
        padding-top:48px!important
    }
}

@media(min-width: 45em) {
    .u-pt\+\@pageWrapCollapse {
        padding-top:48px!important
    }
}

@media(min-width: 48em) {
    .u-pt\+\@m {
        padding-top:48px!important
    }
}

@media(min-width: 62em) {
    .u-pt\+\@l {
        padding-top:48px!important
    }
}

@media(min-width: 75em) {
    .u-pt\+\@xl {
        padding-top:48px!important
    }
}

@media(min-width: 80em) {
    .u-pt\+\@pageWrap {
        padding-top:48px!important
    }
}

@media(min-width: 30em) {
    .u-pt\+\+\@s {
        padding-top:96px!important
    }
}

@media(min-width: 45em) {
    .u-pt\+\+\@pageWrapCollapse {
        padding-top:96px!important
    }
}

@media(min-width: 48em) {
    .u-pt\+\+\@m {
        padding-top:96px!important
    }
}

@media(min-width: 62em) {
    .u-pt\+\+\@l {
        padding-top:96px!important
    }
}

@media(min-width: 75em) {
    .u-pt\+\+\@xl {
        padding-top:96px!important
    }
}

@media(min-width: 80em) {
    .u-pt\+\+\@pageWrap {
        padding-top:96px!important
    }
}

@media(min-width: 30em) {
    .u-pt0\@s {
        padding-top:0!important
    }
}

@media(min-width: 45em) {
    .u-pt0\@pageWrapCollapse {
        padding-top:0!important
    }
}

@media(min-width: 48em) {
    .u-pt0\@m {
        padding-top:0!important
    }
}

@media(min-width: 62em) {
    .u-pt0\@l {
        padding-top:0!important
    }
}

@media(min-width: 75em) {
    .u-pt0\@xl {
        padding-top:0!important
    }
}

@media(min-width: 80em) {
    .u-pt0\@pageWrap {
        padding-top:0!important
    }
}

@media(min-width: 30em) {
    .u-pr\@s {
        padding-right:24px!important
    }
}

@media(min-width: 45em) {
    .u-pr\@pageWrapCollapse {
        padding-right:24px!important
    }
}

@media(min-width: 48em) {
    .u-pr\@m {
        padding-right:24px!important
    }
}

@media(min-width: 62em) {
    .u-pr\@l {
        padding-right:24px!important
    }
}

@media(min-width: 75em) {
    .u-pr\@xl {
        padding-right:24px!important
    }
}

@media(min-width: 80em) {
    .u-pr\@pageWrap {
        padding-right:24px!important
    }
}

@media(min-width: 30em) {
    .u-pr--\@s {
        padding-right:6px!important
    }
}

@media(min-width: 45em) {
    .u-pr--\@pageWrapCollapse {
        padding-right:6px!important
    }
}

@media(min-width: 48em) {
    .u-pr--\@m {
        padding-right:6px!important
    }
}

@media(min-width: 62em) {
    .u-pr--\@l {
        padding-right:6px!important
    }
}

@media(min-width: 75em) {
    .u-pr--\@xl {
        padding-right:6px!important
    }
}

@media(min-width: 80em) {
    .u-pr--\@pageWrap {
        padding-right:6px!important
    }
}

@media(min-width: 30em) {
    .u-pr-\@s {
        padding-right:12px!important
    }
}

@media(min-width: 45em) {
    .u-pr-\@pageWrapCollapse {
        padding-right:12px!important
    }
}

@media(min-width: 48em) {
    .u-pr-\@m {
        padding-right:12px!important
    }
}

@media(min-width: 62em) {
    .u-pr-\@l {
        padding-right:12px!important
    }
}

@media(min-width: 75em) {
    .u-pr-\@xl {
        padding-right:12px!important
    }
}

@media(min-width: 80em) {
    .u-pr-\@pageWrap {
        padding-right:12px!important
    }
}

@media(min-width: 30em) {
    .u-pr\+\@s {
        padding-right:48px!important
    }
}

@media(min-width: 45em) {
    .u-pr\+\@pageWrapCollapse {
        padding-right:48px!important
    }
}

@media(min-width: 48em) {
    .u-pr\+\@m {
        padding-right:48px!important
    }
}

@media(min-width: 62em) {
    .u-pr\+\@l {
        padding-right:48px!important
    }
}

@media(min-width: 75em) {
    .u-pr\+\@xl {
        padding-right:48px!important
    }
}

@media(min-width: 80em) {
    .u-pr\+\@pageWrap {
        padding-right:48px!important
    }
}

@media(min-width: 30em) {
    .u-pr\+\+\@s {
        padding-right:96px!important
    }
}

@media(min-width: 45em) {
    .u-pr\+\+\@pageWrapCollapse {
        padding-right:96px!important
    }
}

@media(min-width: 48em) {
    .u-pr\+\+\@m {
        padding-right:96px!important
    }
}

@media(min-width: 62em) {
    .u-pr\+\+\@l {
        padding-right:96px!important
    }
}

@media(min-width: 75em) {
    .u-pr\+\+\@xl {
        padding-right:96px!important
    }
}

@media(min-width: 80em) {
    .u-pr\+\+\@pageWrap {
        padding-right:96px!important
    }
}

@media(min-width: 30em) {
    .u-pr0\@s {
        padding-right:0!important
    }
}

@media(min-width: 45em) {
    .u-pr0\@pageWrapCollapse {
        padding-right:0!important
    }
}

@media(min-width: 48em) {
    .u-pr0\@m {
        padding-right:0!important
    }
}

@media(min-width: 62em) {
    .u-pr0\@l {
        padding-right:0!important
    }
}

@media(min-width: 75em) {
    .u-pr0\@xl {
        padding-right:0!important
    }
}

@media(min-width: 80em) {
    .u-pr0\@pageWrap {
        padding-right:0!important
    }
}

@media(min-width: 30em) {
    .u-pb\@s {
        padding-bottom:24px!important
    }
}

@media(min-width: 45em) {
    .u-pb\@pageWrapCollapse {
        padding-bottom:24px!important
    }
}

@media(min-width: 48em) {
    .u-pb\@m {
        padding-bottom:24px!important
    }
}

@media(min-width: 62em) {
    .u-pb\@l {
        padding-bottom:24px!important
    }
}

@media(min-width: 75em) {
    .u-pb\@xl {
        padding-bottom:24px!important
    }
}

@media(min-width: 80em) {
    .u-pb\@pageWrap {
        padding-bottom:24px!important
    }
}

@media(min-width: 30em) {
    .u-pb--\@s {
        padding-bottom:6px!important
    }
}

@media(min-width: 45em) {
    .u-pb--\@pageWrapCollapse {
        padding-bottom:6px!important
    }
}

@media(min-width: 48em) {
    .u-pb--\@m {
        padding-bottom:6px!important
    }
}

@media(min-width: 62em) {
    .u-pb--\@l {
        padding-bottom:6px!important
    }
}

@media(min-width: 75em) {
    .u-pb--\@xl {
        padding-bottom:6px!important
    }
}

@media(min-width: 80em) {
    .u-pb--\@pageWrap {
        padding-bottom:6px!important
    }
}

@media(min-width: 30em) {
    .u-pb-\@s {
        padding-bottom:12px!important
    }
}

@media(min-width: 45em) {
    .u-pb-\@pageWrapCollapse {
        padding-bottom:12px!important
    }
}

@media(min-width: 48em) {
    .u-pb-\@m {
        padding-bottom:12px!important
    }
}

@media(min-width: 62em) {
    .u-pb-\@l {
        padding-bottom:12px!important
    }
}

@media(min-width: 75em) {
    .u-pb-\@xl {
        padding-bottom:12px!important
    }
}

@media(min-width: 80em) {
    .u-pb-\@pageWrap {
        padding-bottom:12px!important
    }
}

@media(min-width: 30em) {
    .u-pb\+\@s {
        padding-bottom:48px!important
    }
}

@media(min-width: 45em) {
    .u-pb\+\@pageWrapCollapse {
        padding-bottom:48px!important
    }
}

@media(min-width: 48em) {
    .u-pb\+\@m {
        padding-bottom:48px!important
    }
}

@media(min-width: 62em) {
    .u-pb\+\@l {
        padding-bottom:48px!important
    }
}

@media(min-width: 75em) {
    .u-pb\+\@xl {
        padding-bottom:48px!important
    }
}

@media(min-width: 80em) {
    .u-pb\+\@pageWrap {
        padding-bottom:48px!important
    }
}

@media(min-width: 30em) {
    .u-pb\+\+\@s {
        padding-bottom:96px!important
    }
}

@media(min-width: 45em) {
    .u-pb\+\+\@pageWrapCollapse {
        padding-bottom:96px!important
    }
}

@media(min-width: 48em) {
    .u-pb\+\+\@m {
        padding-bottom:96px!important
    }
}

@media(min-width: 62em) {
    .u-pb\+\+\@l {
        padding-bottom:96px!important
    }
}

@media(min-width: 75em) {
    .u-pb\+\+\@xl {
        padding-bottom:96px!important
    }
}

@media(min-width: 80em) {
    .u-pb\+\+\@pageWrap {
        padding-bottom:96px!important
    }
}

@media(min-width: 30em) {
    .u-pb0\@s {
        padding-bottom:0!important
    }
}

@media(min-width: 45em) {
    .u-pb0\@pageWrapCollapse {
        padding-bottom:0!important
    }
}

@media(min-width: 48em) {
    .u-pb0\@m {
        padding-bottom:0!important
    }
}

@media(min-width: 62em) {
    .u-pb0\@l {
        padding-bottom:0!important
    }
}

@media(min-width: 75em) {
    .u-pb0\@xl {
        padding-bottom:0!important
    }
}

@media(min-width: 80em) {
    .u-pb0\@pageWrap {
        padding-bottom:0!important
    }
}

@media(min-width: 30em) {
    .u-pl\@s {
        padding-left:24px!important
    }
}

@media(min-width: 45em) {
    .u-pl\@pageWrapCollapse {
        padding-left:24px!important
    }
}

@media(min-width: 48em) {
    .u-pl\@m {
        padding-left:24px!important
    }
}

@media(min-width: 62em) {
    .u-pl\@l {
        padding-left:24px!important
    }
}

@media(min-width: 75em) {
    .u-pl\@xl {
        padding-left:24px!important
    }
}

@media(min-width: 80em) {
    .u-pl\@pageWrap {
        padding-left:24px!important
    }
}

@media(min-width: 30em) {
    .u-pl--\@s {
        padding-left:6px!important
    }
}

@media(min-width: 45em) {
    .u-pl--\@pageWrapCollapse {
        padding-left:6px!important
    }
}

@media(min-width: 48em) {
    .u-pl--\@m {
        padding-left:6px!important
    }
}

@media(min-width: 62em) {
    .u-pl--\@l {
        padding-left:6px!important
    }
}

@media(min-width: 75em) {
    .u-pl--\@xl {
        padding-left:6px!important
    }
}

@media(min-width: 80em) {
    .u-pl--\@pageWrap {
        padding-left:6px!important
    }
}

@media(min-width: 30em) {
    .u-pl-\@s {
        padding-left:12px!important
    }
}

@media(min-width: 45em) {
    .u-pl-\@pageWrapCollapse {
        padding-left:12px!important
    }
}

@media(min-width: 48em) {
    .u-pl-\@m {
        padding-left:12px!important
    }
}

@media(min-width: 62em) {
    .u-pl-\@l {
        padding-left:12px!important
    }
}

@media(min-width: 75em) {
    .u-pl-\@xl {
        padding-left:12px!important
    }
}

@media(min-width: 80em) {
    .u-pl-\@pageWrap {
        padding-left:12px!important
    }
}

@media(min-width: 30em) {
    .u-pl\+\@s {
        padding-left:48px!important
    }
}

@media(min-width: 45em) {
    .u-pl\+\@pageWrapCollapse {
        padding-left:48px!important
    }
}

@media(min-width: 48em) {
    .u-pl\+\@m {
        padding-left:48px!important
    }
}

@media(min-width: 62em) {
    .u-pl\+\@l {
        padding-left:48px!important
    }
}

@media(min-width: 75em) {
    .u-pl\+\@xl {
        padding-left:48px!important
    }
}

@media(min-width: 80em) {
    .u-pl\+\@pageWrap {
        padding-left:48px!important
    }
}

@media(min-width: 30em) {
    .u-pl\+\+\@s {
        padding-left:96px!important
    }
}

@media(min-width: 45em) {
    .u-pl\+\+\@pageWrapCollapse {
        padding-left:96px!important
    }
}

@media(min-width: 48em) {
    .u-pl\+\+\@m {
        padding-left:96px!important
    }
}

@media(min-width: 62em) {
    .u-pl\+\+\@l {
        padding-left:96px!important
    }
}

@media(min-width: 75em) {
    .u-pl\+\+\@xl {
        padding-left:96px!important
    }
}

@media(min-width: 80em) {
    .u-pl\+\+\@pageWrap {
        padding-left:96px!important
    }
}

@media(min-width: 30em) {
    .u-pl0\@s {
        padding-left:0!important
    }
}

@media(min-width: 45em) {
    .u-pl0\@pageWrapCollapse {
        padding-left:0!important
    }
}

@media(min-width: 48em) {
    .u-pl0\@m {
        padding-left:0!important
    }
}

@media(min-width: 62em) {
    .u-pl0\@l {
        padding-left:0!important
    }
}

@media(min-width: 75em) {
    .u-pl0\@xl {
        padding-left:0!important
    }
}

@media(min-width: 80em) {
    .u-pl0\@pageWrap {
        padding-left:0!important
    }
}

@media(min-width: 30em) {
    .u-ph\@s {
        padding-left:24px!important;
        padding-right: 24px!important
    }
}

@media(min-width: 45em) {
    .u-ph\@pageWrapCollapse {
        padding-left:24px!important;
        padding-right: 24px!important
    }
}

@media(min-width: 48em) {
    .u-ph\@m {
        padding-left:24px!important;
        padding-right: 24px!important
    }
}

@media(min-width: 62em) {
    .u-ph\@l {
        padding-left:24px!important;
        padding-right: 24px!important
    }
}

@media(min-width: 75em) {
    .u-ph\@xl {
        padding-left:24px!important;
        padding-right: 24px!important
    }
}

@media(min-width: 80em) {
    .u-ph\@pageWrap {
        padding-left:24px!important;
        padding-right: 24px!important
    }
}

@media(min-width: 30em) {
    .u-ph--\@s {
        padding-left:6px!important;
        padding-right: 6px!important
    }
}

@media(min-width: 45em) {
    .u-ph--\@pageWrapCollapse {
        padding-left:6px!important;
        padding-right: 6px!important
    }
}

@media(min-width: 48em) {
    .u-ph--\@m {
        padding-left:6px!important;
        padding-right: 6px!important
    }
}

@media(min-width: 62em) {
    .u-ph--\@l {
        padding-left:6px!important;
        padding-right: 6px!important
    }
}

@media(min-width: 75em) {
    .u-ph--\@xl {
        padding-left:6px!important;
        padding-right: 6px!important
    }
}

@media(min-width: 80em) {
    .u-ph--\@pageWrap {
        padding-left:6px!important;
        padding-right: 6px!important
    }
}

@media(min-width: 30em) {
    .u-ph-\@s {
        padding-left:12px!important;
        padding-right: 12px!important
    }
}

@media(min-width: 45em) {
    .u-ph-\@pageWrapCollapse {
        padding-left:12px!important;
        padding-right: 12px!important
    }
}

@media(min-width: 48em) {
    .u-ph-\@m {
        padding-left:12px!important;
        padding-right: 12px!important
    }
}

@media(min-width: 62em) {
    .u-ph-\@l {
        padding-left:12px!important;
        padding-right: 12px!important
    }
}

@media(min-width: 75em) {
    .u-ph-\@xl {
        padding-left:12px!important;
        padding-right: 12px!important
    }
}

@media(min-width: 80em) {
    .u-ph-\@pageWrap {
        padding-left:12px!important;
        padding-right: 12px!important
    }
}

@media(min-width: 30em) {
    .u-ph\+\@s {
        padding-left:48px!important;
        padding-right: 48px!important
    }
}

@media(min-width: 45em) {
    .u-ph\+\@pageWrapCollapse {
        padding-left:48px!important;
        padding-right: 48px!important
    }
}

@media(min-width: 48em) {
    .u-ph\+\@m {
        padding-left:48px!important;
        padding-right: 48px!important
    }
}

@media(min-width: 62em) {
    .u-ph\+\@l {
        padding-left:48px!important;
        padding-right: 48px!important
    }
}

@media(min-width: 75em) {
    .u-ph\+\@xl {
        padding-left:48px!important;
        padding-right: 48px!important
    }
}

@media(min-width: 80em) {
    .u-ph\+\@pageWrap {
        padding-left:48px!important;
        padding-right: 48px!important
    }
}

@media(min-width: 30em) {
    .u-ph\+\+\@s {
        padding-left:96px!important;
        padding-right: 96px!important
    }
}

@media(min-width: 45em) {
    .u-ph\+\+\@pageWrapCollapse {
        padding-left:96px!important;
        padding-right: 96px!important
    }
}

@media(min-width: 48em) {
    .u-ph\+\+\@m {
        padding-left:96px!important;
        padding-right: 96px!important
    }
}

@media(min-width: 62em) {
    .u-ph\+\+\@l {
        padding-left:96px!important;
        padding-right: 96px!important
    }
}

@media(min-width: 75em) {
    .u-ph\+\+\@xl {
        padding-left:96px!important;
        padding-right: 96px!important
    }
}

@media(min-width: 80em) {
    .u-ph\+\+\@pageWrap {
        padding-left:96px!important;
        padding-right: 96px!important
    }
}

@media(min-width: 30em) {
    .u-ph0\@s {
        padding-left:0!important;
        padding-right: 0!important
    }
}

@media(min-width: 45em) {
    .u-ph0\@pageWrapCollapse {
        padding-left:0!important;
        padding-right: 0!important
    }
}

@media(min-width: 48em) {
    .u-ph0\@m {
        padding-left:0!important;
        padding-right: 0!important
    }
}

@media(min-width: 62em) {
    .u-ph0\@l {
        padding-left:0!important;
        padding-right: 0!important
    }
}

@media(min-width: 75em) {
    .u-ph0\@xl {
        padding-left:0!important;
        padding-right: 0!important
    }
}

@media(min-width: 80em) {
    .u-ph0\@pageWrap {
        padding-left:0!important;
        padding-right: 0!important
    }
}

@media(min-width: 30em) {
    .u-pv\@s {
        padding-bottom:24px!important;
        padding-top: 24px!important
    }
}

@media(min-width: 45em) {
    .u-pv\@pageWrapCollapse {
        padding-bottom:24px!important;
        padding-top: 24px!important
    }
}

@media(min-width: 48em) {
    .u-pv\@m {
        padding-bottom:24px!important;
        padding-top: 24px!important
    }
}

@media(min-width: 62em) {
    .u-pv\@l {
        padding-bottom:24px!important;
        padding-top: 24px!important
    }
}

@media(min-width: 75em) {
    .u-pv\@xl {
        padding-bottom:24px!important;
        padding-top: 24px!important
    }
}

@media(min-width: 80em) {
    .u-pv\@pageWrap {
        padding-bottom:24px!important;
        padding-top: 24px!important
    }
}

@media(min-width: 30em) {
    .u-pv--\@s {
        padding-bottom:6px!important;
        padding-top: 6px!important
    }
}

@media(min-width: 45em) {
    .u-pv--\@pageWrapCollapse {
        padding-bottom:6px!important;
        padding-top: 6px!important
    }
}

@media(min-width: 48em) {
    .u-pv--\@m {
        padding-bottom:6px!important;
        padding-top: 6px!important
    }
}

@media(min-width: 62em) {
    .u-pv--\@l {
        padding-bottom:6px!important;
        padding-top: 6px!important
    }
}

@media(min-width: 75em) {
    .u-pv--\@xl {
        padding-bottom:6px!important;
        padding-top: 6px!important
    }
}

@media(min-width: 80em) {
    .u-pv--\@pageWrap {
        padding-bottom:6px!important;
        padding-top: 6px!important
    }
}

@media(min-width: 30em) {
    .u-pv-\@s {
        padding-bottom:12px!important;
        padding-top: 12px!important
    }
}

@media(min-width: 45em) {
    .u-pv-\@pageWrapCollapse {
        padding-bottom:12px!important;
        padding-top: 12px!important
    }
}

@media(min-width: 48em) {
    .u-pv-\@m {
        padding-bottom:12px!important;
        padding-top: 12px!important
    }
}

@media(min-width: 62em) {
    .u-pv-\@l {
        padding-bottom:12px!important;
        padding-top: 12px!important
    }
}

@media(min-width: 75em) {
    .u-pv-\@xl {
        padding-bottom:12px!important;
        padding-top: 12px!important
    }
}

@media(min-width: 80em) {
    .u-pv-\@pageWrap {
        padding-bottom:12px!important;
        padding-top: 12px!important
    }
}

@media(min-width: 30em) {
    .u-pv\+\@s {
        padding-bottom:48px!important;
        padding-top: 48px!important
    }
}

@media(min-width: 45em) {
    .u-pv\+\@pageWrapCollapse {
        padding-bottom:48px!important;
        padding-top: 48px!important
    }
}

@media(min-width: 48em) {
    .u-pv\+\@m {
        padding-bottom:48px!important;
        padding-top: 48px!important
    }
}

@media(min-width: 62em) {
    .u-pv\+\@l {
        padding-bottom:48px!important;
        padding-top: 48px!important
    }
}

@media(min-width: 75em) {
    .u-pv\+\@xl {
        padding-bottom:48px!important;
        padding-top: 48px!important
    }
}

@media(min-width: 80em) {
    .u-pv\+\@pageWrap {
        padding-bottom:48px!important;
        padding-top: 48px!important
    }
}

@media(min-width: 30em) {
    .u-pv\+\+\@s {
        padding-bottom:96px!important;
        padding-top: 96px!important
    }
}

@media(min-width: 45em) {
    .u-pv\+\+\@pageWrapCollapse {
        padding-bottom:96px!important;
        padding-top: 96px!important
    }
}

@media(min-width: 48em) {
    .u-pv\+\+\@m {
        padding-bottom:96px!important;
        padding-top: 96px!important
    }
}

@media(min-width: 62em) {
    .u-pv\+\+\@l {
        padding-bottom:96px!important;
        padding-top: 96px!important
    }
}

@media(min-width: 75em) {
    .u-pv\+\+\@xl {
        padding-bottom:96px!important;
        padding-top: 96px!important
    }
}

@media(min-width: 80em) {
    .u-pv\+\+\@pageWrap {
        padding-bottom:96px!important;
        padding-top: 96px!important
    }
}

@media(min-width: 30em) {
    .u-pv0\@s {
        padding-bottom:0!important;
        padding-top: 0!important
    }
}

@media(min-width: 45em) {
    .u-pv0\@pageWrapCollapse {
        padding-bottom:0!important;
        padding-top: 0!important
    }
}

@media(min-width: 48em) {
    .u-pv0\@m {
        padding-bottom:0!important;
        padding-top: 0!important
    }
}

@media(min-width: 62em) {
    .u-pv0\@l {
        padding-bottom:0!important;
        padding-top: 0!important
    }
}

@media(min-width: 75em) {
    .u-pv0\@xl {
        padding-bottom:0!important;
        padding-top: 0!important
    }
}

@media(min-width: 80em) {
    .u-pv0\@pageWrap {
        padding-bottom:0!important;
        padding-top: 0!important
    }
}

@media(min-width: 30em) {
    .u-m\@s {
        margin:24px!important
    }
}

@media(min-width: 45em) {
    .u-m\@pageWrapCollapse {
        margin:24px!important
    }
}

@media(min-width: 48em) {
    .u-m\@m {
        margin:24px!important
    }
}

@media(min-width: 62em) {
    .u-m\@l {
        margin:24px!important
    }
}

@media(min-width: 75em) {
    .u-m\@xl {
        margin:24px!important
    }
}

@media(min-width: 80em) {
    .u-m\@pageWrap {
        margin:24px!important
    }
}

@media(min-width: 30em) {
    .u-m--\@s {
        margin:6px!important
    }
}

@media(min-width: 45em) {
    .u-m--\@pageWrapCollapse {
        margin:6px!important
    }
}

@media(min-width: 48em) {
    .u-m--\@m {
        margin:6px!important
    }
}

@media(min-width: 62em) {
    .u-m--\@l {
        margin:6px!important
    }
}

@media(min-width: 75em) {
    .u-m--\@xl {
        margin:6px!important
    }
}

@media(min-width: 80em) {
    .u-m--\@pageWrap {
        margin:6px!important
    }
}

@media(min-width: 30em) {
    .u-m-\@s {
        margin:12px!important
    }
}

@media(min-width: 45em) {
    .u-m-\@pageWrapCollapse {
        margin:12px!important
    }
}

@media(min-width: 48em) {
    .u-m-\@m {
        margin:12px!important
    }
}

@media(min-width: 62em) {
    .u-m-\@l {
        margin:12px!important
    }
}

@media(min-width: 75em) {
    .u-m-\@xl {
        margin:12px!important
    }
}

@media(min-width: 80em) {
    .u-m-\@pageWrap {
        margin:12px!important
    }
}

@media(min-width: 30em) {
    .u-m\+\@s {
        margin:48px!important
    }
}

@media(min-width: 45em) {
    .u-m\+\@pageWrapCollapse {
        margin:48px!important
    }
}

@media(min-width: 48em) {
    .u-m\+\@m {
        margin:48px!important
    }
}

@media(min-width: 62em) {
    .u-m\+\@l {
        margin:48px!important
    }
}

@media(min-width: 75em) {
    .u-m\+\@xl {
        margin:48px!important
    }
}

@media(min-width: 80em) {
    .u-m\+\@pageWrap {
        margin:48px!important
    }
}

@media(min-width: 30em) {
    .u-m\+\+\@s {
        margin:96px!important
    }
}

@media(min-width: 45em) {
    .u-m\+\+\@pageWrapCollapse {
        margin:96px!important
    }
}

@media(min-width: 48em) {
    .u-m\+\+\@m {
        margin:96px!important
    }
}

@media(min-width: 62em) {
    .u-m\+\+\@l {
        margin:96px!important
    }
}

@media(min-width: 75em) {
    .u-m\+\+\@xl {
        margin:96px!important
    }
}

@media(min-width: 80em) {
    .u-m\+\+\@pageWrap {
        margin:96px!important
    }
}

@media(min-width: 30em) {
    .u-m0\@s {
        margin:0!important
    }
}

@media(min-width: 45em) {
    .u-m0\@pageWrapCollapse {
        margin:0!important
    }
}

@media(min-width: 48em) {
    .u-m0\@m {
        margin:0!important
    }
}

@media(min-width: 62em) {
    .u-m0\@l {
        margin:0!important
    }
}

@media(min-width: 75em) {
    .u-m0\@xl {
        margin:0!important
    }
}

@media(min-width: 80em) {
    .u-m0\@pageWrap {
        margin:0!important
    }
}

@media(min-width: 30em) {
    .u-mt\@s {
        margin-top:24px!important
    }
}

@media(min-width: 45em) {
    .u-mt\@pageWrapCollapse {
        margin-top:24px!important
    }
}

@media(min-width: 48em) {
    .u-mt\@m {
        margin-top:24px!important
    }
}

@media(min-width: 62em) {
    .u-mt\@l {
        margin-top:24px!important
    }
}

@media(min-width: 75em) {
    .u-mt\@xl {
        margin-top:24px!important
    }
}

@media(min-width: 80em) {
    .u-mt\@pageWrap {
        margin-top:24px!important
    }
}

@media(min-width: 30em) {
    .u-mt--\@s {
        margin-top:6px!important
    }
}

@media(min-width: 45em) {
    .u-mt--\@pageWrapCollapse {
        margin-top:6px!important
    }
}

@media(min-width: 48em) {
    .u-mt--\@m {
        margin-top:6px!important
    }
}

@media(min-width: 62em) {
    .u-mt--\@l {
        margin-top:6px!important
    }
}

@media(min-width: 75em) {
    .u-mt--\@xl {
        margin-top:6px!important
    }
}

@media(min-width: 80em) {
    .u-mt--\@pageWrap {
        margin-top:6px!important
    }
}

@media(min-width: 30em) {
    .u-mt-\@s {
        margin-top:12px!important
    }
}

@media(min-width: 45em) {
    .u-mt-\@pageWrapCollapse {
        margin-top:12px!important
    }
}

@media(min-width: 48em) {
    .u-mt-\@m {
        margin-top:12px!important
    }
}

@media(min-width: 62em) {
    .u-mt-\@l {
        margin-top:12px!important
    }
}

@media(min-width: 75em) {
    .u-mt-\@xl {
        margin-top:12px!important
    }
}

@media(min-width: 80em) {
    .u-mt-\@pageWrap {
        margin-top:12px!important
    }
}

@media(min-width: 30em) {
    .u-mt\+\@s {
        margin-top:48px!important
    }
}

@media(min-width: 45em) {
    .u-mt\+\@pageWrapCollapse {
        margin-top:48px!important
    }
}

@media(min-width: 48em) {
    .u-mt\+\@m {
        margin-top:48px!important
    }
}

@media(min-width: 62em) {
    .u-mt\+\@l {
        margin-top:48px!important
    }
}

@media(min-width: 75em) {
    .u-mt\+\@xl {
        margin-top:48px!important
    }
}

@media(min-width: 80em) {
    .u-mt\+\@pageWrap {
        margin-top:48px!important
    }
}

@media(min-width: 30em) {
    .u-mt\+\+\@s {
        margin-top:96px!important
    }
}

@media(min-width: 45em) {
    .u-mt\+\+\@pageWrapCollapse {
        margin-top:96px!important
    }
}

@media(min-width: 48em) {
    .u-mt\+\+\@m {
        margin-top:96px!important
    }
}

@media(min-width: 62em) {
    .u-mt\+\+\@l {
        margin-top:96px!important
    }
}

@media(min-width: 75em) {
    .u-mt\+\+\@xl {
        margin-top:96px!important
    }
}

@media(min-width: 80em) {
    .u-mt\+\+\@pageWrap {
        margin-top:96px!important
    }
}

@media(min-width: 30em) {
    .u-mt0\@s {
        margin-top:0!important
    }
}

@media(min-width: 45em) {
    .u-mt0\@pageWrapCollapse {
        margin-top:0!important
    }
}

@media(min-width: 48em) {
    .u-mt0\@m {
        margin-top:0!important
    }
}

@media(min-width: 62em) {
    .u-mt0\@l {
        margin-top:0!important
    }
}

@media(min-width: 75em) {
    .u-mt0\@xl {
        margin-top:0!important
    }
}

@media(min-width: 80em) {
    .u-mt0\@pageWrap {
        margin-top:0!important
    }
}

@media(min-width: 30em) {
    .u-mr\@s {
        margin-right:24px!important
    }
}

@media(min-width: 45em) {
    .u-mr\@pageWrapCollapse {
        margin-right:24px!important
    }
}

@media(min-width: 48em) {
    .u-mr\@m {
        margin-right:24px!important
    }
}

@media(min-width: 62em) {
    .u-mr\@l {
        margin-right:24px!important
    }
}

@media(min-width: 75em) {
    .u-mr\@xl {
        margin-right:24px!important
    }
}

@media(min-width: 80em) {
    .u-mr\@pageWrap {
        margin-right:24px!important
    }
}

@media(min-width: 30em) {
    .u-mr--\@s {
        margin-right:6px!important
    }
}

@media(min-width: 45em) {
    .u-mr--\@pageWrapCollapse {
        margin-right:6px!important
    }
}

@media(min-width: 48em) {
    .u-mr--\@m {
        margin-right:6px!important
    }
}

@media(min-width: 62em) {
    .u-mr--\@l {
        margin-right:6px!important
    }
}

@media(min-width: 75em) {
    .u-mr--\@xl {
        margin-right:6px!important
    }
}

@media(min-width: 80em) {
    .u-mr--\@pageWrap {
        margin-right:6px!important
    }
}

@media(min-width: 30em) {
    .u-mr-\@s {
        margin-right:12px!important
    }
}

@media(min-width: 45em) {
    .u-mr-\@pageWrapCollapse {
        margin-right:12px!important
    }
}

@media(min-width: 48em) {
    .u-mr-\@m {
        margin-right:12px!important
    }
}

@media(min-width: 62em) {
    .u-mr-\@l {
        margin-right:12px!important
    }
}

@media(min-width: 75em) {
    .u-mr-\@xl {
        margin-right:12px!important
    }
}

@media(min-width: 80em) {
    .u-mr-\@pageWrap {
        margin-right:12px!important
    }
}

@media(min-width: 30em) {
    .u-mr\+\@s {
        margin-right:48px!important
    }
}

@media(min-width: 45em) {
    .u-mr\+\@pageWrapCollapse {
        margin-right:48px!important
    }
}

@media(min-width: 48em) {
    .u-mr\+\@m {
        margin-right:48px!important
    }
}

@media(min-width: 62em) {
    .u-mr\+\@l {
        margin-right:48px!important
    }
}

@media(min-width: 75em) {
    .u-mr\+\@xl {
        margin-right:48px!important
    }
}

@media(min-width: 80em) {
    .u-mr\+\@pageWrap {
        margin-right:48px!important
    }
}

@media(min-width: 30em) {
    .u-mr\+\+\@s {
        margin-right:96px!important
    }
}

@media(min-width: 45em) {
    .u-mr\+\+\@pageWrapCollapse {
        margin-right:96px!important
    }
}

@media(min-width: 48em) {
    .u-mr\+\+\@m {
        margin-right:96px!important
    }
}

@media(min-width: 62em) {
    .u-mr\+\+\@l {
        margin-right:96px!important
    }
}

@media(min-width: 75em) {
    .u-mr\+\+\@xl {
        margin-right:96px!important
    }
}

@media(min-width: 80em) {
    .u-mr\+\+\@pageWrap {
        margin-right:96px!important
    }
}

@media(min-width: 30em) {
    .u-mr0\@s {
        margin-right:0!important
    }
}

@media(min-width: 45em) {
    .u-mr0\@pageWrapCollapse {
        margin-right:0!important
    }
}

@media(min-width: 48em) {
    .u-mr0\@m {
        margin-right:0!important
    }
}

@media(min-width: 62em) {
    .u-mr0\@l {
        margin-right:0!important
    }
}

@media(min-width: 75em) {
    .u-mr0\@xl {
        margin-right:0!important
    }
}

@media(min-width: 80em) {
    .u-mr0\@pageWrap {
        margin-right:0!important
    }
}

@media(min-width: 30em) {
    .u-mb\@s {
        margin-bottom:24px!important
    }
}

@media(min-width: 45em) {
    .u-mb\@pageWrapCollapse {
        margin-bottom:24px!important
    }
}

@media(min-width: 48em) {
    .u-mb\@m {
        margin-bottom:24px!important
    }
}

@media(min-width: 62em) {
    .u-mb\@l {
        margin-bottom:24px!important
    }
}

@media(min-width: 75em) {
    .u-mb\@xl {
        margin-bottom:24px!important
    }
}

@media(min-width: 80em) {
    .u-mb\@pageWrap {
        margin-bottom:24px!important
    }
}

@media(min-width: 30em) {
    .u-mb--\@s {
        margin-bottom:6px!important
    }
}

@media(min-width: 45em) {
    .u-mb--\@pageWrapCollapse {
        margin-bottom:6px!important
    }
}

@media(min-width: 48em) {
    .u-mb--\@m {
        margin-bottom:6px!important
    }
}

@media(min-width: 62em) {
    .u-mb--\@l {
        margin-bottom:6px!important
    }
}

@media(min-width: 75em) {
    .u-mb--\@xl {
        margin-bottom:6px!important
    }
}

@media(min-width: 80em) {
    .u-mb--\@pageWrap {
        margin-bottom:6px!important
    }
}

@media(min-width: 30em) {
    .u-mb-\@s {
        margin-bottom:12px!important
    }
}

@media(min-width: 45em) {
    .u-mb-\@pageWrapCollapse {
        margin-bottom:12px!important
    }
}

@media(min-width: 48em) {
    .u-mb-\@m {
        margin-bottom:12px!important
    }
}

@media(min-width: 62em) {
    .u-mb-\@l {
        margin-bottom:12px!important
    }
}

@media(min-width: 75em) {
    .u-mb-\@xl {
        margin-bottom:12px!important
    }
}

@media(min-width: 80em) {
    .u-mb-\@pageWrap {
        margin-bottom:12px!important
    }
}

@media(min-width: 30em) {
    .u-mb\+\@s {
        margin-bottom:48px!important
    }
}

@media(min-width: 45em) {
    .u-mb\+\@pageWrapCollapse {
        margin-bottom:48px!important
    }
}

@media(min-width: 48em) {
    .u-mb\+\@m {
        margin-bottom:48px!important
    }
}

@media(min-width: 62em) {
    .u-mb\+\@l {
        margin-bottom:48px!important
    }
}

@media(min-width: 75em) {
    .u-mb\+\@xl {
        margin-bottom:48px!important
    }
}

@media(min-width: 80em) {
    .u-mb\+\@pageWrap {
        margin-bottom:48px!important
    }
}

@media(min-width: 30em) {
    .u-mb\+\+\@s {
        margin-bottom:96px!important
    }
}

@media(min-width: 45em) {
    .u-mb\+\+\@pageWrapCollapse {
        margin-bottom:96px!important
    }
}

@media(min-width: 48em) {
    .u-mb\+\+\@m {
        margin-bottom:96px!important
    }
}

@media(min-width: 62em) {
    .u-mb\+\+\@l {
        margin-bottom:96px!important
    }
}

@media(min-width: 75em) {
    .u-mb\+\+\@xl {
        margin-bottom:96px!important
    }
}

@media(min-width: 80em) {
    .u-mb\+\+\@pageWrap {
        margin-bottom:96px!important
    }
}

@media(min-width: 30em) {
    .u-mb0\@s {
        margin-bottom:0!important
    }
}

@media(min-width: 45em) {
    .u-mb0\@pageWrapCollapse {
        margin-bottom:0!important
    }
}

@media(min-width: 48em) {
    .u-mb0\@m {
        margin-bottom:0!important
    }
}

@media(min-width: 62em) {
    .u-mb0\@l {
        margin-bottom:0!important
    }
}

@media(min-width: 75em) {
    .u-mb0\@xl {
        margin-bottom:0!important
    }
}

@media(min-width: 80em) {
    .u-mb0\@pageWrap {
        margin-bottom:0!important
    }
}

@media(min-width: 30em) {
    .u-ml\@s {
        margin-left:24px!important
    }
}

@media(min-width: 45em) {
    .u-ml\@pageWrapCollapse {
        margin-left:24px!important
    }
}

@media(min-width: 48em) {
    .u-ml\@m {
        margin-left:24px!important
    }
}

@media(min-width: 62em) {
    .u-ml\@l {
        margin-left:24px!important
    }
}

@media(min-width: 75em) {
    .u-ml\@xl {
        margin-left:24px!important
    }
}

@media(min-width: 80em) {
    .u-ml\@pageWrap {
        margin-left:24px!important
    }
}

@media(min-width: 30em) {
    .u-ml--\@s {
        margin-left:6px!important
    }
}

@media(min-width: 45em) {
    .u-ml--\@pageWrapCollapse {
        margin-left:6px!important
    }
}

@media(min-width: 48em) {
    .u-ml--\@m {
        margin-left:6px!important
    }
}

@media(min-width: 62em) {
    .u-ml--\@l {
        margin-left:6px!important
    }
}

@media(min-width: 75em) {
    .u-ml--\@xl {
        margin-left:6px!important
    }
}

@media(min-width: 80em) {
    .u-ml--\@pageWrap {
        margin-left:6px!important
    }
}

@media(min-width: 30em) {
    .u-ml-\@s {
        margin-left:12px!important
    }
}

@media(min-width: 45em) {
    .u-ml-\@pageWrapCollapse {
        margin-left:12px!important
    }
}

@media(min-width: 48em) {
    .u-ml-\@m {
        margin-left:12px!important
    }
}

@media(min-width: 62em) {
    .u-ml-\@l {
        margin-left:12px!important
    }
}

@media(min-width: 75em) {
    .u-ml-\@xl {
        margin-left:12px!important
    }
}

@media(min-width: 80em) {
    .u-ml-\@pageWrap {
        margin-left:12px!important
    }
}

@media(min-width: 30em) {
    .u-ml\+\@s {
        margin-left:48px!important
    }
}

@media(min-width: 45em) {
    .u-ml\+\@pageWrapCollapse {
        margin-left:48px!important
    }
}

@media(min-width: 48em) {
    .u-ml\+\@m {
        margin-left:48px!important
    }
}

@media(min-width: 62em) {
    .u-ml\+\@l {
        margin-left:48px!important
    }
}

@media(min-width: 75em) {
    .u-ml\+\@xl {
        margin-left:48px!important
    }
}

@media(min-width: 80em) {
    .u-ml\+\@pageWrap {
        margin-left:48px!important
    }
}

@media(min-width: 30em) {
    .u-ml\+\+\@s {
        margin-left:96px!important
    }
}

@media(min-width: 45em) {
    .u-ml\+\+\@pageWrapCollapse {
        margin-left:96px!important
    }
}

@media(min-width: 48em) {
    .u-ml\+\+\@m {
        margin-left:96px!important
    }
}

@media(min-width: 62em) {
    .u-ml\+\+\@l {
        margin-left:96px!important
    }
}

@media(min-width: 75em) {
    .u-ml\+\+\@xl {
        margin-left:96px!important
    }
}

@media(min-width: 80em) {
    .u-ml\+\+\@pageWrap {
        margin-left:96px!important
    }
}

@media(min-width: 30em) {
    .u-ml0\@s {
        margin-left:0!important
    }
}

@media(min-width: 45em) {
    .u-ml0\@pageWrapCollapse {
        margin-left:0!important
    }
}

@media(min-width: 48em) {
    .u-ml0\@m {
        margin-left:0!important
    }
}

@media(min-width: 62em) {
    .u-ml0\@l {
        margin-left:0!important
    }
}

@media(min-width: 75em) {
    .u-ml0\@xl {
        margin-left:0!important
    }
}

@media(min-width: 80em) {
    .u-ml0\@pageWrap {
        margin-left:0!important
    }
}

@media(min-width: 30em) {
    .u-mh\@s {
        margin-left:24px!important;
        margin-right: 24px!important
    }
}

@media(min-width: 45em) {
    .u-mh\@pageWrapCollapse {
        margin-left:24px!important;
        margin-right: 24px!important
    }
}

@media(min-width: 48em) {
    .u-mh\@m {
        margin-left:24px!important;
        margin-right: 24px!important
    }
}

@media(min-width: 62em) {
    .u-mh\@l {
        margin-left:24px!important;
        margin-right: 24px!important
    }
}

@media(min-width: 75em) {
    .u-mh\@xl {
        margin-left:24px!important;
        margin-right: 24px!important
    }
}

@media(min-width: 80em) {
    .u-mh\@pageWrap {
        margin-left:24px!important;
        margin-right: 24px!important
    }
}

@media(min-width: 30em) {
    .u-mh--\@s {
        margin-left:6px!important;
        margin-right: 6px!important
    }
}

@media(min-width: 45em) {
    .u-mh--\@pageWrapCollapse {
        margin-left:6px!important;
        margin-right: 6px!important
    }
}

@media(min-width: 48em) {
    .u-mh--\@m {
        margin-left:6px!important;
        margin-right: 6px!important
    }
}

@media(min-width: 62em) {
    .u-mh--\@l {
        margin-left:6px!important;
        margin-right: 6px!important
    }
}

@media(min-width: 75em) {
    .u-mh--\@xl {
        margin-left:6px!important;
        margin-right: 6px!important
    }
}

@media(min-width: 80em) {
    .u-mh--\@pageWrap {
        margin-left:6px!important;
        margin-right: 6px!important
    }
}

@media(min-width: 30em) {
    .u-mh-\@s {
        margin-left:12px!important;
        margin-right: 12px!important
    }
}

@media(min-width: 45em) {
    .u-mh-\@pageWrapCollapse {
        margin-left:12px!important;
        margin-right: 12px!important
    }
}

@media(min-width: 48em) {
    .u-mh-\@m {
        margin-left:12px!important;
        margin-right: 12px!important
    }
}

@media(min-width: 62em) {
    .u-mh-\@l {
        margin-left:12px!important;
        margin-right: 12px!important
    }
}

@media(min-width: 75em) {
    .u-mh-\@xl {
        margin-left:12px!important;
        margin-right: 12px!important
    }
}

@media(min-width: 80em) {
    .u-mh-\@pageWrap {
        margin-left:12px!important;
        margin-right: 12px!important
    }
}

@media(min-width: 30em) {
    .u-mh\+\@s {
        margin-left:48px!important;
        margin-right: 48px!important
    }
}

@media(min-width: 45em) {
    .u-mh\+\@pageWrapCollapse {
        margin-left:48px!important;
        margin-right: 48px!important
    }
}

@media(min-width: 48em) {
    .u-mh\+\@m {
        margin-left:48px!important;
        margin-right: 48px!important
    }
}

@media(min-width: 62em) {
    .u-mh\+\@l {
        margin-left:48px!important;
        margin-right: 48px!important
    }
}

@media(min-width: 75em) {
    .u-mh\+\@xl {
        margin-left:48px!important;
        margin-right: 48px!important
    }
}

@media(min-width: 80em) {
    .u-mh\+\@pageWrap {
        margin-left:48px!important;
        margin-right: 48px!important
    }
}

@media(min-width: 30em) {
    .u-mh\+\+\@s {
        margin-left:96px!important;
        margin-right: 96px!important
    }
}

@media(min-width: 45em) {
    .u-mh\+\+\@pageWrapCollapse {
        margin-left:96px!important;
        margin-right: 96px!important
    }
}

@media(min-width: 48em) {
    .u-mh\+\+\@m {
        margin-left:96px!important;
        margin-right: 96px!important
    }
}

@media(min-width: 62em) {
    .u-mh\+\+\@l {
        margin-left:96px!important;
        margin-right: 96px!important
    }
}

@media(min-width: 75em) {
    .u-mh\+\+\@xl {
        margin-left:96px!important;
        margin-right: 96px!important
    }
}

@media(min-width: 80em) {
    .u-mh\+\+\@pageWrap {
        margin-left:96px!important;
        margin-right: 96px!important
    }
}

@media(min-width: 30em) {
    .u-mh0\@s {
        margin-left:0!important;
        margin-right: 0!important
    }
}

@media(min-width: 45em) {
    .u-mh0\@pageWrapCollapse {
        margin-left:0!important;
        margin-right: 0!important
    }
}

@media(min-width: 48em) {
    .u-mh0\@m {
        margin-left:0!important;
        margin-right: 0!important
    }
}

@media(min-width: 62em) {
    .u-mh0\@l {
        margin-left:0!important;
        margin-right: 0!important
    }
}

@media(min-width: 75em) {
    .u-mh0\@xl {
        margin-left:0!important;
        margin-right: 0!important
    }
}

@media(min-width: 80em) {
    .u-mh0\@pageWrap {
        margin-left:0!important;
        margin-right: 0!important
    }
}

@media(min-width: 30em) {
    .u-mv\@s {
        margin-bottom:24px!important;
        margin-top: 24px!important
    }
}

@media(min-width: 45em) {
    .u-mv\@pageWrapCollapse {
        margin-bottom:24px!important;
        margin-top: 24px!important
    }
}

@media(min-width: 48em) {
    .u-mv\@m {
        margin-bottom:24px!important;
        margin-top: 24px!important
    }
}

@media(min-width: 62em) {
    .u-mv\@l {
        margin-bottom:24px!important;
        margin-top: 24px!important
    }
}

@media(min-width: 75em) {
    .u-mv\@xl {
        margin-bottom:24px!important;
        margin-top: 24px!important
    }
}

@media(min-width: 80em) {
    .u-mv\@pageWrap {
        margin-bottom:24px!important;
        margin-top: 24px!important
    }
}

@media(min-width: 30em) {
    .u-mv--\@s {
        margin-bottom:6px!important;
        margin-top: 6px!important
    }
}

@media(min-width: 45em) {
    .u-mv--\@pageWrapCollapse {
        margin-bottom:6px!important;
        margin-top: 6px!important
    }
}

@media(min-width: 48em) {
    .u-mv--\@m {
        margin-bottom:6px!important;
        margin-top: 6px!important
    }
}

@media(min-width: 62em) {
    .u-mv--\@l {
        margin-bottom:6px!important;
        margin-top: 6px!important
    }
}

@media(min-width: 75em) {
    .u-mv--\@xl {
        margin-bottom:6px!important;
        margin-top: 6px!important
    }
}

@media(min-width: 80em) {
    .u-mv--\@pageWrap {
        margin-bottom:6px!important;
        margin-top: 6px!important
    }
}

@media(min-width: 30em) {
    .u-mv-\@s {
        margin-bottom:12px!important;
        margin-top: 12px!important
    }
}

@media(min-width: 45em) {
    .u-mv-\@pageWrapCollapse {
        margin-bottom:12px!important;
        margin-top: 12px!important
    }
}

@media(min-width: 48em) {
    .u-mv-\@m {
        margin-bottom:12px!important;
        margin-top: 12px!important
    }
}

@media(min-width: 62em) {
    .u-mv-\@l {
        margin-bottom:12px!important;
        margin-top: 12px!important
    }
}

@media(min-width: 75em) {
    .u-mv-\@xl {
        margin-bottom:12px!important;
        margin-top: 12px!important
    }
}

@media(min-width: 80em) {
    .u-mv-\@pageWrap {
        margin-bottom:12px!important;
        margin-top: 12px!important
    }
}

@media(min-width: 30em) {
    .u-mv\+\@s {
        margin-bottom:48px!important;
        margin-top: 48px!important
    }
}

@media(min-width: 45em) {
    .u-mv\+\@pageWrapCollapse {
        margin-bottom:48px!important;
        margin-top: 48px!important
    }
}

@media(min-width: 48em) {
    .u-mv\+\@m {
        margin-bottom:48px!important;
        margin-top: 48px!important
    }
}

@media(min-width: 62em) {
    .u-mv\+\@l {
        margin-bottom:48px!important;
        margin-top: 48px!important
    }
}

@media(min-width: 75em) {
    .u-mv\+\@xl {
        margin-bottom:48px!important;
        margin-top: 48px!important
    }
}

@media(min-width: 80em) {
    .u-mv\+\@pageWrap {
        margin-bottom:48px!important;
        margin-top: 48px!important
    }
}

@media(min-width: 30em) {
    .u-mv\+\+\@s {
        margin-bottom:96px!important;
        margin-top: 96px!important
    }
}

@media(min-width: 45em) {
    .u-mv\+\+\@pageWrapCollapse {
        margin-bottom:96px!important;
        margin-top: 96px!important
    }
}

@media(min-width: 48em) {
    .u-mv\+\+\@m {
        margin-bottom:96px!important;
        margin-top: 96px!important
    }
}

@media(min-width: 62em) {
    .u-mv\+\+\@l {
        margin-bottom:96px!important;
        margin-top: 96px!important
    }
}

@media(min-width: 75em) {
    .u-mv\+\+\@xl {
        margin-bottom:96px!important;
        margin-top: 96px!important
    }
}

@media(min-width: 80em) {
    .u-mv\+\+\@pageWrap {
        margin-bottom:96px!important;
        margin-top: 96px!important
    }
}

@media(min-width: 30em) {
    .u-mv0\@s {
        margin-bottom:0!important;
        margin-top: 0!important
    }
}

@media(min-width: 45em) {
    .u-mv0\@pageWrapCollapse {
        margin-bottom:0!important;
        margin-top: 0!important
    }
}

@media(min-width: 48em) {
    .u-mv0\@m {
        margin-bottom:0!important;
        margin-top: 0!important
    }
}

@media(min-width: 62em) {
    .u-mv0\@l {
        margin-bottom:0!important;
        margin-top: 0!important
    }
}

@media(min-width: 75em) {
    .u-mv0\@xl {
        margin-bottom:0!important;
        margin-top: 0!important
    }
}

@media(min-width: 80em) {
    .u-mv0\@pageWrap {
        margin-bottom:0!important;
        margin-top: 0!important
    }
}

@media print {
    *,:after,:before,:first-letter,:first-line {
        background: transparent!important;
        box-shadow: none!important;
        color: #000!important;
        text-shadow: none!important
    }

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

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

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

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

    blockquote,pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

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

    img {
        max-width: 100%!important
    }

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

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

.u-hidden-visually {
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    clip-path: inset(50%)!important;
    height: 1px!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    white-space: nowrap!important;
    width: 1px!important
}

.u-hidden {
    display: none!important
}

.u-fade-in {
    animation: fadein .75s linear forwards
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: .95
    }
}

.u-fade-out {
    animation: fadeOut .75s linear forwards
}

@keyframes fadeOut {
    0% {
        opacity: .95
    }

    to {
        opacity: 0
    }
}

.u-border-red {
    border: 1px solid red
}

.u-border-silver {
    border: 1px solid #f2f2f2
}

.u-border-silver-dark {
    border: 1px solid #979ea8
}

.u-border-black {
    border: 2px solid #000
}

.u-border {
    border: 1px solid #000!important
}

.u-no-border {
    border: none
}

.u-border-left {
    border-left: 1px solid #000!important
}

.u-border-right {
    border-right: 1px solid #000!important
}

.u-border-top {
    border-top: 1px solid #000!important
}

.u-border-bottom {
    border-bottom: 1px solid #000!important
}

.u-border-color-default {
    border-color: #fff!important
}

.u-border-color-base {
    border-color: #000!important
}

.u-border-color-ui {
    border-color: #4a4a4a!important
}

.u-border-color-ui-light {
    border-color: #dcdcdc!important
}

.u-border-color-ui-lightest {
    border-color: #c7c7c7!important
}

.u-border-color-brand {
    border-color: red!important
}

.u-border-color-brand-alt {
    border-color: #ff0!important
}

.u-border-color-silver {
    border-color: #f2f2f2!important
}

.u-border-width-1 {
    border-width: 1px!important
}

.u-border-width-2 {
    border-width: 2px!important
}

.u-bg-default {
    background-color: #fff!important
}

.u-color-default {
    color: #fff!important
}

.u-bg-base {
    background-color: #000!important
}

.u-color-base {
    color: #000!important
}

.u-bg-ui {
    background-color: #4a4a4a!important
}

.u-color-ui {
    color: #4a4a4a!important
}

.u-bg-ui-medium {
    background-color: #979797!important
}

.u-color-ui-medium {
    color: #979797!important
}

.u-bg-ui-light {
    background-color: #dcdcdc!important
}

.u-color-ui-light {
    color: #dcdcdc!important
}

.u-bg-ui-most-light {
    background-color: #f4f4f4!important
}

.u-color-ui-most-light {
    color: #f4f4f4!important
}

.u-bg-brand {
    background-color: red!important
}

.u-color-brand {
    color: red!important
}

.u-bg-brand-alt {
    background-color: #ff0!important
}

.u-color-brand-alt {
    color: #ff0!important
}

.u-bg-silver {
    background-color: #f2f2f2!important
}

.u-color-silver {
    color: #f2f2f2!important
}

.u-bg-silver-dark {
    background-color: #979ea8!important
}

.u-color-silver-dark {
    color: #979ea8!important
}

.u-bg-green {
    background-color: #279f4c!important
}

.u-color-green {
    color: #279f4c!important
}

.u-flex {
    display: flex!important
}

.u-flex-start {
    justify-content: flex-start
}

.u-flex-end {
    justify-content: flex-end
}

@media(max-width: 47.99em) {
    .u-flex-end\@m {
        justify-content:flex-end!important
    }
}

.u-flex-space-between {
    justify-content: space-between
}

.u-flex-wrap {
    flex-wrap: wrap!important
}

.u-flex-direction-column {
    flex-direction: column!important
}

@media(max-width: 47.99em) {
    .u-flex-direction-column\@m {
        flex-direction:column!important
    }
}

@media(max-width: 29.99em) {
    .u-flex-direction-column\@s {
        flex-direction:column!important
    }
}

.u-align-items-center {
    align-items: center!important
}

.u-align-items-end {
    align-items: flex-end!important
}

.u-align-items-start {
    align-items: flex-start
}

@media(max-width: 47.99em) {
    .u-align-items-start\@m {
        align-items:flex-start!important
    }
}

@media(max-width: 29.99em) {
    .u-align-items-start\@s {
        align-items:flex-start!important
    }

    .u-align-self-end\@s {
        align-self: flex-end!important
    }
}

.u-grow-1 {
    flex-grow: 1
}

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

.u-inline {
    display: inline!important
}

.u-block {
    display: block!important
}

@media(max-width: 29.99em) {
    .u-block-s {
        display:block!important
    }
}

@media(max-width: 47.99em) {
    .u-block-m {
        display:block!important
    }
}

@media(max-width: 61.99em) {
    .u-block-l {
        display:block!important
    }
}

.u-float-right {
    float: right
}

.u-float-left {
    float: left
}

.u-full-height {
    height: 100%
}

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

@media(max-width: 61.99em) {
    .u-full-width\@l {
        width:100%
    }
}

@media(max-width: 29.99em) {
    .u-full-width--s {
        width:100%
    }
}

.u-disable-page-wrap .o-page-wrap {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0
}

.u-opacity-6 {
    opacity: .6
}

.font-secondary {
    font-weight: 500
}

@media(max-width: 29.99em) {
    .u-hide-until-s {
        display:none!important
    }
}

@media(max-width: 47.99em) {
    .u-hide-until-m {
        display:none!important
    }
}

@media(max-width: 61.99em) {
    .u-hide-until-l {
        display:none!important
    }
}

@media(min-width: 48em) {
    .u-hide-from-m {
        display:none!important
    }
}

@media(min-width: 62em) {
    .u-hide-from-l {
        display:none!important
    }
}

@media(max-width: 29.99em) {
    .u-visible-until-s {
        display:block!important
    }
}

.u-visibility-hidden {
    visibility: hidden
}

.u-visibility-visible {
    visibility: visible
}

.u-hide-scrollbar {
    overflow-y: hidden;
    width: 100%
}

.hidden {
    display: none
}

.u-disable {
    cursor: auto;
    opacity: .7;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.u-overflow-hidden {
    overflow: hidden
}

.u-pos-rel {
    position: relative
}

.u-pos-abs,.u-pos-abs-0 {
    position: absolute
}

.u-pos-abs-0 {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

.u-bg-cement {
    background-attachment: fixed;
    background-image: url(https://cdn.bayer04.de/shop-static/src/public/build/images/background-cement.5321d9c0.jpg)
}

.u-bg-cement,.u-bg-stadium-red {
    background-position: 50%;
    background-size: cover
}

.u-bg-stadium-red {
    background-image: url(https://cdn.bayer04.de/shop-static/src/public/build/images/stadium-red.4c487857.png)
}

.u-bg-gradient-red {
    background-image: url(https://cdn.bayer04.de/shop-static/src/public/build/images/background-gradient-red.680bb0a0.jpg);
    background-position: 100% 0
}

.u-bg-gradient-red,.u-bg-red-stripes {
    background-size: cover;
    position: relative
}

.u-bg-red-stripes {
    background-image: url(https://cdn.bayer04.de/shop-static/src/public/build/images/background-red-stripes.d58de065.jpg);
    background-position: 0 0
}

@media(max-width: 29.99em) {
    .u-bg-red-stripes {
        background-position:100% 0
    }
}

.u-bg-lion-alone {
    background-image: url(https://cdn.bayer04.de/shop-static/src/public/build/images/background-lion-alone.05aea30f.jpg)
}

.u-bg-lion-alone,.u-bg-lion-alone-black {
    background-position: 0 0;
    background-size: cover;
    position: relative
}

.u-bg-lion-alone-black {
    background-image: url(https://cdn.bayer04.de/shop-static/src/public/build/images/background-lion-alone-black.17369d1f.jpg)
}

@media(max-width: 29.99em) {
    .u-bg-lion-alone-black {
        background-position:top
    }
}

.u-bg-lion-alone-black-small {
    background-image: url(https://cdn.bayer04.de/shop-static/src/public/build/images/background-lion-alone-black-small.ab76b9d9.jpg);
    background-position: 100% 0;
    background-size: cover;
    position: relative
}

@media(max-width: 29.99em) {
    .u-bg-lion-alone-black-small {
        background-position:top
    }
}

.u-bg-black-lion {
    background-image: url(https://cdn.bayer04.de/shop-static/src/public/build/images/background-black-lion.435112fa.jpg);
    background-position: 100% 0;
    background-size: cover;
    position: relative
}

.u-bg-base-bordered {
    background: #000;
    border-bottom: 3px solid red;
    border-top: 3px solid red
}

.u-content-section {
    padding: 100px 0 50px
}

@media(max-width: 47.99em) {
    .u-content-section {
        padding:30px 0
    }
}

.u-border {
    border: 2px solid #f2f2f2
}

.u-mr-30 {
    margin-right: 30px
}

.u-ml-30 {
    margin-left: 30px
}

.u-mr-15 {
    margin-right: 15px
}

.u-ml-15 {
    margin-left: 15px
}

@media(max-width: 47.99em) {
    .u-mr\+\@m {
        margin-right:48px
    }

    .u-mv-\@m {
        margin-top: 12px
    }

    .u-mb-\@m,.u-mv-\@m {
        margin-bottom: 12px
    }
}

@media(max-width: 29.99em) {
    .u-pt\@s {
        padding-top:24px!important
    }
}

.u-uppercase {
    text-transform: uppercase!important
}

.u-no-uppercase {
    text-transform: none!important
}

.u-underline {
    border-bottom: 1px solid #000
}

.u-underline-white {
    border-bottom: 1px solid #fff
}

.u-no-underline {
    text-decoration: none!important
}

.u-f--light {
    font-weight: 300
}

.u-f--medium {
    font-weight: 400
}

.u-f--bold {
    font-weight: 500
}

.u-f--extrabold {
    font-weight: 700
}

.u-f--base {
    font-family: Titling Gothic Narrow,Arial,sans-serif
}

.u-f--cond {
    font-family: Titling Gothic Condensed,Arial,sans-serif
}

.u-text-center {
    text-align: center!important
}

.u-text-right {
    text-align: right!important
}

.u-text-left {
    text-align: left!important
}

.u-text-vertical-center {
    align-items: center;
    display: inline-flex
}

.u-f-size--18 {
    font-size: 18px
}

.u-f-size--16 {
    font-size: 16px
}

.u-f-size--small {
    font-size: 14px
}

.u-f-size--xsmall {
    font-size: 12px
}

.u-f-size--large {
    font-size: 24px
}

@media(max-width: 29.99em) {
    .u-f-size--large {
        font-size:18px
    }
}

.u-strike {
    text-decoration: line-through
}

.u-font-oblique {
    font-style: oblique
}

.u-c-pointer,.u-c-pointer-hover:hover {
    cursor: pointer
}

.u-line-height-1 {
    line-height: 1
}

.u-text-nowrap {
    white-space: nowrap
}

@media(max-width: 29.99em) {
    .u-white-space-normal\@s {
        white-space:normal!important
    }
}

.editmode-areabrick-container {
    border: 2px solid #888;
    margin: 2px
}

.editmode-areabrick-container.o-layout__item {
    margin: unset;
    padding-left: unset
}

.editmode-areabrick-title {
    background: #888;
    color: #fff;
    display: flex;
    justify-content: center;
    padding-bottom: 5px;
    padding-top: 5px
}

.editmode-gallery {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px
}

.editmode-gallery .pimcore_block_entry {
    display: block;
    flex: none;
    padding: 5px;
    width: 33%
}

.editmode-checkbox input {
    margin-right: 5px
}

.c-newsletter-popup-pimcore .c-newsletter-popup__container {
    margin: 0 auto;
    position: static;
    transform: translate(0)
}