body {
  border: 0px solid green;
  padding: 0px;
  margin: 0px;
}

.tot {
  position: sticky;
  top: 0;
  height: 10vh;
  height: calc(var(--vh, 1vh) * 110);
  flex: 1;
  display: flex;
  justify-content: center;
  border: 0px solid #555;
  box-sizing: border-box;
  overflow: hidden;
}

/*************
  BACKGROUND
**************/

#background {
  position: relative;
  left: 0%;
  top: 0%;
  background-color: transparent;
  width: 100%;
  height: 100vh;
  z-index: -1;
}

#backgroundImage {
  width: 100%;
  height: 100vh;
  object-fit: fill;
  z-index: -1;
}

/*************
  TITLE
**************/

#titleSparks {
  position: absolute;
  width: 200%;
  height: 80%;
  object-fit: fill;
  left: -20%;
  top: -5%;
}

#title {
  position: absolute;
  width: 90%;
  height: 30vh;
  object-fit: fill;
  left: 5%;
  top: 20vh;
  object-fit: contain;
  z-index: 5;
}

/*************
  LOGO
**************/

#logo {
  position: absolute;
  width: 40%;
  height: 18vh;
  object-fit: fill;
  left: 30%;
  top: 4vh;
  object-fit: contain;
}

/*************
  CLOUDS
**************/

#cloud1 {
  position: absolute;
  width: 30%;
  height: 12%;
  top: 48vh;
  left: -1%;
  object-fit: contain;
}

#cloud2 {
  position: absolute;
  width: 80%;
  height: 40%;
  top: -4vh;
  left: -45%;
  object-fit: contain;
}

#cloud3 {
  position: absolute;
  width: 50%;
  height: 30%;
  top: 38vh;
  right: -20%;
  object-fit: contain;
}

#cloud4 {
  position: absolute;
  width: 30%;
  height: 14%;
  top: 7vh;
  right: -3%;
  object-fit: contain;
}

/***********
* INSTAGRAM BUTTON
************/

#instaButtonArea {
  position: absolute;
  width: 60%;
  height: 50%;
  object-fit: contain;
  left: 20%;
  top: 25vh;
  display: none;
}

#instaSparks {
  position: relative;
  width: 125%;
  height: 125%;
  object-fit: contain;
  left: -12.5%;
}

#instaButton {
  position: relative;
  width: 90%;
  height: 27%;
  left: 10%;
  top: -76.5%;
  z-index: 1;
  object-fit: contain;
}

#instaButtonImage {
  width: 90%;
  height: 100%;
  object-fit: contain;
}

/***********
* AR_BUTTON
************/

#ARButtonArea {
  position: absolute;
  width: 60%;
  height: 50%;
  object-fit: contain;
  left: 20%;
  top: 40vh;
  display: none;
}

#ARSparks {
  position: relative;
  width: 125%;
  height: 125%;
  object-fit: contain;
  left: -12.5%;
}

#topLeft {
  position: relative;
  width: 90%;
  height: 27%;
  left: 5%;
  top: -76.5%;
  z-index: 1;
  object-fit: contain;
}

#arButtonImage {
  position: relative;
  width: 90%;
  height: 100%;
  object-fit: contain;
  left: 5%;
}

model-viewer {
  --poster-color: #FFFFFF00;
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  opacity: 0;
}

button {
  background-color: blue;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  z-index: 10;
  object-fit: contain;
}

/***********
* DE GEWINNSPIEL BUTTON
************/
#gewinnspielButtonArea {
  position: absolute;
  width: 60%;
  height: 50%;
  object-fit: contain;
  left: 20%;
  top: 55vh;
  display: none;
}

#gewinnspielSparks {
  position: relative;
  width: 125%;
  height: 125%;
  object-fit: contain;
  left: -12.5%;
}

#gewinnspielButton {
  position: relative;
  width: 90%;
  height: 27%;
  left: 5%;
  top: -76.5%;
  z-index: 1;
  object-fit: contain;
}

#gewinnspielButtonImage {
  position: relative;
  width: 90%;
  height: 100%;
  object-fit: contain;
  left: 5%;
}

/***********
* FOOTER
************/
:root {
  --c-white: #fff;
  --c-white-rgb: 255, 255, 255;
  --c-ghost-white-100: #f6f7fa;
  --c-platinum-grey-200: #e6e7e7;
  --c-platinum-grey-200-rgb: 230, 231, 231;
  --c-silver-chalice-grey-300: #afb4b9;
  --c-black-coral-grey-500: #5f6973;
  --c-outer-space-crayola-600: #313a3d;
  --c-black: #000;
  --c-black-rgb: 0, 0, 0;
  --c-maximum-red: #e1000f;
  --c-maximum-red-rgb: 225, 0, 15;
  --c-dark-red: #84010a;
  --c-celadon-blue: #13739f;
  --c-indigo-blue: #0e425a;
  --c-salmon-pink: #f3999f;
  --c-jade-green: #46a569
}

html.darkmode {
  --c-white: #121212;
  --c-white-rgb: 18, 18, 18;
  --c-ghost-white-100: #313a3d;
  --c-platinum-grey-200: #313a3d;
  --c-platinum-grey-200-rgb: 49, 58, 61;
  --c-silver-chalice-grey-300: #5f6973;
  --c-black-coral-grey-500: #e6e7e7;
  --c-outer-space-crayola-600: #f6f7fa;
  --c-black: #e0e0e0;
  --c-black-rgb: 224, 224, 224;
  --c-maximum-red: #ffc3a0;
  --c-maximum-red-rgb: 255, 195, 160;
  --c-dark-red: #c87364;
  --c-celadon-blue: #86b6cc;
  --c-indigo-blue: #6a8c9b;
  --c-salmon-pink: #84898b;
  --c-jade-green: #7cbe94
}

.tns-outer {
  padding: 0 !important
}

.tns-outer [hidden] {
  display: none !important
}

.tns-outer [aria-controls],
.tns-outer [data-action] {
  cursor: pointer
}

.tns-slider {
  -webkit-transition: all 0s;
  transition: all 0s
}

.tns-slider>.tns-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap
}

.tns-horizontal.tns-subpixel>.tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal
}

.tns-horizontal.tns-no-subpixel:after {
  content: '';
  display: table;
  clear: both
}

.tns-horizontal.tns-no-subpixel>.tns-item {
  float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
  margin-right: -100%
}

.tns-no-calc {
  position: relative;
  left: 0
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px
}

.tns-gallery>.tns-item {
  position: absolute;
  left: -100%;
  -webkit-transition: transform 0s, opacity 0s;
  -webkit-transition: opacity 0s, -webkit-transform 0s;
  transition: opacity 0s, -webkit-transform 0s;
  transition: transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s, -webkit-transform 0s
}

.tns-gallery>.tns-slide-active {
  position: relative;
  left: auto !important
}

.tns-gallery>.tns-moving {
  -webkit-transition: all 0.25s;
  transition: all 0.25s
}

.tns-autowidth {
  display: inline-block
}

.tns-lazy-img {
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.6
}

.tns-lazy-img.tns-complete {
  opacity: 1
}

.tns-ah {
  -webkit-transition: height 0s;
  transition: height 0s
}

.tns-ovh {
  overflow: hidden
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em
}

.tns-transparent {
  opacity: 0;
  visibility: hidden
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0
}

.tns-normal,
.tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1
}

.tns-vpfix {
  white-space: nowrap
}

.tns-vpfix>div,
.tns-vpfix>li {
  display: inline-block
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden
}

.tns-t-ct {
  width: 2333.33333%;
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0
}

.tns-t-ct:after {
  content: '';
  display: table;
  clear: both
}

.tns-t-ct>div {
  width: 1.42857%;
  width: calc(100% / 70);
  height: 10px;
  float: left
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: inherit;
  font-size: 1em;
  vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block
}

ol,
ul {
  list-style: none
}

blockquote,
q {
  quotes: none
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: '';
  content: none
}

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

sup,
sub {
  vertical-align: baseline;
  position: relative;
  font-size: 0.7em;
  top: 0.25em
}

sup {
  top: -0.5em
}

button {
  padding: 0;
  background: none;
  border: 0
}

html {
  height: 100%
}

body {
  position: relative;
  min-height: 100%;
  line-height: 1
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.loading__base {
  height: 1px;
  margin: 0 0 20px;
  position: relative
}

.searchresults__base .loading__base {
  left: 0;
  position: absolute;
  top: 225px;
  width: 100%
}

.loading__bar,
.loading__separator {
  position: absolute;
  top: 0;
  border: 0 solid;
  border-bottom-width: 1px;
  margin: 0
}

.loading__separator {
  border-color: #000;
  z-index: 1;
  width: 100%
}

.searchresults__base .loading__separator {
  z-index: auto
}

.loading__bar {
  border-color: #e20f0f;
  z-index: 2;
  width: 0
}

.loading__bar-isLoading {
  width: 75%;
  -webkit-transition: width 5s;
  transition: width 5s
}

.loading__bar-isComplete {
  width: 100%;
  -webkit-transition: width 0.2s;
  transition: width 0.2s
}

.loading__bar-isHidden {
  display: none
}

.skeleton__container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px
}

.skeleton__container.skeleton__screenset {
  max-width: 600px
}

.skeleton__base {
  display: none
}

.skeleton__base--show {
  -webkit-animation: pulse 1.5s ease-in-out 0.5s infinite;
  animation: pulse 1.5s ease-in-out 0.5s infinite;
  display: block
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .skeleton__base--show {
    -webkit-animation: none;
    animation: none
  }
}

.skeleton__animate {
  -webkit-animation: fadeInUp 0.5s ease-in both;
  animation: fadeInUp 0.5s ease-in both;
  opacity: 0
}

.skeleton__animate:nth-child(1n) {
  -webkit-animation-delay: .1s;
  animation-delay: .1s
}

.skeleton__animate:nth-child(2n) {
  -webkit-animation-delay: .2s;
  animation-delay: .2s
}

.skeleton__animate:nth-child(3n) {
  -webkit-animation-delay: .3s;
  animation-delay: .3s
}

.skeleton__animate:nth-child(4n) {
  -webkit-animation-delay: .4s;
  animation-delay: .4s
}

.skeleton__animate:nth-child(5n) {
  -webkit-animation-delay: .5s;
  animation-delay: .5s
}

.skeleton__animate:nth-child(6n) {
  -webkit-animation-delay: .6s;
  animation-delay: .6s
}

.skeleton__animate:nth-child(7n) {
  -webkit-animation-delay: .7s;
  animation-delay: .7s
}

.skeleton__animate:nth-child(8n) {
  -webkit-animation-delay: .8s;
  animation-delay: .8s
}

.skeleton__animate:nth-child(9n) {
  -webkit-animation-delay: .9s;
  animation-delay: .9s
}

.skeleton__animate:nth-child(10n) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s
}

.skeleton__row {
  zoom: 1;
  zoom: 1;
  margin-left: -8px;
  margin-right: -8px
}

.skeleton__row::before,
.skeleton__row::after {
  content: '';
  display: block;
  height: 0;
  overflow: hidden
}

.skeleton__row::after {
  clear: both
}

.skeleton__row::before,
.skeleton__row::after {
  content: '';
  display: block;
  height: 0;
  overflow: hidden
}

.skeleton__row::after {
  clear: both
}

@media (min-width: 768px) {
  .skeleton__row {
    margin-left: -10px;
    margin-right: -10px
  }
}

.skeleton__column--size1 {
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px
}

@media (min-width: 768px) {
  .skeleton__column--size1 {
    width: 8.33333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.skeleton__column--size2 {
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px
}

@media (min-width: 768px) {
  .skeleton__column--size2 {
    width: 16.66667%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.skeleton__column--size3 {
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px
}

@media (min-width: 768px) {
  .skeleton__column--size3 {
    width: 25%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.skeleton__column--size4 {
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px
}

@media (min-width: 768px) {
  .skeleton__column--size4 {
    width: 33.33333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.skeleton__column--size5 {
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px
}

@media (min-width: 768px) {
  .skeleton__column--size5 {
    width: 41.66667%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.skeleton__column--size6 {
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px
}

@media (min-width: 768px) {
  .skeleton__column--size6 {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.skeleton__column--size7 {
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px
}

@media (min-width: 768px) {
  .skeleton__column--size7 {
    width: 58.33333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.skeleton__column--size8 {
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px
}

@media (min-width: 768px) {
  .skeleton__column--size8 {
    width: 66.66667%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.skeleton__column--size9 {
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px
}

@media (min-width: 768px) {
  .skeleton__column--size9 {
    width: 75%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.skeleton__column--size10 {
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px
}

@media (min-width: 768px) {
  .skeleton__column--size10 {
    width: 83.33333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.skeleton__column--size11 {
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px
}

@media (min-width: 768px) {
  .skeleton__column--size11 {
    width: 91.66667%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.skeleton__column--size12 {
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px
}

@media (min-width: 768px) {
  .skeleton__column--size12 {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.skeleton__column--centered {
  float: none;
  margin-left: auto;
  margin-right: auto
}

.skeleton__element {
  background-color: var(--c-platinum-grey-200);
  margin-bottom: 10px
}

.skeleton__card {
  border: 1px solid var(--c-platinum-grey-200);
  -webkit-box-shadow: 0 2px 15px 0 rgba(var(--c-platinum-grey-200-rgb), 0.52);
  box-shadow: 0 2px 15px 0 rgba(var(--c-platinum-grey-200-rgb), 0.52);
  margin-bottom: 15px;
  padding: 10px 10px 0
}

.skeleton__spacing {
  padding-top: 15px;
  width: 100%
}

.skeleton__image {
  padding-top: 56.25%
}

.skeleton__card .skeleton__image {
  padding-top: 75%
}

.skeleton__video {
  padding-top: 56.25%;
  position: relative
}

.skeleton__video--movingImage,
.skeleton__video--youtube {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.skeleton__video-icon {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  height: 80px;
  left: calc(50% - 40px);
  opacity: 0.5;
  position: absolute;
  top: calc(50% - 40px);
  width: 80px
}

.skeleton__avatar {
  border-radius: 100%;
  height: 90px;
  width: 90px
}

.skeleton__text-short,
.skeleton__title-short {
  width: 30%
}

.skeleton__text-medium,
.skeleton__title-medium {
  width: 70%
}

.skeleton__title {
  height: 40px
}

.skeleton__text {
  height: 20px
}

.skeleton__cta {
  height: 45px;
  min-width: 150px;
  width: 20%
}

@-webkit-keyframes pulse {
  0% {
    opacity: 1
  }

  50% {
    opacity: 0.6
  }

  100% {
    opacity: 1
  }
}

@keyframes pulse {
  0% {
    opacity: 1
  }

  50% {
    opacity: 0.6
  }

  100% {
    opacity: 1
  }
}

@-webkit-keyframes fadeInUp {
  from {
    -webkit-transform: translate(0, 50px);
    transform: translate(0, 50px)
  }

  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@keyframes fadeInUp {
  from {
    -webkit-transform: translate(0, 50px);
    transform: translate(0, 50px)
  }

  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
  width: 100%
}

@media (min-width: 1024px) {
  .container {
    max-width: 944px;
    padding: 0
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1200px
  }
}

.container .container {
  padding: 0
}

.columncontrol .container {
  padding: 0
}

@media (min-width: 640px) {
  .columncontrol .container {
    padding: 0 20px
  }
}

@media (min-width: 1024px) {
  .columncontrol .container {
    padding: 0
  }
}

.columncontrol .container .container {
  padding: 0
}

.carousel .image .container {
  max-width: none;
  padding: 0
}

.header__base,
.footer,
.cookienote__base {
  left: 0;
  margin-left: auto;
  margin-right: auto;
  right: 0
}

.main {
  background-attachment: local;
  background-position: left bottom, left top;
  background-position-x: center;
  background-repeat: no-repeat;
  background-size: 100%;
  outline: none;
  padding-bottom: 150px;
  width: 100%
}

.main.home-page__base,
.main.content-page__base {
  background-color: #e3032b
}

.main.home-page__base {
  background-image: url("assets/home-background-xs.png")
}

@media (min-width: 768px) {
  .main.home-page__base {
    background-image: url("assets/home-background-s.png")
  }
}

@media (min-width: 1024px) {
  .main.home-page__base {
    background-image: url("assets/home-background-m.png")
  }
}

@media (min-width: 1280px) {
  .main.home-page__base {
    background-image: url("assets/home-background-l.png")
  }
}

.main.home-page__base .main__fixed-background {
  height: 200px;
  left: 50px
}

@media (min-width: 1024px) {
  .main.home-page__base .main__fixed-background {
    height: 225px
  }
}

@media (min-width: 1280px) {
  .main.home-page__base .main__fixed-background {
    left: 100px;
    height: 250px
  }
}

.main.home-page__base .main__fixed-background--initial-top {
  top: 200px
}

.main.content-page__base {
  background-image: url("assets/content-background-xs.png")
}

@media (min-width: 768px) {
  .main.content-page__base {
    background-image: url("assets/content-background-s.png")
  }
}

@media (min-width: 1024px) {
  .main.content-page__base {
    background-image: url("assets/content-background-m.png")
  }
}

@media (min-width: 1280px) {
  .main.content-page__base {
    background-image: url("assets/content-background-l.png")
  }
}

.main.content-page__base .main__fixed-background {
  height: 80px;
  right: 20px
}

@media (min-width: 640px) {
  .main.content-page__base .main__fixed-background {
    height: 135px;
    right: 135px
  }
}

@media (min-width: 768px) {
  .main.content-page__base .main__fixed-background {
    height: 150px;
    right: 105px
  }
}

@media (min-width: 1024px) {
  .main.content-page__base .main__fixed-background {
    height: 190px;
    right: 165px
  }
}

@media (min-width: 1280px) {
  .main.content-page__base .main__fixed-background {
    height: 200px;
    right: 300px
  }
}

@media (min-width: 1680px) {
  .main.content-page__base .main__fixed-background {
    height: 270px;
    right: 390px
  }
}

.main.content-page__base .main__fixed-background--initial-top {
  top: 650px
}

.main.product-page__base {
  background-image: url("assets/product-background-xs.png"), linear-gradient(138deg, #fff 8%, #f2f2f2 117%)
}

@media (min-width: 768px) {
  .main.product-page__base {
    background-image: url("assets/product-background-s.png"), linear-gradient(138deg, #fff 8%, #f2f2f2 117%)
  }
}

@media (min-width: 1024px) {
  .main.product-page__base {
    background-image: url("assets/product-background-m.png"), linear-gradient(138deg, #fff 8%, #f2f2f2 117%)
  }
}

@media (min-width: 1280px) {
  .main.product-page__base {
    background-image: url("assets/product-background-l.png"), linear-gradient(138deg, #fff 8%, #f2f2f2 117%)
  }
}

.main.product-page__base .main__fixed-background {
  height: 90px;
  right: 20px
}

@media (min-width: 640px) {
  .main.product-page__base .main__fixed-background {
    right: 50px
  }
}

@media (min-width: 1024px) {
  .main.product-page__base .main__fixed-background {
    right: 100px
  }
}

@media (min-width: 1280px) {
  .main.product-page__base .main__fixed-background {
    right: 300px
  }
}

.main.product-page__base .main__fixed-background--initial-top {
  top: 160px
}

.main__fixed-background {
  position: fixed
}

.main>div:not(.parsys-container):not(.stage-container):not(.brands-container):not(.main__background):not(.cmp-list):not(.backtotop__base),
.main>div>.experiencefragment>div:not(.brands-container):not(.main__background):not(.cmp-list):not(.backtotop__base),
.main>div>div:not(.brands-container):not(.main__background):not(.cmp-list):not(.backtotop__base) {
  margin-left: auto;
  margin-right: auto;
  max-width: 1680px;
  position: relative
}

.main.globalPage__base>div>.experiencefragment>div>.stage__base .stage__main>.stage__title,
.main.globalPage__base>div>.experiencefragment>div>.stage__regular>.stage__description>.stage__subtitle,
.main.globalPage__base>div>.stage__base .stage__main>.stage__title,
.main.globalPage__base>div>.stage__regular>.stage__description>.stage__subtitle {
  margin-left: 0
}

.heli__svg-icons {
  display: block
}

[dir='rtl'] .ic-arrow-right,
[dir='rtl'] .ic-arrow-right-thin {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

[dir='rtl'] .ic-arrow-left,
[dir='rtl'] .ic-arrow-left-thin {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

[dir='rtl'] .ic-search,
[dir='rtl'] .ic-cta-search,
[dir='rtl'] .ic-cta-faq,
[dir='rtl'] .ic-shopping-cart {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg)
}

.contactform .button.button__primary {
  cursor: pointer;
  -webkit-transform: none;
  transform: none
}

.contactform .button:not(.button__primary) {
  background: none;
  color: none
}

.contactform .button:not(.button__primary)::after,
.contactform .button:not(.button__primary)::before {
  content: none
}

.checkbox__base--regular {
  cursor: pointer;
  display: block;
  margin-bottom: 15px;
  overflow: hidden;
  max-width: 100%
}

.checkbox__label--regular,
.checkbox__icon--regular {
  display: block;
  float: left
}

.checkbox__label--regular {
  font-size: 17px;
  font-family: Arial, sans-serif;
  line-height: 27px;
  -webkit-transition: background-color .5s, border-color .5s, color .5s;
  transition: background-color .5s, border-color .5s, color .5s;
  color: var(--c-black);
  padding-left: 10px;
  width: calc(100% - 24px)
}

body.fontsReady .checkbox__label--regular {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .checkbox__label--regular {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 29px
  }

  body.fontsReady .checkbox__label--regular {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

.layoutpanel__wrapper--black .layoutpanel__container>:not(.columncontrol) .checkbox__label--regular,
.layoutpanel__wrapper--darkgrey .layoutpanel__container>:not(.columncontrol) .checkbox__label--regular,
.layoutpanel__wrapper--mediumgrey .layoutpanel__container>:not(.columncontrol) .checkbox__label--regular,
.layoutpanel__wrapper--regularBlue .layoutpanel__container>:not(.columncontrol) .checkbox__label--regular,
.layoutpanel__wrapper--black .columncontrol__base--control-transparent .checkbox__label--regular,
.layoutpanel__wrapper--darkgrey .columncontrol__base--control-transparent .checkbox__label--regular,
.layoutpanel__wrapper--mediumgrey .columncontrol__base--control-transparent .checkbox__label--regular,
.layoutpanel__wrapper--regularBlue .columncontrol__base--control-transparent .checkbox__label--regular {
  color: var(--c-white)
}

html.darkmode .layoutpanel__wrapper--black .layoutpanel__container>:not(.columncontrol) .checkbox__label--regular,
html.darkmode .layoutpanel__wrapper--darkgrey .layoutpanel__container>:not(.columncontrol) .checkbox__label--regular,
html.darkmode .layoutpanel__wrapper--mediumgrey .layoutpanel__container>:not(.columncontrol) .checkbox__label--regular,
html.darkmode .layoutpanel__wrapper--regularBlue .layoutpanel__container>:not(.columncontrol) .checkbox__label--regular,
html.darkmode .layoutpanel__wrapper--black .columncontrol__base--control-transparent .checkbox__label--regular,
html.darkmode .layoutpanel__wrapper--darkgrey .columncontrol__base--control-transparent .checkbox__label--regular,
html.darkmode .layoutpanel__wrapper--mediumgrey .columncontrol__base--control-transparent .checkbox__label--regular,
html.darkmode .layoutpanel__wrapper--regularBlue .columncontrol__base--control-transparent .checkbox__label--regular {
  color: #e0e0e0
}

.checkbox__icon--regular {
  -webkit-transition: background-color .5s, border-color .5s, color .5s;
  transition: background-color .5s, border-color .5s, color .5s;
  width: 20px;
  height: 20px;
  border: 1px solid var(--c-black-coral-grey-500);
  border-radius: 0;
  color: #e20f0f;
  margin-top: 1px;
  background-color: var(--c-white)
}

.checkbox__input:checked+.checkbox__icon--regular {
  background-color: #fff
}

.checkbox__icon--regular .heli__svg-icon {
  display: block
}

.checkbox__container--button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.checkbox__container--button .error__message {
  width: 100%
}

.checkbox__base--button {
  border: 1px solid var(--c-silver-chalice-grey-300);
  cursor: pointer;
  width: 100%;
  margin-bottom: 2%
}

@media (min-width: 640px) {
  .checkbox__base--button {
    width: 32%;
    margin-right: 2%
  }

  .checkbox__base--button:nth-child(3n) {
    margin-right: 0
  }
}

.checkbox__base--button.hasError {
  border-color: var(--c-maximum-red)
}

.checkbox__label--button {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  background-color: var(--c-white);
  width: 100%;
  height: 100%;
  padding: 10px
}

body.fontsReady .checkbox__label--button {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 768px) {
  .checkbox__label--button {
    font-size: 18px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 24px
  }

  body.fontsReady .checkbox__label--button {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

.checkbox__input:checked+.checkbox__label--button {
  background-color: #fff;
  color: var(--c-white)
}

.checkbox__input:disabled+.checkbox__label--button {
  opacity: 0.5
}

.checkbox__input.hasFocus+.checkbox__icon--regular,
.checkbox__input.hasFocus+.checkbox__label--button {
  outline: 2px solid #4d90fe;
  outline-offset: -2px;
  z-index: 2
}

.checkbox__base .heli__svg-icon {
  display: none
}

.checkbox__input:checked+.heli__svg-icons .heli__svg-icon {
  display: block;
  padding: 2px
}

.dropdown:not(.options) {
  max-width: 100%
}

.dropdown.options {
  max-width: 100%
}

.dropdown__base {
  font-size: 17px;
  font-family: Arial, sans-serif;
  line-height: 27px;
  position: relative;
  color: var(--c-black);
  display: inline-block;
  width: 100%;
  margin-bottom: 0
}

body.fontsReady .dropdown__base {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .dropdown__base {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 29px
  }

  body.fontsReady .dropdown__base {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

.dropdown__base.hasError .dropdown__input {
  margin-bottom: 12px;
  border-color: var(--c-maximum-red)
}

.dropdown__base.hasError+.error__message {
  margin-bottom: 28px
}

.dropdown__input {
  -webkit-transition: background-color .5s, border-color .5s, color .5s;
  transition: background-color .5s, border-color .5s, color .5s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 1px solid var(--c-silver-chalice-grey-300);
  color: var(--c-black);
  display: block;
  height: 40px;
  overflow: hidden;
  padding: 0 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}

.dropdown__input.input__base {
  font-size: 17px;
  font-family: Arial, sans-serif;
  line-height: 27px;
  cursor: pointer;
  padding: 0 40px 0 10px
}

body.fontsReady .dropdown__input.input__base {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .dropdown__input.input__base {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 29px
  }

  body.fontsReady .dropdown__input.input__base {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

.dropdown__icon {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 24px;
  height: 22px;
  pointer-events: none
}

.dropdown__list,
.dropdown__noItems {
  position: absolute;
  left: 0;
  z-index: 20;
  width: 100%;
  display: none;
  border: 1px solid var(--c-silver-chalice-grey-300);
  border-radius: 0;
  border-top: 0;
  background: var(--c-white);
  overflow: auto;
  max-height: 229px;
  top: 100%;
  margin-top: -58px
}

.hasError .dropdown__list,
.hasError .dropdown__noItems {
  margin-top: -12px
}

.dropdown__list-isOpen,
.dropdown__noItems-isOpen {
  display: block
}

.dropdown__list {
  cursor: pointer
}

.dropdown__item {
  padding: 10px 16px;
  border-top: 1px solid var(--c-platinum-grey-200);
  margin: 0 2px
}

.dropdown__item:first-child {
  border-top: 0;
  margin-top: 2px
}

.dropdown__item:last-child {
  margin-bottom: 2px
}

.dropdown__item:hover {
  background-color: var(--c-platinum-grey-200)
}

.dropdown__item-isHidden {
  display: none
}

.dropdown__itemText {
  display: block;
  border-top: 1px solid var(--c-platinum-grey-200)
}

.dropdown__collapseIcon,
.dropdown__locationIcon,
.dropdown__clearBtn,
.dropdown__pencilIcon {
  display: none;
  position: absolute;
  top: 50%;
  right: 5px;
  padding: 3px 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 40px;
  height: 40px;
  color: var(--c-silver-chalice-grey-300)
}

.dropdown__collapseIcon:hover,
.dropdown__locationIcon:hover,
.dropdown__clearBtn:hover,
.dropdown__pencilIcon:hover {
  color: var(--c-maximum-red)
}

.dropdown__collapseIcon-isVisible,
.dropdown__locationIcon-isVisible,
.dropdown__clearBtn-isVisible,
.dropdown__pencilIcon-isVisible {
  display: inline
}

.dropdown__clearBtn {
  border: 0;
  background-color: rgba(0, 0, 0, 0)
}

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

.dropdown__clearIcon {
  cursor: pointer
}

.dropdown__results {
  position: relative
}

.dropdown__noItems {
  padding: 10px
}

.input {
  position: relative;
  max-width: 100%
}

.input__base {
  font-size: 17px;
  font-family: Arial, sans-serif;
  line-height: 27px;
  -webkit-transition: background-color .5s, border-color .5s, color .5s;
  transition: background-color .5s, border-color .5s, color .5s;
  height: 40px;
  border: 1px solid var(--c-silver-chalice-grey-300);
  width: 100%;
  background-color: var(--c-white);
  color: #000;
  padding: 0 10px;
  max-width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  margin-bottom: 58px
}

body.fontsReady .input__base {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .input__base {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 29px
  }

  body.fontsReady .input__base {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

.input__base:focus {
  background-color: var(--c-ghost-white-100)
}

.input__base::-webkit-input-placeholder {
  -webkit-transition: background-color .5s, border-color .5s, color .5s;
  transition: background-color .5s, border-color .5s, color .5s;
  font-size: 17px;
  font-family: Arial, sans-serif;
  line-height: 27px;
  color: #838383
}

.input__base::-moz-placeholder {
  -webkit-transition: background-color .5s, border-color .5s, color .5s;
  transition: background-color .5s, border-color .5s, color .5s;
  font-size: 17px;
  font-family: Arial, sans-serif;
  line-height: 27px;
  color: #838383
}

.input__base::-ms-input-placeholder {
  -webkit-transition: background-color .5s, border-color .5s, color .5s;
  transition: background-color .5s, border-color .5s, color .5s;
  font-size: 17px;
  font-family: Arial, sans-serif;
  line-height: 27px;
  color: #838383
}

.input__base::placeholder {
  -webkit-transition: background-color .5s, border-color .5s, color .5s;
  transition: background-color .5s, border-color .5s, color .5s;
  font-size: 17px;
  font-family: Arial, sans-serif;
  line-height: 27px;
  color: #838383
}

body.fontsReady .input__base::-webkit-input-placeholder {
  font-family: "FuturaBook", Arial, sans-serif
}

body.fontsReady .input__base::-moz-placeholder {
  font-family: "FuturaBook", Arial, sans-serif
}

body.fontsReady .input__base::-ms-input-placeholder {
  font-family: "FuturaBook", Arial, sans-serif
}

body.fontsReady .input__base::placeholder {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .input__base::-webkit-input-placeholder {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 29px
  }

  .input__base::-moz-placeholder {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 29px
  }

  .input__base::-ms-input-placeholder {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 29px
  }

  .input__base::placeholder {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 29px
  }

  body.fontsReady .input__base::-webkit-input-placeholder {
    font-family: "FuturaBook", Arial, sans-serif
  }

  body.fontsReady .input__base::-moz-placeholder {
    font-family: "FuturaBook", Arial, sans-serif
  }

  body.fontsReady .input__base::-ms-input-placeholder {
    font-family: "FuturaBook", Arial, sans-serif
  }

  body.fontsReady .input__base::placeholder {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

.input__base-isFixed {
  padding: 0;
  border: 0
}

.input__base.hasError,
.input__base.isInvalid {
  border-color: var(--c-maximum-red);
  margin-bottom: 12px
}

.radiobutton__base {
  margin-bottom: 50px
}

.hasError .radiobutton__base {
  margin-bottom: 2px
}

.radiobutton__contentWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.radiobutton__element {
  font-size: 17px;
  font-family: Arial, sans-serif;
  line-height: 27px;
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  max-width: 150px;
  line-height: 18px;
  padding: 10px 30px 10px 0
}

body.fontsReady .radiobutton__element {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .radiobutton__element {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 29px
  }

  body.fontsReady .radiobutton__element {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

@media (min-width: 768px) {
  .radiobutton__element {
    max-width: 200px
  }
}

.radiobutton__element-isDisabled {
  color: #838383
}

.radiobutton__label {
  cursor: pointer;
  height: 18px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.radiobutton__label::before {
  content: '';
  display: inline-block;
  border: 4px #fff solid;
  -webkit-box-shadow: 0 0 0 1px #000;
  box-shadow: 0 0 0 1px #000;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 10px
}

.radiobutton__input:focus+.radiobutton__label::before {
  background-color: #000
}

.radiobutton__input:checked+.radiobutton__label::before {
  background-color: #e3032b
}

.radiobutton__input:hover:not(:checked)+.radiobutton__label::before {
  background-color: #e3032b
}

.radiobutton__input:active+.radiobutton__label::before {
  background-color: #000
}

.textarea__base {
  font-size: 17px;
  font-family: Arial, sans-serif;
  line-height: 27px;
  -webkit-transition: background-color .5s, border-color .5s, color .5s;
  transition: background-color .5s, border-color .5s, color .5s;
  resize: none;
  border: 1px solid var(--c-silver-chalice-grey-300);
  border-radius: 0;
  width: 100%;
  color: var(--c-black);
  margin-bottom: 15px;
  padding: 8px;
  background-color: var(--c-white);
  max-width: 100%
}

body.fontsReady .textarea__base {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .textarea__base {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 29px
  }

  body.fontsReady .textarea__base {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

.textarea__base.hasError {
  border-color: var(--c-maximum-red)
}

.relatedfields__base {
  border: solid var(--c-platinum-grey-200);
  border-width: 1px 0 0;
  margin-top: 20px;
  padding-top: 20px
}

.contactform--grayBackground .relatedfields__base {
  border-color: var(--c-white)
}

.relatedfields__base--hasBorderBottom {
  border-width: 1px 0;
  margin-bottom: 20px;
  padding-bottom: 20px
}

.relatedfields__legend {
  position: absolute;
  left: -5000px
}

.relatedfields__title,
.relatedfields__description {
  color: var(--c-black)
}

.layoutpanel__wrapper--black .layoutpanel__container>:not(.columncontrol) .relatedfields__title,
.layoutpanel__wrapper--darkgrey .layoutpanel__container>:not(.columncontrol) .relatedfields__title,
.layoutpanel__wrapper--mediumgrey .layoutpanel__container>:not(.columncontrol) .relatedfields__title,
.layoutpanel__wrapper--regularBlue .layoutpanel__container>:not(.columncontrol) .relatedfields__title,
.layoutpanel__wrapper--black .columncontrol__base--control-transparent .relatedfields__title,
.layoutpanel__wrapper--darkgrey .columncontrol__base--control-transparent .relatedfields__title,
.layoutpanel__wrapper--mediumgrey .columncontrol__base--control-transparent .relatedfields__title,
.layoutpanel__wrapper--regularBlue .columncontrol__base--control-transparent .relatedfields__title,
.layoutpanel__wrapper--black .layoutpanel__container>:not(.columncontrol) .relatedfields__description,
.layoutpanel__wrapper--darkgrey .layoutpanel__container>:not(.columncontrol) .relatedfields__description,
.layoutpanel__wrapper--mediumgrey .layoutpanel__container>:not(.columncontrol) .relatedfields__description,
.layoutpanel__wrapper--regularBlue .layoutpanel__container>:not(.columncontrol) .relatedfields__description,
.layoutpanel__wrapper--black .columncontrol__base--control-transparent .relatedfields__description,
.layoutpanel__wrapper--darkgrey .columncontrol__base--control-transparent .relatedfields__description,
.layoutpanel__wrapper--mediumgrey .columncontrol__base--control-transparent .relatedfields__description,
.layoutpanel__wrapper--regularBlue .columncontrol__base--control-transparent .relatedfields__description {
  color: var(--c-white)
}

.relatedfields__title {
  font-size: 23px;
  font-family: Arial, sans-serif;
  line-height: 31px;
  margin-bottom: 20px
}

body.fontsReady .relatedfields__title {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .relatedfields__title {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px
  }

  body.fontsReady .relatedfields__title {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.relatedfields__description {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 10px
}

body.fontsReady .relatedfields__description {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 768px) {
  .relatedfields__description {
    font-size: 18px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 24px
  }

  body.fontsReady .relatedfields__description {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

.noUi-target,
.noUi-target * {
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.noUi-target {
  position: relative;
  direction: ltr;
  background: var(--c-silver-chalice-grey-300);
  padding: 0 12px
}

.noUi-connect {
  background: var(--c-maximum-red)
}

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

.noUi-connects {
  overflow: hidden
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform-style: flat;
  transform-style: flat
}

.noUi-connect {
  height: 100%;
  width: 100%
}

.noUi-origin {
  height: 10%;
  width: 10%
}

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

.noUi-vertical .noUi-origin {
  width: 0
}

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

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

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s
}

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

.noUi-horizontal {
  height: 5px
}

.noUi-vertical {
  width: 5px
}

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

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

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

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

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

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

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

.noUi-marker-sub {
  background: #a7a6a6
}

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

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

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

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

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

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

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

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

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%)
}

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

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

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

.noUi-handle {
  width: 24px;
  height: 24px;
  border: 1px solid var(--c-maximum-red);
  border-radius: 50%;
  background: #fff;
  cursor: default;
  -webkit-box-shadow: 0 2px 4px var(--c-silver-chalice-grey-300);
  box-shadow: 0 2px 4px var(--c-silver-chalice-grey-300);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute
}

.noUi-horizontal .noUi-handle {
  top: -9.5px;
  right: -12px
}

.noUi-vertical .noUi-handle {
  left: -9.5px;
  top: -12px
}

.noUi-handle.noUi-active {
  -webkit-box-shadow: inset 0 0 2px var(--c-silver-chalice-grey-300);
  box-shadow: inset 0 0 2px var(--c-silver-chalice-grey-300)
}

.noUi-tooltip {
  font-size: 11px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 15px;
  display: none;
  position: absolute;
  background: var(--c-maximum-red);
  color: var(--c-white);
  padding: 0 5px;
  text-align: center;
  white-space: nowrap
}

body.fontsReady .noUi-tooltip {
  font-family: "MiloWebPro", Arial, sans-serif
}

.noUi-tooltip::after {
  content: '';
  position: absolute;
  top: 100%;
  left: calc(50% - 3px);
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid var(--c-maximum-red)
}

.noUi-active .noUi-tooltip {
  display: block
}

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

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%
}

.rangeslider {
  margin-bottom: 20px;
  padding: 0 10px
}

@media (min-width: 1024px) {
  .rangeslider {
    padding: 0
  }
}

.faceted__base .rangeslider {
  padding: 5px 3px 0
}

.rangeslider__label {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 22px;
  color: var(--c-maximum-red);
  margin-bottom: 20px
}

body.fontsReady .rangeslider__label {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 768px) {
  .rangeslider__label {
    font-size: 18px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 24px
  }

  body.fontsReady .rangeslider__label {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

.rangeslider__slider {
  margin: 25px 0
}

.rangeslider__inputsBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.rangeslider__input {
  width: 125px;
  position: relative
}

@media (min-width: 1024px) {
  .rangeslider__input {
    width: 40%
  }
}

@media (min-width: 1024px) {
  .faceted__base .rangeslider__input {
    width: 48%
  }
}

@media (min-width: 1280px) {
  .faceted__base .rangeslider__input {
    width: 40%
  }
}

.rangeslider__inputNumber {
  margin-bottom: 0;
  width: 100%
}

.rangeslider__inputLabel {
  -webkit-transition: background-color .5s, border-color .5s, color .5s;
  transition: background-color .5s, border-color .5s, color .5s;
  position: absolute;
  top: 2px;
  bottom: 2px;
  right: 2px;
  width: 30px;
  text-align: center;
  line-height: 36px;
  background-color: var(--c-white);
  color: var(--c-black)
}

.rangeslider__inputNumber:focus+.rangeslider__inputLabel {
  background-color: var(--c-ghost-white-100)
}

.documentupload {
  margin-bottom: 15px
}

.documentupload__base .label__title {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 700;
  line-height: 24px
}

body.fontsReady .documentupload__base .label__title {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 768px) {
  .documentupload__base .label__title {
    font-size: 18px;
    font-family: Arial, sans-serif;
    font-weight: 700;
    line-height: 24px
  }

  body.fontsReady .documentupload__base .label__title {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

.documentupload__wrapper {
  -webkit-transition: background-color .5s, border-color .5s, color .5s;
  transition: background-color .5s, border-color .5s, color .5s;
  position: relative;
  width: 100%;
  background-color: var(--c-ghost-white-100);
  padding: 15px;
  margin-bottom: 15px
}

.contactform .hasError>.documentupload__wrapper {
  border: 1px solid var(--c-maximum-red)
}

.documentupload__drag-layer {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: var(--c-ghost-white-100);
  padding: 15px;
  border: 1px dashed var(--c-black-coral-grey-500);
  pointer-events: none;
  color: var(--c-black-coral-grey-500);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.documentupload__drag-layer--dragging {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.documentupload__drag-layer .heli__svg-icons {
  width: 25px;
  height: 25px;
  margin-right: 15px
}

.documentupload__labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px
}

.documentupload__input {
  display: none
}

.documentupload__button {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 700;
  line-height: 22px;
  -webkit-transition: background-color .5s, border-color .5s, color .5s;
  transition: background-color .5s, border-color .5s, color .5s;
  background-color: var(--c-white);
  color: var(--c-black-coral-grey-500);
  padding: 8px 16px;
  border: 1px solid var(--c-black-coral-grey-500);
  cursor: pointer;
  margin-right: 15px
}

body.fontsReady .documentupload__button {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1280px) {
  .documentupload__button {
    font-size: 18px;
    font-family: Arial, sans-serif;
    font-weight: 700;
    line-height: 24px
  }

  body.fontsReady .documentupload__button {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

.documentupload__button .heli__svg-icons {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 10px;
  vertical-align: -1px
}

.documentupload__info-drag {
  display: none;
  color: var(--c-black-coral-grey-500)
}

@media (min-width: 768px) {
  .documentupload__info-drag {
    display: block
  }
}

.documentupload__info-condition {
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 18px;
  color: var(--c-black-coral-grey-500)
}

body.fontsReady .documentupload__info-condition {
  font-family: "MiloWebPro", Arial, sans-serif
}

.documentupload__list {
  width: 100%
}

.documentupload__file {
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 15px;
  color: var(--c-black-coral-grey-500)
}

body.fontsReady .documentupload__file {
  font-family: "MiloWebPro", Arial, sans-serif
}

.documentupload__file>span {
  word-wrap: break-word;
  max-width: 90%
}

.documentupload__file>span b {
  color: var(--c-maximum-red)
}

.documentupload__remove {
  width: 20px;
  height: 20px;
  cursor: pointer
}

.documentupload__remove .heli__svg-icons {
  width: 100%;
  height: 100%
}

.documentupload__error {
  margin-top: 15px
}

.newsletter__wrapper {
  border-top: 1px solid var(--c-silver-chalice-grey-300)
}

@media (min-width: 768px) {
  .newsletter__wrapper {
    border-top: none;
    clear: both
  }
}

.newsletter__wrapper .contactform__base {
  margin: 0
}

.newsletter__wrapper .contactform__form {
  width: auto;
  float: none;
  padding: 0
}

.newsletter__title .text__base {
  padding-top: 0
}

.footer__linkSection .newsletter__title h3 {
  color: #fff
}

.newsletter__email {
  display: block;
  position: relative
}

.newsletter__emailButton {
  position: absolute;
  top: 0;
  right: 0
}

.newsletter__emailButton .button__icon {
  display: none
}

.newsletter__emailButton .btn {
  display: inline-block;
  text-decoration: none;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  max-width: 300px;
  overflow: hidden;
  position: relative;
  padding: 10px 10px;
  border: 0 solid #fff;
  color: #fff;
  background-color: var(--c-maximum-red);
  border-radius: 0;
  -webkit-transition: background .5s linear, color .5s linear, border-color .5s linear, -webkit-box-shadow .5s linear;
  transition: background .5s linear, color .5s linear, border-color .5s linear, -webkit-box-shadow .5s linear;
  transition: background .5s linear, color .5s linear, border-color .5s linear, box-shadow .5s linear;
  transition: background .5s linear, color .5s linear, border-color .5s linear, box-shadow .5s linear, -webkit-box-shadow .5s linear;
  text-transform: uppercase;
  position: absolute;
  top: 1px;
  right: 0
}

.newsletter__emailButton .btn:hover {
  background-color: var(--c-maximum-red);
  color: var(--c-white);
  border-color: var(--c-dark-red);
  text-decoration: none
}

html.darkmode .newsletter__emailButton .btn:hover {
  background-color: var(--c-maximum-red);
  color: #121212
}

.newsletter__emailButton .btn:disabled,
.newsletter__emailButton .btn.disabled {
  background-color: var(--c-platinum-grey-200);
  color: var(--c-silver-chalice-grey-300);
  border-color: var(--c-platinum-grey-200);
  cursor: not-allowed
}

.newsletter__email .label__base {
  display: none
}

.stickycta__popup .contactform__form {
  width: auto
}

.faceted__base {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--c-white);
  z-index: 31;
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transition: background-color .5s, -webkit-transform 0.5s;
  transition: background-color .5s, -webkit-transform 0.5s;
  transition: transform 0.5s, background-color .5s;
  transition: transform 0.5s, background-color .5s, -webkit-transform 0.5s
}

.faceted__base-isOpen {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0)
}

@media (min-width: 1024px) {
  .faceted__base {
    -ms-grid-column: 1;
    grid-column: 1;
    position: relative;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    z-index: auto
  }
}

.faceted__wrap {
  padding: 0 10px;
  width: 100%
}

@media (min-width: 1024px) {
  .faceted__wrap {
    padding: 0;
    color: var(--c-maximum-red)
  }
}

.faceted__title {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 22px;
  text-transform: capitalize;
  max-width: 90%;
  color: var(--c-outer-space-crayola-600)
}

body.fontsReady .faceted__title {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 768px) {
  .faceted__title {
    font-size: 18px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 24px
  }

  body.fontsReady .faceted__title {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .faceted__title {
    color: var(--c-maximum-red)
  }
}

@media (min-width: 1024px) {
  .faceted__facetsTitle {
    margin-bottom: 20px
  }
}

.faceted__titleIcon {
  width: 20px;
  height: 20px
}

.faceted__titleWrap {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 1px solid var(--c-platinum-grey-200);
  cursor: pointer;
  pointer-events: none
}

@media (min-width: 1024px) {
  .faceted__titleWrap {
    padding: 5px 0 6px;
    border: 0
  }
}

.faceted__facetItem {
  margin-bottom: 20px
}

.faceted__facetItem:last-child {
  margin-bottom: 10px
}

@media (min-width: 1024px) {
  .faceted__facetItem {
    margin-bottom: 10px
  }
}

.faceted__facetItem .checkbox__base {
  margin-bottom: 0
}

.faceted__facetsWrap {
  padding: 0 10px;
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.5s;
  transition: height 0.5s
}

@media (min-width: 1024px) {
  .faceted__facetsWrap {
    margin-top: 0;
    padding: 0;
    height: auto
  }
}

.faceted__item-isOpenCropped .faceted__title,
.faceted__item-isOpen .faceted__title {
  color: var(--c-maximum-red)
}

.faceted__item-isOpenCropped .faceted__titleWrap,
.faceted__item-isOpen .faceted__titleWrap {
  border-bottom: 1px solid var(--c-platinum-grey-200);
  color: var(--c-maximum-red)
}

@media (min-width: 1024px) {

  .faceted__item-isOpenCropped .faceted__titleWrap,
  .faceted__item-isOpen .faceted__titleWrap {
    border: 0
  }
}

.faceted__item-isOpenCropped .faceted__facetsWrap,
.faceted__item-isOpen .faceted__facetsWrap {
  margin-top: 10px
}

@media (min-width: 1024px) {

  .faceted__item-isOpenCropped .faceted__facetsWrap,
  .faceted__item-isOpen .faceted__facetsWrap {
    margin-top: 0
  }
}

.faceted__item-isOpenCropped .faceted__titleIcon,
.faceted__item-isOpen .faceted__titleIcon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.faceted__item-isOpenCropped .faceted__showMoreBtn,
.faceted__item-isOpen .faceted__showMoreBtn {
  display: none
}

.faceted__item-isOpenCropped .faceted__showLessBtn,
.faceted__item-isOpen .faceted__showLessBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.faceted__item-isOpenCropped .faceted__showMoreBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.faceted__item-isOpenCropped .faceted__showLessBtn {
  display: none
}

.faceted__header {
  position: relative;
  background-color: var(--c-ghost-white-100);
  text-align: center;
  padding: 16px 0
}

@media (min-width: 1024px) {
  .faceted__header {
    display: none
  }
}

.faceted__backBtn {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: var(--c-maximum-red);
  cursor: pointer
}

.faceted__description {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 18px;
  padding: 0 10px;
  margin-bottom: 20px
}

body.fontsReady .faceted__description {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1024px) {
  .faceted__description {
    display: none
  }
}

.faceted__clearAllBtn {
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 20px;
  padding: 8px 7px;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  border: 0;
  background-color: rgba(0, 0, 0, 0);
  display: none;
  cursor: pointer;
  color: var(--c-maximum-red)
}

body.fontsReady .faceted__clearAllBtn {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1280px) {
  .faceted__clearAllBtn {
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 22px
  }

  body.fontsReady .faceted__clearAllBtn {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

.faceted__clearAllBtn-isOpen {
  display: block
}

.faceted__showResultsBtn {
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 20px;
  position: absolute;
  margin: 0;
  padding: 16px 10px;
  bottom: 0;
  cursor: pointer;
  width: 100%;
  border: 0;
  background-color: var(--c-maximum-red);
  color: var(--c-white)
}

body.fontsReady .faceted__showResultsBtn {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1280px) {
  .faceted__showResultsBtn {
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 22px
  }

  body.fontsReady .faceted__showResultsBtn {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .faceted__showResultsBtn {
    display: none
  }
}

.faceted__searchedTerm {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 700;
  line-height: 18px;
  color: var(--c-black)
}

body.fontsReady .faceted__searchedTerm {
  font-family: "MiloWebPro", Arial, sans-serif
}

.faceted__body {
  height: calc(100vh - 120px);
  position: relative;
  overflow: auto;
  padding: 20px 0 145px
}

@media (min-width: 1024px) {
  .faceted__body {
    padding-top: 0;
    height: auto;
    overflow: visible
  }
}

.faceted__selectedFacetWrap {
  font-size: 12px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 18px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--c-black)
}

body.fontsReady .faceted__selectedFacetWrap {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1280px) {
  .faceted__selectedFacetWrap {
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 20px
  }

  body.fontsReady .faceted__selectedFacetWrap {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .faceted__selectedFacetWrap {
    display: none
  }
}

.faceted__showLessBtn,
.faceted__showMoreBtn {
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 18px;
  display: none;
  padding: 0 0 25px 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 0;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  color: var(--c-black-coral-grey-500)
}

body.fontsReady .faceted__showLessBtn,
body.fontsReady .faceted__showMoreBtn {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1024px) {

  .faceted__showLessBtn,
  .faceted__showMoreBtn {
    padding: 0
  }
}

.faceted__showLessBtn:hover,
.faceted__showMoreBtn:hover {
  text-decoration: underline
}

.faceted__showMoreIcon {
  width: 20px;
  height: 20px;
  display: inline-block;
  pointer-events: none
}

.faceted__error {
  margin-top: 10px
}

.backgroundvideo__base {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  width: 100%
}

.backgroundvideo__base--is-hidden {
  opacity: 0
}

.backgroundvideo__base video {
  height: 100%;
  left: 0 !important;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0 !important;
  width: 100% !important
}

.backgroundvideo__base .s7controlbar {
  display: none
}

.facetedfilter {
  position: relative
}

.facetedfilter,
.facetedfilter__error {
  margin: 0 10px 20px
}

@media (min-width: 1024px) {

  .facetedfilter,
  .facetedfilter__error {
    margin: 0 0 20px
  }
}

.facetedfilter__input {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 22px;
  -webkit-transition: background-color .5s, border-color .5s, color .5s;
  transition: background-color .5s, border-color .5s, color .5s;
  color: var(--c-black-coral-grey-500);
  background-color: var(--c-white);
  padding-right: 65px
}

body.fontsReady .facetedfilter__input {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 768px) {
  .facetedfilter__input {
    font-size: 18px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 24px
  }

  body.fontsReady .facetedfilter__input {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

.facetedfilter__close,
.facetedfilter__magnifier {
  position: absolute;
  top: 0;
  right: 5px;
  width: 30px;
  height: 40px;
  color: var(--c-silver-chalice-grey-300)
}

.facetedfilter__close {
  right: 35px;
  cursor: pointer
}

.facetedfilter__close:hover {
  color: var(--c-maximum-red)
}

.facetedfilter__close .heli__svg-icons {
  width: 100%;
  height: 100%
}

.facetedtags__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.facetedtags__item {
  float: none
}

.facetedtags__item .facetedtags__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.facetedtags__clearBtn {
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 20px;
  background-color: var(--c-white);
  padding: 5px 10px;
  cursor: pointer;
  border: none;
  color: var(--c-maximum-red)
}

body.fontsReady .facetedtags__clearBtn {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1280px) {
  .facetedtags__clearBtn {
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 22px
  }

  body.fontsReady .facetedtags__clearBtn {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

.facetedtags__removeBtn {
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.main--sidebarnav .stage__base {
  margin-bottom: 30px
}

.stickynav {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

@media (min-width: 1024px) {
  .stickynav__container {
    margin: auto;
    max-width: 944px;
    overflow: hidden
  }
}

@media (min-width: 1280px) {
  .stickynav__container {
    max-width: 1200px
  }
}

.stickynav__base {
  background: #e3032b;
  border-radius: 10px;
  cursor: -webkit-grab;
  cursor: grab;
  overflow: hidden;
  position: relative;
  text-transform: uppercase;
  top: 0;
  width: 100%;
  z-index: 26
}

@media (min-width: 1024px) {
  .stickynav__base {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding: 0
  }
}

@media (min-width: 1280px) {
  .stickynav__base {
    max-width: 1680px
  }
}

@media print {
  .stickynav__base {
    display: none
  }
}

.stickynav__base--isSticky {
  -webkit-box-shadow: #bdbdbd 0 8px 8px -5px;
  box-shadow: #bdbdbd 0 8px 8px -5px;
  left: 0;
  position: fixed;
  right: 0
}

.stickynav__base .stickynav__container::before,
.stickynav__base .stickynav__container::after {
  bottom: 0;
  content: '';
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  width: 100px;
  z-index: 2
}

.stickynav__base .stickynav__container::before {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(227, 3, 43, 0.01)), color-stop(98%, #e3032b));
  background-image: linear-gradient(to left, rgba(227, 3, 43, 0.01), #e3032b 98%)
}

.stickynav__base .stickynav__container::after {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(227, 3, 43, 0.01)), color-stop(98%, #e3032b));
  background-image: linear-gradient(to right, rgba(227, 3, 43, 0.01), #e3032b 98%);
  right: 0
}

.stickynav__base.left-shadow .stickynav__container::before,
.stickynav__base.right-shadow .stickynav__container::after {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out
}

.stickynav__linkList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  overflow: hidden;
  position: relative;
  white-space: nowrap
}

@media (min-width: 1280px) {
  .stickynav__linkList {
    pointer-events: auto
  }
}

.stickynav__linkList--isCentered {
  cursor: default
}

.stickynav__item {
  padding-right: 5px;
  display: block;
  text-align: left
}

@media (min-width: 1024px) {
  .stickynav__item {
    padding-right: 40px
  }
}

@media (min-width: 1280px) {
  .stickynav__item {
    padding-right: 60px
  }
}

.stickynav__item:last-child {
  padding-right: 40px
}

@media (min-width: 1024px) {
  .stickynav__item:last-child {
    padding-right: 0
  }
}

.stickynav__item:first-child {
  padding-left: 0
}

.stickynav__link {
  font-size: 13px;
  font-family: Arial, sans-serif;
  line-height: 18px;
  text-transform: uppercase;
  color: #fff;
  display: inline-block;
  margin: 11px 0 12px;
  padding: 13px 20px 12px
}

body.fontsReady .stickynav__link {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1280px) {
  .stickynav__link {
    font-size: 15px;
    font-family: Arial, sans-serif;
    line-height: 21px
  }

  body.fontsReady .stickynav__link {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.stickynav__item--isSelected .stickynav__link,
.stickynav__link:hover {
  background-image: url("assets/hover-bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  color: #e3032b
}

.stickynav__arrowIcon,
.stickynav__arrowIconWrap {
  display: none
}

@media (min-width: 1024px) {
  .stickynav__wrapper {
    position: relative
  }
}

@media (min-width: 1024px) {
  .stickynav__base {
    max-width: none
  }
}

.stickynav__container {
  padding: 0 20px
}

@media (min-width: 1024px) {
  .stickynav__container {
    padding: 0
  }
}

.stickynav__container::before {
  margin-left: -20px
}

.lightbox__overlay {
  background-color: #838383;
  bottom: 0;
  cursor: pointer;
  left: 0;
  opacity: 0.6;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 35
}

.lightbox__wrapper {
  left: 50%;
  min-width: 300px;
  max-width: 90%;
  padding: 0;
  top: 50%;
  background: var(--c-white);
  border-radius: 12px;
  -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.52);
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.52);
  position: fixed;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 36
}

@media (min-width: 768px) {
  .lightbox__wrapper {
    max-width: 480px
  }
}

@media (min-width: 1024px) {
  .lightbox__wrapper {
    max-width: 500px
  }
}

.lightbox__text {
  margin: 10px 0 15px
}

.lightbox__button.button__primary {
  display: block;
  margin: 0 auto
}

.lightbox__close--topRight {
  font-size: 15px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #838383;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 7px;
  position: absolute;
  right: 0;
  top: 0
}

body.fontsReady .lightbox__close--topRight {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .lightbox__close--topRight {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px
  }

  body.fontsReady .lightbox__close--topRight {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.lightbox__close--topRight:hover {
  color: #565555
}

.lightbox__closeIcon {
  height: 20px;
  width: 20px
}

.countryredirect__box {
  width: 100%;
  padding: 5px
}

.countryredirect__text {
  width: 100%;
  margin-bottom: 15px
}

.countryredirect__buttons {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

@media (min-width: 1024px) {
  .countryredirect__buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
}

.countryredirect__buttons>.button {
  max-width: none
}

@media (min-width: 1024px) {
  .countryredirect__buttons>.button {
    max-width: 300px
  }
}

.sidebarnav {
  margin-bottom: 20px
}

@media (min-width: 1280px) {
  .sidebarnav {
    margin-left: auto;
    margin-right: auto
  }
}

@media print {
  .sidebarnav {
    display: none
  }
}

.sidebarnav__base {
  position: relative;
  z-index: 25;
  margin-top: 20px;
  opacity: 1;
  -webkit-transition: opacity 500ms ease-out;
  transition: opacity 500ms ease-out
}

@media (min-width: 1280px) {
  .sidebarnav__base {
    display: block;
    margin-right: auto;
    z-index: 1;
    width: 100%;
    height: auto
  }
}

.sidebarnav__base--isSticky {
  position: fixed;
  top: 0;
  left: 0;
  max-width: none;
  width: 100%;
  padding: 0;
  margin-top: 0;
  border-top: 1px solid var(--c-platinum-grey-200);
  border-bottom: 1px solid var(--c-silver-chalice-grey-300)
}

@media (min-width: 1280px) {
  .sidebarnav__base--isSticky {
    width: 235px;
    margin-left: 0;
    margin-top: 20px;
    border: 0;
    left: auto
  }
}

.sidebarnav__base--isTransparent {
  opacity: 0;
  pointer-events: none
}

.sidebarnav__container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto
}

@media (min-width: 1024px) {
  .sidebarnav__container {
    margin-left: auto
  }
}

@media (min-width: 1280px) {
  .sidebarnav__container {
    margin-left: auto
  }
}

.sidebarnav__base--isSticky>.sidebarnav__container {
  max-width: none;
  margin: 0
}

.sidebarnav__title {
  font-size: 33px;
  font-family: Arial, sans-serif;
  line-height: 41px;
  text-transform: uppercase;
  -webkit-transition: background-color .5s, border-color .5s, color .5s;
  transition: background-color .5s, border-color .5s, color .5s;
  margin-bottom: 10px
}

body.fontsReady .sidebarnav__title {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .sidebarnav__title {
    font-size: 37px;
    font-family: Arial, sans-serif;
    line-height: 50px
  }

  body.fontsReady .sidebarnav__title {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1280px) {
  .sidebarnav__title {
    display: block
  }
}

.sidebarnav__base--isSticky .sidebarnav__title {
  display: none
}

@media (min-width: 1280px) {
  .sidebarnav__base--isSticky .sidebarnav__title {
    display: block
  }
}

.sidebarnav__item {
  text-align: left
}

.sidebarnav__item:last-child>a {
  border-bottom: 0
}

.sidebarnav__base--isSticky .sidebarnav__item {
  display: none
}

@media (min-width: 1280px) {
  .sidebarnav__base--isSticky .sidebarnav__item {
    display: block
  }
}

.sidebarnav__base--isSticky .sidebarnav__item--isSelected {
  display: block
}

.sidebarnav__linkList {
  -webkit-transition: background-color .5s, border-color .5s, color .5s;
  transition: background-color .5s, border-color .5s, color .5s;
  background-color: var(--c-ghost-white-100);
  padding: 10px 20px
}

.sidebarnav__base--isSticky .sidebarnav__linkList {
  padding: 0
}

@media (min-width: 1280px) {
  .sidebarnav__base--isSticky .sidebarnav__linkList {
    padding: 10px 20px
  }
}

.sidebarnav__linkList--isExpand .sidebarnav__item {
  background-color: var(--c-ghost-white-100);
  display: block
}

@media (min-width: 1280px) {
  .sidebarnav__linkList--isExpand .sidebarnav__item {
    background-color: rgba(0, 0, 0, 0)
  }
}

.sidebarnav__link {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 700;
  line-height: 18px;
  -webkit-transition: background-color .5s, border-color .5s, color .5s;
  transition: background-color .5s, border-color .5s, color .5s;
  color: var(--c-black);
  display: block;
  margin: 0 2.5%;
  overflow: hidden;
  padding: 10px 0;
  text-decoration: none
}

body.fontsReady .sidebarnav__link {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1280px) {
  .sidebarnav__link {
    border-bottom: 1px solid var(--c-platinum-grey-200)
  }

  html.darkmode .sidebarnav__link {
    border-color: #5f6973
  }
}

@media (min-width: 1280px) {
  .sidebarnav__link:hover {
    color: var(--c-maximum-red);
    text-decoration: none
  }
}

.sidebarnav__linkH3 {
  font-weight: normal;
  margin-left: 8%
}

.sidebarnav__base--isSticky .sidebarnav__linkList--isExpand .sidebarnav__linkH3 {
  margin-left: 70px
}

@media (min-width: 1280px) {
  .sidebarnav__base--isSticky .sidebarnav__linkList--isExpand .sidebarnav__linkH3 {
    margin-left: 8%
  }
}

@media (min-width: 1280px) {
  .sidebarnav__base--isSticky .sidebarnav__linkList .sidebarnav__linkH3 {
    margin-left: 8%
  }
}

.sidebarnav__base--isSticky .sidebarnav__link {
  height: 40px;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 50px
}

@media (min-width: 1280px) {
  .sidebarnav__base--isSticky .sidebarnav__link {
    height: auto;
    white-space: normal;
    margin: 0 2.5%
  }
}

.sidebarnav__linkList--isExpand .sidebarnav__link {
  height: auto;
  white-space: normal;
  border-bottom: 1px solid var(--c-platinum-grey-200)
}

@media (min-width: 1280px) {
  .sidebarnav__linkList--isExpand .sidebarnav__link {
    border-bottom: 0
  }
}

@media (min-width: 1280px) {
  .sidebarnav__item--isSelected .sidebarnav__link {
    color: var(--c-maximum-red)
  }
}

.sidebarnav__arrowIconWrap {
  display: none;
  position: absolute;
  top: 3px;
  border: 0;
  background-color: rgba(0, 0, 0, 0);
  margin-left: 10px
}

.sidebarnav__base--isSticky .sidebarnav__arrowIconWrap {
  display: block
}

@media (min-width: 1280px) {
  .sidebarnav__base--isSticky .sidebarnav__arrowIconWrap {
    display: none
  }
}

.sidebarnav__linkList--isExpand+.sidebarnav__arrowIconWrap {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.sidebarnav__arrowIcon {
  pointer-events: none;
  color: var(--c-black);
  width: 30px;
  height: 30px
}

.sidebarnav__fadeIn {
  opacity: 1
}

.sidebarnav__fadeOut {
  opacity: 0
}

.scrollbarnav {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

@media print {
  .scrollbarnav {
    display: none
  }
}

.scrollbarnav__base {
  -webkit-transition: background-color .5s, border-color .5s, color .5s;
  transition: background-color .5s, border-color .5s, color .5s;
  background-color: var(--c-ghost-white-100);
  margin-bottom: 30px;
  padding: 15px 0;
  z-index: 26
}

.scrollbarnav__base--isSticky {
  background-color: var(--c-ghost-white-100);
  -webkit-box-shadow: var(--c-platinum-grey-200) 0 8px 8px -5px;
  box-shadow: var(--c-platinum-grey-200) 0 8px 8px -5px;
  left: 0;
  position: fixed;
  right: 0
}

html.darkmode .scrollbarnav__base--isSticky {
  -webkit-box-shadow: none;
  box-shadow: none
}

.scrollbarnav__container {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  margin: 0;
  overflow: hidden
}

@media (min-width: 1024px) {
  .scrollbarnav__container {
    margin: 0 25px
  }
}

.scrollbarnav__wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 26
}

.scrollbarnav__linkList {
  cursor: -webkit-grab;
  cursor: grab;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

@media (min-width: 1280px) {
  .scrollbarnav__linkList {
    pointer-events: auto
  }
}

.scrollbarnav__linkList--isCentered {
  cursor: default;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.scrollbarnav__item {
  padding: 4px 4px 4px 6px;
  display: block
}

@media (min-width: 768px) {
  .scrollbarnav__item {
    padding-left: 16px
  }
}

@media (min-width: 1024px) {
  .scrollbarnav__item {
    padding-left: 21px
  }
}

.scrollbarnav__item:first-child {
  padding-left: 4px
}

.scrollbarnav__link {
  padding: 8px 10px;
  width: 130px;
  -webkit-transition: background-color .5s, border-color .5s, color .5s;
  transition: background-color .5s, border-color .5s, color .5s;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--c-maximum-red);
  color: var(--c-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center
}

@media (min-width: 768px) {
  .scrollbarnav__link {
    width: 145px
  }
}

@media (min-width: 1024px) {
  .scrollbarnav__link {
    padding: 8px 15px;
    width: 170px
  }
}

@media (min-width: 1280px) {
  .scrollbarnav__link {
    width: 190px
  }
}

.scrollbarnav__item--isSelected .scrollbarnav__link,
.scrollbarnav__link:hover {
  background-color: var(--c-dark-red)
}

.scrollbarnav__linkText {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 700;
  line-height: 18px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 36px;
  overflow: hidden;
  text-overflow: ellipsis
}

body.fontsReady .scrollbarnav__linkText {
  font-family: "MiloWebPro", Arial, sans-serif
}

.scrollbarnav__arrowIconWrap {
  color: var(--c-black);
  cursor: pointer;
  display: none;
  visibility: hidden
}

.scrollbarnav__arrowIconWrap:hover {
  color: var(--c-maximum-red)
}

@media (min-width: 768px) {
  .scrollbarnav__arrowIconWrap {
    display: block
  }
}

.scrollbarnav__arrowIconWrap .heli__svg-icons {
  height: 40px;
  padding: 5px;
  width: 40px
}

.scrollbarnav__arrowIconWrap--isVisible {
  visibility: visible
}

.suggester__listWrapper,
.suggester__productListWrapper {
  width: 100%
}

@media (min-width: 768px) {

  .suggester__listWrapper,
  .suggester__productListWrapper {
    width: 50%
  }
}

.suggester__listSuggestions,
.suggester__listProducts {
  background: var(--c-white);
  border-style: solid;
  border-color: var(--c-platinum-grey-200)
}

@media (min-width: 768px) {

  .suggester__listSuggestions,
  .suggester__listProducts {
    height: 100%;
    padding-top: 5px
  }
}

.suggester__listProducts {
  border-width: 0 1px
}

@media (min-width: 768px) {
  .suggester__listProducts {
    border-width: 0 1px 1px 0
  }
}

.suggester__listSuggestions {
  border-width: 0 1px 1px
}

@media (min-width: 768px) {
  .suggester__listSuggestions {
    padding: 5px 0 10px
  }
}

.suggester__link {
  font-size: 15px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  display: block;
  color: inherit;
  padding: 9px 20px 9px 25px
}

body.fontsReady .suggester__link {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .suggester__link {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px
  }

  body.fontsReady .suggester__link {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

@media (min-width: 768px) {
  .suggester__link {
    padding: 10px 20px 10px 30px
  }
}

.suggester__item:hover {
  background: var(--c-platinum-grey-200)
}

.suggester__item>a>strong {
  pointer-events: none
}

.suggester__info,
.suggester__recommendedProducts {
  padding-top: 10px
}

@media (min-width: 768px) {

  .suggester__info,
  .suggester__recommendedProducts {
    padding-top: 0
  }
}

.suggester__info {
  font-size: 16px;
  font-family: Arial, sans-serif;
  line-height: 20px;
  color: var(--c-black-coral-grey-500);
  padding-left: 10px;
  margin: 15px 0 5px
}

body.fontsReady .suggester__info {
  font-family: "FuturaMedium", Arial, sans-serif
}

@media (min-width: 768px) {
  .suggester__info {
    padding-left: 15px
  }
}

.suggester__selectedCategoryWrapper .suggester__info {
  margin: 0 0 5px
}

@media (min-width: 768px) {
  .suggester__recommendedProducts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 20px
  }

  .suggester__recommendedProducts>div>p {
    padding: 0
  }
}

@media (min-width: 768px) {
  .suggester__selectedCategoryWrapper {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: none
  }
}

.suggester--isMediaSmallShown {
  display: none
}

@media (min-width: 768px) {
  .suggester--isMediaSmallShown {
    display: block
  }
}

.suggester__selectedCategory {
  max-width: 270px
}

.suggester__selectedCategory .suggester__item {
  font-size: 15px;
  font-family: Arial, sans-serif;
  line-height: 25px
}

body.fontsReady .suggester__selectedCategory .suggester__item {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .suggester__selectedCategory .suggester__item {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px
  }

  body.fontsReady .suggester__selectedCategory .suggester__item {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

.suggester__viewAll {
  display: none
}

@media (min-width: 768px) {
  .suggester__productItem {
    border-top: 1px solid var(--c-platinum-grey-200)
  }
}

.suggester__productLink {
  font-size: 15px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  color: inherit;
  display: block;
  padding: 9px 20px 9px 25px
}

body.fontsReady .suggester__productLink {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .suggester__productLink {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px
  }

  body.fontsReady .suggester__productLink {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

@media (min-width: 768px) {
  .suggester__productLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 20px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 70px
  }
}

.suggester__productImage {
  display: none
}

@media (min-width: 768px) {
  .suggester__productImage {
    display: block;
    width: 70px;
    vertical-align: middle;
    pointer-events: none
  }

  .suggester__productImage img {
    max-width: 70px;
    max-height: 60px
  }
}

.suggester__productLabel {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

@media (min-width: 768px) {
  .suggester__productLabel {
    width: calc(100% - 70px);
    padding-left: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none;
    white-space: normal;
    text-overflow: clip
  }
}

.comparebutton__label {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.comparebutton__checkbox:checked+.comparebutton__icon {
  background-color: var(--c-maximum-red)
}

.comparebutton__checkbox:focus+.comparebutton__icon {
  outline: 2px solid #4d90fe
}

.comparebutton__icon {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  border: 2px solid var(--c-maximum-red);
  color: var(--c-white);
  margin-right: 5px
}

.comparebutton__text {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 700;
  line-height: 18px;
  color: var(--c-maximum-red);
  vertical-align: middle
}

body.fontsReady .comparebutton__text {
  font-family: "MiloWebPro", Arial, sans-serif
}

.comparesuggester {
  height: 100;
  width: 100%;
  position: relative
}

.comparesuggester__input {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 24px;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  color: var(--c-black);
  height: 100%;
  padding: 0 40px 0 10px;
  width: 100%
}

body.fontsReady .comparesuggester__input {
  font-family: "MiloWebPro", Arial, sans-serif
}

html.darkmode .comparesuggester__input {
  background-color: #1b2022
}

html.darkmode .comparesuggester__input::-webkit-input-placeholder {
  color: #84898b
}

html.darkmode .comparesuggester__input::-moz-placeholder {
  color: #84898b
}

html.darkmode .comparesuggester__input::-ms-input-placeholder {
  color: #84898b
}

html.darkmode .comparesuggester__input::placeholder {
  color: #84898b
}

.comparesuggester__close {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 100%;
  text-align: center;
  color: var(--c-maximum-red);
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer
}

.comparebar__productContainer--isFocused .comparesuggester__close {
  display: block
}

.comparesuggester__close .heli__svg-icons {
  pointer-events: none;
  width: 100%;
  height: 100%
}

.comparesuggester__close .heli__svg-icon {
  width: 20px
}

.comparesuggester__wrapper {
  display: none;
  position: absolute;
  width: calc(100% + 2px);
  bottom: 100%;
  left: -1px;
  overflow: hidden
}

.comparebar__productContainer--isFocused .comparesuggester__wrapper--isOpen {
  display: block
}

.comparesuggester__container {
  border: 1px solid;
  padding: 15px 0;
  text-align: left;
  background-color: var(--c-white)
}

html.darkmode .comparesuggester__container {
  background-color: #1b2022
}

.comparesuggester__title {
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 18px;
  padding-left: 15px;
  color: var(--c-black-coral-grey-500);
  margin-bottom: 5px
}

body.fontsReady .comparesuggester__title {
  font-family: "MiloWebPro", Arial, sans-serif
}

.comparesuggester__item {
  padding: 5px 5px 5px 25px;
  white-space: pre-wrap;
  cursor: pointer
}

.comparesuggester__item:hover {
  background-color: var(--c-platinum-grey-200)
}

.loadmore__base {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.loadmore__base--disabled {
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
  opacity: 0;
  pointer-events: none
}

.loadmore__slash {
  height: 1px;
  background-color: var(--c-black-coral-grey-500);
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.loadmore__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.loadmore__btnmore {
  margin: 0 15px
}

.loadmore__btnall {
  margin: 0 15px
}

.markerTooltip__text {
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 18px;
  color: #000
}

body.fontsReady .markerTooltip__text {
  font-family: "MiloWebPro", Arial, sans-serif
}

.gm-style .gm-style-iw {
  border: 1px solid #e6e7e7;
  border-radius: 0
}

.gm-style .gm-style-iw>.gm-ui-hover-effect {
  display: none !important
}

.gm-style .gm-style-iw-t::after {
  background: #fff;
  border: 1px solid;
  border-color: transparent transparent #e6e7e7 #e6e7e7
}

.sessionmanager__buttonWrapper {
  margin-top: 10px;
  padding: 6px 22px 6px 18px;
  color: var(--c-black)
}

@media (min-width: 1024px) {
  .sessionmanager__buttonWrapper {
    margin-top: 0;
    padding: 3px 0 3px 40px
  }
}

@media (min-width: 1024px) {
  .sessionmanager__buttonWrapper {
    color: var(--c-white)
  }
}

.sessionmanager__buttonWrapper:hover {
  color: var(--c-black)
}

@media (min-width: 1024px) {
  .sessionmanager__buttonWrapper:hover {
    color: var(--c-white)
  }
}

.sessionmanager__buttonWrapper::after {
  margin-top: 25px;
  height: 1px;
  background: var(--c-black);
  content: '';
  display: block
}

@media (min-width: 1024px) {
  .sessionmanager__buttonWrapper::after {
    display: none
  }
}

@media (min-width: 1024px) {
  .sessionmanager__sviewport {
    display: none
  }
}

.sessionmanager__mviewport {
  display: none
}

@media (min-width: 1024px) {
  .sessionmanager__mviewport {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

.sessionmanager__button {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: inherit;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  text-align: left;
  text-transform: none;
  width: 100%
}

body.fontsReady .sessionmanager__button {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1024px) {
  .sessionmanager__button {
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 24px;
    text-transform: none
  }

  body.fontsReady .sessionmanager__button {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

.sessionmanager__button-txt {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.sessionmanager__ic-user {
  margin-right: 5px;
  width: 17px;
  height: 17px
}

.sessionmanager__ic-arrowRight {
  height: 30px;
  right: -8px;
  top: 0;
  width: 30px;
  position: absolute
}

@media (min-width: 1024px) {
  .sessionmanager__ic-arrowRight {
    display: none
  }
}

.infotooltip__base {
  position: relative;
  display: inline-block;
  margin-left: 5px;
  width: 1em;
  height: 1em
}

.infotooltip__icon {
  color: var(--c-black-coral-grey-500);
  cursor: pointer
}

.infotooltip__base--isOpen .infotooltip__icon {
  color: #e1000f
}

.infotooltip__base--isOpen .infotooltip__icon::before {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -12px;
  margin-top: 3px;
  width: 0;
  height: 0;
  border-bottom: solid 12px #84898b;
  border-left: solid 12px transparent;
  border-right: solid 12px transparent
}

.infotooltip__base--isOpen .infotooltip__icon::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -12px;
  margin-top: 5px;
  width: 0;
  height: 0;
  border-bottom: solid 12px #fff;
  border-left: solid 12px transparent;
  border-right: solid 12px transparent;
  z-index: 12
}

.infotooltip__box {
  font-size: 16px;
  font-family: Arial, sans-serif;
  line-height: 20px;
  display: none;
  position: absolute;
  background-color: #fff;
  color: #000;
  width: 90vw;
  max-width: 290px;
  padding: 12px;
  z-index: 10;
  border: 1px solid #84898b;
  top: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 10px;
  -webkit-box-shadow: 0 2px 4px var(--c-silver-chalice-grey-300);
  box-shadow: 0 2px 4px var(--c-silver-chalice-grey-300)
}

body.fontsReady .infotooltip__box {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1024px) {
  .infotooltip__box {
    font-size: 14px;
    font-family: Arial, sans-serif;
    line-height: 18px
  }

  body.fontsReady .infotooltip__box {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

.infotooltip__base--isOpen .infotooltip__box {
  display: block
}

.globalPage__base .locationselector__base {
  background-color: transparent;
  border: none
}

.globalPage__base .locationselector__wrapper {
  margin-bottom: 10px
}

@media (min-width: 1024px) {
  .globalPage__base .locationselector__wrapper {
    margin-bottom: 30px
  }
}

.globalPage__base .locationselector__header {
  display: none
}

.globalPage__base .locationselector__collapseIcon {
  display: none
}

.globalPage__base .locationselector__input {
  padding-left: 10px
}

.globalPage__base .locationselector__content {
  margin-bottom: 30px;
  margin-left: 0;
  max-width: 380px;
  padding: 0
}

.globalPage__base .locationselector__countryBtn {
  display: block;
  margin-bottom: 30px;
  max-width: 380px
}

.globalPage__base .locationselector__countryBtn--isVisible {
  display: block
}

@media (min-width: 768px) {
  .globalPage__base .locationselector__countryBtn {
    margin-bottom: 60px
  }
}

.globalPage__base .locationselector__countryWrapper {
  display: block
}

.globalPage__base .locationselector__separator {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--c-black-coral-grey-500);
  margin: 25px 0;
  max-width: 380px;
  text-align: center;
  width: 100%
}

body.fontsReady .globalPage__base .locationselector__separator {
  font-family: "MiloWebPro", Arial, sans-serif
}

.globalPage__base .locationselector__separator::before,
.globalPage__base .locationselector__separator::after {
  content: '';
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  border-bottom: 1px solid var(--c-platinum-grey-200)
}

.globalPage__base .locationselector__separatorText {
  padding: 0 10px
}

.globalPage__base .locationselector__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap
}

.globalPage__base .locationselector__item {
  padding-right: 5px;
  margin-bottom: 15px
}

@media (min-width: 768px) {
  .globalPage__base .locationselector__item {
    width: 33.33%;
    margin-bottom: 30px
  }
}

@media (min-width: 1024px) {
  .globalPage__base .locationselector__item {
    width: 25%
  }
}

.globalPage__base .locationselector__title {
  margin-bottom: 10px
}

@media (min-width: 768px) {
  .globalPage__base .locationselector__title {
    margin-bottom: 30px
  }
}

.globalPage__base .locationselector__listLocations {
  display: block;
  max-height: none;
  height: auto;
  padding: 0
}

.globalPage__base .locationselector__results .dropdown__list {
  max-height: 500px;
  height: auto
}

.home-page__base .searchfield {
  width: 100%;
  margin: 0 auto
}

@media (min-width: 1024px) {
  .home-page__base .searchfield {
    max-width: 600px
  }
}

.accordion__base {
  padding-top: 50px;
  background-color: #fff
}

@media (min-width: 1024px) {
  .accordion__base {
    padding-top: 60px
  }
}

.accordionpanel__content-wrapper>.accordion:first-child .accordion__base,
.accordion__base .accordionpanel__content-wrapper>.text:first-child .textimage__base,
.layoutpanel__container>.accordion:first-child .accordion__base,
.layoutpanel__container>.columncontrol__base--control-white .accordion:first-child .accordion__base {
  padding-top: 50px
}

@media (min-width: 768px) {

  .accordionpanel__content-wrapper>.accordion:first-child .accordion__base,
  .accordion__base .accordionpanel__content-wrapper>.text:first-child .textimage__base,
  .layoutpanel__container>.accordion:first-child .accordion__base,
  .layoutpanel__container>.columncontrol__base--control-white .accordion:first-child .accordion__base {
    padding-top: 70px
  }
}

.accordionpanel__content-wrapper>.accordion:last-child .accordion__base,
.accordion__base .accordionpanel__content-wrapper>.text:last-child .textimage__base,
.layoutpanel__container>.accordion:last-child .accordion__base,
.accordion__base .layoutpanel__container>.text:last-child .textimage__base {
  padding-bottom: 50px
}

@media (min-width: 768px) {

  .accordionpanel__content-wrapper>.accordion:last-child .accordion__base,
  .accordion__base .accordionpanel__content-wrapper>.text:last-child .textimage__base,
  .layoutpanel__container>.accordion:last-child .accordion__base,
  .accordion__base .layoutpanel__container>.text:last-child .textimage__base {
    padding-bottom: 70px
  }
}

.layoutpanel .columncontrol__base--control-transparent .columncontrol__column>.accordion:not(.text):not(.calltoaction) .accordion__base {
  padding-bottom: 0;
  padding-top: 0
}

.columncontrol__column>.accordion:first-child .accordion__base {
  padding-top: 0
}

.columncontrol__column>.accordion:last-child .accordion__base {
  padding-bottom: 0
}

.accordion__row {
  zoom: 1;
  margin-left: -8px;
  margin-right: -8px
}

.accordion__row::before,
.accordion__row::after {
  content: '';
  display: block;
  height: 0;
  overflow: hidden
}

.accordion__row::after {
  clear: both
}

@media (min-width: 768px) {
  .accordion__row {
    margin-left: -10px;
    margin-right: -10px
  }
}

.accordion__content {
  width: 100%;
  float: left;
  padding-left: 8px;
  padding-right: 8px
}

@media (min-width: 768px) {
  .accordion__content {
    width: 83.33333%;
    float: left;
    margin-left: 8.33333%;
    margin-right: -100%;
    padding-left: 10px;
    padding-right: 10px
  }
}

.accordionpanel__base {
  margin-bottom: 1px;
  outline: none;
  width: 100%
}

@media (max-width: 639px) {
  .layoutpanel__wrapper--white .accordionpanel__base {
    padding-left: 10px;
    padding-right: 10px
  }

  .layoutpanel__base .columncontrol__base .accordionpanel__base {
    padding-left: 0;
    padding-right: 0
  }
}

@media (min-width: 640px) {
  .accordionpanel__base {
    margin-left: 8.33333%;
    width: 83.33333%
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .accordionpanel__base {
    margin-left: 0;
    width: 100%
  }
}

.accordionpanel__header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 56px;
  outline-offset: -3px;
  padding: 15px 20px;
  position: relative;
  -webkit-transition: background-color 235ms ease-in;
  transition: background-color 235ms ease-in
}

.accordionpanel__header:hover,
.accordionpanel__base--is-open .accordionpanel__header {
  background-color: #fff;
  color: #000;
  -webkit-transition: background-color 155ms ease-out;
  transition: background-color 155ms ease-out
}

.accordionpanel__header:hover .accordion__deeplink,
.accordionpanel__base--is-open .accordionpanel__header .accordion__deeplink {
  color: #000
}

.accordionpanel__header .accordion__deeplink {
  color: #fff
}

.accordionpanel__header .accordionpanel__meta {
  display: none
}

.accordionpanel__title {
  font-size: 19px;
  font-family: Arial, sans-serif;
  line-height: 24px;
  text-transform: uppercase
}

body.fontsReady .accordionpanel__title {
  font-family: "FuturaBold", Arial, sans-serif
}

.accordionpanel__icon {
  display: block;
  height: 25px;
  right: 20px;
  width: 25px
}

.accordionpanel__icon .ic-arrow-up,
.accordionpanel__icon .ic-arrow-down {
  height: 100%;
  width: 100%
}

.accordionpanel__base--is-open .accordionpanel__header .accordionpanel__icon {
  display: none
}

.accordionpanel__icon--is-open {
  display: none
}

.accordionpanel__base--is-open .accordionpanel__header .accordionpanel__icon--is-open {
  display: block
}

.accordionpanel__content {
  display: none;
  height: 0;
  min-height: 0;
  overflow: hidden;
  position: relative;
  -webkit-transition: min-height 500ms ease-out;
  transition: min-height 500ms ease-out
}

.accordionpanel__content-inner {
  border-top: 2px solid #f2f2f2
}

.accordionpanel__content--is-open {
  overflow: visible
}

.accordionpanel__footer {
  padding-bottom: 15px
}

@media (min-width: 1024px) {
  .columncontrol__column--lt1 .accordionpanel__footer .layoutpanel__base {
    margin-left: 0;
    width: 83.33333%
  }

  .columncontrol__column--lt1:first-child .accordionpanel__footer .layoutpanel__base {
    margin-left: 16.66667%
  }

  .columncontrol__column--lt2 .accordionpanel__footer .layoutpanel__base {
    margin-left: 0;
    width: 87.5%
  }

  .columncontrol__column--lt2:first-child .accordionpanel__footer .layoutpanel__base {
    margin-left: 25%;
    width: 75%
  }

  .columncontrol__column--lt3 .accordionpanel__footer .layoutpanel__base {
    margin-left: 0;
    width: 75%
  }

  .columncontrol__column--lt3:first-child .accordionpanel__footer .layoutpanel__base {
    margin-left: 12.5%;
    width: 87.5%
  }

  .columncontrol__column--lt4 .accordionpanel__footer .layoutpanel__base {
    margin-left: 0;
    width: 100%
  }

  .columncontrol__column--lt5 .accordionpanel__footer .layoutpanel__base,
  .columncontrol__column--lt6 .accordionpanel__footer .layoutpanel__base {
    margin-left: 0;
    width: 100%
  }

  .columncontrol__column--lt5:last-child .accordionpanel__footer .layoutpanel__base {
    width: 100%
  }

  .columncontrol__column--lt6:first-child .accordionpanel__footer .layoutpanel__base {
    width: 100%
  }

  .columncontrol__column--lt7 .accordionpanel__footer .layoutpanel__base {
    margin-left: 0;
    width: 100%
  }
}

@media (min-width: 640px) {
  .accordionpanel .accordionpanel__footer {
    margin-left: 8.33333%;
    width: 83.33333%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
    float: none;
    padding-left: 12px;
    padding-right: 12px
  }
}

@media (min-width: 768px) {
  .accordionpanel .accordionpanel__footer {
    margin-left: 10%;
    padding-left: 2px;
    padding-right: 2px;
    width: 80%
  }
}

@media (max-width: 639px) {
  .layoutpanel__wrapper--white .accordionpanel__footer {
    padding-left: 10px;
    padding-right: 10px
  }

  .layoutpanel__base .columncontrol__base .accordionpanel__footer {
    padding-left: 0;
    padding-right: 0
  }
}

@media (min-width: 640px) {
  .accordionpanel__footer {
    padding-bottom: 10px
  }
}

.accordionpanel__footer-link {
  font-size: 17px;
  font-family: Arial, sans-serif;
  line-height: 27px;
  color: #565555;
  text-decoration: underline
}

body.fontsReady .accordionpanel__footer-link {
  font-family: "FuturaMedium", Arial, sans-serif
}

@media (min-width: 1024px) {
  .accordionpanel__footer-link {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 29px
  }

  body.fontsReady .accordionpanel__footer-link {
    font-family: "FuturaMedium", Arial, sans-serif
  }
}

.authorbox__base {
  color: var(--c-black);
  margin-bottom: 40px
}

@media (min-width: 768px) {
  .authorbox__bgImage {
    margin-left: 70px;
    width: calc(100% - 70px)
  }
}

@media (min-width: 1024px) {
  .authorbox__bgImage {
    margin-left: 80px;
    width: calc(100% - 80px)
  }
}

.authorbox__bgImage .image__img {
  width: 100%;
  display: block
}

.authorbox__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.authorbox--withBgImage .authorbox__wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 10px;
  padding: 0 20px 20px
}

@media (min-width: 640px) {
  .authorbox--withBgImage .authorbox__wrapper {
    margin-top: 30px;
    padding: 0 30px 30px
  }
}

@media (min-width: 768px) {
  .authorbox--withBgImage .authorbox__wrapper {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 30px;
    padding: 0
  }
}

.authorbox__image {
  padding-right: 20px
}

.authorbox--withBgImage .authorbox__image {
  padding: 0;
  margin-right: 10px
}

@media (min-width: 768px) {
  .authorbox--withBgImage .authorbox__image {
    margin-right: 0;
    position: absolute;
    left: 0;
    top: -115px
  }
}

@media (min-width: 1024px) {
  .authorbox--withBgImage .authorbox__image {
    top: -135px
  }
}

@media (min-width: 1280px) {
  .authorbox--withBgImage .authorbox__image {
    top: -175px
  }
}

.authorbox__image .image__img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: block
}

.authorbox--withBgImage .authorbox__image .image__img {
  -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
  padding: 0
}

@media (min-width: 768px) {
  .authorbox--withBgImage .authorbox__image .image__img {
    height: 100px;
    width: 100px
  }
}

@media (min-width: 1024px) {
  .authorbox--withBgImage .authorbox__image .image__img {
    height: 120px;
    width: 120px
  }
}

@media (min-width: 1280px) {
  .authorbox--withBgImage .authorbox__image .image__img {
    height: 160px;
    width: 160px
  }
}

@media (min-width: 768px) {
  .authorbox--withBgImage .authorbox__image .image__img {
    border: 8px solid #fff
  }
}

.authorbox__figureFixedImg {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.authorbox__name {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 700;
  line-height: 18px
}

body.fontsReady .authorbox__name {
  font-family: "MiloWebPro", Arial, sans-serif
}

.authorbox--withBgImage .authorbox__name {
  -ms-flex-item-align: start;
  align-self: flex-start
}

@media (min-width: 768px) {
  .authorbox--withBgImage .authorbox__name {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }
}

.authorbox__separator {
  border: 0;
  border-top: 3px solid #000;
  height: 0;
  width: 85px;
  margin-left: 0
}

@media (min-width: 768px) {
  .authorbox__separator {
    border-width: 4px;
    margin: 20px 0 15px
  }
}

.authorbox--withBgImage .authorbox__separator {
  margin: 22px 0 8px
}

@media (min-width: 768px) {
  .authorbox--withBgImage .authorbox__separator {
    margin: 30px 0 10px
  }
}

.authorbox__text {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 18px
}

body.fontsReady .authorbox__text {
  font-family: "MiloWebPro", Arial, sans-serif
}

.authorbox--withBgImage .authorbox__text {
  margin-top: 10px
}

@media (min-width: 768px) {
  .authorbox--withBgImage .authorbox__text {
    margin-top: 25px
  }
}

@media (min-width: 1280px) {
  .authorbox--withBgImage .authorbox__text {
    margin-top: 45px
  }
}

.backtotop__base {
  bottom: 100px;
  opacity: 1;
  pointer-events: none;
  position: fixed;
  -webkit-transition: 0.5s opacity, 0.5s visibility;
  transition: 0.5s opacity, 0.5s visibility;
  visibility: visible;
  width: 100%;
  z-index: 24
}

.backtotop__base-isHidden {
  opacity: 0;
  visibility: hidden
}

.backtotop__base .button__secondary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border-radius: 12px;
  border: 2px solid #e3032b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0;
  height: 75px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px 15px;
  pointer-events: auto;
  position: relative;
  -webkit-transition: none;
  transition: none;
  width: 75px;
  cursor: pointer
}

.backtotop__base .button__secondary:hover {
  background: #e3032b;
  border: 2px solid #e3032b
}

.backtotop__base .button__secondary:hover .backtotop__arrowIcon {
  color: #fff
}

.backtotop__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.backtotop__arrowIcon {
  border-top: 5px solid;
  color: #e3032b;
  height: 35px;
  padding-top: 5px;
  -webkit-transition: none;
  transition: none;
  width: 42px
}

.brandclaim__base {
  margin-bottom: 60px;
  position: relative;
  z-index: 10
}

.brandclaim__images {
  background-color: var(--c-platinum-grey-200);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 350px;
  position: relative;
  -webkit-transition: background-image 2s linear, background-position 2s linear;
  transition: background-image 2s linear, background-position 2s linear;
  width: 100%
}

@media (min-width: 768px) {
  .brandclaim__images {
    height: 450px
  }
}

@media (min-width: 1280px) {
  .brandclaim__images {
    height: 600px
  }
}

.brandclaim__multiply,
.brandclaim__color {
  -webkit-transition: background-color .5s, border-color .5s, color .5s;
  transition: background-color .5s, border-color .5s, color .5s;
  background-color: var(--c-maximum-red);
  bottom: 0;
  left: 0;
  opacity: 0.7;
  position: absolute;
  right: 0;
  top: 0
}

.brandclaim__multiply {
  mix-blend-mode: multiply
}

.brandclaim__title,
.brandclaim__text {
  -webkit-transition: background-color .5s, border-color .5s, color .5s;
  transition: background-color .5s, border-color .5s, color .5s;
  color: var(--c-white)
}

.brandclaim__title {
  font-size: 32px;
  font-family: Arial, sans-serif;
  font-weight: 700;
  line-height: 37px;
  position: relative
}

body.fontsReady .brandclaim__title {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1024px) {
  .brandclaim__title {
    font-size: 40px;
    font-family: Arial, sans-serif;
    font-weight: 700;
    line-height: 46px
  }

  body.fontsReady .brandclaim__title {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

.brandclaim__text {
  font-size: 22px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 26px;
  padding: 20px 0;
  position: relative
}

body.fontsReady .brandclaim__text {
  font-family: "MiloWebPro", Arial, sans-serif
}

.brandclaim__logo {
  height: auto;
  max-height: 75px;
  max-width: 100%;
  position: relative
}

.brandclaim__box {
  margin: 0 auto;
  padding: 20px 10px 30px;
  position: relative
}

@media (min-width: 1024px) {
  .brandclaim__box {
    max-width: 700px;
    padding: 20px 40px 30px;
    -webkit-transform: translate(-100px, 0);
    transform: translate(-100px, 0)
  }
}

.brandclaim__box a {
  color: inherit;
  text-decoration: underline
}

.brandclaim__box a:hover {
  opacity: 0.7
}

.brandclaim__wrapper {
  bottom: 0;
  left: 50%;
  margin-bottom: -30px;
  position: absolute;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0)
}

.brandclaim__wrapper.container {
  padding: 0
}

.brandclaim__searchfield {
  width: 100%
}

.brandclaim__logo {
  position: relative;
  max-width: 100%;
  height: auto;
  max-height: 75px
}

.brandclaim__base .brandclaim__logo {
  width: auto
}

.brandclaim__box {
  padding: 20px 20px 30px
}

@media (min-width: 1024px) {
  .brandclaim__box {
    -webkit-transform: translate(-40px, 0);
    transform: translate(-40px, 0)
  }
}

@media (min-width: 1280px) {
  .brandclaim__box {
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0)
  }
}

.brandclaim__box .hasFocus {
  outline: 3px solid var(--c-celadon-blue)
}

.breadcrumb__base {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 10px 0 0
}

.breadcrumb__item {
  display: none;
  padding: 15px 0
}

.breadcrumb__item:nth-last-child(2) {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (min-width: 1024px) {
  .breadcrumb__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .breadcrumb__item:last-child .breadcrumb__link-text {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .11px;
    text-transform: uppercase;
    pointer-events: none
  }

  body.fontsReady .breadcrumb__item:last-child .breadcrumb__link-text {
    font-family: "FuturaBold", Arial, sans-serif
  }

  .breadcrumb__item:last-child .breadcrumb__icon-wrapper--right {
    display: none
  }
}

.breadcrumb__link {
  font-size: 16px;
  font-family: Arial, sans-serif;
  line-height: 23px;
  letter-spacing: .1px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

body.fontsReady .breadcrumb__link {
  font-family: "FuturaBook", Arial, sans-serif
}

.breadcrumb__link-text {
  display: block;
  max-width: 335px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.breadcrumb__link-text:hover {
  background-color: rgba(0, 0, 0, 0);
  color: #e3032b
}

.breadcrumb__icon-wrapper {
  margin-bottom: 1px
}

.breadcrumb__icon-wrapper--right {
  display: none;
  margin: 0 12px
}

@media (min-width: 1024px) {
  .breadcrumb__icon-wrapper--right {
    display: block
  }
}

.breadcrumb__icon-wrapper--left {
  margin-right: 12px
}

@media (min-width: 1024px) {
  .breadcrumb__icon-wrapper--left {
    display: none
  }
}

.breadcrumb__icon svg {
  fill: #000;
  margin-bottom: 1px;
  height: 9px;
  width: 5px
}

@media (min-width: 1024px) {
  .breadcrumb__icon svg {
    margin-bottom: 2px
  }
}

.calltoaction__base {
  padding-top: 50px;
  zoom: 1;
  margin-left: -8px;
  margin-right: -8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 30px
}

@media (min-width: 1024px) {
  .calltoaction__base {
    padding-top: 60px
  }
}

.accordionpanel__content-wrapper>.calltoaction:first-child .calltoaction__base,
.calltoaction__base .accordionpanel__content-wrapper>.text:first-child .textimage__base,
.layoutpanel__container>.calltoaction:first-child .calltoaction__base,
.layoutpanel__container>.columncontrol__base--control-white .calltoaction:first-child .calltoaction__base {
  padding-top: 50px
}

@media (min-width: 768px) {

  .accordionpanel__content-wrapper>.calltoaction:first-child .calltoaction__base,
  .calltoaction__base .accordionpanel__content-wrapper>.text:first-child .textimage__base,
  .layoutpanel__container>.calltoaction:first-child .calltoaction__base,
  .layoutpanel__container>.columncontrol__base--control-white .calltoaction:first-child .calltoaction__base {
    padding-top: 70px
  }
}

.accordionpanel__content-wrapper>.calltoaction:last-child .calltoaction__base,
.calltoaction__base .accordionpanel__content-wrapper>.text:last-child .textimage__base,
.layoutpanel__container>.calltoaction:last-child .calltoaction__base,
.calltoaction__base .layoutpanel__container>.text:last-child .textimage__base {
  padding-bottom: 50px
}

@media (min-width: 768px) {

  .accordionpanel__content-wrapper>.calltoaction:last-child .calltoaction__base,
  .calltoaction__base .accordionpanel__content-wrapper>.text:last-child .textimage__base,
  .layoutpanel__container>.calltoaction:last-child .calltoaction__base,
  .calltoaction__base .layoutpanel__container>.text:last-child .textimage__base {
    padding-bottom: 70px
  }
}

.layoutpanel .columncontrol__base--control-transparent .columncontrol__column>.calltoaction:not(.text):not(.calltoaction) .calltoaction__base {
  padding-bottom: 0;
  padding-top: 0
}

.columncontrol__column>.calltoaction:first-child .calltoaction__base {
  padding-top: 0
}

.columncontrol__column>.calltoaction:last-child .calltoaction__base {
  padding-bottom: 0
}

.calltoaction__base::before,
.calltoaction__base::after {
  content: '';
  display: block;
  height: 0;
  overflow: hidden
}

.calltoaction__base::after {
  clear: both
}

@media (min-width: 768px) {
  .calltoaction__base {
    margin-left: -10px;
    margin-right: -10px
  }
}

.layoutpanel__wrapper--white .calltoaction__base {
  margin: 0;
  padding-left: 10px;
  padding-right: 10px
}

@media (min-width: 640px) {
  .layoutpanel__wrapper--white .calltoaction__base {
    padding-left: 8.33333%;
    padding-right: 8.33333%
  }
}

@media (min-width: 768px) {
  .layoutpanel__wrapper--white .calltoaction__base {
    padding-left: 10%;
    padding-right: 10%
  }
}

@media (min-width: 1024px) {
  .layoutpanel__wrapper--white .calltoaction__base {
    padding-left: 12.5%;
    padding-right: 12.5%
  }
}

.columncontrol__base .calltoaction__base {
  padding-left: 10px;
  padding-right: 10px
}

@media (min-width: 640px) {
  .columncontrol__base .calltoaction__base {
    padding-left: 8.33333%;
    padding-right: 8.33333%;
    margin-left: 0;
    margin-right: 0
  }
}

@media (min-width: 768px) {
  .columncontrol__base .calltoaction__base {
    padding-left: 0;
    padding-right: 0
  }
}

.calltoaction__base.button__left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.calltoaction__base.button__right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.calltoaction__base.button__center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.button {
  font-size: 19px;
  font-family: Arial, sans-serif;
  line-height: 24px;
  text-transform: uppercase;
  padding-top: .47539em;
  padding-bottom: .27961em;
  border-radius: 12px;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  position: relative;
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
  -webkit-transition: -webkit-transform 0.3s linear;
  transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear
}

body.fontsReady .button {
  font-family: "FuturaBold", Arial, sans-serif
}

.button:hover {
  -webkit-transform: rotate(-2deg) scale(0.99);
  transform: rotate(-2deg) scale(0.99)
}

.button::after,
.button::before {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  position: absolute;
  -webkit-transition: background-image 0.3s ease-in-out;
  transition: background-image 0.3s ease-in-out
}

.button::after {
  bottom: -4px;
  left: 0;
  right: 0;
  top: 0;
  z-index: 2
}

.button::before {
  background-image: url("assets/button-fancy-frame-shadow.png");
  bottom: -14px;
  left: -15px;
  pointer-events: none;
  right: -15px;
  top: -10px;
  z-index: 1
}

.button__primary .button__inside {
  background: #e3032b;
  color: #fff
}

.button__primary:hover .button__inside {
  background: #000
}

.button__primary::after {
  background-image: url("assets/button-fancy-frame-white.png")
}

.button__secondary .button__inside {
  background: #fff;
  color: #e3032b
}

.button__secondary:hover .button__inside {
  color: #000
}

.button__secondary:hover::after {
  background-image: url("assets/button-fancy-frame-black.png")
}

.button__secondary::after {
  background-image: url("assets/button-fancy-frame-red.png")
}

.button__inside {
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 8px;
  padding: 12px 10px;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 3
}

.button.cookienote__button,
.button.locationselector__button {
  -webkit-transform: none;
  transform: none;
  height: 55px
}

.button.cookienote__button::before,
.button.locationselector__button::before {
  bottom: -14px;
  left: -10px;
  right: -10px;
  top: -10px
}

.button.cookienote__button .button__inside,
.button.locationselector__button .button__inside {
  padding: 8px 12px
}

.button.button--link {
  -webkit-box-shadow: none;
  box-shadow: none
}

.button.button--link::after,
.button.button--link::before {
  display: none
}

.button.button--inactive:hover {
  -webkit-box-shadow: none;
  box-shadow: none
}

.button.button--inactive.button__primary {
  background: #ff9898;
  border: 2px solid #ff9898;
  color: #fff;
  pointer-events: none
}

.button.button--inactive.button__secondary {
  background: #bdbdbd;
  border: 2px solid #bdbdbd;
  color: #fff;
  pointer-events: none
}

.button .heli__svg-icons {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  padding: 0 10px 2px 16px;
  position: relative
}

.button .heli__svg-icons svg {
  height: 22px;
  width: 20px
}

.button .heli__svg-icons .ic-arrow-right,
.button .heli__svg-icons .ic-arrow-left {
  height: 18px;
  width: 10px
}

.button .heli__svg-icons .ic-arrow-up,
.button .heli__svg-icons .ic-arrow-down {
  height: 16px;
  width: 17px
}

.carousel:not(:first-child) .carousel__base {
  margin-top: 70px
}

@media (min-width: 768px) {
  .carousel:not(:first-child) .carousel__base {
    margin-top: 100px
  }
}

.carousel__container {
  position: relative
}

.carousel__controls {
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  pointer-events: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 100%;
  z-index: 1
}

@media (min-width: 1024px) {
  .carousel__controls {
    padding: 0 25px
  }
}

.carousel__arrow {
  height: 65px;
  width: 40px;
  cursor: pointer;
  pointer-events: all;
  -webkit-transition: -webkit-transform 0.15s linear;
  transition: -webkit-transform 0.15s linear;
  transition: transform 0.15s linear;
  transition: transform 0.15s linear, -webkit-transform 0.15s linear
}

@media (min-width: 640px) {
  .carousel__arrow {
    height: 85px;
    width: 60px
  }
}

@media (min-width: 1024px) {
  .carousel__arrow {
    height: 105px;
    width: 60px
  }
}

.carousel__arrow:hover {
  -webkit-transform: scale(0.92);
  transform: scale(0.92)
}

.carousel__arrow .heli__svg-icons {
  height: 100%
}

.carousel *[data-action] {
  display: none
}

.carousel .image__base {
  margin: 0
}

.carousel__counter {
  left: 0;
  right: 0;
  width: 250px;
  height: 180px;
  bottom: -90px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto;
  pointer-events: none;
  position: absolute;
  text-align: center;
  z-index: 1
}

@media (min-width: 640px) {
  .carousel__counter {
    bottom: -120px
  }
}

@media (min-width: 768px) {
  .carousel__counter {
    bottom: -110px;
    padding: 0 70px;
    height: 220px;
    left: auto;
    right: 60px;
    width: auto
  }
}

@media (min-width: 1024px) {
  .carousel__counter {
    right: 100px
  }
}

.carousel__counter::before {
  background-image: url("assets/carousel-counter-bg.png");
  background-position-x: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1
}

.carousel__counter-wrap {
  position: relative
}

.carousel__counter-element {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 40px;
  color: #232023;
  display: block;
  padding-right: 37px;
  position: relative
}

body.fontsReady .carousel__counter-element {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 768px) {
  .carousel__counter-element {
    font-size: 50px;
    font-family: Arial, sans-serif;
    line-height: 50px
  }

  body.fontsReady .carousel__counter-element {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.carousel__counter-all {
  font-size: 18px;
  font-family: Arial, sans-serif;
  line-height: 23px;
  color: #232023;
  display: block;
  position: relative;
  text-align: right
}

body.fontsReady .carousel__counter-all {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 768px) {
  .carousel__counter-all {
    font-size: 22px;
    font-family: Arial, sans-serif;
    line-height: 23px
  }

  body.fontsReady .carousel__counter-all {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

.carousel__counter-sign {
  bottom: 7px;
  color: #232023;
  position: absolute;
  right: 0
}

.carousel__counter-sign .heli__svg-icons {
  width: 41px;
  height: 52px
}

@media (min-width: 768px) {
  .carousel__counter-sign .heli__svg-icons {
    height: 61px
  }
}

.carousel .tns-nav {
  display: none
}

.claim__base {
  margin-bottom: 60px;
  position: relative;
  z-index: 10
}

.claim__images {
  background-color: var(--c-platinum-grey-200);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 350px;
  position: relative;
  -webkit-transition: background-image 2s linear, background-position 2s linear;
  transition: background-image 2s linear, background-position 2s linear;
  width: 100%
}

@media (min-width: 768px) {
  .claim__images {
    height: 450px
  }
}

@media (min-width: 1280px) {
  .claim__images {
    height: 600px
  }
}

.claim__multiply,
.claim__color {
  -webkit-transition: background-color .5s, border-color .5s, color .5s;
  transition: background-color .5s, border-color .5s, color .5s;
  background-color: var(--c-maximum-red);
  bottom: 0;
  left: 0;
  opacity: 0.7;
  position: absolute;
  right: 0;
  top: 0
}

.claim__multiply {
  mix-blend-mode: multiply
}

.claim__title,
.claim__text {
  -webkit-transition: background-color .5s, border-color .5s, color .5s;
  transition: background-color .5s, border-color .5s, color .5s;
  color: var(--c-white)
}

.claim__title {
  font-size: 32px;
  font-family: Arial, sans-serif;
  font-weight: 700;
  line-height: 37px;
  position: relative
}

body.fontsReady .claim__title {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1024px) {
  .claim__title {
    font-size: 40px;
    font-family: Arial, sans-serif;
    font-weight: 700;
    line-height: 46px
  }

  body.fontsReady .claim__title {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

.claim__text {
  font-size: 22px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 26px;
  padding: 20px 0;
  position: relative
}

body.fontsReady .claim__text {
  font-family: "MiloWebPro", Arial, sans-serif
}

.claim__logo {
  height: auto;
  max-height: 75px;
  max-width: 100%;
  position: relative
}

.claim__box {
  margin: 0 auto;
  padding: 20px 10px 30px;
  position: relative
}

@media (min-width: 1024px) {
  .claim__box {
    max-width: 700px;
    padding: 20px 40px 30px;
    -webkit-transform: translate(-100px, 0);
    transform: translate(-100px, 0)
  }
}

.claim__box a {
  color: inherit;
  text-decoration: underline
}

.claim__box a:hover {
  opacity: 0.7
}

.claim__wrapper {
  bottom: 0;
  left: 50%;
  margin-bottom: -30px;
  position: absolute;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0)
}

.claim__wrapper.container {
  padding: 0
}

.claim__searchfield {
  width: 100%
}

.contactform {
  margin-bottom: 40px
}

.columncontrol__column .contactform__base,
.accordionpanel__content .contactform__base {
  padding: 10px
}

.contactform__base {
  zoom: 1;
  margin-left: -8px;
  margin-right: -8px;
  overflow: hidden
}

.contactform__base::before,
.contactform__base::after {
  content: '';
  display: block;
  height: 0;
  overflow: hidden
}

.contactform__base::after {
  clear: both
}

@media (min-width: 768px) {
  .contactform__base {
    margin-left: -10px;
    margin-right: -10px
  }
}

.contactform__text,
.contactform__form {
  zoom: 1;
  width: 100%;
  float: left;
  padding-left: 8px;
  padding-right: 8px;
  clear: both
}

.contactform__text::before,
.contactform__text::after,
.contactform__form::before,
.contactform__form::after {
  content: '';
  display: block;
  height: 0;
  overflow: hidden
}

.contactform__text::after,
.contactform__form::after {
  clear: both
}

@media (max-width: 639px) {

  .layoutpanel__wrapper--white .contactform__text,
  .layoutpanel__wrapper--white .contactform__form {
    padding-left: 10px;
    padding-right: 10px
  }

  .layoutpanel__base .columncontrol__base .contactform__text,
  .layoutpanel__base .columncontrol__base .contactform__form {
    padding-left: 0;
    padding-right: 0
  }
}

@media (min-width: 768px) {
  .contactform__text {
    width: 83.33333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media (min-width: 1024px) {
  .contactform__text {
    width: 66.66667%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.layoutpanel__wrapper--white .contactform__text {
  padding-left: 20px;
  padding-right: 20px
}

@media (min-width: 768px) {
  .layoutpanel__wrapper--white .contactform__text {
    width: 80%;
    float: left;
    margin-left: 10%;
    margin-right: -100%;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media (min-width: 1024px) {
  .layoutpanel__wrapper--white .contactform__text {
    width: 75%;
    float: left;
    margin-left: 12.5%;
    margin-right: -100%;
    padding-left: 10px;
    padding-right: 10px
  }
}

.layoutpanel__wrapper--white .contactform__text .text__base,
.contactform__text .text__base {
  margin: 0;
  padding: 0;
  width: 100%
}

.contactform__text .text__base p {
  font-size: 19px;
  font-family: Arial, sans-serif;
  line-height: 29px
}

body.fontsReady .contactform__text .text__base p {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .contactform__text .text__base p {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 31px
  }

  body.fontsReady .contactform__text .text__base p {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.layoutpanel__wrapper--white .contactform__text .text__row,
.contactform__text .text__row {
  margin: 0
}

.contactform__form {
  margin-top: 60px
}

@media (min-width: 640px) {
  .contactform__form {
    width: 83.33333%;
    float: left;
    padding-left: 8px;
    padding-right: 8px
  }
}

@media (min-width: 768px) {
  .contactform__form {
    width: 66.66667%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media (min-width: 1024px) {
  .contactform__form {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media (min-width: 1280px) {
  .contactform__form {
    width: 41.66667%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.layoutpanel__wrapper--white .contactform__form {
  padding-left: 20px;
  padding-right: 20px
}

@media (min-width: 768px) {
  .layoutpanel__wrapper--white .contactform__form {
    width: 60%;
    float: left;
    margin-left: 10%;
    margin-right: -100%;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media (min-width: 1024px) {
  .layoutpanel__wrapper--white .contactform__form {
    width: 62.5%;
    float: left;
    margin-left: 12.5%;
    margin-right: -100%;
    padding-left: 10px;
    padding-right: 10px
  }
}

.contactform__form .contactform__field {
  position: relative
}

.contactform .button {
  margin: 20px 0
}

.contactform .hasError .error__message,
.contactform .hasError~.error__message,
.contactform .isInvalid .error__invalid,
.contactform .isInvalid~.error__invalid {
  display: block
}

.error__message,
.error__invalid {
  font-size: 15px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  color: var(--c-maximum-red);
  margin-bottom: 28px;
  outline: none
}

body.fontsReady .error__message,
body.fontsReady .error__invalid {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {

  .error__message,
  .error__invalid {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px
  }

  body.fontsReady .error__message,
  body.fontsReady .error__invalid {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

.error__message .error__icon,
.error__invalid .error__icon {
  color: var(--c-maximum-red);
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: -5px;
  margin-right: 3px
}

.error__message--inverted,
.error__invalid--inverted {
  font-size: 17px;
  font-family: Arial, sans-serif;
  line-height: 27px;
  padding: 7px;
  background-color: var(--c-maximum-red);
  color: var(--c-white)
}

body.fontsReady .error__message--inverted,
body.fontsReady .error__invalid--inverted {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {

  .error__message--inverted,
  .error__invalid--inverted {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 29px
  }

  body.fontsReady .error__message--inverted,
  body.fontsReady .error__invalid--inverted {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

.error__message--inverted .error__icon,
.error__invalid--inverted .error__icon {
  color: var(--c-white)
}

.validationcheck__base {
  width: 23px;
  height: 23px;
  background-color: #46a569;
  border-radius: 19px;
  position: absolute;
  right: 12px;
  bottom: 67px;
  color: var(--c-white)
}

.validationcheck__icon {
  padding: 2px;
  width: 100%;
  height: 100%
}

.label__base {
  font-size: 19px;
  font-family: Arial, sans-serif;
  line-height: 29px;
  display: block;
  margin-bottom: 5px;
  color: var(--c-black)
}

body.fontsReady .label__base {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .label__base {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 31px
  }

  body.fontsReady .label__base {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.label__optional {
  font-size: 19px;
  font-family: Arial, sans-serif;
  line-height: 29px;
  color: var(--c-black)
}

body.fontsReady .label__optional {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .label__optional {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 31px
  }

  body.fontsReady .label__optional {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.step__base {
  display: none;
  margin-bottom: 30px
}

.step__base--current,
.step__base--previous {
  display: block
}

.step__base--previous {
  opacity: 0.5
}

.step__base--previous .step__nextButton {
  display: none
}

.step__legend {
  position: absolute;
  left: -5000px
}

.step__title {
  font-size: 23px;
  font-family: Arial, sans-serif;
  line-height: 31px;
  margin-bottom: 20px
}

body.fontsReady .step__title {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .step__title {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px
  }

  body.fontsReady .step__title {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.download .container {
  position: relative
}

@media (min-width: 640px) {
  .download__container {
    margin: 0 16.66667%
  }
}

@media (min-width: 768px) {
  .download__container {
    margin: 0 8.33333%
  }
}

@media (min-width: 1280px) {
  .download__wrapper {
    margin: 0 10%;
    width: 80%
  }
}

.download__collection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  padding: 20% 0 10%
}

@media (min-width: 640px) {
  .download__collection {
    zoom: 1;
    margin-left: -8px;
    margin-right: -8px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .download__collection::before,
  .download__collection::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden
  }

  .download__collection::after {
    clear: both
  }
}

@media (min-width: 640px) and (min-width: 768px) {
  .download__collection {
    margin-left: -10px;
    margin-right: -10px
  }
}

.download__frame {
  height: 100%;
  width: calc(100% - 40px);
  position: absolute
}

@media (min-width: 1280px) {
  .download__frame {
    width: 83.33333%
  }
}

.download__frame--xxsmall {
  display: block
}

@media (min-width: 768px) {
  .download__frame--xxsmall {
    display: none
  }
}

.download__frame--xsmall {
  display: none
}

@media (min-width: 768px) {
  .download__frame--xsmall {
    display: block
  }
}

@media (min-width: 1024px) {
  .download__frame--xsmall {
    display: none
  }
}

.download__frame--medium {
  display: none
}

@media (min-width: 1024px) {
  .download__frame--medium {
    display: block
  }
}

@media (min-width: 1280px) {
  .download__frame--medium {
    display: none
  }
}

.download__frame--large {
  display: none
}

@media (min-width: 1280px) {
  .download__frame--large {
    display: block
  }
}

.download__link {
  width: 100%;
  float: left;
  padding-left: 8px;
  padding-right: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-transition: -webkit-transform 0.15s linear;
  transition: -webkit-transform 0.15s linear;
  transition: transform 0.15s linear;
  transition: transform 0.15s linear, -webkit-transform 0.15s linear
}

@media (min-width: 768px) {
  .download__link {
    margin-bottom: 30px;
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media (min-width: 1280px) {
  .download__link {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.download__link:hover {
  -webkit-transform: scale(0.96);
  transform: scale(0.96)
}

.download__base {
  min-height: 260px;
  width: 100%;
  padding: 75px 40px 60px 45px;
  background-image: url("assets/product-download-button-red.png");
  background-size: 102% 100%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: left;
  -ms-flex-align: left;
  align-items: left;
  -webkit-transition: background-image 0.15s linear, color 0.15s linear;
  transition: background-image 0.15s linear, color 0.15s linear
}

@media (min-width: 640px) {
  .download__base {
    min-height: 245px;
    padding: 75px 40px 60px 90px
  }
}

@media (min-width: 768px) {
  .download__base {
    min-height: 260px;
    padding: 90px 35px 60px 45px
  }
}

@media (min-width: 1024px) {
  .download__base {
    min-height: 221px;
    padding: 45px 40px 50px 105px
  }
}

.download__base:hover {
  background-image: url("assets/product-download-button-white.png");
  color: #e3032b
}

.download__description {
  font-size: 23px;
  font-family: Arial, sans-serif;
  line-height: 31px;
  pointer-events: none;
  position: relative;
  width: 100%;
  word-break: break-word
}

body.fontsReady .download__description {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .download__description {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px
  }

  body.fontsReady .download__description {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

@media (min-width: 640px) {
  .download__description {
    text-align: left
  }
}

.download__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media (min-width: 640px) {
  .download__button {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    width: 100%;
    text-align: left
  }
}

.download__buttonText {
  font-size: 19px;
  font-family: Arial, sans-serif;
  line-height: 29px;
  padding-bottom: 0;
  margin-top: 15px
}

body.fontsReady .download__buttonText {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .download__buttonText {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 31px
  }

  body.fontsReady .download__buttonText {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

@media (min-width: 640px) {
  .download__buttonText {
    margin-bottom: 8px
  }
}

.download__icon {
  left: 20px;
  top: 10px;
  padding: 14px;
  width: 55px;
  height: 55px;
  position: absolute;
  -webkit-box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.1);
  background-image: radial-gradient(circle at 44% 22%, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.06) 175%), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background-image: radial-gradient(circle at 44% 22%, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.06) 175%), linear-gradient(to bottom, #fff, #fff);
  border-radius: 100%;
  stroke: #e3032b;
  color: #e3032b;
  stroke-width: 1px;
  -webkit-transition: background-image 0.15s linear, background-color 0.15s linear, stroke 0.15s linear, color 0.15s linear transform 0.15s linear;
  transition: background-image 0.15s linear, background-color 0.15s linear, stroke 0.15s linear, color 0.15s linear transform 0.15s linear
}

@media (min-width: 640px) {
  .download__icon {
    left: 20px;
    top: 10px;
    padding: 17px;
    width: 65px;
    height: 65px
  }
}

@media (min-width: 1024px) {
  .download__icon {
    left: 20px;
    top: 10px;
    padding: 22px;
    width: 83px;
    height: 83px
  }
}

.download__link:hover .download__icon {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e3032b), to(#e3032b));
  background-image: linear-gradient(to bottom, #e3032b, #e3032b);
  stroke: #fff;
  color: #fff
}

.distributorlocator__base {
  position: relative;
  z-index: 12;
  margin: 0 auto 40px
}

.distributorlocator__wrapper,
.distributorlocator__totalWrapper,
.distributorlocator__results {
  position: relative;
  margin-bottom: 30px
}

.distributorlocator__wrapper--hasMap {
  min-height: 600px
}

@media (min-width: 1024px) {
  .distributorlocator__results {
    min-height: 100vh
  }
}

.distributorlocator__toggleMap,
.distributorlocator__resultsContainer {
  max-width: 1200px;
  margin: 0 auto
}

.distributorlocator__header .distributorlocator__button {
  max-width: none;
  margin: 10px 0 30px;
  width: 100%
}

.distributorlocator__header .distributorlocator__button--disabled {
  opacity: 0.3;
  pointer-events: none
}

.distributorlocator__header .distributorlocator__productline,
.distributorlocator__header .distributorlocator__location,
.distributorlocator__header .distributorlocator__button-wrapper {
  max-width: 400px
}

@media (min-width: 768px) {
  .distributorlocator__header .distributorlocator__productline--tags {
    max-width: 625px
  }
}

.distributorlocator__loading {
  width: 100%;
  -webkit-transition: width 0.15s;
  transition: width 0.15s;
  margin-bottom: 0;
  top: 1px
}

.distributorlocator__location--disabled {
  opacity: 0.3;
  pointer-events: none
}

.distributorlocator__map {
  width: calc(100% + 20px);
  margin: 0 -10px;
  position: relative;
  height: 350px
}

@media (min-width: 1024px) {
  .distributorlocator__map {
    width: 100%;
    height: 100vh;
    margin: 0
  }
}

@media (min-width: 1024px) {
  .distributorlocator__mapColumn {
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    width: 69%
  }
}

.distributorlocator__mapContainer {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%
}

.distributorlocator__mapContainer .hasFocus {
  display: inline-block !important
}

.distributorlocator__map--hideXS {
  visibility: hidden;
  position: fixed
}

@media (min-width: 1024px) {
  .distributorlocator__map--hideXS {
    visibility: visible;
    position: relative
  }
}

.distributorlocator__map--fixed {
  top: 0;
  position: fixed
}

.distributorlocator__map--bottom {
  position: absolute;
  bottom: 0
}

@media (min-width: 1024px) {
  .distributorlocator__wrapper--hasMap .distributorlocator__resultsContainer {
    width: 31%;
    padding: 20px 20px 0 0;
    min-height: 100vh;
    margin-left: 0
  }
}

.distributorlocator__total {
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 18px;
  margin-top: 10px;
  color: var(--c-black-coral-grey-500)
}

body.fontsReady .distributorlocator__total {
  font-family: "MiloWebPro", Arial, sans-serif
}

.distributorlocator__item {
  -webkit-transition: background-color .5s, border-color .5s, color .5s;
  transition: background-color .5s, border-color .5s, color .5s;
  -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.15);
  margin: 15px 3px;
  padding: 10px;
  cursor: pointer
}

html.darkmode .distributorlocator__item {
  background-color: #1e1e1e;
  -webkit-box-shadow: none;
  box-shadow: none
}

@media (min-width: 1024px) {
  .distributorlocator__item:first-child {
    margin-top: 0
  }
}

.distributorlocator__item:hover {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5)
}

.distributorlocator__item:hover .distributorlocator__backResultsText {
  text-decoration: underline
}

.distributorlocator__item--isExpanded {
  cursor: auto
}

.distributorlocator__item--isExpanded:hover {
  -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.15)
}

.distributorlocator__itemHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.distributorlocator__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 50px;
  width: 80px;
  margin-bottom: 7px
}

.distributorlocator__logo img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.distributorlocator__premiumPartner {
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 22px;
  display: block;
  margin-bottom: 10px;
  margin-left: auto;
  padding: 0 9px;
  background-color: var(--c-maximum-red);
  color: var(--c-white)
}

body.fontsReady .distributorlocator__premiumPartner {
  font-family: "MiloWebPro", Arial, sans-serif
}

.distributorlocator__title {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 700;
  line-height: 22px
}

body.fontsReady .distributorlocator__title {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1280px) {
  .distributorlocator__title {
    font-size: 18px;
    font-family: Arial, sans-serif;
    font-weight: 700;
    line-height: 24px
  }

  body.fontsReady .distributorlocator__title {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

.distributorlocator__text {
  margin-bottom: 10px
}

.distributorlocator__text,
.distributorlocator__remarks {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 22px
}

body.fontsReady .distributorlocator__text,
body.fontsReady .distributorlocator__remarks {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 768px) {

  .distributorlocator__text,
  .distributorlocator__remarks {
    font-size: 18px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 24px
  }

  body.fontsReady .distributorlocator__text,
  body.fontsReady .distributorlocator__remarks {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

.distributorlocator__itemHeader,
.distributorlocator__title,
.distributorlocator__text,
.distributorlocator__descriptionMore {
  pointer-events: none
}

.distributorlocator__contact {
  margin-top: 30px
}

@media (min-width: 1024px) {
  .distributorlocator__contact {
    margin-top: 0
  }
}

.distributorlocator__contactItem {
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 18px;
  display: inline-block;
  text-align: center;
  min-width: 60px
}

body.fontsReady .distributorlocator__contactItem {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1024px) {
  .distributorlocator__contactItem {
    display: block;
    text-align: left;
    margin-bottom: 7px
  }
}

.distributorlocator__contactLabel {
  display: block
}

@media (min-width: 1024px) {
  .distributorlocator__contactLabel {
    display: none
  }
}

.distributorlocator__contactInfo {
  display: none
}

@media (min-width: 1024px) {
  .distributorlocator__contactInfo {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 85%;
    white-space: nowrap;
    vertical-align: bottom;
    display: inline-block;
    margin-left: 5px
  }
}

@media (min-width: 1024px) {
  .distributorlocator__contactInfo:hover {
    text-decoration: underline
  }
}

@media (min-width: 1024px) {
  .distributorlocator__contactDirection {
    margin-left: 5px
  }
}

@media (min-width: 1024px) {
  .distributorlocator__contactDirection:hover {
    text-decoration: underline
  }
}

.distributorlocator__link {
  -webkit-transition: background-color .5s, border-color .5s, color .5s;
  transition: background-color .5s, border-color .5s, color .5s;
  color: var(--c-outer-space-crayola-600);
  display: block
}

.distributorlocator__link:hover .distributorlocator__icons {
  color: var(--c-white);
  background-color: var(--c-maximum-red)
}

@media (min-width: 1024px) {
  .distributorlocator__link:hover .distributorlocator__icons {
    color: var(--c-maximum-red);
    background-color: rgba(0, 0, 0, 0)
  }
}

@media (min-width: 1024px) {
  .distributorlocator__link {
    color: var(--c-maximum-red)
  }
}

.distributorlocator__icons {
  width: 40px;
  height: 40px;
  margin: 0 auto 5px;
  padding: 10px;
  color: var(--c-maximum-red);
  border: 1px solid var(--c-maximum-red);
  border-radius: 50%
}

.distributorlocator__iconsLocation {
  padding: 12px 12px 8px 8px
}

@media (min-width: 1024px) {
  .distributorlocator__icons {
    display: inline-block;
    border: 0;
    border-radius: 0;
    margin: 0;
    padding: 3px;
    width: 18px;
    height: 18px
  }
}

.distributorlocator__backResults,
.distributorlocator__descriptionMore {
  display: block
}

.distributorlocator__backResultsIcon,
.distributorlocator__backResultsText,
.distributorlocator__descriptionMoreIcon,
.distributorlocator__descriptionMoreText {
  display: inline-block;
  vertical-align: middle
}

.distributorlocator__backResults {
  margin: 30px 0
}

@media (min-width: 1024px) {
  .distributorlocator__backResults {
    margin-top: 0
  }
}

.distributorlocator__backResultsIcon,
.distributorlocator__backResultsText {
  height: 25px;
  line-height: 25px
}

.distributorlocator__backResultsIcon {
  width: 25px
}

.distributorlocator__descriptionMore {
  text-align: right
}

.distributorlocator__descriptionMoreIcon,
.distributorlocator__descriptionMoreText {
  height: 15px;
  line-height: 15px
}

.distributorlocator__descriptionMoreIcon {
  width: 15px
}

.distributorlocator__toggleMap {
  margin: 30px 0;
  text-align: right
}

@media (min-width: 1024px) {
  .distributorlocator__toggleMap {
    display: none
  }
}

.distributorlocator__pagination {
  margin: 30px 0
}

@media (min-width: 640px) {
  .distributorlocator__pagination .pagination__text {
    display: none
  }
}

.distributorlocator__pagination .pagination__pageNumbers {
  margin: 0 20px
}

@media (min-width: 640px) {
  .distributorlocator__pagination .pagination__list .pagination__directLinks {
    margin-left: 0
  }
}

.distributorlocator__productline--tags .dropdown__input,
.distributorlocator__productline--tags .dropdown__icon {
  display: none
}

.distributorlocator__productline--tags .dropdown__list {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: block;
  position: relative;
  margin: 0 0 10px;
  max-height: auto
}

.distributorlocator__productline--tags .dropdown__item {
  border: 1px solid var(--c-black-coral-grey-500);
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 10px
}

.distributorlocator__productline--tags .dropdown__item--selected {
  background-color: var(--c-black-coral-grey-500);
  color: var(--c-white)
}

.distributorlocator__productline--tags .dropdown__item:focus {
  outline: none
}

.usermenu__title {
  position: relative
}

@media (min-width: 1024px) {
  .usermenu__title {
    display: none
  }
}

.usermenu__titleSpan {
  pointer-events: none
}

.usermenu__link {
  font-size: 13px;
  font-family: Arial, sans-serif;
  line-height: 18px;
  text-transform: uppercase;
  color: #000;
  display: block;
  padding: 10px 60px 10px 20px
}

body.fontsReady .usermenu__link {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1280px) {
  .usermenu__link {
    font-size: 15px;
    font-family: Arial, sans-serif;
    line-height: 21px
  }

  body.fontsReady .usermenu__link {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .usermenu__link {
    padding: 0
  }
}

.usermenu__linkWrap {
  position: relative
}

.usermenu__linkSpan {
  pointer-events: none
}

.usermenu__linkTitle {
  padding: 15px 12px 15px 50px;
  font-weight: bold
}

.usermenu__link-isSelected {
  color: var(--c-maximum-red)
}

@media (min-width: 1024px) {
  .usermenu__link:hover {
    color: var(--c-maximum-red)
  }
}

.usermenu__link--secondLevel,
.usermenu__link--thirdLevel {
  padding-left: 50px
}

.usermenu__arrowIcon {
  pointer-events: none;
  position: absolute;
  top: 50%;
  height: 30px;
  width: 30px
}

.usermenu__arrowIcon--left {
  left: 12px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%)
}

.usermenu__base--rtl .usermenu__arrowIcon--left,
.navigationmenu__wrap--rtl .usermenu__arrowIcon--left {
  -webkit-transform: translate(0, -50%) rotate(180deg);
  transform: translate(0, -50%) rotate(180deg)
}

.usermenu__arrowIcon--right {
  right: 12px;
  -webkit-transform: translate(0, -50%) rotate(180deg);
  transform: translate(0, -50%) rotate(180deg)
}

.usermenu__base--rtl .usermenu__arrowIcon--right,
.navigationmenu__wrap--rtl .usermenu__arrowIcon--right {
  left: 12px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%)
}

.usermenu__arrowIcon--down {
  display: none;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%)
}

@media (min-width: 1024px) {
  .usermenu__arrowIcon {
    display: none;
    left: 0;
    height: 20px;
    width: 20px
  }
}

.usermenu__base {
  background-color: var(--c-white);
  position: relative;
  width: 100%
}

@media (min-width: 1024px) {
  .usermenu__base {
    position: static;
    padding: 20px;
    border: 1px solid var(--c-silver-chalice-grey-300);
    -webkit-box-shadow: none;
    box-shadow: none
  }
}

@media (min-width: 1024px) {
  .usermenu__wrapper {
    padding: 0
  }
}

@media (min-width: 1024px) {
  .usermenu__title {
    display: block;
    padding: 0
  }
}

.usermenu__titleSpan {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis
}

@media (min-width: 1024px) {
  .usermenu__linkTitle {
    font-size: 23px;
    font-family: Arial, sans-serif;
    line-height: 31px;
    pointer-events: none;
    overflow: hidden
  }

  body.fontsReady .usermenu__linkTitle {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) and (min-width: 1024px) {
  .usermenu__linkTitle {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px
  }

  body.fontsReady .usermenu__linkTitle {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.usermenu__linkTitle.usermenu__link--firstLevel {
  width: 100%
}

@media (min-width: 1024px) {
  .usermenu__linkTitle.usermenu__link--firstLevel {
    padding: 17px 30px 0;
    text-transform: none;
    color: var(--c-black)
  }
}

@media (min-width: 1024px) {
  .usermenu__arrowIcon {
    display: none
  }
}

.usermenu__list {
  margin: 0
}

.usermenu__item {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 24px
}

body.fontsReady .usermenu__item {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1024px) {
  .usermenu__link {
    padding: 17px 30px 0
  }
}

@media (min-width: 1024px) {
  .usermenu__link--secondLevel {
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 24px
  }

  body.fontsReady .usermenu__link--secondLevel {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

.usermenu__logout {
  cursor: pointer
}

.userdata__base {
  background-color: var(--c-white);
  padding: 50px 0 120px
}

.userdata__content {
  width: 100%
}

@media (max-width: 639px) {
  .layoutpanel__wrapper--white .userdata__content {
    padding-left: 10px;
    padding-right: 10px
  }

  .layoutpanel__base .columncontrol__base .userdata__content {
    padding-left: 0;
    padding-right: 0
  }
}

@media (min-width: 640px) {
  .userdata__content {
    margin-left: 8.33333%;
    width: 75%
  }
}

@media (min-width: 768px) {
  .userdata__content {
    margin-left: 8.33333%;
    width: 66.66667%
  }
}

@media (min-width: 1024px) {
  .userdata__content {
    width: 41.66667%
  }
}

.userdata__hdl {
  font-size: 21px;
  font-family: Arial, sans-serif;
  line-height: 31px
}

body.fontsReady .userdata__hdl {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .userdata__hdl {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 32px
  }

  body.fontsReady .userdata__hdl {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.userdata__text,
.userdata__error {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 18px
}

body.fontsReady .userdata__text,
body.fontsReady .userdata__error {
  font-family: "MiloWebPro", Arial, sans-serif
}

.userdata__error {
  background-color: rgba(0, 0, 0, 0);
  color: var(--c-maximum-red);
  margin-top: 15px
}

.userdata__report-btn {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 700;
  line-height: 18px;
  color: var(--c-black);
  cursor: pointer;
  margin-top: 20px
}

body.fontsReady .userdata__report-btn {
  font-family: "MiloWebPro", Arial, sans-serif
}

.userdata__report-btn:hover {
  color: var(--c-maximum-red)
}

.userdata__report-btn:hover>.userdata__dwn-icon {
  stroke: var(--c-maximum-red)
}

.userdata__dwn-icon {
  width: 15px;
  height: 15px;
  display: inline-block
}

.userdata__delete {
  margin-top: 50px
}

.userdata__delete-btn {
  margin-top: 20px;
  cursor: pointer
}

.userdata__notifier {
  padding: 50px
}

.userdata__notifierButtonWrap {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 30px
}

@media (min-width: 768px) {
  .userdata__notifierButtonWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: center
  }
}

.userdata__notifierButtonWrap .button {
  cursor: pointer;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

@media (min-width: 768px) {
  .userdata__notifierButtonWrap .button {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
  }
}

.userdata__message {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 18px;
  color: var(--c-black)
}

body.fontsReady .userdata__message {
  font-family: "MiloWebPro", Arial, sans-serif
}

.userdata__acceptBtn {
  margin: 20px 0 0
}

@media (min-width: 768px) {
  .userdata__acceptBtn {
    margin: 0 20px 0 0
  }
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox.gigya-terms-error {
  border-radius: 0;
  border: 1px solid var(--c-maximum-red)
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox input[type=checkbox] {
  display: none
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox input[type=checkbox]+label {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0;
  position: relative
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox input[type=checkbox]+label::before {
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  width: 20px;
  background-color: var(--c-white);
  border: 1px solid var(--c-black);
  content: '';
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox input[type=checkbox]+label .gigya-checkbox-text {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: auto
}

body.fontsReady .screenset .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox input[type=checkbox]+label .gigya-checkbox-text {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 768px) {
  .screenset .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox input[type=checkbox]+label .gigya-checkbox-text {
    font-size: 18px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 24px
  }

  body.fontsReady .screenset .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox input[type=checkbox]+label .gigya-checkbox-text {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox input[type=checkbox]+label .gigya-checkbox-text a {
  color: var(--c-maximum-red);
  font-size: inherit
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox input[type=checkbox]:checked+label::before {
  background-color: var(--c-black-coral-grey-500)
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox input[type=checkbox]:checked+label::after {
  height: 15px;
  left: 3px;
  top: 9px;
  width: 15px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='28' viewBox='0 0 36 28'%3E%3Cpath fill='var(--c-maximum-red)' fill-rule='nonzero' d='M32.036 0l3.535 3.536-19.997 19.996.004.004-3.536 3.535-.003-.004-.003.004L8.5 23.536l.003-.005L0 15.029l3.536-3.536 8.502 8.503L32.036 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  position: absolute
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox.checkbox-area-expertise {
  display: inline-block !important;
  margin-bottom: 0;
  padding-bottom: 0
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox.checkbox-area-expertise:last-child {
  margin-bottom: 30px
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox.checkbox-area-expertise input[type=checkbox]+label {
  margin: 0 15px 15px 0;
  padding-bottom: 0
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox.checkbox-area-expertise input[type=checkbox]+label::before,
.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox.checkbox-area-expertise input[type=checkbox]+label::after {
  display: none
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox.checkbox-area-expertise input[type=checkbox]+label .gigya-checkbox-text {
  background-color: var(--c-white);
  border: 1px solid var(--c-black);
  color: var(--c-black);
  padding: 3px 8px;
  -webkit-transition: background-color .15s ease-in, border-color .15s ease-in, color .15s ease-in;
  transition: background-color .15s ease-in, border-color .15s ease-in, color .15s ease-in
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox.checkbox-area-expertise input[type=checkbox]+label .gigya-checkbox-text:hover {
  background-color: var(--c-black);
  border-color: var(--c-black);
  color: var(--c-white)
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox.checkbox-area-expertise input[type=checkbox]:checked+label .gigya-checkbox-text {
  background-color: var(--c-black);
  border-color: var(--c-black);
  color: var(--c-white)
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-header {
  font-size: 35px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px;
  margin-bottom: 30px;
  color: var(--c-black)
}

body.fontsReady .screenset .gigya-screen .gigya-composite-control.gigya-composite-control-header {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .screenset .gigya-screen .gigya-composite-control.gigya-composite-control-header {
    font-size: 70px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 100px
  }

  body.fontsReady .screenset .gigya-screen .gigya-composite-control.gigya-composite-control-header {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .screenset .gigya-screen .gigya-composite-control.gigya-composite-control-header {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .screenset .gigya-screen .gigya-composite-control.gigya-composite-control-header {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-dropdown select,
.screenset .gigya-screen select.gigya-country-code-select,
.screenset .gigya-screen input.gigya-input-password,
.screenset .gigya-screen input.gigya-input-text {
  font-size: 14px !important;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 18px;
  padding: 8px 14px;
  background-color: var(--c-white);
  border-radius: 0;
  border: 1px solid var(--c-silver-chalice-grey-300);
  color: var(--c-black-coral-grey-500);
  width: 100%
}

body.fontsReady .screenset .gigya-screen .gigya-composite-control.gigya-composite-control-dropdown select,
body.fontsReady .screenset .gigya-screen select.gigya-country-code-select,
body.fontsReady .screenset .gigya-screen input.gigya-input-password,
body.fontsReady .screenset .gigya-screen input.gigya-input-text {
  font-family: "MiloWebPro", Arial, sans-serif
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-dropdown select:focus,
.screenset .gigya-screen select.gigya-country-code-select:focus,
.screenset .gigya-screen input.gigya-input-password:focus,
.screenset .gigya-screen input.gigya-input-text:focus {
  padding: 8px 14px
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-dropdown select.gigya-error,
.screenset .gigya-screen select.gigya-country-code-select.gigya-error,
.screenset .gigya-screen input.gigya-input-password.gigya-error,
.screenset .gigya-screen input.gigya-input-text.gigya-error {
  border-radius: 0;
  border: 1px solid var(--c-maximum-red)
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-dropdown select.gigya-show-checkmark,
.screenset .gigya-screen select.gigya-country-code-select.gigya-show-checkmark,
.screenset .gigya-screen input.gigya-input-password.gigya-show-checkmark,
.screenset .gigya-screen input.gigya-input-text.gigya-show-checkmark {
  padding-right: 35px
}

.screenset .gigya-screen .gigya-input-text.gigya-subscriber-phone-number-input {
  width: calc(100% - 140px - 5px - 5px)
}

.screenset .gigya-screen .gigya-label,
.screenset .gigya-screen .gigya-legend {
  display: inline-block
}

.screenset .gigya-screen .gigya-composite-control-dropdown .gigya-label-text,
.screenset .gigya-screen .gigya-composite-control-dropdown .gigya-required-display,
.screenset .gigya-screen .gigya-composite-control-textbox .gigya-label-text,
.screenset .gigya-screen .gigya-composite-control-textbox .gigya-required-display,
.screenset .gigya-screen .gigya-composite-control-password .gigya-label-text,
.screenset .gigya-screen .gigya-composite-control-password .gigya-required-display {
  font-size: 21px !important;
  font-family: Arial, sans-serif;
  line-height: 31px;
  padding-bottom: 6px
}

body.fontsReady .screenset .gigya-screen .gigya-composite-control-dropdown .gigya-label-text,
body.fontsReady .screenset .gigya-screen .gigya-composite-control-dropdown .gigya-required-display,
body.fontsReady .screenset .gigya-screen .gigya-composite-control-textbox .gigya-label-text,
body.fontsReady .screenset .gigya-screen .gigya-composite-control-textbox .gigya-required-display,
body.fontsReady .screenset .gigya-screen .gigya-composite-control-password .gigya-label-text,
body.fontsReady .screenset .gigya-screen .gigya-composite-control-password .gigya-required-display {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {

  .screenset .gigya-screen .gigya-composite-control-dropdown .gigya-label-text,
  .screenset .gigya-screen .gigya-composite-control-dropdown .gigya-required-display,
  .screenset .gigya-screen .gigya-composite-control-textbox .gigya-label-text,
  .screenset .gigya-screen .gigya-composite-control-textbox .gigya-required-display,
  .screenset .gigya-screen .gigya-composite-control-password .gigya-label-text,
  .screenset .gigya-screen .gigya-composite-control-password .gigya-required-display {
    font-size: 21px !important;
    font-family: Arial, sans-serif;
    line-height: 32px
  }

  body.fontsReady .screenset .gigya-screen .gigya-composite-control-dropdown .gigya-label-text,
  body.fontsReady .screenset .gigya-screen .gigya-composite-control-dropdown .gigya-required-display,
  body.fontsReady .screenset .gigya-screen .gigya-composite-control-textbox .gigya-label-text,
  body.fontsReady .screenset .gigya-screen .gigya-composite-control-textbox .gigya-required-display,
  body.fontsReady .screenset .gigya-screen .gigya-composite-control-password .gigya-label-text,
  body.fontsReady .screenset .gigya-screen .gigya-composite-control-password .gigya-required-display {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.screenset .gigya-screen .gigya-composite-control-dropdown .gigya-required-display,
.screenset .gigya-screen .gigya-composite-control-textbox .gigya-required-display,
.screenset .gigya-screen .gigya-composite-control-password .gigya-required-display {
  float: left;
  padding-left: 0
}

.screenset .gigya-screen .forgot-password-cell a,
.screenset .gigya-screen .gigya-composite-control.gigya-forgotPassword,
.screenset .gigya-screen .gigya-composite-control.gigya-change-password-link,
.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-link:not(.gigya-button-link) {
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-weight: 700;
  line-height: 18px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--c-black);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

body.fontsReady .screenset .gigya-screen .forgot-password-cell a,
body.fontsReady .screenset .gigya-screen .gigya-composite-control.gigya-forgotPassword,
body.fontsReady .screenset .gigya-screen .gigya-composite-control.gigya-change-password-link,
body.fontsReady .screenset .gigya-screen .gigya-composite-control.gigya-composite-control-link:not(.gigya-button-link) {
  font-family: "MiloWebPro", Arial, sans-serif
}

.screenset .gigya-screen .forgot-password-cell a::before,
.screenset .gigya-screen .gigya-composite-control.gigya-forgotPassword::before,
.screenset .gigya-screen .gigya-composite-control.gigya-change-password-link::before,
.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-link:not(.gigya-button-link)::before {
  margin-right: 3px;
  content: ">";
  display: inline-block
}

.screenset .gigya-screen .forgot-password-cell a:hover,
.screenset .gigya-screen .gigya-composite-control.gigya-forgotPassword:hover,
.screenset .gigya-screen .gigya-composite-control.gigya-change-password-link:hover,
.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-link:not(.gigya-button-link):hover {
  color: var(--c-maximum-red);
  text-decoration: none
}

.screenset .gigya-screen .forgot-password-cell a.gigya-composite-control-link-edit-profile,
.screenset .gigya-screen .gigya-composite-control.gigya-forgotPassword.gigya-composite-control-link-edit-profile,
.screenset .gigya-screen .gigya-composite-control.gigya-change-password-link.gigya-composite-control-link-edit-profile,
.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-link:not(.gigya-button-link).gigya-composite-control-link-edit-profile {
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 18px
}

body.fontsReady .screenset .gigya-screen .forgot-password-cell a.gigya-composite-control-link-edit-profile,
body.fontsReady .screenset .gigya-screen .gigya-composite-control.gigya-forgotPassword.gigya-composite-control-link-edit-profile,
body.fontsReady .screenset .gigya-screen .gigya-composite-control.gigya-change-password-link.gigya-composite-control-link-edit-profile,
body.fontsReady .screenset .gigya-screen .gigya-composite-control.gigya-composite-control-link:not(.gigya-button-link).gigya-composite-control-link-edit-profile {
  font-family: "MiloWebPro", Arial, sans-serif
}

.screenset .gigya-screen .forgot-password-cell a.gigya-composite-control-link-edit-profile::before,
.screenset .gigya-screen .gigya-composite-control.gigya-forgotPassword.gigya-composite-control-link-edit-profile::before,
.screenset .gigya-screen .gigya-composite-control.gigya-change-password-link.gigya-composite-control-link-edit-profile::before,
.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-link:not(.gigya-button-link).gigya-composite-control-link-edit-profile::before {
  height: 20px;
  margin-right: 5px;
  width: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Crect fill='var(--c-black)' x='15.21' y='30.96' width='30.18' height='5.33' transform='translate(-14.9 31.27) rotate(-45)'/%3E%3Crect fill='var(--c-black)' x='41.65' y='16.36' width='6.49' height='5.33' transform='translate(-0.31 37.32) rotate(-45)'/%3E%3Cpolygon fill='var(--c-black)' points='15.43 48.57 20.09 47.62 16.34 43.87 15.43 48.57'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: inline-block
}

.screenset .gigya-screen .forgot-password-cell a.gigya-composite-control-link-edit-profile:hover::before,
.screenset .gigya-screen .gigya-composite-control.gigya-forgotPassword.gigya-composite-control-link-edit-profile:hover::before,
.screenset .gigya-screen .gigya-composite-control.gigya-change-password-link.gigya-composite-control-link-edit-profile:hover::before,
.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-link:not(.gigya-button-link).gigya-composite-control-link-edit-profile:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Crect fill='var(--c-maximum-red)' x='15.21' y='30.96' width='30.18' height='5.33' transform='translate(-14.9 31.27) rotate(-45)'/%3E%3Crect fill='var(--c-maximum-red)' x='41.65' y='16.36' width='6.49' height='5.33' transform='translate(-0.31 37.32) rotate(-45)'/%3E%3Cpolygon fill='var(--c-maximum-red)' points='15.43 48.57 20.09 47.62 16.34 43.87 15.43 48.57'/%3E%3C/svg%3E")
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-input-radio {
  clip: rect(1px, 1px, 1px, 1px);
  margin: -1px;
  pointer-events: none;
  position: absolute
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-multi-choice-item {
  margin-bottom: 10px
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-multi-choice-item:last-child {
  margin-bottom: 0
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-multi-choice-item label {
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 18px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 18px
}

body.fontsReady .screenset .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-multi-choice-item label {
  font-family: "MiloWebPro", Arial, sans-serif
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-multi-choice-item label::before {
  background-color: var(--c-white);
  border-radius: 50%;
  border: 4px solid var(--c-silver-chalice-grey-300);
  -webkit-box-shadow: 0 0 0 1px var(--c-black);
  box-shadow: 0 0 0 1px var(--c-black);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: '';
  display: inline-block;
  height: 18px;
  margin-right: 10px;
  width: 18px
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-multi-choice-item .gigya-input-radio:hover:not(:checked)+label::before,
.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-multi-choice-item .gigya-input-radio:focus+label::before,
.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-multi-choice-item .gigya-input-radio:checked+label::before {
  background-color: var(--c-black)
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-dropdown select,
.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-phone-number-input .gigya-country-code-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cpolygon fill='var(--c-black)' points='46.8 24.27 32.1 38.23 16.84 24.53 14.86 26.74 32.16 42.28 48.85 26.42 46.8 24.27'/%3E%3C/svg%3E");
  background-position: calc(100% - 10px) center;
  background-repeat: no-repeat;
  background-size: contain
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-phone-number-input .gigya-country-code-select {
  margin-right: 5px;
  padding-right: 30px;
  width: 140px
}

.gigya-composite-control.gigya-composite-control-submit,
.gigya-composite-control.gigya-button-link {
  display: table-cell !important;
  padding-bottom: 0;
  position: relative
}

.gigya-composite-control.gigya-composite-control-submit input[type=submit],
.gigya-composite-control.gigya-composite-control-submit input[type=button],
.gigya-composite-control.gigya-button-link input[type=submit],
.gigya-composite-control.gigya-button-link input[type=button] {
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-weight: 700;
  line-height: 18px;
  border-radius: 0;
  -webkit-box-shadow: 0 4px 11px 0 rgba(var(--c-black-rgb), 0.2);
  box-shadow: 0 4px 11px 0 rgba(var(--c-black-rgb), 0.2);
  background-color: var(--c-maximum-red);
  border: none;
  color: var(--c-white);
  cursor: pointer;
  height: auto;
  padding: 11px 29px 11px 59px;
  -webkit-transition: background-color .235s ease-in, border-color .235s ease-in, color .235s ease-in;
  transition: background-color .235s ease-in, border-color .235s ease-in, color .235s ease-in;
  width: auto
}

body.fontsReady .gigya-composite-control.gigya-composite-control-submit input[type=submit],
body.fontsReady .gigya-composite-control.gigya-composite-control-submit input[type=button],
body.fontsReady .gigya-composite-control.gigya-button-link input[type=submit],
body.fontsReady .gigya-composite-control.gigya-button-link input[type=button] {
  font-family: "MiloWebPro", Arial, sans-serif
}

.gigya-composite-control.gigya-composite-control-submit::after,
.gigya-composite-control.gigya-button-link::after {
  height: 30px;
  width: 30px;
  left: 17px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cpath fill='var(--c-white)' d='M26.04 14.57l-2.25 2.14 14.59 15.36-14.31 15.76 2.3 2.09 16.26-17.9-16.59-17.45z'%3E%3C/path%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  pointer-events: none;
  position: absolute
}

.gigya-composite-control.gigya-composite-control-submit:hover input[type=submit],
.gigya-composite-control.gigya-composite-control-submit:hover input[type=button],
.gigya-composite-control.gigya-button-link:hover input[type=submit],
.gigya-composite-control.gigya-button-link:hover input[type=button] {
  background-color: var(--c-dark-red);
  color: var(--c-white)
}

.gigya-composite-control.gigya-composite-control-submit:hover::after,
.gigya-composite-control.gigya-button-link:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cpath fill='var(--c-white)' d='M26.04 14.57l-2.25 2.14 14.59 15.36-14.31 15.76 2.3 2.09 16.26-17.9-16.59-17.45z'%3E%3C/path%3E%3C/svg%3E")
}

#gigya-verification-sent-screen .gigya-composite-control-link,
.gigya-composite-control.gigya-composite-control-submit.gigya-composite-control-link-cancel-edit-profile {
  display: table-cell !important;
  padding-bottom: 0;
  position: relative;
  content: none
}

#gigya-verification-sent-screen .gigya-composite-control-link input[type=submit],
#gigya-verification-sent-screen .gigya-composite-control-link input[type=button],
.gigya-composite-control.gigya-composite-control-submit.gigya-composite-control-link-cancel-edit-profile input[type=submit],
.gigya-composite-control.gigya-composite-control-submit.gigya-composite-control-link-cancel-edit-profile input[type=button] {
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-weight: 700;
  line-height: 18px;
  border-radius: 0;
  -webkit-box-shadow: 0 4px 11px 0 rgba(var(--c-black-rgb), 0.2);
  box-shadow: 0 4px 11px 0 rgba(var(--c-black-rgb), 0.2);
  background-color: var(--c-black-coral-grey-500);
  border: none;
  color: var(--c-white);
  cursor: pointer;
  height: auto;
  padding: 11px 29px 11px 59px;
  -webkit-transition: background-color .235s ease-in, border-color .235s ease-in, color .235s ease-in;
  transition: background-color .235s ease-in, border-color .235s ease-in, color .235s ease-in;
  width: auto
}

body.fontsReady #gigya-verification-sent-screen .gigya-composite-control-link input[type=submit],
body.fontsReady #gigya-verification-sent-screen .gigya-composite-control-link input[type=button],
body.fontsReady .gigya-composite-control.gigya-composite-control-submit.gigya-composite-control-link-cancel-edit-profile input[type=submit],
body.fontsReady .gigya-composite-control.gigya-composite-control-submit.gigya-composite-control-link-cancel-edit-profile input[type=button] {
  font-family: "MiloWebPro", Arial, sans-serif
}

#gigya-verification-sent-screen .gigya-composite-control-link::after,
.gigya-composite-control.gigya-composite-control-submit.gigya-composite-control-link-cancel-edit-profile::after {
  height: 30px;
  width: 30px;
  left: 17px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cpath fill='var(--c-white)' d='M26.04 14.57l-2.25 2.14 14.59 15.36-14.31 15.76 2.3 2.09 16.26-17.9-16.59-17.45z'%3E%3C/path%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  pointer-events: none;
  position: absolute
}

#gigya-verification-sent-screen .gigya-composite-control-link:hover input[type=submit],
#gigya-verification-sent-screen .gigya-composite-control-link:hover input[type=button],
.gigya-composite-control.gigya-composite-control-submit.gigya-composite-control-link-cancel-edit-profile:hover input[type=submit],
.gigya-composite-control.gigya-composite-control-submit.gigya-composite-control-link-cancel-edit-profile:hover input[type=button] {
  background-color: #828c96;
  color: var(--c-white)
}

#gigya-verification-sent-screen .gigya-composite-control-link:hover::after,
.gigya-composite-control.gigya-composite-control-submit.gigya-composite-control-link-cancel-edit-profile:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cpath fill='var(--c-white)' d='M26.04 14.57l-2.25 2.14 14.59 15.36-14.31 15.76 2.3 2.09 16.26-17.9-16.59-17.45z'%3E%3C/path%3E%3C/svg%3E")
}

#Ceresit-Verification-Sent .gigya-composite-control.gigya-composite-control-label a {
  display: table-cell !important;
  padding-bottom: 0;
  position: relative
}

#Ceresit-Verification-Sent .gigya-composite-control.gigya-composite-control-label a input[type=submit],
#Ceresit-Verification-Sent .gigya-composite-control.gigya-composite-control-label a input[type=button] {
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-weight: 700;
  line-height: 18px;
  border-radius: 0;
  -webkit-box-shadow: 0 4px 11px 0 rgba(var(--c-black-rgb), 0.2);
  box-shadow: 0 4px 11px 0 rgba(var(--c-black-rgb), 0.2);
  background-color: var(--c-maximum-red);
  border: none;
  color: var(--c-white);
  cursor: pointer;
  height: auto;
  padding: 11px 29px 11px 59px;
  -webkit-transition: background-color .235s ease-in, border-color .235s ease-in, color .235s ease-in;
  transition: background-color .235s ease-in, border-color .235s ease-in, color .235s ease-in;
  width: auto
}

body.fontsReady #Ceresit-Verification-Sent .gigya-composite-control.gigya-composite-control-label a input[type=submit],
body.fontsReady #Ceresit-Verification-Sent .gigya-composite-control.gigya-composite-control-label a input[type=button] {
  font-family: "MiloWebPro", Arial, sans-serif
}

#Ceresit-Verification-Sent .gigya-composite-control.gigya-composite-control-label a::after {
  height: 30px;
  width: 30px;
  left: 17px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cpath fill='var(--c-white)' d='M26.04 14.57l-2.25 2.14 14.59 15.36-14.31 15.76 2.3 2.09 16.26-17.9-16.59-17.45z'%3E%3C/path%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  pointer-events: none;
  position: absolute
}

#Ceresit-Verification-Sent .gigya-composite-control.gigya-composite-control-label a:hover input[type=submit],
#Ceresit-Verification-Sent .gigya-composite-control.gigya-composite-control-label a:hover input[type=button] {
  background-color: var(--c-dark-red);
  color: var(--c-white)
}

#Ceresit-Verification-Sent .gigya-composite-control.gigya-composite-control-label a:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cpath fill='var(--c-white)' d='M26.04 14.57l-2.25 2.14 14.59 15.36-14.31 15.76 2.3 2.09 16.26-17.9-16.59-17.45z'%3E%3C/path%3E%3C/svg%3E")
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-my-photo-widget {
  padding-right: 0
}

@media (min-width: 640px) {
  .screenset .gigya-screen .gigya-composite-control.gigya-composite-control-my-photo-widget {
    padding-right: 16.66667%
  }
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-my-photo-widget .gigya-myPhoto-profile-box-wrapper {
  height: 150px !important;
  margin: 0 auto;
  width: 150px;
  border: none
}

@media (min-width: 640px) {
  .screenset .gigya-screen .gigya-composite-control.gigya-composite-control-my-photo-widget .gigya-myPhoto-profile-box-wrapper {
    height: 230px !important;
    margin: 0;
    width: 230px
  }
}

@media (min-width: 768px) {
  .screenset .gigya-screen .gigya-composite-control.gigya-composite-control-my-photo-widget .gigya-myPhoto-profile-box-wrapper {
    height: 280px !important;
    width: 280px
  }
}

@media (min-width: 1024px) {
  .screenset .gigya-screen .gigya-composite-control.gigya-composite-control-my-photo-widget .gigya-myPhoto-profile-box-wrapper {
    height: 360px !important;
    width: 360px
  }
}

@media (min-width: 1280px) {
  .screenset .gigya-screen .gigya-composite-control.gigya-composite-control-my-photo-widget .gigya-myPhoto-profile-box-wrapper {
    height: 440px !important;
    width: 440px
  }
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-my-photo-widget .gigya-myPhoto-profile-box-wrapper .gigya-myPhoto-form-wrapper {
  width: 100%;
  z-index: 0
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-my-photo-widget .gigya-myPhoto-profile-box-wrapper.gigya-myPhoto-status-uploaded .gigya-myPhoto-profile-image {
  background-size: cover !important
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-my-photo-widget .gigya-myPhoto-upload-button {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 24px;
  -ms-flex-line-pack: center;
  align-content: center;
  color: var(--c-black);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 1;
  padding: 10px 0
}

body.fontsReady .screenset .gigya-screen .gigya-composite-control.gigya-composite-control-my-photo-widget .gigya-myPhoto-upload-button {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 768px) {
  .screenset .gigya-screen .gigya-composite-control.gigya-composite-control-my-photo-widget .gigya-myPhoto-upload-button {
    font-size: 18px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 24px
  }

  body.fontsReady .screenset .gigya-screen .gigya-composite-control.gigya-composite-control-my-photo-widget .gigya-myPhoto-upload-button {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-my-photo-widget .gigya-myPhoto-upload-button::before {
  height: 20px;
  margin-right: 5px;
  width: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Crect fill='var(--c-black)' x='15.21' y='30.96' width='30.18' height='5.33' transform='translate(-14.9 31.27) rotate(-45)'/%3E%3Crect fill='var(--c-black)' x='41.65' y='16.36' width='6.49' height='5.33' transform='translate(-0.31 37.32) rotate(-45)'/%3E%3Cpolygon fill='var(--c-black)' points='15.43 48.57 20.09 47.62 16.34 43.87 15.43 48.57'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: inline-block
}

.columncontrol__column .screenset .gigya-screen .gigya-login-form {
  padding-top: 57px
}

.screenset .gigya-screen .gigya-login-form .gigya-show-checkmark.gigya-valid {
  background-image: none
}

.screenset .gigya-screen.gigya-update-profile-screen {
  background-color: var(--c-white);
  padding: 0 20px 20px !important
}

@media (min-width: 640px) {
  .screenset .gigya-screen.gigya-update-profile-screen {
    padding: 0 !important
  }
}

.screenset .gigya-screen.gigya-update-profile-screen .gigya-profile-form {
  padding-bottom: 30px;
  padding-top: 30px;
  width: 100%
}

@media (min-width: 640px) {
  .screenset .gigya-screen.gigya-update-profile-screen .gigya-profile-form {
    margin-left: 8.33333%;
    width: 83.33333%
  }
}

@media (min-width: 768px) {
  .screenset .gigya-screen.gigya-update-profile-screen .gigya-profile-form {
    margin-left: 8.33333%;
    width: 83.33333%
  }
}

.screenset .gigya-screen.gigya-update-profile-screen .gigya-layout-row {
  text-align: left
}

.screenset .gigya-screen.gigya-update-profile-screen .gigya-layout-cell {
  width: 100%
}

@media (min-width: 640px) {
  .screenset .gigya-screen.gigya-update-profile-screen .gigya-layout-cell {
    width: 50%
  }
}

.screenset .gigya-screen.gigya-update-profile-screen .gigya-composite-control-header {
  font-size: 19px;
  font-family: Arial, sans-serif;
  line-height: 29px;
  text-align: left;
  padding-bottom: 12px;
  margin-bottom: 0
}

body.fontsReady .screenset .gigya-screen.gigya-update-profile-screen .gigya-composite-control-header {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .screenset .gigya-screen.gigya-update-profile-screen .gigya-composite-control-header {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 31px
  }

  body.fontsReady .screenset .gigya-screen.gigya-update-profile-screen .gigya-composite-control-header {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.screenset .gigya-screen.gigya-update-profile-screen.gigya-update-profile-screen-view .checkbox-area-expertise label {
  pointer-events: none
}

.screenset .gigya-screen.gigya-update-profile-screen.gigya-update-profile-screen-view .checkbox-area-expertise input[type=checkbox]:checked+label .gigya-checkbox-text {
  background-color: var(--c-white);
  border-color: var(--c-black);
  color: var(--c-black)
}

.screenset .gigya-screen.gigya-update-profile-screen.gigya-update-profile-screen-view .checkbox-area-expertise input[type=checkbox]:not(:checked)+label {
  display: none
}

.screenset .gigya-screen.gigya-update-profile-screen.gigya-update-profile-screen-view .gigya-myPhoto-status-icon,
.screenset .gigya-screen.gigya-update-profile-screen.gigya-update-profile-screen-view .gigya-myPhoto-form-wrapper,
.screenset .gigya-screen.gigya-update-profile-screen.gigya-update-profile-screen-view .gigya-myPhoto-upload-button-wrap {
  display: none
}

.screenset .gigya-screen.gigya-update-profile-screen.gigya-update-profile-screen-view .gigya-composite-control-header {
  margin-top: 40px
}

.screenset .gigya-screen.gigya-update-profile-screen.gigya-update-profile-screen-view .gigya-composite-control-label {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 24px
}

body.fontsReady .screenset .gigya-screen.gigya-update-profile-screen.gigya-update-profile-screen-view .gigya-composite-control-label {
  font-family: "MiloWebPro", Arial, sans-serif
}

.screenset .gigya-screen.gigya-update-profile-screen.gigya-update-profile-screen-view .gigya-composite-control-label.edit-profile-name {
  font-size: 35px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px;
  margin: 30px 0 20px;
  padding-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block
}

body.fontsReady .screenset .gigya-screen.gigya-update-profile-screen.gigya-update-profile-screen-view .gigya-composite-control-label.edit-profile-name {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .screenset .gigya-screen.gigya-update-profile-screen.gigya-update-profile-screen-view .gigya-composite-control-label.edit-profile-name {
    font-size: 70px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 100px
  }

  body.fontsReady .screenset .gigya-screen.gigya-update-profile-screen.gigya-update-profile-screen-view .gigya-composite-control-label.edit-profile-name {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .screenset .gigya-screen.gigya-update-profile-screen.gigya-update-profile-screen-view .gigya-composite-control-label.edit-profile-name {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .screenset .gigya-screen.gigya-update-profile-screen.gigya-update-profile-screen-view .gigya-composite-control-label.edit-profile-name {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.screenset .gigya-screen.gigya-update-profile-screen.gigya-update-profile-screen-edit .gigya-layout-cell {
  text-align: left
}

.screenset .gigya-screen.gigya-update-profile-screen.gigya-update-profile-screen-edit .gigya-composite-control-submit {
  display: inline-block !important
}

.screenset .gigya-screen.gigya-update-profile-screen.gigya-update-profile-screen-edit .gigya-composite-control-link-cancel-edit-profile {
  margin-left: 15px
}

.screenset .gigya-screen#gigya-register-screen {
  padding-left: 0;
  padding-right: 0
}

@media (max-width: 639px) {
  .screenset .gigya-screen#gigya-register-screen .gigya-layout-cell {
    width: 100%;
    max-width: 100%;
    float: none
  }
}

@media (min-width: 640px) {
  .screenset .gigya-screen .gigya-register-form {
    width: 83.33333%
  }
}

@media (min-width: 768px) {
  .screenset .gigya-screen .gigya-register-form {
    width: 66.66667%
  }
}

@media (min-width: 1024px) {
  .screenset .gigya-screen .gigya-register-form {
    width: 50%
  }
}

@media (min-width: 1280px) {
  .screenset .gigya-screen .gigya-register-form {
    width: 33.33333%
  }
}

.screenset .gigya-screen .gigya-register-form .gigya-layout-cell>.gigya-composite-control-link {
  margin-top: 14px
}

.screenset .gigya-screen .gigya-register-form .gigya-layout-cell>.gigya-composite-control-link::before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.screenset .gigya-screen .gigya-register-form .gigya-composite-control-submit {
  float: right
}

.screenset .gigya-screen#Ceresit-Verification-Sent .main-text {
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 18px
}

body.fontsReady .screenset .gigya-screen#Ceresit-Verification-Sent .main-text {
  font-family: "MiloWebPro", Arial, sans-serif
}

.screenset #Ceresit-Change-Password,
#Ceresit-Change-Password-Success {
  background-color: var(--c-white)
}

@media (min-width: 640px) {

  .screenset #Ceresit-Change-Password,
  #Ceresit-Change-Password-Success {
    padding: 0 !important
  }
}

.screenset #Ceresit-Change-Password .gigya-profile-form,
.screenset #Ceresit-Change-Password .gigya-lite-account-progression-form,
#Ceresit-Change-Password-Success .gigya-profile-form,
#Ceresit-Change-Password-Success .gigya-lite-account-progression-form {
  padding-bottom: 30px;
  width: 100%
}

@media (min-width: 640px) {

  .screenset #Ceresit-Change-Password .gigya-profile-form,
  .screenset #Ceresit-Change-Password .gigya-lite-account-progression-form,
  #Ceresit-Change-Password-Success .gigya-profile-form,
  #Ceresit-Change-Password-Success .gigya-lite-account-progression-form {
    margin-left: 8.33333%;
    width: 83.33333%
  }
}

@media (min-width: 768px) {

  .screenset #Ceresit-Change-Password .gigya-profile-form,
  .screenset #Ceresit-Change-Password .gigya-lite-account-progression-form,
  #Ceresit-Change-Password-Success .gigya-profile-form,
  #Ceresit-Change-Password-Success .gigya-lite-account-progression-form {
    margin-left: 8.33333%;
    width: 66.66667%
  }
}

@media (min-width: 1024px) {

  .screenset #Ceresit-Change-Password .gigya-profile-form,
  .screenset #Ceresit-Change-Password .gigya-lite-account-progression-form,
  #Ceresit-Change-Password-Success .gigya-profile-form,
  #Ceresit-Change-Password-Success .gigya-lite-account-progression-form {
    margin-left: 8.33333%;
    width: 41.66667%
  }
}

.screenset #Ceresit-Change-Password .gigya-profile-form .gigya-composite-control-header,
.screenset #Ceresit-Change-Password .gigya-lite-account-progression-form .gigya-composite-control-header,
#Ceresit-Change-Password-Success .gigya-profile-form .gigya-composite-control-header,
#Ceresit-Change-Password-Success .gigya-lite-account-progression-form .gigya-composite-control-header {
  font-size: 18px;
  font-family: Arial, sans-serif;
  font-weight: 700;
  line-height: 18px;
  margin: 0;
  padding-top: 40px;
  padding-bottom: 10px;
  text-align: left
}

body.fontsReady .screenset #Ceresit-Change-Password .gigya-profile-form .gigya-composite-control-header,
body.fontsReady .screenset #Ceresit-Change-Password .gigya-lite-account-progression-form .gigya-composite-control-header,
body.fontsReady #Ceresit-Change-Password-Success .gigya-profile-form .gigya-composite-control-header,
body.fontsReady #Ceresit-Change-Password-Success .gigya-lite-account-progression-form .gigya-composite-control-header {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 768px) {

  .screenset #Ceresit-Change-Password .gigya-profile-form .gigya-composite-control-header,
  .screenset #Ceresit-Change-Password .gigya-lite-account-progression-form .gigya-composite-control-header,
  #Ceresit-Change-Password-Success .gigya-profile-form .gigya-composite-control-header,
  #Ceresit-Change-Password-Success .gigya-lite-account-progression-form .gigya-composite-control-header {
    font-size: 26px;
    font-family: Arial, sans-serif;
    font-weight: 700;
    line-height: 29px
  }

  body.fontsReady .screenset #Ceresit-Change-Password .gigya-profile-form .gigya-composite-control-header,
  body.fontsReady .screenset #Ceresit-Change-Password .gigya-lite-account-progression-form .gigya-composite-control-header,
  body.fontsReady #Ceresit-Change-Password-Success .gigya-profile-form .gigya-composite-control-header,
  body.fontsReady #Ceresit-Change-Password-Success .gigya-lite-account-progression-form .gigya-composite-control-header {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

.screenset #Ceresit-Change-Password .gigya-profile-form .subscribe-thank-you p,
.screenset #Ceresit-Change-Password .gigya-lite-account-progression-form .subscribe-thank-you p,
#Ceresit-Change-Password-Success .gigya-profile-form .subscribe-thank-you p,
#Ceresit-Change-Password-Success .gigya-lite-account-progression-form .subscribe-thank-you p {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 18px;
  text-align: left
}

body.fontsReady .screenset #Ceresit-Change-Password .gigya-profile-form .subscribe-thank-you p,
body.fontsReady .screenset #Ceresit-Change-Password .gigya-lite-account-progression-form .subscribe-thank-you p,
body.fontsReady #Ceresit-Change-Password-Success .gigya-profile-form .subscribe-thank-you p,
body.fontsReady #Ceresit-Change-Password-Success .gigya-lite-account-progression-form .subscribe-thank-you p {
  font-family: "MiloWebPro", Arial, sans-serif
}

.screenset {
  background-color: var(--c-white)
}

.screenset .gigya-show-checkmark.gigya-valid {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle fill='var(--c-jade-green)' cx='12' cy='12' r='11.5'/%3E%3Cpolygon fill='%23fff' fill-rule='evenodd' points='9.99 15.57 6.62 11.98 5.5 13.17 9.99 17.97 19.62 7.7 18.5 6.5 9.99 15.57'/%3E%3C/svg%3E")
}

.screenset .gigya-screen-content div.gigya-screen.landscape {
  width: 100%;
  padding-left: 0;
  padding-right: 0
}

.screenset h1.gigya-screen-caption {
  display: none
}

.screenset .gigya-screen .gigya-composite-control {
  margin-bottom: 15px
}

.screenset .gigya-screen .gigya-required-display,
.screenset .gigya-screen .gigya-label-text,
.screenset .gigya-screen .gigya-legend-text,
.screenset .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-code-remember-label,
.screenset .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-header-text,
.screenset .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-label,
.screenset .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-header-subtext,
.screenset .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-header-text,
.screenset .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-phonenumber,
.screenset .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-header-text,
.screenset .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-number,
.screenset .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-register-example,
.screenset .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-register-type span,
.screenset .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-header-text,
.screenset .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-type,
.screenset .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-type span,
.screenset .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-yourphone,
.screenset .gigya-screen * {
  color: var(--c-black)
}

.screenset .gigya-screen.mobile,
.screenset .gigya-screen.portrait,
.screenset .gigya-screen.landscape {
  width: 100%;
  padding: 0
}

.screenset .gigya-screen .gigya-error-display.gigya-error-display-active .gigya-form-error-msg.gigya-error-msg-active {
  background-color: var(--c-maximum-red);
  border-radius: 0;
  color: var(--c-white);
  padding: 10px
}

.screenset .gigya-screen .gigya-error-display.gigya-error-display-active .gigya-form-error-msg.gigya-error-msg-active::before {
  background-image: url("data:image/svg+xml,%3Csvg width='128' height='128' version='1.1' viewBox='0 0 128 128' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='var(--c-white)'%3E%3Cg transform='scale(2.66667)'%3E%3Cpath d='M0,38h44l-22,-38l-22,38Zm24,-6h-4v-4h4v4Zm0,-8h-4v-8h4v8Z' transform='translate(2, 4)'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}

.screenset .gigya-screen .gigya-error-msg-active.gigya-form-error-msg,
.screenset .gigya-screen .gigya-error-msg.gigya-error-msg-active {
  font-size: 12px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  color: var(--c-maximum-red);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: left;
  padding: 0 0 8px 0
}

body.fontsReady .screenset .gigya-screen .gigya-error-msg-active.gigya-form-error-msg,
body.fontsReady .screenset .gigya-screen .gigya-error-msg.gigya-error-msg-active {
  font-family: "MiloWebPro", Arial, sans-serif
}

.screenset .gigya-screen .gigya-error-msg-active.gigya-form-error-msg::before,
.screenset .gigya-screen .gigya-error-msg.gigya-error-msg-active::before {
  height: 20px;
  margin-right: 5px;
  width: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='128' height='128' version='1.1' viewBox='0 0 128 128' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='var(--c-maximum-red)'%3E%3Cg transform='scale(2.66667)'%3E%3Cpath d='M0,38h44l-22,-38l-22,38Zm24,-6h-4v-4h4v4Zm0,-8h-4v-8h4v8Z' transform='translate(2, 4)'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: inline-block
}

.screenset .gigya-screen .gigya-label-as-text {
  display: block !important;
  text-align: left !important;
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 18px
}

body.fontsReady .screenset .gigya-screen .gigya-label-as-text {
  font-family: "MiloWebPro", Arial, sans-serif
}

.columncontrol {
  zoom: 1;
  margin: 0 20px
}

.columncontrol::before,
.columncontrol::after {
  content: '';
  display: block;
  height: 0;
  overflow: hidden
}

.columncontrol::after {
  clear: both
}

@media (min-width: 640px) {
  .columncontrol .container {
    padding: 0
  }
}

.layoutpanel__content>.columncontrol {
  margin: 0
}

.layoutpanel__content>.columncontrol .columncontrol__buttonwrapper {
  padding-left: 0;
  padding-right: 0
}

@media (min-width: 768px) {
  .layoutpanel__content>.columncontrol .columncontrol__buttonwrapper {
    padding-left: 10px;
    padding-right: 10px
  }
}

@media (min-width: 1024px) {
  .layoutpanel__content>.columncontrol .columncontrol__buttonwrapper {
    padding-left: 0;
    padding-right: 0
  }
}

:not(.layoutpanel__content)>.columncontrol .columncontrol__text-wrapper,
:not(.layoutpanel__content)>.columncontrol .columncontrol__wrapper,
:not(.layoutpanel__content)>.columncontrol .columncontrol__buttonwrapper {
  padding-left: 20px;
  padding-right: 20px
}

@media (min-width: 1024px) {

  :not(.layoutpanel__content)>.columncontrol .columncontrol__text-wrapper,
  :not(.layoutpanel__content)>.columncontrol .columncontrol__wrapper,
  :not(.layoutpanel__content)>.columncontrol .columncontrol__buttonwrapper {
    padding-left: 0;
    padding-right: 0
  }
}

@media (min-width: 640px) {
  :not(.layoutpanel__content)>.columncontrol .columncontrol__text-wrapper {
    margin-left: 8px;
    margin-right: 8px
  }
}

.layoutpanel__base .columncontrol:first-child .columncontrol__general {
  margin-top: 0
}

@media (min-width: 640px) {
  .columncontrol__text-container {
    zoom: 1;
    margin-left: -8px;
    margin-right: -8px
  }

  .columncontrol__text-container::before,
  .columncontrol__text-container::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden
  }

  .columncontrol__text-container::after {
    clear: both
  }
}

@media (min-width: 640px) and (min-width: 768px) {
  .columncontrol__text-container {
    margin-left: -10px;
    margin-right: -10px
  }
}

.layoutpanel__content .columncontrol__text-container {
  zoom: 1;
  margin-left: -8px;
  margin-right: -8px
}

.layoutpanel__content .columncontrol__text-container::before,
.layoutpanel__content .columncontrol__text-container::after {
  content: '';
  display: block;
  height: 0;
  overflow: hidden
}

.layoutpanel__content .columncontrol__text-container::after {
  clear: both
}

@media (min-width: 768px) {
  .layoutpanel__content .columncontrol__text-container {
    margin-left: -10px;
    margin-right: -10px
  }
}

@media (min-width: 768px) {
  .layoutpanel__content .columncontrol__text-container {
    margin-left: 0;
    margin-right: 0
  }
}

@media (min-width: 1024px) {
  .layoutpanel__content .columncontrol__text-container {
    zoom: 1;
    margin-left: -8px;
    margin-right: -8px
  }

  .layoutpanel__content .columncontrol__text-container::before,
  .layoutpanel__content .columncontrol__text-container::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden
  }

  .layoutpanel__content .columncontrol__text-container::after {
    clear: both
  }
}

@media (min-width: 1024px) and (min-width: 768px) {
  .layoutpanel__content .columncontrol__text-container {
    margin-left: -10px;
    margin-right: -10px
  }
}

.columncontrol__text-wrapper,
.columncontrol__buttonwrapper {
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px
}

.columncontrol__title {
  font-size: 33px;
  font-family: Arial, sans-serif;
  line-height: 41px;
  text-transform: uppercase
}

body.fontsReady .columncontrol__title {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .columncontrol__title {
    font-size: 37px;
    font-family: Arial, sans-serif;
    line-height: 50px
  }

  body.fontsReady .columncontrol__title {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.columncontrol__subtitle {
  font-size: 23px;
  font-family: Arial, sans-serif;
  line-height: 31px
}

body.fontsReady .columncontrol__subtitle {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .columncontrol__subtitle {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px
  }

  body.fontsReady .columncontrol__subtitle {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.columncontrol__text {
  font-size: 19px;
  font-family: Arial, sans-serif;
  line-height: 29px;
  color: #fff
}

body.fontsReady .columncontrol__text {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .columncontrol__text {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 31px
  }

  body.fontsReady .columncontrol__text {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

.product-page__base .columncontrol__text {
  color: #232023
}

.columncontrol__title,
.columncontrol__subtitle {
  color: #fff
}

.product-page__base .columncontrol__title,
.product-page__base .columncontrol__subtitle {
  color: #e3032b
}

.columncontrol__text-wrapper {
  margin-bottom: 55px;
  margin-top: 25px
}

@media (min-width: 640px) {
  .columncontrol__text-wrapper {
    padding-left: 16px;
    padding-right: 16px
  }
}

@media (min-width: 768px) {
  .columncontrol__text-wrapper {
    padding-left: 10px;
    padding-right: 10px
  }
}

.columncontrol__buttonwrapper {
  margin: 60px 0;
  text-align: right
}

.columncontrol__subtitle,
.columncontrol__text {
  margin-top: 25px
}

@media (min-width: 1024px) {

  .columncontrol__subtitle,
  .columncontrol__text {
    margin-top: 30px
  }
}

.columncontrol__customLink {
  display: inline-block
}

@media (min-width: 768px) {
  .columncontrol__customLink {
    padding-left: 0;
    padding-right: 0
  }
}

.columncontrol__customLink .button {
  margin-bottom: 20px
}

.columncontrol__base {
  zoom: 1;
  margin-bottom: 60px;
  position: relative;
  z-index: 11
}

.columncontrol__column .columncontrol__base {
  padding-left: 0;
  padding-right: 0
}

@media (min-width: 768px) {
  .columncontrol__column.columncontrol__column--lt0 .columncontrol__base {
    padding-left: 6px;
    padding-right: 6px
  }
}

.columncontrol__base::before,
.columncontrol__base::after {
  content: '';
  display: block;
  height: 0;
  overflow: hidden
}

.columncontrol__base::after {
  clear: both
}

.layoutpanel+.columncontrol .columncontrol__base--control-transparent {
  background-color: rgba(0, 0, 0, 0)
}

.columncontrol__base.columncontrol__base--narrowed-width {
  width: 83.33333%;
  margin-left: auto;
  margin-right: auto
}

@media (min-width: 1024px) {
  .columncontrol__base.columncontrol__base--narrowed-width {
    max-width: 786.66667px;
    padding: 0
  }
}

@media (min-width: 1280px) {
  .columncontrol__base.columncontrol__base--narrowed-width {
    max-width: 1000px
  }
}

.columncontrol__column+.columncontrol__column {
  margin-top: 20px
}

@media (min-width: 768px) {
  .columncontrol__column+.columncontrol__column {
    margin-top: 0
  }
}

@media (min-width: 768px) {

  .columncontrol__column--lt1 .text__base,
  .columncontrol__column--lt1 .image__base,
  .columncontrol__column--lt1 .video__base,
  .columncontrol__column--lt2 .text__base,
  .columncontrol__column--lt2 .image__base,
  .columncontrol__column--lt2 .video__base,
  .columncontrol__column--lt3 .text__base,
  .columncontrol__column--lt3 .image__base,
  .columncontrol__column--lt3 .video__base,
  .columncontrol__column--lt4 .text__base,
  .columncontrol__column--lt4 .image__base,
  .columncontrol__column--lt4 .video__base,
  .columncontrol__column--lt5 .text__base,
  .columncontrol__column--lt5 .image__base,
  .columncontrol__column--lt5 .video__base,
  .columncontrol__column--lt6 .text__base,
  .columncontrol__column--lt6 .image__base,
  .columncontrol__column--lt6 .video__base {
    width: 100%;
    margin-left: 0;
    margin-right: 0
  }
}

@media (min-width: 640px) {
  .columncontrol__wrapper {
    zoom: 1;
    margin-left: -8px;
    margin-right: -8px
  }

  .columncontrol__wrapper::before,
  .columncontrol__wrapper::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden
  }

  .columncontrol__wrapper::after {
    clear: both
  }
}

@media (min-width: 640px) and (min-width: 768px) {
  .columncontrol__wrapper {
    margin-left: -10px;
    margin-right: -10px
  }
}

.layoutpanel__content .columncontrol__wrapper {
  zoom: 1;
  margin-left: -8px;
  margin-right: -8px
}

.layoutpanel__content .columncontrol__wrapper::before,
.layoutpanel__content .columncontrol__wrapper::after {
  content: '';
  display: block;
  height: 0;
  overflow: hidden
}

.layoutpanel__content .columncontrol__wrapper::after {
  clear: both
}

@media (min-width: 768px) {
  .layoutpanel__content .columncontrol__wrapper {
    margin-left: -10px;
    margin-right: -10px
  }
}

@media (min-width: 768px) {
  .layoutpanel__content .columncontrol__wrapper {
    margin-left: 0;
    margin-right: 0
  }
}

@media (min-width: 1024px) {
  .layoutpanel__content .columncontrol__wrapper {
    zoom: 1;
    margin-left: -8px;
    margin-right: -8px
  }

  .layoutpanel__content .columncontrol__wrapper::before,
  .layoutpanel__content .columncontrol__wrapper::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden
  }

  .layoutpanel__content .columncontrol__wrapper::after {
    clear: both
  }
}

@media (min-width: 1024px) and (min-width: 768px) {
  .layoutpanel__content .columncontrol__wrapper {
    margin-left: -10px;
    margin-right: -10px
  }
}

@media (max-width: 639px) {

  .layoutpanel__base .columncontrol__base--control-transparent.columncontrol__base--content-width,
  .columncontrol__base--control-transparent .video__base {
    padding-left: 8px;
    padding-right: 8px
  }
}

.columncontrol__column--lt0 {
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px
}

.columncontrol__column--lt1 {
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px
}

@media (min-width: 768px) {
  .columncontrol__column--lt1 {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.columncontrol__column--lt2 {
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px
}

@media (min-width: 768px) {
  .columncontrol__column--lt2:first-child {
    width: 33.33333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }

  .columncontrol__column--lt2:last-child {
    width: 66.66667%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.columncontrol__column--lt3 {
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px
}

@media (min-width: 768px) {
  .columncontrol__column--lt3:first-child {
    width: 66.66667%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }

  .columncontrol__column--lt3:last-child {
    width: 33.33333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.columncontrol__column--lt4 {
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px
}

@media (min-width: 768px) {
  .columncontrol__column--lt4 {
    width: 33.33333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.columncontrol__column--lt5 {
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px
}

@media (min-width: 768px) {
  .columncontrol__column--lt5 {
    width: 25%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }

  .columncontrol__column--lt5:last-child {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.columncontrol__column--lt6 {
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px
}

@media (min-width: 768px) {
  .columncontrol__column--lt6 {
    width: 25%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }

  .columncontrol__column--lt6:first-child {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.columncontrol__column--lt7 {
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px
}

@media (min-width: 768px) {
  .columncontrol__column--lt7 {
    width: 25%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.comparebar__base {
  background-color: var(--c-ghost-white-100);
  bottom: 0;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 16
}

html.darkmode .comparebar__base {
  background-color: #1b2022
}

.comparebar__wrap {
  text-align: center
}

.comparebar__wrapper {
  overflow: auto;
  padding: 20px 0
}

@media (min-width: 768px) {
  .comparebar__wrapper {
    overflow: visible
  }
}

.comparebar__wrapper--suggest {
  overflow: visible
}

.comparebar__productWrap {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}

@media (min-width: 768px) {
  .comparebar__productWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.comparebar__wrapper--suggest .comparebar__productWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.comparebar__productContainer {
  height: 40px;
  opacity: 1;
  padding: 0 7px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  width: 240px
}

@media (min-width: 768px) {
  .comparebar__productContainer {
    width: 25%
  }
}

.comparebar__productContainer--isFocused {
  width: 100%
}

@media (min-width: 768px) {
  .comparebar__productContainer--isFocused {
    width: 50%
  }
}

.comparebar__productContainer--isHidden {
  width: 0;
  opacity: 0;
  padding: 0
}

.comparebar__productItem {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--c-white);
  border: 1px solid var(--c-outer-space-crayola-600);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}

html.darkmode .comparebar__productItem {
  background-color: #1b2022
}

.comparebar__productName {
  max-width: calc(100% - 30px);
  overflow: hidden;
  padding: 0 10px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.comparebar__productClose {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  color: var(--c-maximum-red);
  cursor: pointer;
  float: right;
  height: 100%;
  margin-left: -10px;
  text-align: center;
  width: 40px
}

.comparebar__productClose .heli__svg-icons {
  height: 100%;
  pointer-events: none;
  width: 100%
}

.comparebar__productClose .heli__svg-icon {
  width: 20px
}

.comparebar__productClose.hasFocus {
  height: 30px;
  margin-right: 5px;
  padding: 0;
  width: 30px
}

.comparebar__compareBtn {
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 20px;
  -webkit-transition: background-color .5s, border-color .5s, color .5s;
  transition: background-color .5s, border-color .5s, color .5s;
  background-color: var(--c-maximum-red);
  color: var(--c-white);
  display: inline-block;
  margin: 0 auto 10px;
  padding: 10px 40px;
  text-decoration: none
}

body.fontsReady .comparebar__compareBtn {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1280px) {
  .comparebar__compareBtn {
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 22px
  }

  body.fontsReady .comparebar__compareBtn {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

.comparebar__compareBtn:hover {
  background-color: var(--c-dark-red)
}

.comparebar__compareBtn--isDisabled:hover,
.comparebar__compareBtn--isDisabled {
  background-color: var(--c-salmon-pink);
  pointer-events: none
}

.comparebar__clearAll {
  padding: 10px 40px
}

.comparecontrol__base {
  position: relative;
  overflow: auto;
  padding: 0
}

@media (min-width: 768px) {
  .comparecontrol__base {
    overflow: visible
  }
}

.comparecontrol__backBtn {
  font-size: 12px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 18px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  color: var(--c-black-coral-grey-500);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
  padding: 0 10px
}

body.fontsReady .comparecontrol__backBtn {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1280px) {
  .comparecontrol__backBtn {
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 20px
  }

  body.fontsReady .comparecontrol__backBtn {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

.comparecontrol__backBtn:hover {
  color: var(--c-maximum-red)
}

@media print {
  .comparecontrol__backBtn {
    display: none
  }
}

@media (min-width: 1024px) {
  .comparecontrol__backBtn {
    margin-left: 0
  }
}

.comparecontrol__caption {
  display: table-caption
}

.comparecontrol__backArrow {
  width: 15px;
  height: 15px;
  display: inline-block
}

.comparecontrol__backArrow .heli__svg-icon {
  margin-left: -8px
}

.comparecontrol__titleWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

@media (min-width: 768px) {
  .comparecontrol__titleWrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
}

.comparecontrol__title {
  font-size: 35px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px;
  padding: 10px 10px 20px;
  color: var(--c-black);
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

body.fontsReady .comparecontrol__title {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .comparecontrol__title {
    font-size: 70px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 100px
  }

  body.fontsReady .comparecontrol__title {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .comparecontrol__title {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .comparecontrol__title {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.comparecontrol__download {
  margin-left: 10px;
  margin-right: 10px
}

@media print {
  .comparecontrol__download {
    display: none
  }
}

@media (min-width: 1024px) {
  .comparecontrol__download {
    margin-right: 0
  }
}

.comparecontrol__disclaimer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--c-ghost-white-100);
  margin-bottom: 20px;
  padding: 15px;
  width: 100%;
  max-width: 690px
}

.comparecontrol__disclaimer--icon {
  width: 20px;
  height: 30px;
  margin-right: 10px
}

.comparecontrol__disclaimer--icon .heli__svg-icons {
  height: 100%
}

.comparecontrol__disclaimer--text {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 24px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

body.fontsReady .comparecontrol__disclaimer--text {
  font-family: "MiloWebPro", Arial, sans-serif
}

.comparecontrol__headerWrap {
  position: relative
}

.comparecontrol__header,
.comparecontrol__rowBody {
  zoom: 1;
  width: 100%;
  margin-bottom: 15px
}

.comparecontrol__header::before,
.comparecontrol__header::after,
.comparecontrol__rowBody::before,
.comparecontrol__rowBody::after {
  content: '';
  display: block;
  height: 0;
  overflow: hidden
}

.comparecontrol__header::after,
.comparecontrol__rowBody::after {
  clear: both
}

.comparecontrol__header--3,
.comparecontrol__header--4,
.comparecontrol__rowBody--3,
.comparecontrol__rowBody--4 {
  min-width: 1200px
}

.comparecontrol__rowBody {
  padding: 5px 0
}

.comparecontrol__header {
  position: relative;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  margin-bottom: 20px
}

.comparecontrol__headerTitleWrap {
  position: relative;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-bottom: 25px;
  z-index: 1
}

@media print {
  .comparecontrol__headerTitleWrap {
    position: static
  }
}

.comparecontrol__headerImgWrap,
.comparecontrol__headerItem {
  text-align: center
}

.comparecontrol__headerImgWrap,
.comparecontrol__headerItem,
.comparecontrol__rowInfo {
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px
}

.comparecontrol__header--2 .comparecontrol__headerImgWrap,
.comparecontrol__rowBody--2 .comparecontrol__headerImgWrap,
.comparecontrol__header--2 .comparecontrol__headerItem,
.comparecontrol__rowBody--2 .comparecontrol__headerItem,
.comparecontrol__header--2 .comparecontrol__rowInfo,
.comparecontrol__rowBody--2 .comparecontrol__rowInfo {
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px
}

@media (min-width: 0) {

  .comparecontrol__header--2 .comparecontrol__headerImgWrap,
  .comparecontrol__rowBody--2 .comparecontrol__headerImgWrap,
  .comparecontrol__header--2 .comparecontrol__headerItem,
  .comparecontrol__rowBody--2 .comparecontrol__headerItem,
  .comparecontrol__header--2 .comparecontrol__rowInfo,
  .comparecontrol__rowBody--2 .comparecontrol__rowInfo {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.comparecontrol__header--3 .comparecontrol__headerImgWrap,
.comparecontrol__rowBody--3 .comparecontrol__headerImgWrap,
.comparecontrol__header--3 .comparecontrol__headerItem,
.comparecontrol__rowBody--3 .comparecontrol__headerItem,
.comparecontrol__header--3 .comparecontrol__rowInfo,
.comparecontrol__rowBody--3 .comparecontrol__rowInfo {
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px
}

@media (min-width: 0) {

  .comparecontrol__header--3 .comparecontrol__headerImgWrap,
  .comparecontrol__rowBody--3 .comparecontrol__headerImgWrap,
  .comparecontrol__header--3 .comparecontrol__headerItem,
  .comparecontrol__rowBody--3 .comparecontrol__headerItem,
  .comparecontrol__header--3 .comparecontrol__rowInfo,
  .comparecontrol__rowBody--3 .comparecontrol__rowInfo {
    width: 33.33333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.comparecontrol__header--4 .comparecontrol__headerImgWrap,
.comparecontrol__rowBody--4 .comparecontrol__headerImgWrap,
.comparecontrol__header--4 .comparecontrol__headerItem,
.comparecontrol__rowBody--4 .comparecontrol__headerItem,
.comparecontrol__header--4 .comparecontrol__rowInfo,
.comparecontrol__rowBody--4 .comparecontrol__rowInfo {
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px
}

@media (min-width: 0) {

  .comparecontrol__header--4 .comparecontrol__headerImgWrap,
  .comparecontrol__rowBody--4 .comparecontrol__headerImgWrap,
  .comparecontrol__header--4 .comparecontrol__headerItem,
  .comparecontrol__rowBody--4 .comparecontrol__headerItem,
  .comparecontrol__header--4 .comparecontrol__rowInfo,
  .comparecontrol__rowBody--4 .comparecontrol__rowInfo {
    width: 25%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.comparecontrol__headerImg {
  max-width: 130px;
  max-height: 130px;
  height: auto
}

@media (min-width: 1024px) {
  .comparecontrol__headerImg {
    max-width: 200px;
    max-height: 200px
  }
}

.comparecontrol__headerTitle {
  padding: 10px 0;
  text-align: center;
  max-height: 36px
}

.comparecontrol__headerItem {
  padding: 0 10px;
  background-color: var(--c-ghost-white-100)
}

.comparecontrol__rowInfo {
  padding: 0 10px
}

.comparecontrol__rowHeader {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 700;
  line-height: 18px;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  border-bottom: 1px solid var(--c-silver-chalice-grey-300);
  color: var(--c-black);
  padding: 5px 10px
}

body.fontsReady .comparecontrol__rowHeader {
  font-family: "MiloWebPro", Arial, sans-serif
}

.comparecontrol__sectionTitle {
  font-size: 33px;
  font-family: Arial, sans-serif;
  line-height: 41px;
  text-transform: uppercase;
  color: var(--c-black);
  padding: 10px 10px 12px
}

body.fontsReady .comparecontrol__sectionTitle {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .comparecontrol__sectionTitle {
    font-size: 37px;
    font-family: Arial, sans-serif;
    line-height: 50px
  }

  body.fontsReady .comparecontrol__sectionTitle {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.comparecontrol__headerLink {
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block
}

@media (min-width: 1024px) {
  .comparecontrol__headerLink:hover {
    text-decoration: underline
  }
}

.comparecontrol__noData {
  margin-bottom: 40px
}

.contentreference__base {
  margin-bottom: 30px
}

.contentreference__base h2 {
  font-size: 33px;
  font-family: Arial, sans-serif;
  line-height: 41px;
  text-transform: uppercase
}

body.fontsReady .contentreference__base h2 {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .contentreference__base h2 {
    font-size: 37px;
    font-family: Arial, sans-serif;
    line-height: 50px
  }

  body.fontsReady .contentreference__base h2 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.contentreference__base h3 {
  font-size: 23px;
  font-family: Arial, sans-serif;
  line-height: 31px
}

body.fontsReady .contentreference__base h3 {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .contentreference__base h3 {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px
  }

  body.fontsReady .contentreference__base h3 {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.contentreference__base h4 {
  font-size: 21px;
  font-family: Arial, sans-serif;
  line-height: 31px
}

body.fontsReady .contentreference__base h4 {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .contentreference__base h4 {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 32px
  }

  body.fontsReady .contentreference__base h4 {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.contentreference__base h5 {
  font-size: 19px;
  font-family: Arial, sans-serif;
  line-height: 29px
}

body.fontsReady .contentreference__base h5 {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .contentreference__base h5 {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 31px
  }

  body.fontsReady .contentreference__base h5 {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.contentreference__base h6 {
  font-size: 15px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  text-transform: uppercase
}

body.fontsReady .contentreference__base h6 {
  font-family: "FuturaMedium", Arial, sans-serif
}

@media (min-width: 1024px) {
  .contentreference__base h6 {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px
  }

  body.fontsReady .contentreference__base h6 {
    font-family: "FuturaMedium", Arial, sans-serif
  }
}

.contentreference__base p {
  font-size: 19px;
  font-family: Arial, sans-serif;
  line-height: 29px
}

body.fontsReady .contentreference__base p {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .contentreference__base p {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 31px
  }

  body.fontsReady .contentreference__base p {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

.contentreference__base a {
  font-size: 19px;
  font-family: Arial, sans-serif;
  line-height: 29px
}

body.fontsReady .contentreference__base a {
  font-family: "FuturaMedium", Arial, sans-serif
}

@media (min-width: 1024px) {
  .contentreference__base a {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 31px
  }

  body.fontsReady .contentreference__base a {
    font-family: "FuturaMedium", Arial, sans-serif
  }
}

.contentreference__base a:visited {
  font-size: 19px;
  font-family: Arial, sans-serif;
  line-height: 29px
}

body.fontsReady .contentreference__base a:visited {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .contentreference__base a:visited {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 31px
  }

  body.fontsReady .contentreference__base a:visited {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.contentreference__base a:hover,
.contentreference__base a:active {
  font-size: 19px;
  font-family: Arial, sans-serif;
  line-height: 29px
}

body.fontsReady .contentreference__base a:hover,
body.fontsReady .contentreference__base a:active {
  font-family: "FuturaMedium", Arial, sans-serif
}

@media (min-width: 1024px) {

  .contentreference__base a:hover,
  .contentreference__base a:active {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 31px
  }

  body.fontsReady .contentreference__base a:hover,
  body.fontsReady .contentreference__base a:active {
    font-family: "FuturaMedium", Arial, sans-serif
  }
}

.contentreference__base *+h2,
.contentreference__base *+h3,
.contentreference__base *+h4,
.contentreference__base *+h5,
.contentreference__base *+h6,
.contentreference__base *+p {
  margin-top: 25px
}

@media (min-width: 768px) {

  .contentreference__base *+h2,
  .contentreference__base *+h3,
  .contentreference__base *+h4,
  .contentreference__base *+h5,
  .contentreference__base *+h6,
  .contentreference__base *+p {
    margin-top: 30px
  }
}

.contentreference__base p+h2,
.contentreference__base p+h3,
.contentreference__base p+h4,
.contentreference__base p+h5,
.contentreference__base p+h6,
.contentreference__base p+p,
.contentreference__base p+ol,
.contentreference__base p+ul,
.contentreference__base ol+h2,
.contentreference__base ol+h3,
.contentreference__base ol+h4,
.contentreference__base ol+h5,
.contentreference__base ol+h6,
.contentreference__base ol+p,
.contentreference__base ol+ol,
.contentreference__base ol+ul,
.contentreference__base ul+h2,
.contentreference__base ul+h3,
.contentreference__base ul+h4,
.contentreference__base ul+h5,
.contentreference__base ul+h6,
.contentreference__base ul+p,
.contentreference__base ul+ol,
.contentreference__base ul+ul {
  margin-top: 25px
}

@media (min-width: 768px) {

  .contentreference__base p+h2,
  .contentreference__base p+h3,
  .contentreference__base p+h4,
  .contentreference__base p+h5,
  .contentreference__base p+h6,
  .contentreference__base p+p,
  .contentreference__base p+ol,
  .contentreference__base p+ul,
  .contentreference__base ol+h2,
  .contentreference__base ol+h3,
  .contentreference__base ol+h4,
  .contentreference__base ol+h5,
  .contentreference__base ol+h6,
  .contentreference__base ol+p,
  .contentreference__base ol+ol,
  .contentreference__base ol+ul,
  .contentreference__base ul+h2,
  .contentreference__base ul+h3,
  .contentreference__base ul+h4,
  .contentreference__base ul+h5,
  .contentreference__base ul+h6,
  .contentreference__base ul+p,
  .contentreference__base ul+ol,
  .contentreference__base ul+ul {
    margin-top: 30px
  }
}

.contentreference__base h2+p,
.contentreference__base h2+ol,
.contentreference__base h2+ul,
.contentreference__base h3+p,
.contentreference__base h3+ol,
.contentreference__base h3+ul,
.contentreference__base h4+p,
.contentreference__base h4+ol,
.contentreference__base h4+ul,
.contentreference__base h5+p,
.contentreference__base h5+ol,
.contentreference__base h5+ul,
.contentreference__base h6+p,
.contentreference__base h6+ol,
.contentreference__base h6+ul {
  margin-top: 25px
}

@media (min-width: 768px) {

  .contentreference__base h2+p,
  .contentreference__base h2+ol,
  .contentreference__base h2+ul,
  .contentreference__base h3+p,
  .contentreference__base h3+ol,
  .contentreference__base h3+ul,
  .contentreference__base h4+p,
  .contentreference__base h4+ol,
  .contentreference__base h4+ul,
  .contentreference__base h5+p,
  .contentreference__base h5+ol,
  .contentreference__base h5+ul,
  .contentreference__base h6+p,
  .contentreference__base h6+ol,
  .contentreference__base h6+ul {
    margin-top: 30px
  }
}

.contentreference__title {
  font-size: 35px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px;
  margin-bottom: 15px;
  color: var(--c-black)
}

body.fontsReady .contentreference__title {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .contentreference__title {
    font-size: 70px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 100px
  }

  body.fontsReady .contentreference__title {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .contentreference__title {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .contentreference__title {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.cookienote__box,
.onetrustcookienote__box {
  -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.52);
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.52);
  border-radius: 0 0 12px 12px;
  height: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transition: height 0.3s linear;
  transition: height 0.3s linear;
  z-index: 34
}

.cookienote__content,
.onetrustcookienote__content {
  padding: 15px 20px 20px;
  border: 1px solid #5f6973;
  background-color: rgba(255, 255, 255, 0.95)
}

.cookienote__container,
.onetrustcookienote__container {
  padding-top: 25px;
  position: relative
}

@media (min-width: 640px) {

  .cookienote__container,
  .onetrustcookienote__container {
    padding: 0
  }
}

.cookienote__title,
.onetrustcookienote__title {
  font-size: 21px;
  font-family: Arial, sans-serif;
  line-height: 31px;
  margin-bottom: 17px
}

body.fontsReady .cookienote__title,
body.fontsReady .onetrustcookienote__title {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {

  .cookienote__title,
  .onetrustcookienote__title {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 32px
  }

  body.fontsReady .cookienote__title,
  body.fontsReady .onetrustcookienote__title {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.cookienote__text,
.onetrustcookienote__text {
  font-size: 17px;
  font-family: Arial, sans-serif;
  line-height: 27px;
  margin-bottom: 17px
}

body.fontsReady .cookienote__text,
body.fontsReady .onetrustcookienote__text {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {

  .cookienote__text,
  .onetrustcookienote__text {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 29px
  }

  body.fontsReady .cookienote__text,
  body.fontsReady .onetrustcookienote__text {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

.cookienote__details,
.onetrustcookienote__details {
  margin-bottom: 17px
}

.cookienote__link,
.onetrustcookienote__link {
  font-size: 17px;
  font-family: Arial, sans-serif;
  line-height: 27px
}

body.fontsReady .cookienote__link,
body.fontsReady .onetrustcookienote__link {
  font-family: "FuturaMedium", Arial, sans-serif
}

@media (min-width: 1024px) {

  .cookienote__link,
  .onetrustcookienote__link {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 29px
  }

  body.fontsReady .cookienote__link,
  body.fontsReady .onetrustcookienote__link {
    font-family: "FuturaMedium", Arial, sans-serif
  }
}

.cookienote__link:focus,
.onetrustcookienote__link:focus {
  text-decoration: underline
}

.cookienote__button+.cookienote__button,
.onetrustcookienote__button+.cookienote__button,
.cookienote__button+.onetrustcookienote__button,
.onetrustcookienote__button+.onetrustcookienote__button {
  margin-left: 20px
}

.cookienote__button.button,
.onetrustcookienote__button.button {
  margin-bottom: 10px
}

@media (min-width: 640px) {

  .cookienote__button.button,
  .onetrustcookienote__button.button {
    margin-bottom: 0
  }
}

.cookienote__buttons,
.onetrustcookienote__buttons {
  margin: 30px 0 20px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (min-width: 640px) {

  .cookienote__buttons,
  .onetrustcookienote__buttons {
    text-align: left
  }
}

.cookienote__button,
.onetrustcookienote__button {
  cursor: pointer
}

.cookienote__placeholderWrapper,
.onetrustcookienote__placeholderWrapper {
  display: none
}

.cookienote__placeholder,
.onetrustcookienote__placeholder {
  margin: 30px 0;
  text-align: center
}

.cookienote__placeholderImage,
.onetrustcookienote__placeholderImage {
  display: block;
  margin: 0 auto 30px;
  max-width: 200px
}

.cookienote__closeButton.button,
.onetrustcookienote__closeButton.button {
  font-size: 17px;
  font-family: Arial, sans-serif;
  line-height: 27px;
  position: absolute;
  right: 0;
  top: 0;
  color: #5f6973;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: none;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  min-height: 30px
}

body.fontsReady .cookienote__closeButton.button,
body.fontsReady .onetrustcookienote__closeButton.button {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {

  .cookienote__closeButton.button,
  .onetrustcookienote__closeButton.button {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 29px
  }

  body.fontsReady .cookienote__closeButton.button,
  body.fontsReady .onetrustcookienote__closeButton.button {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

.cookienote__closeButton.button .heli__svg-icons,
.onetrustcookienote__closeButton.button .heli__svg-icons {
  padding: 2px 15px 0 5px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.cookienote__closeButton.button .heli__svg-icon,
.onetrustcookienote__closeButton.button .heli__svg-icon {
  height: 16px;
  width: 16px
}

.cookienote__closeIcon,
.onetrustcookienote__closeIcon {
  padding-left: 10px
}

.cookienote__closeIcon .heli__svg-icon,
.onetrustcookienote__closeIcon .heli__svg-icon {
  display: block
}

.cookieswitch__base {
  margin-bottom: 40px
}

.externalcontent__iframe {
  width: 100%;
  margin: 0 auto;
  overflow: hidden
}

.externalcontent__iframe--scrollingEnabled {
  overflow: scroll
}

.footer {
  background-color: #e3032b;
  padding-bottom: 25px;
  position: relative;
  width: 100%;
  z-index: 2
}

@media (min-width: 768px) {
  .footer {
    padding-top: 30px
  }
}

@media (min-width: 1024px) {
  .footer {
    padding-bottom: 0
  }
}

@media print {
  .footer {
    display: none
  }
}

.footer__base .footer__legalWrap {
  border-top: 1px solid #fff;
  padding: 15px 0 0
}

.footer .linklist__base {
  margin-bottom: 0
}

@media (min-width: 768px) {
  .footer .linklist__base {
    margin-bottom: 30px
  }
}

.footer .linklist__collapsable {
  margin-left: -8px;
  padding-left: 8px
}

.footer .linklist__collapsable-isOpen .linklist__item {
  opacity: 1
}

@media (min-width: 768px) {
  .footer__linksWrap {
    zoom: 1;
    margin-left: -8px;
    margin-right: -8px;
    margin-bottom: 10px
  }

  .footer__linksWrap::before,
  .footer__linksWrap::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden
  }

  .footer__linksWrap::after {
    clear: both
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .footer__linksWrap {
    margin-left: -10px;
    margin-right: -10px
  }
}

.footer__socialWrap {
  margin-bottom: 20px
}

@media (min-width: 768px) {
  .footer__socialWrap {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 5px
  }
}

@media (min-width: 1280px) {
  .footer__socialWrap {
    width: 33.33333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.footer__socialWrap .link__icon {
  color: #fff;
  height: 45px;
  margin-right: 0;
  width: 45px
}

.footer__socialWrap .link__icon:hover {
  color: #e3032b;
  background: #fff;
  border-radius: 12px;
  cursor: pointer
}

.footer__socialWrap .link__icon .heli__svg-icon {
  pointer-events: none
}

.footer__socialWrap .linklist__base {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  width: 100%
}

.footer__socialWrap .linklist__item {
  margin-right: 15px
}

@media (min-width: 768px) {
  .footer__socialWrap .linklist__item {
    margin-right: 20px
  }
}

.footer__socialWrap .linklist__item:last-child {
  margin-right: 0
}

.footer__socialWrap .linklist__titleWrap {
  margin: 15px 0;
  width: 100%
}

.footer__socialWrap .linklist__title {
  font-size: 17px;
  font-family: Arial, sans-serif;
  line-height: 22px;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 0
}

body.fontsReady .footer__socialWrap .linklist__title {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .footer__socialWrap .linklist__title {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 24px
  }

  body.fontsReady .footer__socialWrap .linklist__title {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

@media (min-width: 768px) {
  .footer__socialWrap .linklist__title {
    margin: 0
  }
}

.footer__socialWrap .link__title {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute
}

.footer__socialWrap .link__anchor {
  font-size: 17px;
  font-family: Arial, sans-serif;
  line-height: 27px;
  color: #fff
}

body.fontsReady .footer__socialWrap .link__anchor {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .footer__socialWrap .link__anchor {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 29px
  }

  body.fontsReady .footer__socialWrap .link__anchor {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

.footer__legalWrap {
  border-top: 1px solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px 0
}

@media (min-width: 768px) {
  .footer__legalWrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
}

.footer__legalWrap-noBorder {
  border-top: 0
}

@media (min-width: 768px) {
  .footer__linkSection {
    width: 25%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media (min-width: 1280px) {
  .footer__linkSection {
    width: 16.66667%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media (min-width: 768px) {
  .footer__linkSection .linklist__base {
    margin-bottom: 50px
  }
}

.footer__linkSection .linklist__title {
  font-size: 17px;
  font-family: Arial, sans-serif;
  line-height: 22px;
  text-transform: uppercase;
  color: #fff;
  margin: 25px 0
}

body.fontsReady .footer__linkSection .linklist__title {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .footer__linkSection .linklist__title {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 24px
  }

  body.fontsReady .footer__linkSection .linklist__title {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

@media (min-width: 768px) {
  .footer__linkSection .linklist__title {
    margin: 0 0 20px
  }
}

.footer__linkSection .linklist__item {
  margin: 0 0 8px
}

.footer__linkSection .linklist__item.linklist__collapsable {
  opacity: 0;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s
}

.footer__linkSection .link__anchor {
  font-size: 17px;
  font-family: Arial, sans-serif;
  line-height: 27px;
  color: #fff
}

body.fontsReady .footer__linkSection .link__anchor {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .footer__linkSection .link__anchor {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 29px
  }

  body.fontsReady .footer__linkSection .link__anchor {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

.footer__linkSection .link__title {
  margin-left: -8px;
  padding: 1px 8px
}

.footer__linkSection .link__title:hover {
  background-image: url("assets/hover-bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  color: #e3032b
}

.footer__linkSection .linklist {
  border-bottom: 1px solid #fff
}

@media (min-width: 768px) {
  .footer__linkSection .linklist {
    border: none
  }
}

.footer__legal {
  margin-bottom: 15px
}

@media (min-width: 768px) {
  .footer__legal {
    -ms-flex-negative: 0;
    flex-shrink: 0
  }
}

@media (min-width: 1024px) {
  .footer__legal {
    margin-bottom: 0
  }
}

.footer__legal .linklist__item {
  display: inline-block;
  margin-bottom: 10px;
  padding-top: 10px;
  width: 100%
}

@media (min-width: 768px) {
  .footer__legal .linklist__item {
    border-right: 1px solid #fff;
    padding: 0 20px;
    width: auto
  }

  .footer__legal .linklist__item:first-child {
    padding-left: 0
  }

  .footer__legal .linklist__item:last-child {
    border: 0
  }
}

.footer__legal .link__title {
  font-size: 17px;
  font-family: Arial, sans-serif;
  line-height: 27px;
  color: #fff;
  padding: 2px 10px
}

body.fontsReady .footer__legal .link__title {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .footer__legal .link__title {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 29px
  }

  body.fontsReady .footer__legal .link__title {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

.footer__legal .link__title:hover {
  background-image: url("assets/hover-bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  color: #e3032b
}

.footer__disclaimer {
  font-size: 16px;
  font-family: Arial, sans-serif;
  line-height: 18px;
  padding-top: 20px;
  border-top: 1px solid #fff;
  color: #fff
}

body.fontsReady .footer__disclaimer {
  font-family: "FuturaMedium", Arial, sans-serif
}

@media (min-width: 768px) {
  .footer__disclaimer {
    border-top: 0;
    padding: 2px 10px
  }
}

@media (min-width: 1024px) {
  .footer__disclaimer {
    padding-left: 0
  }
}

@media (min-width: 768px) {
  .footer__disclaimer {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: right
  }
}

.footer__disclaimerYear::before {
  content: '\00a9';
  margin-right: 5px
}

.header {
  height: 75px;
  position: relative;
  width: 100%;
  z-index: 29
}

@media (min-width: 1024px) {
  .header {
    height: 110px
  }
}

.header__base {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 8px 8px -5px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 8px 8px -5px;
  background: #e3032b;
  height: 75px;
  position: relative;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
  width: 100%
}

@media (min-width: 1024px) {
  .header__base {
    height: 110px
  }
}

.header__base--isSticky {
  position: fixed;
  z-index: 29
}

@media print {
  .header__base--isSticky {
    position: static
  }
}

.header__base--isSticky.header__base--isUp {
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%)
}

@media print {
  .header__base--isSticky.header__base--isUp {
    -webkit-transform: none;
    transform: none
  }
}

.header--landingPage .header__base {
  background: #fff
}

@media (min-width: 1024px) {

  .header--globalPage,
  .header--globalPage .header__base {
    height: 110px
  }
}

.header__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 75px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0;
  position: relative
}

@media (min-width: 1024px) {
  .header__wrap {
    height: 110px
  }
}

.header__column {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 100%;
  z-index: 2
}

.header__top {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: transparent;
  display: none;
  height: 40px;
  position: absolute;
  width: 100%;
  z-index: 2
}

@media (min-width: 1024px) {
  .header__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 5
  }

  .header__searchfield--isOpen .header__top {
    z-index: 2
  }
}

.header__centerColumn {
  background: #fff;
  bottom: 0;
  display: block;
  height: auto;
  max-width: 320px;
  overflow: auto;
  overflow-x: hidden;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transition: visibility .2s, width .2s, -webkit-transform .2s;
  transition: visibility .2s, width .2s, -webkit-transform .2s;
  transition: transform .2s, visibility .2s, width .2s;
  transition: transform .2s, visibility .2s, width .2s, -webkit-transform .2s;
  visibility: hidden;
  width: 100%;
  z-index: 2
}

@media (min-width: 1024px) {
  .header__centerColumn {
    bottom: auto;
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    top: 0
  }
}

.header__centerColumn--isOpen {
  max-width: 100%;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  visibility: visible
}

@media (min-width: 768px) {
  .header__centerColumn--isOpen {
    max-width: 320px
  }
}

.header__leftColumn {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  max-width: 180px;
  z-index: 7
}

.header__searchfield--isOpen .header__leftColumn {
  z-index: 1
}

@media (min-width: 1024px) {
  .header__location--isOpen .header__leftColumn {
    z-index: 1
  }
}

.header__rightColumn {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-left: auto
}

@media (min-width: 1024px) {
  .header__rightColumn {
    display: block
  }

  .header__rightColumn .navigationbar__wrap {
    width: auto
  }

  .header__rightColumn .navigationbar__itemSearch {
    position: absolute;
    top: 50px;
    right: 0
  }

  .header__rightColumn .navigationbar__searchIcon {
    width: 40px;
    height: 40px;
    padding: 7px
  }

  .header__rightColumn .navigationbar__searchIcon:hover {
    background-color: #000
  }
}

.header__centerColumn--isOpen~.header__rightColumn .navigationbar__menuButton::after {
  color: #fff;
  content: '\2715';
  display: block;
  font-size: 24px;
  height: 48px;
  line-height: 48px;
  margin-left: 5px;
  text-align: center;
  width: 48px
}

.header__centerColumn--isOpen~.header__rightColumn .navigationbar__menuButton .navigationbar__icon {
  display: none
}

.header__navigationmenu,
.header__locationselector {
  border-left: 1px solid #bdbdbd
}

@media (min-width: 1024px) {

  .header__navigationmenu,
  .header__locationselector {
    border-left: 0
  }
}

.header__navigationmenu {
  top: 75px;
  z-index: 6
}

@media (min-width: 1024px) {
  .header__navigationmenu {
    background: none;
    height: 100%;
    max-width: 100%;
    overflow: visible;
    position: relative;
    top: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    visibility: visible;
    z-index: 3
  }
}

.header__locationselector {
  overflow: inherit;
  overflow-x: inherit;
  width: 80%;
  z-index: 9
}

@media (min-width: 768px) {
  .header__locationselector {
    width: 320px
  }
}

@media (min-width: 1024px) {
  .header__locationselector {
    width: 100%
  }
}

.header__locationselector .locationselector__listLocations {
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 40px;
  width: 100%
}

@media (min-width: 1024px) {
  .header__locationselector .locationselector__listLocations {
    bottom: 0;
    position: relative;
    top: 0;
    width: auto
  }
}

.header__searchfield {
  top: 20px;
  bottom: auto;
  max-width: 600px;
  overflow: visible;
  visibility: visible;
  z-index: 8
}

.header__searchfield.header__centerColumn--isOpen {
  right: 20px;
  width: 90%
}

@media (min-width: 1024px) {
  .header__searchfield.header__centerColumn--isOpen {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 70px;
    width: 100%
  }
}

.header__searchfield.header__centerColumn--isOpen~.header__overlay {
  top: 0
}

.header__searchfield.header__centerColumn--isOpen .searchfield__closeSearch {
  display: none
}

@media (min-width: 1280px) {
  .header__searchfield {
    visibility: visible;
    width: 255px
  }
}

.header__logo {
  bottom: -9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 20px;
  position: absolute
}

@media (min-width: 1024px) {
  .header__logo {
    margin: 0
  }
}

.header__brandText {
  display: none
}

.header__overlay {
  background-color: #000;
  bottom: 0;
  left: 0;
  opacity: 0.7;
  position: fixed;
  right: 0;
  top: 75px;
  z-index: 4
}

@media (min-width: 1024px) {
  .header__overlay {
    top: 0
  }
}

@media (min-width: 1024px) {

  .header--compact,
  .header--compact .header__base,
  .header--compact .header__wrap {
    height: 81px
  }
}

.header--compact .header__logo {
  height: auto;
  width: 70px;
  bottom: auto
}

@media (min-width: 1024px) {
  .header--compact .header__logo {
    height: auto;
    width: 103px
  }
}

.navigationmenu__header {
  display: none
}

.navigationmenu__wrap {
  padding: 40px 11px 0 0
}

@media (min-width: 1024px) {
  .navigationmenu__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 37px 0 0 20px;
    padding: 0
  }
}

.navigationmenu__wrap .metanavigation__base {
  height: auto
}

@media (min-width: 1024px) {
  .navigationmenu__wrap+.metanavigation__base {
    display: none
  }
}

.navigationmenu__wrapper {
  padding: 0 11px 0 32px;
  position: relative
}

@media (min-width: 1024px) {
  .navigationmenu__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    height: 100%;
    max-height: 794px;
    padding: 0
  }
}

.navigationmenu__wrapper ::-webkit-scrollbar {
  width: 9px
}

.navigationmenu__wrapper ::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  box-shadow: none
}

.navigationmenu__wrapper ::-webkit-scrollbar-thumb {
  background-color: #000;
  border: 1px solid #fff;
  border-radius: 5px;
  cursor: pointer
}

.navigationmenu__wrapper ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.6)
}

.navigationmenu__list {
  background-color: #fff;
  height: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transition: 0.3s -webkit-transform;
  transition: 0.3s -webkit-transform;
  transition: 0.3s transform;
  transition: 0.3s transform, 0.3s -webkit-transform;
  width: 100%;
  z-index: 17
}

@media (min-width: 1024px) {
  .navigationmenu__list {
    height: 100%;
    overflow: inherit;
    -webkit-transform: translate(0, 3px);
    transform: translate(0, 3px)
  }
}

.navigationmenu__item--open>.navigationmenu__list--secondLevel,
.navigationmenu__item--open>.navigationmenu__list--thirdLevel {
  height: 100%;
  overflow: inherit;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0)
}

.navigationmenu__list--thirdLevel .navigationmenu__title {
  padding-top: 0
}

.navigationmenu__list--thirdLevel .navigationmenu__title,
.navigationmenu__list--thirdLevel .navigationmenu__wrapper {
  padding-left: 0
}

.navigationmenu__item--open>.navigationmenu__list--thirdLevel {
  height: calc(100% + 48px)
}

.navigationmenu__list--thirdLevel .navigationmenu__arrowIcon--left {
  width: 10px
}

.navigationmenu__item--open>.navigationmenu__list__listProduct .navigationmenu__list--thirdLevel {
  height: calc(100% + 92px)
}

.navigationmenu__list--secondLevel {
  top: 15px
}

@media (min-width: 1024px) {
  .navigationmenu__list--secondLevel {
    -webkit-box-shadow: #595959 1px 3px 10px -4px;
    box-shadow: #595959 1px 3px 10px -4px;
    height: 0;
    max-height: 0;
    padding: 28px 22px;
    top: 100%;
    visibility: hidden
  }
}

.navigationmenu__list--thirdLevel {
  top: -48px
}

@media (min-width: 1024px) {
  .navigationmenu__list--thirdLevel {
    height: auto;
    padding-top: 21px;
    position: relative;
    top: auto
  }
}

@media (min-width: 1024px) {
  .navigationmenu__list--thirdLevel .navigationmenu__wrapper>li:nth-of-type(1n+11) {
    display: none
  }

  .navigationmenu__list--thirdLevel .navigationmenu__wrapper>li:last-of-type {
    display: block
  }

  .navigationmenu__list--thirdLevel .navigationmenu__wrapper {
    max-height: 700px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-y: auto
  }
}

.navigationmenu__listProduct .navigationmenu__list--thirdLevel {
  top: -92px
}

@media (min-width: 1024px) {
  .navigationmenu__listProduct .navigationmenu__list--thirdLevel {
    height: auto;
    top: auto
  }
}

.navigationmenu__title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 38px 12px 15px 10px;
  pointer-events: none
}

.navigationmenu__title .navigationmenu__linkTitle {
  pointer-events: auto
}

.navigationmenu__title:hover .navigationmenu__arrowIcon {
  color: #e3032b
}

@media (min-width: 1024px) {
  .navigationmenu__title {
    display: none
  }
}

.navigationmenu__titleSpan {
  pointer-events: none
}

.navigationmenu__tabs {
  border-bottom: 1px solid #000;
  margin: 0 20px 0 50px;
  padding-bottom: 5px
}

@media (min-width: 1024px) {
  .navigationmenu__tabs {
    display: none
  }
}

.navigationmenu__image {
  display: block;
  max-height: 35px
}

@media (min-width: 1024px) {
  .navigationmenu__image {
    padding-right: 20px
  }
}

.navigationmenu__image:hover {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1)
}

.navigationmenu__brand {
  display: none
}

@media (min-width: 1024px) {
  .navigationmenu__brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 20px
  }
}

@media (min-width: 1024px) {
  .navigationmenu__item>.navigationmenu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    height: auto;
    max-height: 850px;
    width: auto
  }
}

@media (min-width: 1024px) {
  .navigationmenu__item>.navigationmenu__list--fullWidth {
    height: 850px;
    width: 944px
  }
}

@media (min-width: 1280px) {
  .navigationmenu__item>.navigationmenu__list--fullWidth {
    width: 1200px
  }
}

.navigationmenu__item:first-child .navigationmenu__link {
  margin-left: 0
}

.navigationmenu__item:last-child .navigationmenu__link {
  margin-right: 0
}

@media (min-width: 1024px) {

  .navigationmenu__item-isOpen>.navigationmenu__list,
  .navigationmenu__item:hover>.navigationmenu__list {
    visibility: visible
  }
}

@media (min-width: 1024px) {
  .navigationmenu__item-isExpandable.navigationmenu__item--firstLevel:hover::before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #e3032b;
    bottom: -12px;
    content: '';
    left: 50%;
    position: absolute;
    z-index: 19;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}

@media (min-width: 1024px) {
  .navigationmenu__item--firstLevel {
    display: inline-block;
    position: relative
  }
}

@media (min-width: 1024px) {
  .navigationmenu__item--secondLevel {
    max-width: 225px;
    padding: 10px;
    width: 225px
  }
}

@media (min-width: 1280px) {
  .navigationmenu__item--secondLevel {
    max-width: 280px;
    padding: 10px 20px;
    width: 280px
  }
}

.navigationmenu__item--secondLevel .heli__svg-icons svg {
  display: block
}

.navigationmenu__item--secondLevel .heli__svg-icons::before {
  display: none
}

.navigationmenu__item--secondLevel .navigationmenu__arrowIcon--right {
  width: 10px
}

.navigationmenu__link {
  font-size: 13px;
  font-family: Arial, sans-serif;
  line-height: 18px;
  text-transform: uppercase;
  color: #000;
  display: block;
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  padding: 11px 60px 10px 45px;
  text-transform: uppercase
}

body.fontsReady .navigationmenu__link {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1280px) {
  .navigationmenu__link {
    font-size: 15px;
    font-family: Arial, sans-serif;
    line-height: 21px
  }

  body.fontsReady .navigationmenu__link {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .navigationmenu__link {
    color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    padding: 0
  }
}

.navigationmenu__link:hover+.navigationmenu__arrowIcon {
  color: #e3032b
}

.navigationmenu__link--highlighted {
  margin: 20px 0
}

@media (min-width: 1024px) {
  .navigationmenu__link--highlighted {
    margin: 0
  }
}

.navigationmenu__link--highlighted+.navigationmenu__arrowIcon {
  margin-top: 50px
}

.navigationmenu__link--highlighted::before {
  display: block;
  content: '';
  background: black;
  height: 2px;
  margin-bottom: 45px
}

@media (min-width: 1024px) {
  .navigationmenu__link--highlighted::before {
    display: none
  }
}

.navigationmenu__link--highlighted .navigationmenu__linkSpan {
  background-color: #000;
  border: 2px solid #000;
  color: #fff;
  padding: 0 5px
}

@media (min-width: 1024px) {
  .navigationmenu__link--highlighted .navigationmenu__linkSpan {
    background-color: #e20f0f;
    border-color: #e20f0f
  }
}

.navigationmenu__link--highlighted:hover .navigationmenu__linkSpan {
  background-color: #fff;
  border-color: #e20f0f;
  color: #e20f0f
}

.navigationmenu__link--allItems {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.navigationmenu__link--allItems .heli__svg-icons {
  display: inline-block;
  height: 11px;
  right: 10px;
  width: 6px;
  margin-left: 12px
}

.navigationmenu__link--allItems.navigationmenu__link--secondLevel {
  margin-bottom: 30px
}

@media (min-width: 1024px) {
  .navigationmenu__link--allItems.navigationmenu__link--secondLevel {
    display: none
  }
}

.navigationmenu__link--secondLevel,
.navigationmenu__link--thirdLevel {
  color: #000;
  padding: 8px 60px 7px 32px;
  text-transform: none
}

@media (min-width: 1024px) {

  .navigationmenu__link--secondLevel,
  .navigationmenu__link--thirdLevel {
    padding: 0
  }
}

.navigationmenu__link--secondLevel.navigationmenu__link-isSelected .navigationmenu__linkSpan,
.navigationmenu__link--secondLevel:hover .navigationmenu__linkSpan,
.navigationmenu__link--thirdLevel.navigationmenu__link-isSelected .navigationmenu__linkSpan,
.navigationmenu__link--thirdLevel:hover .navigationmenu__linkSpan {
  background-color: rgba(0, 0, 0, 0);
  color: #e3032b
}

.navigationmenu__link--firstLevel {
  font-size: 13px;
  font-family: Arial, sans-serif;
  line-height: 18px;
  text-transform: uppercase
}

body.fontsReady .navigationmenu__link--firstLevel {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1280px) {
  .navigationmenu__link--firstLevel {
    font-size: 15px;
    font-family: Arial, sans-serif;
    line-height: 21px
  }

  body.fontsReady .navigationmenu__link--firstLevel {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.navigationmenu__link--firstLevel.navigationmenu__link-isSelected .navigationmenu__linkSpan,
.navigationmenu__link--firstLevel:hover .navigationmenu__linkSpan {
  background-color: rgba(0, 0, 0, 0)
}

@media (min-width: 1024px) {
  .navigationmenu__link--firstLevel {
    font-size: 13px;
    font-family: Arial, sans-serif;
    line-height: 18px;
    text-transform: uppercase;
    margin: 15px 11px;
    overflow: hidden;
    padding: 10px;
    text-overflow: ellipsis;
    white-space: nowrap
  }

  body.fontsReady .navigationmenu__link--firstLevel {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) and (min-width: 1280px) {
  .navigationmenu__link--firstLevel {
    font-size: 15px;
    font-family: Arial, sans-serif;
    line-height: 21px
  }

  body.fontsReady .navigationmenu__link--firstLevel {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.navigationmenu__link--firstLevel:not(.hasFocus) {
  outline: none
}

@media (min-width: 1024px) {
  .navigationmenu__link--firstLevel-isSelected {
    background-image: url("assets/hover-bg.png");
    background-size: 100% 80%;
    background-repeat: no-repeat;
    background-position: center;
    color: #e3032b
  }
}

.navigationmenu__link--firstLevel.navigationmenu__link-isSelected,
.navigationmenu__link--firstLevel:hover {
  color: #e3032b
}

@media (min-width: 1024px) {

  .navigationmenu__link--firstLevel.navigationmenu__link-isSelected,
  .navigationmenu__link--firstLevel:hover {
    background-image: url("assets/hover-bg.png");
    background-size: 100% 80%;
    background-repeat: no-repeat;
    background-position: center;
    color: #e3032b
  }
}

.navigationmenu__link--firstLevel.navigationmenu__link-isSelected .navigationmenu__linkSpan,
.navigationmenu__link--firstLevel.navigationmenu__link-isSelected+.navigationmenu__arrowIcon {
  color: #e3032b
}

@media (min-width: 1024px) {

  .navigationmenu__link--firstLevel.navigationmenu__link-isSelected .navigationmenu__linkSpan,
  .navigationmenu__link--firstLevel.navigationmenu__link-isSelected+.navigationmenu__arrowIcon {
    color: #e3032b
  }
}

.navigationmenu__link--secondLevel {
  font-size: 16px;
  font-family: Arial, sans-serif;
  line-height: 23px;
  letter-spacing: .2px
}

body.fontsReady .navigationmenu__link--secondLevel {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .navigationmenu__link--secondLevel {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 23px
  }

  body.fontsReady .navigationmenu__link--secondLevel {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .navigationmenu__link--secondLevel {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 21px;
    text-transform: uppercase;
    margin-bottom: 3px
  }

  body.fontsReady .navigationmenu__link--secondLevel {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) and (min-width: 1024px) {
  .navigationmenu__link--secondLevel {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 26px
  }

  body.fontsReady .navigationmenu__link--secondLevel {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.navigationmenu__link--thirdLevel {
  font-size: 16px;
  font-family: Arial, sans-serif;
  line-height: 23px;
  letter-spacing: .2px
}

body.fontsReady .navigationmenu__link--thirdLevel {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .navigationmenu__link--thirdLevel {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 23px
  }

  body.fontsReady .navigationmenu__link--thirdLevel {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .navigationmenu__link--thirdLevel {
    margin: 5px 0
  }
}

.navigationmenu__linkWrap {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative
}

.navigationmenu__linkSpan {
  pointer-events: none
}

.navigationmenu__linkTitle.navigationmenu__link--firstLevel {
  padding: 0 52px
}

.navigationmenu__linkTitle.navigationmenu__link--secondLevel {
  padding: 0 22px
}

.navigationmenu__arrowIcon {
  height: 30px;
  padding: 6px;
  pointer-events: none;
  position: absolute;
  top: 6px;
  width: 30px
}

@media (min-width: 1024px) {
  .navigationmenu__arrowIcon {
    display: none
  }
}

.navigationmenu__arrowIcon--left {
  left: 24px;
  top: 32px
}

.navigationmenu__wrap--rtl .navigationmenu__arrowIcon--left {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.navigationmenu__arrowIcon--right {
  right: 12px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.navigationmenu__wrap--rtl .navigationmenu__arrowIcon--right {
  left: 12px;
  -webkit-transform: rotate(0);
  transform: rotate(0)
}

.navigationmenu__arrowIcon--down {
  display: none
}

.navigationbar__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: relative;
  width: 100%
}

@media (min-width: 1024px) {
  .navigationbar__wrap {
    width: calc(100% - 60px)
  }
}

.navigationbar__icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 51px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 4px;
  padding: 10px;
  width: 51px;
  cursor: pointer
}

.navigationbar__icon:hover {
  background-color: rgba(0, 0, 0, 0);
  color: #fff
}

.navigationbar__icon .ic-burger-menu {
  width: 22px
}

.navigationbar__menuButton {
  margin-right: 10px;
  width: 55px
}

.navigationbar__itemLocation,
.navigationbar__menuButton {
  z-index: 1
}

@media (min-width: 1024px) {

  .navigationbar__itemLocation,
  .navigationbar__menuButton {
    display: none
  }
}

.navigationbar__locationIcon {
  height: 51px;
  width: 39px
}

.navigationbar__searchIcon {
  width: 42px
}

.navigationbar__iconBurger {
  padding: 5px
}

.metanavigation__base {
  height: 30px;
  max-width: 944px;
  width: 100%
}

@media (min-width: 1024px) {
  .metanavigation__base {
    max-width: 944px;
    margin: 0 auto;
    min-height: 29px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }

  .metanavigation__base .container {
    margin-left: 0;
    margin-right: 0;
    width: auto
  }
}

@media (min-width: 1280px) {
  .metanavigation__base {
    max-width: 1200px
  }
}

.metanavigation__base>.container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.metanavigation__base .linklist__base {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 0
}

@media (min-width: 1024px) {
  .metanavigation__base .linklist__base {
    padding: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .header__base--overlay-open .metanavigation__base .linklist__base {
    opacity: 0.1
  }
}

.metanavigation__base .linklist__item {
  margin: 0;
  padding: 15px 45px
}

@media (min-width: 1024px) {
  .metanavigation__base .linklist__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 0
  }

  .metanavigation__base .linklist__item:first-child {
    margin-left: 25px
  }

  .metanavigation__base .linklist__item:not(:first-child) {
    margin-left: 30px
  }
}

.metanavigation__base .link__anchor {
  font-size: 16px;
  font-family: Arial, sans-serif;
  line-height: 23px;
  letter-spacing: .2px;
  color: #000
}

body.fontsReady .metanavigation__base .link__anchor {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .metanavigation__base .link__anchor {
    font-size: 12px;
    font-family: Arial, sans-serif;
    line-height: 17px
  }

  body.fontsReady .metanavigation__base .link__anchor {
    font-family: "FuturaMedium", Arial, sans-serif
  }
}

.metanavigation__base .link__anchor:hover {
  color: #e20f0f
}

@media (min-width: 1024px) {
  .metanavigation__base .link__anchor {
    color: #fff;
    padding: 3px 6px 3px 10px
  }

  .metanavigation__base .link__anchor:hover {
    background-image: url("assets/hover-bg.png");
    background-size: 100% 90%;
    background-repeat: no-repeat;
    background-position: center;
    color: #e3032b
  }
}

.metanavigation__base .link__icon {
  display: none
}

.metanavigation__base .metanavigation__location {
  display: none
}

@media (min-width: 1024px) {
  .metanavigation__base .metanavigation__location {
    background-color: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 5px;
    position: relative
  }
}

.metanavigation__base .metanavigation__location .metanavigation__locationText {
  padding-left: 5px
}

.metanavigation__base .metanavigation__locationIcon {
  width: 17px;
  height: 17px
}

.horizontalline {
  padding: 15px 0
}

@media (min-width: 1024px) {
  .horizontalline {
    padding: 50px 0
  }
}

.horizontalline__line {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: 0;
  margin: 0;
  border-bottom-color: #828c96;
  border-bottom-style: solid;
  border-top-color: #828c96;
  border-top-style: solid
}

@media (min-width: 1024px) {
  .horizontalline__line {
    border-bottom-width: 2px;
    border-top-width: 2px
  }
}

@media print {
  .horizontalline {
    display: none
  }
}

.hotspot__markerWrapper {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}

.hotspot__marker {
  color: #e3032b;
  cursor: pointer;
  pointer-events: auto;
  height: 30px;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 30px;
  z-index: 2
}

@media (min-width: 768px) {

  .hotspot__marker::after,
  .hotspot__marker::before {
    border: 10px solid transparent;
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border-bottom-color: #fff;
    bottom: -17px;
    left: 50%;
    margin-left: -10px
  }

  .hotspot__marker::before {
    border-bottom-color: #bdbdbd;
    bottom: -15px;
    left: 50%;
    margin-left: -10px
  }
}

.hotspot__marker:hover,
.hotspot__marker:active,
.hotspot__base--open .hotspot__marker {
  color: #000;
  z-index: 4
}

.hotspot__marker:hover::before,
.hotspot__marker:hover::after,
.hotspot__marker:active::before,
.hotspot__marker:active::after,
.hotspot__base--open .hotspot__marker::before,
.hotspot__base--open .hotspot__marker::after {
  display: block
}

.hotspot__marker:hover .ic-marker,
.hotspot__marker:active .ic-marker,
.hotspot__base--open .hotspot__marker .ic-marker {
  --ic-marker-outside-circle: #000;
  --ic-marker-inside-circle: #fff
}

.hotspot__marker--invertedHover {
  color: #000
}

.hotspot__marker--invertedHover .hotspot__icon .ic-marker {
  --ic-marker-outside-circle: #000;
  --ic-marker-inside-circle: #fff
}

.hotspot__marker--invertedHover:hover,
.hotspot__marker--invertedHover:active,
.hotspot__base--open .hotspot__marker--invertedHover {
  color: #e3032b
}

.hotspot__marker--invertedHover:hover .hotspot__icon .ic-marker,
.hotspot__marker--invertedHover:active .hotspot__icon .ic-marker,
.hotspot__base--open .hotspot__marker--invertedHover .hotspot__icon .ic-marker {
  --ic-marker-outside-circle: #e3032b;
  --ic-marker-inside-circle: #fff
}

@media (min-width: 768px) {

  .hotspot__marker--bottom::after,
  .hotspot__marker--bottom::before {
    border: 10px solid transparent;
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border-top-color: #fff;
    left: 50%;
    margin-left: -10px;
    top: -17px
  }

  .hotspot__marker--bottom::before {
    border-top-color: #bdbdbd;
    left: 50%;
    margin-left: -10px;
    top: -15px
  }
}

.hotspot__marker::before,
.hotspot__marker::after {
  display: none
}

.hotspot__icon {
  height: 100%
}

.hotspot__icon .ic-marker {
  --ic-marker-outside-circle: #e3032b;
  --ic-marker-inside-circle: #fff
}

.hotspot__content {
  background-color: #fff;
  width: 100%;
  border-radius: 12px;
  height: 0;
  overflow: hidden;
  visibility: hidden
}

@media (min-width: 768px) {
  .hotspot__content {
    border: 1px solid #bdbdbd;
    max-width: 450px;
    min-width: 280px
  }
}

@media (min-width: 768px) {
  .hotspot__content {
    position: absolute;
    -webkit-transform: translate(-50%, 30px);
    transform: translate(-50%, 30px);
    z-index: 1;
    /*!rtl:ignore*/
  }

  .hotspot__content--video {
    min-width: 350px
  }
}

.hotspot__base--open .hotspot__content {
  height: auto;
  visibility: visible;
  z-index: 3
}

@media (min-width: 768px) {
  .hotspot__content--bottom {
    -webkit-transform: translate(-50%, -100%) translate(0, -30px);
    transform: translate(-50%, -100%) translate(0, -30px);
    /*!rtl:ignore*/
  }
}

.hotspot__content::after {
  clear: both;
  content: ' ';
  display: block
}

.hotspot__figure {
  padding: 20px;
  width: 100%;
  float: left
}

@media (min-width: 768px) {
  .hotspot__figure {
    margin-top: 20px;
    padding: 20px;
    width: 40%
  }
}

.hotspot__description {
  color: #000;
  margin: 20px
}

.hotspot__image {
  max-width: 100%
}

.hotspot__video {
  float: left;
  margin: 0;
  padding: 20px 20px 10px;
  width: 100%
}

.hotspotimage__title {
  font-size: 31px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px;
  color: #fff
}

body.fontsReady .hotspotimage__title {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .hotspotimage__title {
    font-size: 65px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .hotspotimage__title {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .hotspotimage__title {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .hotspotimage__title {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel__wrapper--white .hotspotimage__title,
.product-page__base .hotspotimage__title {
  color: #e3032b
}

.hotspotimage .hotspotimage__title.fancy-title,
.slidingteaserlist .hotspotimage__title.fancy-title {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.hotspotimage .hotspotimage__title.fancy-title--h1,
.slidingteaserlist .hotspotimage__title.fancy-title--h1 {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .86px
}

body.fontsReady .hotspotimage .hotspotimage__title.fancy-title--h1,
body.fontsReady .slidingteaserlist .hotspotimage__title.fancy-title--h1 {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .hotspotimage .hotspotimage__title.fancy-title--h1,
  .slidingteaserlist .hotspotimage__title.fancy-title--h1 {
    font-size: 60px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1.29px
  }

  body.fontsReady .hotspotimage .hotspotimage__title.fancy-title--h1,
  body.fontsReady .slidingteaserlist .hotspotimage__title.fancy-title--h1 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .hotspotimage .hotspotimage__title.fancy-title--h1,
  .slidingteaserlist .hotspotimage__title.fancy-title--h1 {
    font-size: 90px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.93px
  }

  body.fontsReady .hotspotimage .hotspotimage__title.fancy-title--h1,
  body.fontsReady .slidingteaserlist .hotspotimage__title.fancy-title--h1 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.hotspotimage .hotspotimage__title.fancy-title--h1 .fancy-title__letter--small,
.slidingteaserlist .hotspotimage__title.fancy-title--h1 .fancy-title__letter--small {
  font-size: 35px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .67px
}

body.fontsReady .hotspotimage .hotspotimage__title.fancy-title--h1 .fancy-title__letter--small,
body.fontsReady .slidingteaserlist .hotspotimage__title.fancy-title--h1 .fancy-title__letter--small {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .hotspotimage .hotspotimage__title.fancy-title--h1 .fancy-title__letter--small,
  .slidingteaserlist .hotspotimage__title.fancy-title--h1 .fancy-title__letter--small {
    font-size: 50px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1px
  }

  body.fontsReady .hotspotimage .hotspotimage__title.fancy-title--h1 .fancy-title__letter--small,
  body.fontsReady .slidingteaserlist .hotspotimage__title.fancy-title--h1 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .hotspotimage .hotspotimage__title.fancy-title--h1 .fancy-title__letter--small,
  .slidingteaserlist .hotspotimage__title.fancy-title--h1 .fancy-title__letter--small {
    font-size: 80px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.5px
  }

  body.fontsReady .hotspotimage .hotspotimage__title.fancy-title--h1 .fancy-title__letter--small,
  body.fontsReady .slidingteaserlist .hotspotimage__title.fancy-title--h1 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.hotspotimage .hotspotimage__title.fancy-title--h1 .fancy-title__letter--big,
.slidingteaserlist .hotspotimage__title.fancy-title--h1 .fancy-title__letter--big {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .86px
}

body.fontsReady .hotspotimage .hotspotimage__title.fancy-title--h1 .fancy-title__letter--big,
body.fontsReady .slidingteaserlist .hotspotimage__title.fancy-title--h1 .fancy-title__letter--big {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .hotspotimage .hotspotimage__title.fancy-title--h1 .fancy-title__letter--big,
  .slidingteaserlist .hotspotimage__title.fancy-title--h1 .fancy-title__letter--big {
    font-size: 60px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1.29px
  }

  body.fontsReady .hotspotimage .hotspotimage__title.fancy-title--h1 .fancy-title__letter--big,
  body.fontsReady .slidingteaserlist .hotspotimage__title.fancy-title--h1 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .hotspotimage .hotspotimage__title.fancy-title--h1 .fancy-title__letter--big,
  .slidingteaserlist .hotspotimage__title.fancy-title--h1 .fancy-title__letter--big {
    font-size: 90px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.93px
  }

  body.fontsReady .hotspotimage .hotspotimage__title.fancy-title--h1 .fancy-title__letter--big,
  body.fontsReady .slidingteaserlist .hotspotimage__title.fancy-title--h1 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.hotspotimage .hotspotimage__title.fancy-title--h2,
.slidingteaserlist .hotspotimage__title.fancy-title--h2 {
  font-size: 31px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .hotspotimage .hotspotimage__title.fancy-title--h2,
body.fontsReady .slidingteaserlist .hotspotimage__title.fancy-title--h2 {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .hotspotimage .hotspotimage__title.fancy-title--h2,
  .slidingteaserlist .hotspotimage__title.fancy-title--h2 {
    font-size: 65px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .hotspotimage .hotspotimage__title.fancy-title--h2,
  body.fontsReady .slidingteaserlist .hotspotimage__title.fancy-title--h2 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .hotspotimage .hotspotimage__title.fancy-title--h2,
  .slidingteaserlist .hotspotimage__title.fancy-title--h2 {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .hotspotimage .hotspotimage__title.fancy-title--h2,
  body.fontsReady .slidingteaserlist .hotspotimage__title.fancy-title--h2 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.hotspotimage .hotspotimage__title.fancy-title--h2 .fancy-title__letter--small,
.slidingteaserlist .hotspotimage__title.fancy-title--h2 .fancy-title__letter--small {
  font-size: 27px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .hotspotimage .hotspotimage__title.fancy-title--h2 .fancy-title__letter--small,
body.fontsReady .slidingteaserlist .hotspotimage__title.fancy-title--h2 .fancy-title__letter--small {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .hotspotimage .hotspotimage__title.fancy-title--h2 .fancy-title__letter--small,
  .slidingteaserlist .hotspotimage__title.fancy-title--h2 .fancy-title__letter--small {
    font-size: 55px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .hotspotimage .hotspotimage__title.fancy-title--h2 .fancy-title__letter--small,
  body.fontsReady .slidingteaserlist .hotspotimage__title.fancy-title--h2 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .hotspotimage .hotspotimage__title.fancy-title--h2 .fancy-title__letter--small,
  .slidingteaserlist .hotspotimage__title.fancy-title--h2 .fancy-title__letter--small {
    font-size: 90px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .hotspotimage .hotspotimage__title.fancy-title--h2 .fancy-title__letter--small,
  body.fontsReady .slidingteaserlist .hotspotimage__title.fancy-title--h2 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.hotspotimage .hotspotimage__title.fancy-title--h2 .fancy-title__letter--big,
.slidingteaserlist .hotspotimage__title.fancy-title--h2 .fancy-title__letter--big {
  font-size: 31px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .hotspotimage .hotspotimage__title.fancy-title--h2 .fancy-title__letter--big,
body.fontsReady .slidingteaserlist .hotspotimage__title.fancy-title--h2 .fancy-title__letter--big {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .hotspotimage .hotspotimage__title.fancy-title--h2 .fancy-title__letter--big,
  .slidingteaserlist .hotspotimage__title.fancy-title--h2 .fancy-title__letter--big {
    font-size: 65px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .hotspotimage .hotspotimage__title.fancy-title--h2 .fancy-title__letter--big,
  body.fontsReady .slidingteaserlist .hotspotimage__title.fancy-title--h2 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .hotspotimage .hotspotimage__title.fancy-title--h2 .fancy-title__letter--big,
  .slidingteaserlist .hotspotimage__title.fancy-title--h2 .fancy-title__letter--big {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .hotspotimage .hotspotimage__title.fancy-title--h2 .fancy-title__letter--big,
  body.fontsReady .slidingteaserlist .hotspotimage__title.fancy-title--h2 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.hotspotimage .hotspotimage__title.fancy-title .fancy-title__span,
.slidingteaserlist .hotspotimage__title.fancy-title .fancy-title__span {
  display: inline-block;
  text-align: center;
  max-width: 100%
}

.hotspotimage .hotspotimage__title.fancy-title .fancy-title__span:nth-child(2),
.slidingteaserlist .hotspotimage__title.fancy-title .fancy-title__span:nth-child(2) {
  padding-left: 7px
}

@media (min-width: 640px) {

  .hotspotimage .hotspotimage__title.fancy-title .fancy-title__span:nth-child(2),
  .slidingteaserlist .hotspotimage__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 13px
  }
}

@media (min-width: 768px) {

  .hotspotimage .hotspotimage__title.fancy-title .fancy-title__span:nth-child(2),
  .slidingteaserlist .hotspotimage__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 16px
  }
}

@media (min-width: 1024px) {

  .hotspotimage .hotspotimage__title.fancy-title .fancy-title__span:nth-child(2),
  .slidingteaserlist .hotspotimage__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 20px
  }
}

.hotspotimage .hotspotimage__title.fancy-title .fancy-title__letter--big,
.hotspotimage .hotspotimage__title.fancy-title .fancy-title__letter--small,
.slidingteaserlist .hotspotimage__title.fancy-title .fancy-title__letter--big,
.slidingteaserlist .hotspotimage__title.fancy-title .fancy-title__letter--small {
  font-style: normal
}

.layoutpanel .hotspotimage__title,
.teaserlist .hotspotimage__title,
.stepbystep .hotspotimage__title {
  color: #e3032b
}

.layoutpanel .hotspotimage__title.fancy-title,
.teaserlist .hotspotimage__title.fancy-title,
.stepbystep .hotspotimage__title.fancy-title {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.layoutpanel .hotspotimage__title.fancy-title--h1,
.teaserlist .hotspotimage__title.fancy-title--h1,
.stepbystep .hotspotimage__title.fancy-title--h1 {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .86px
}

body.fontsReady .layoutpanel .hotspotimage__title.fancy-title--h1,
body.fontsReady .teaserlist .hotspotimage__title.fancy-title--h1,
body.fontsReady .stepbystep .hotspotimage__title.fancy-title--h1 {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .layoutpanel .hotspotimage__title.fancy-title--h1,
  .teaserlist .hotspotimage__title.fancy-title--h1,
  .stepbystep .hotspotimage__title.fancy-title--h1 {
    font-size: 60px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1.29px
  }

  body.fontsReady .layoutpanel .hotspotimage__title.fancy-title--h1,
  body.fontsReady .teaserlist .hotspotimage__title.fancy-title--h1,
  body.fontsReady .stepbystep .hotspotimage__title.fancy-title--h1 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .layoutpanel .hotspotimage__title.fancy-title--h1,
  .teaserlist .hotspotimage__title.fancy-title--h1,
  .stepbystep .hotspotimage__title.fancy-title--h1 {
    font-size: 90px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.93px
  }

  body.fontsReady .layoutpanel .hotspotimage__title.fancy-title--h1,
  body.fontsReady .teaserlist .hotspotimage__title.fancy-title--h1,
  body.fontsReady .stepbystep .hotspotimage__title.fancy-title--h1 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel .hotspotimage__title.fancy-title--h1 .fancy-title__letter--small,
.teaserlist .hotspotimage__title.fancy-title--h1 .fancy-title__letter--small,
.stepbystep .hotspotimage__title.fancy-title--h1 .fancy-title__letter--small {
  font-size: 35px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .67px
}

body.fontsReady .layoutpanel .hotspotimage__title.fancy-title--h1 .fancy-title__letter--small,
body.fontsReady .teaserlist .hotspotimage__title.fancy-title--h1 .fancy-title__letter--small,
body.fontsReady .stepbystep .hotspotimage__title.fancy-title--h1 .fancy-title__letter--small {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .layoutpanel .hotspotimage__title.fancy-title--h1 .fancy-title__letter--small,
  .teaserlist .hotspotimage__title.fancy-title--h1 .fancy-title__letter--small,
  .stepbystep .hotspotimage__title.fancy-title--h1 .fancy-title__letter--small {
    font-size: 50px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1px
  }

  body.fontsReady .layoutpanel .hotspotimage__title.fancy-title--h1 .fancy-title__letter--small,
  body.fontsReady .teaserlist .hotspotimage__title.fancy-title--h1 .fancy-title__letter--small,
  body.fontsReady .stepbystep .hotspotimage__title.fancy-title--h1 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .layoutpanel .hotspotimage__title.fancy-title--h1 .fancy-title__letter--small,
  .teaserlist .hotspotimage__title.fancy-title--h1 .fancy-title__letter--small,
  .stepbystep .hotspotimage__title.fancy-title--h1 .fancy-title__letter--small {
    font-size: 80px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.5px
  }

  body.fontsReady .layoutpanel .hotspotimage__title.fancy-title--h1 .fancy-title__letter--small,
  body.fontsReady .teaserlist .hotspotimage__title.fancy-title--h1 .fancy-title__letter--small,
  body.fontsReady .stepbystep .hotspotimage__title.fancy-title--h1 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel .hotspotimage__title.fancy-title--h1 .fancy-title__letter--big,
.teaserlist .hotspotimage__title.fancy-title--h1 .fancy-title__letter--big,
.stepbystep .hotspotimage__title.fancy-title--h1 .fancy-title__letter--big {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .86px
}

body.fontsReady .layoutpanel .hotspotimage__title.fancy-title--h1 .fancy-title__letter--big,
body.fontsReady .teaserlist .hotspotimage__title.fancy-title--h1 .fancy-title__letter--big,
body.fontsReady .stepbystep .hotspotimage__title.fancy-title--h1 .fancy-title__letter--big {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .layoutpanel .hotspotimage__title.fancy-title--h1 .fancy-title__letter--big,
  .teaserlist .hotspotimage__title.fancy-title--h1 .fancy-title__letter--big,
  .stepbystep .hotspotimage__title.fancy-title--h1 .fancy-title__letter--big {
    font-size: 60px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1.29px
  }

  body.fontsReady .layoutpanel .hotspotimage__title.fancy-title--h1 .fancy-title__letter--big,
  body.fontsReady .teaserlist .hotspotimage__title.fancy-title--h1 .fancy-title__letter--big,
  body.fontsReady .stepbystep .hotspotimage__title.fancy-title--h1 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .layoutpanel .hotspotimage__title.fancy-title--h1 .fancy-title__letter--big,
  .teaserlist .hotspotimage__title.fancy-title--h1 .fancy-title__letter--big,
  .stepbystep .hotspotimage__title.fancy-title--h1 .fancy-title__letter--big {
    font-size: 90px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.93px
  }

  body.fontsReady .layoutpanel .hotspotimage__title.fancy-title--h1 .fancy-title__letter--big,
  body.fontsReady .teaserlist .hotspotimage__title.fancy-title--h1 .fancy-title__letter--big,
  body.fontsReady .stepbystep .hotspotimage__title.fancy-title--h1 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel .hotspotimage__title.fancy-title--h2,
.teaserlist .hotspotimage__title.fancy-title--h2,
.stepbystep .hotspotimage__title.fancy-title--h2 {
  font-size: 31px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .layoutpanel .hotspotimage__title.fancy-title--h2,
body.fontsReady .teaserlist .hotspotimage__title.fancy-title--h2,
body.fontsReady .stepbystep .hotspotimage__title.fancy-title--h2 {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .layoutpanel .hotspotimage__title.fancy-title--h2,
  .teaserlist .hotspotimage__title.fancy-title--h2,
  .stepbystep .hotspotimage__title.fancy-title--h2 {
    font-size: 65px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .layoutpanel .hotspotimage__title.fancy-title--h2,
  body.fontsReady .teaserlist .hotspotimage__title.fancy-title--h2,
  body.fontsReady .stepbystep .hotspotimage__title.fancy-title--h2 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .layoutpanel .hotspotimage__title.fancy-title--h2,
  .teaserlist .hotspotimage__title.fancy-title--h2,
  .stepbystep .hotspotimage__title.fancy-title--h2 {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .layoutpanel .hotspotimage__title.fancy-title--h2,
  body.fontsReady .teaserlist .hotspotimage__title.fancy-title--h2,
  body.fontsReady .stepbystep .hotspotimage__title.fancy-title--h2 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel .hotspotimage__title.fancy-title--h2 .fancy-title__letter--small,
.teaserlist .hotspotimage__title.fancy-title--h2 .fancy-title__letter--small,
.stepbystep .hotspotimage__title.fancy-title--h2 .fancy-title__letter--small {
  font-size: 27px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .layoutpanel .hotspotimage__title.fancy-title--h2 .fancy-title__letter--small,
body.fontsReady .teaserlist .hotspotimage__title.fancy-title--h2 .fancy-title__letter--small,
body.fontsReady .stepbystep .hotspotimage__title.fancy-title--h2 .fancy-title__letter--small {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .layoutpanel .hotspotimage__title.fancy-title--h2 .fancy-title__letter--small,
  .teaserlist .hotspotimage__title.fancy-title--h2 .fancy-title__letter--small,
  .stepbystep .hotspotimage__title.fancy-title--h2 .fancy-title__letter--small {
    font-size: 55px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .layoutpanel .hotspotimage__title.fancy-title--h2 .fancy-title__letter--small,
  body.fontsReady .teaserlist .hotspotimage__title.fancy-title--h2 .fancy-title__letter--small,
  body.fontsReady .stepbystep .hotspotimage__title.fancy-title--h2 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .layoutpanel .hotspotimage__title.fancy-title--h2 .fancy-title__letter--small,
  .teaserlist .hotspotimage__title.fancy-title--h2 .fancy-title__letter--small,
  .stepbystep .hotspotimage__title.fancy-title--h2 .fancy-title__letter--small {
    font-size: 90px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .layoutpanel .hotspotimage__title.fancy-title--h2 .fancy-title__letter--small,
  body.fontsReady .teaserlist .hotspotimage__title.fancy-title--h2 .fancy-title__letter--small,
  body.fontsReady .stepbystep .hotspotimage__title.fancy-title--h2 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel .hotspotimage__title.fancy-title--h2 .fancy-title__letter--big,
.teaserlist .hotspotimage__title.fancy-title--h2 .fancy-title__letter--big,
.stepbystep .hotspotimage__title.fancy-title--h2 .fancy-title__letter--big {
  font-size: 31px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .layoutpanel .hotspotimage__title.fancy-title--h2 .fancy-title__letter--big,
body.fontsReady .teaserlist .hotspotimage__title.fancy-title--h2 .fancy-title__letter--big,
body.fontsReady .stepbystep .hotspotimage__title.fancy-title--h2 .fancy-title__letter--big {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .layoutpanel .hotspotimage__title.fancy-title--h2 .fancy-title__letter--big,
  .teaserlist .hotspotimage__title.fancy-title--h2 .fancy-title__letter--big,
  .stepbystep .hotspotimage__title.fancy-title--h2 .fancy-title__letter--big {
    font-size: 65px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .layoutpanel .hotspotimage__title.fancy-title--h2 .fancy-title__letter--big,
  body.fontsReady .teaserlist .hotspotimage__title.fancy-title--h2 .fancy-title__letter--big,
  body.fontsReady .stepbystep .hotspotimage__title.fancy-title--h2 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .layoutpanel .hotspotimage__title.fancy-title--h2 .fancy-title__letter--big,
  .teaserlist .hotspotimage__title.fancy-title--h2 .fancy-title__letter--big,
  .stepbystep .hotspotimage__title.fancy-title--h2 .fancy-title__letter--big {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .layoutpanel .hotspotimage__title.fancy-title--h2 .fancy-title__letter--big,
  body.fontsReady .teaserlist .hotspotimage__title.fancy-title--h2 .fancy-title__letter--big,
  body.fontsReady .stepbystep .hotspotimage__title.fancy-title--h2 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel .hotspotimage__title.fancy-title .fancy-title__span,
.teaserlist .hotspotimage__title.fancy-title .fancy-title__span,
.stepbystep .hotspotimage__title.fancy-title .fancy-title__span {
  display: inline-block;
  text-align: center;
  max-width: 100%
}

.layoutpanel .hotspotimage__title.fancy-title .fancy-title__span:nth-child(2),
.teaserlist .hotspotimage__title.fancy-title .fancy-title__span:nth-child(2),
.stepbystep .hotspotimage__title.fancy-title .fancy-title__span:nth-child(2) {
  padding-left: 7px
}

@media (min-width: 640px) {

  .layoutpanel .hotspotimage__title.fancy-title .fancy-title__span:nth-child(2),
  .teaserlist .hotspotimage__title.fancy-title .fancy-title__span:nth-child(2),
  .stepbystep .hotspotimage__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 13px
  }
}

@media (min-width: 768px) {

  .layoutpanel .hotspotimage__title.fancy-title .fancy-title__span:nth-child(2),
  .teaserlist .hotspotimage__title.fancy-title .fancy-title__span:nth-child(2),
  .stepbystep .hotspotimage__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 16px
  }
}

@media (min-width: 1024px) {

  .layoutpanel .hotspotimage__title.fancy-title .fancy-title__span:nth-child(2),
  .teaserlist .hotspotimage__title.fancy-title .fancy-title__span:nth-child(2),
  .stepbystep .hotspotimage__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 20px
  }
}

.layoutpanel .hotspotimage__title.fancy-title .fancy-title__letter--big,
.layoutpanel .hotspotimage__title.fancy-title .fancy-title__letter--small,
.teaserlist .hotspotimage__title.fancy-title .fancy-title__letter--big,
.teaserlist .hotspotimage__title.fancy-title .fancy-title__letter--small,
.stepbystep .hotspotimage__title.fancy-title .fancy-title__letter--big,
.stepbystep .hotspotimage__title.fancy-title .fancy-title__letter--small {
  font-style: normal
}

.layoutpanel .hotspotimage__title.fancy-title .fancy-title__span,
.teaserlist .hotspotimage__title.fancy-title .fancy-title__span,
.stepbystep .hotspotimage__title.fancy-title .fancy-title__span {
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 12px 35px 0 rgba(50, 50, 93, 0.1), rgba(50, 50, 93, 0.06) 0 2px 6px 0;
  box-shadow: 0 12px 35px 0 rgba(50, 50, 93, 0.1), rgba(50, 50, 93, 0.06) 0 2px 6px 0;
  position: relative;
  z-index: 6
}

.layoutpanel .hotspotimage__title.fancy-title .fancy-title__span:nth-child(1),
.teaserlist .hotspotimage__title.fancy-title .fancy-title__span:nth-child(1),
.stepbystep .hotspotimage__title.fancy-title .fancy-title__span:nth-child(1) {
  z-index: 5
}

.layoutpanel .hotspotimage__title.fancy-title .fancy-title__span:nth-child(2),
.teaserlist .hotspotimage__title.fancy-title .fancy-title__span:nth-child(2),
.stepbystep .hotspotimage__title.fancy-title .fancy-title__span:nth-child(2) {
  z-index: 4
}

.layoutpanel .hotspotimage__title.fancy-title .fancy-title__span:nth-child(3),
.teaserlist .hotspotimage__title.fancy-title .fancy-title__span:nth-child(3),
.stepbystep .hotspotimage__title.fancy-title .fancy-title__span:nth-child(3) {
  z-index: 3
}

.layoutpanel .hotspotimage__title.fancy-title--h1 .fancy-title__span,
.teaserlist .hotspotimage__title.fancy-title--h1 .fancy-title__span,
.stepbystep .hotspotimage__title.fancy-title--h1 .fancy-title__span {
  padding: 13px 10px 7px
}

@media (min-width: 640px) {

  .layoutpanel .hotspotimage__title.fancy-title--h1 .fancy-title__span,
  .teaserlist .hotspotimage__title.fancy-title--h1 .fancy-title__span,
  .stepbystep .hotspotimage__title.fancy-title--h1 .fancy-title__span {
    padding: 20px 15px 12px
  }
}

@media (min-width: 1024px) {

  .layoutpanel .hotspotimage__title.fancy-title--h1 .fancy-title__span,
  .teaserlist .hotspotimage__title.fancy-title--h1 .fancy-title__span,
  .stepbystep .hotspotimage__title.fancy-title--h1 .fancy-title__span {
    padding: 14px 20px 8px
  }
}

.layoutpanel .hotspotimage__title.fancy-title--h1 .fancy-title__span:nth-child(1),
.teaserlist .hotspotimage__title.fancy-title--h1 .fancy-title__span:nth-child(1),
.stepbystep .hotspotimage__title.fancy-title--h1 .fancy-title__span:nth-child(1) {
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg)
}

.layoutpanel .hotspotimage__title.fancy-title--h1 .fancy-title__span:nth-child(2),
.teaserlist .hotspotimage__title.fancy-title--h1 .fancy-title__span:nth-child(2),
.stepbystep .hotspotimage__title.fancy-title--h1 .fancy-title__span:nth-child(2) {
  margin-left: 32px;
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg)
}

.layoutpanel .hotspotimage__title.fancy-title--h2 .fancy-title__span,
.teaserlist .hotspotimage__title.fancy-title--h2 .fancy-title__span,
.stepbystep .hotspotimage__title.fancy-title--h2 .fancy-title__span {
  margin: 0 0 5px;
  padding: 6px 5px 0
}

@media (min-width: 640px) {

  .layoutpanel .hotspotimage__title.fancy-title--h2 .fancy-title__span,
  .teaserlist .hotspotimage__title.fancy-title--h2 .fancy-title__span,
  .stepbystep .hotspotimage__title.fancy-title--h2 .fancy-title__span {
    margin: 0 0 10px
  }
}

@media (min-width: 768px) {

  .layoutpanel .hotspotimage__title.fancy-title--h2 .fancy-title__span,
  .teaserlist .hotspotimage__title.fancy-title--h2 .fancy-title__span,
  .stepbystep .hotspotimage__title.fancy-title--h2 .fancy-title__span {
    padding: 10px 15px 0
  }
}

@media (min-width: 1024px) {

  .layoutpanel .hotspotimage__title.fancy-title--h2 .fancy-title__span,
  .teaserlist .hotspotimage__title.fancy-title--h2 .fancy-title__span,
  .stepbystep .hotspotimage__title.fancy-title--h2 .fancy-title__span {
    padding: 10px 20px 8px
  }
}

.layoutpanel .hotspotimage__title.fancy-title--h2 .fancy-title__span:nth-child(1),
.teaserlist .hotspotimage__title.fancy-title--h2 .fancy-title__span:nth-child(1),
.stepbystep .hotspotimage__title.fancy-title--h2 .fancy-title__span:nth-child(1) {
  -webkit-transform: rotate(1deg);
  transform: rotate(1deg)
}

.layoutpanel .hotspotimage__title.fancy-title--h2 .fancy-title__span:nth-child(2),
.teaserlist .hotspotimage__title.fancy-title--h2 .fancy-title__span:nth-child(2),
.stepbystep .hotspotimage__title.fancy-title--h2 .fancy-title__span:nth-child(2) {
  margin-left: 60px;
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg)
}

.hotspotimage__subtitle {
  font-size: 19px;
  font-family: Arial, sans-serif;
  line-height: 29px;
  color: #fff
}

body.fontsReady .hotspotimage__subtitle {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .hotspotimage__subtitle {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 31px
  }

  body.fontsReady .hotspotimage__subtitle {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.layoutpanel__wrapper--white .hotspotimage__subtitle,
.product-page__base .hotspotimage__subtitle {
  color: #e3032b
}

.hotspotimage__text {
  font-size: 19px;
  font-family: Arial, sans-serif;
  line-height: 29px;
  color: #fff
}

body.fontsReady .hotspotimage__text {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .hotspotimage__text {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 31px
  }

  body.fontsReady .hotspotimage__text {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.layoutpanel__wrapper--white .hotspotimage__text,
.product-page__base .hotspotimage__text {
  color: #000
}

.hotspotimage__customLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 20px
}

@media (min-width: 640px) {
  .hotspotimage__customLink {
    padding-left: 6.66667%;
    padding-right: 6.66667%
  }
}

@media (min-width: 768px) {
  .hotspotimage__customLink {
    padding-left: 16.66667%;
    padding-right: 16.66667%
  }
}

@media (min-width: 1024px) {
  .hotspotimage__customLink {
    padding-left: 8.33333%;
    padding-right: 8.33333%
  }
}

@media (min-width: 768px) {
  .layoutpanel__wrapper--white .hotspotimage__customLink {
    padding-left: 8.33333%;
    padding-right: 8.33333%
  }
}

@media (min-width: 1024px) {
  .layoutpanel__wrapper--white .hotspotimage__customLink {
    padding-left: 16.66667%;
    padding-right: 16.66667%
  }
}

.hotspotimage__base {
  margin-top: 50px;
  position: relative;
  z-index: 15
}

.hotspotimage__title,
.hotspotimage__subtitle {
  text-align: center
}

.hotspotimage__image-wrapper {
  display: inline-block;
  margin-top: 30px;
  position: relative;
  width: 100%
}

.hotspotimage__image {
  border-radius: 12px;
  display: block;
  height: auto;
  width: 100%
}

.image {
  zoom: 1
}

.image::before,
.image::after {
  content: '';
  display: block;
  height: 0;
  overflow: hidden
}

.image::after {
  clear: both
}

.image__row {
  zoom: 1;
  margin-left: -8px;
  margin-right: -8px
}

.image__row::before,
.image__row::after {
  content: '';
  display: block;
  height: 0;
  overflow: hidden
}

.image__row::after {
  clear: both
}

@media (min-width: 768px) {
  .image__row {
    margin-left: -10px;
    margin-right: -10px
  }
}

.layoutpanel__wrapper--white .image__row {
  margin: 0
}

@media (min-width: 640px) {
  .layoutpanel__wrapper--white .image__row {
    zoom: 1;
    margin-left: -8px;
    margin-right: -8px
  }

  .layoutpanel__wrapper--white .image__row::before,
  .layoutpanel__wrapper--white .image__row::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden
  }

  .layoutpanel__wrapper--white .image__row::after {
    clear: both
  }
}

@media (min-width: 640px) and (min-width: 768px) {
  .layoutpanel__wrapper--white .image__row {
    margin-left: -10px;
    margin-right: -10px
  }
}

.textimage__image .image__row,
.columncontrol__base .image__row {
  margin: 0
}

.image__base {
  padding-top: 50px;
  overflow: hidden;
  width: 100%;
  float: left;
  padding-left: 8px;
  padding-right: 8px
}

@media (min-width: 1024px) {
  .image__base {
    padding-top: 60px
  }
}

.accordionpanel__content-wrapper>.image:first-child .image__base,
.image__base .accordionpanel__content-wrapper>.text:first-child .textimage__base,
.layoutpanel__container>.image:first-child .image__base,
.layoutpanel__container>.columncontrol__base--control-white .image:first-child .image__base {
  padding-top: 50px
}

@media (min-width: 768px) {

  .accordionpanel__content-wrapper>.image:first-child .image__base,
  .image__base .accordionpanel__content-wrapper>.text:first-child .textimage__base,
  .layoutpanel__container>.image:first-child .image__base,
  .layoutpanel__container>.columncontrol__base--control-white .image:first-child .image__base {
    padding-top: 70px
  }
}

.accordionpanel__content-wrapper>.image:last-child .image__base,
.image__base .accordionpanel__content-wrapper>.text:last-child .textimage__base,
.layoutpanel__container>.image:last-child .image__base,
.image__base .layoutpanel__container>.text:last-child .textimage__base {
  padding-bottom: 50px
}

@media (min-width: 768px) {

  .accordionpanel__content-wrapper>.image:last-child .image__base,
  .image__base .accordionpanel__content-wrapper>.text:last-child .textimage__base,
  .layoutpanel__container>.image:last-child .image__base,
  .image__base .layoutpanel__container>.text:last-child .textimage__base {
    padding-bottom: 70px
  }
}

.layoutpanel .columncontrol__base--control-transparent .columncontrol__column>.image:not(.text):not(.calltoaction) .image__base {
  padding-bottom: 0;
  padding-top: 0
}

.columncontrol__column>.image:first-child .image__base {
  padding-top: 0
}

.columncontrol__column>.image:last-child .image__base {
  padding-bottom: 0
}

@media (max-width: 639px) {
  .layoutpanel__wrapper--white .image__base {
    padding-left: 10px;
    padding-right: 10px
  }

  .layoutpanel__base .columncontrol__base .image__base {
    padding-left: 0;
    padding-right: 0
  }
}

.columncontrol__column .image__base {
  padding-left: 0;
  padding-right: 0
}

@media (min-width: 768px) {
  .columncontrol__column.columncontrol__column--lt0 .image__base {
    padding-left: 6px;
    padding-right: 6px
  }
}

@media (min-width: 640px) {
  .image__base {
    width: 83.33333%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
    margin-left: 8.33333%
  }
}

@media (min-width: 768px) {
  .image__base {
    width: 66.66667%;
    float: left;
    margin-left: 16.66667%;
    margin-right: -100%;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media (min-width: 1024px) {
  .image__base {
    width: 50%;
    float: left;
    margin-left: 25%;
    margin-right: -100%;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media (min-width: 768px) {
  .layoutpanel__wrapper--white .image__base {
    width: 80%;
    float: left;
    margin-left: 10%;
    margin-right: -100%;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media (min-width: 1024px) {
  .layoutpanel__wrapper--white .image__base {
    width: 75%;
    float: left;
    margin-left: 12.5%;
    margin-right: -100%;
    padding-left: 10px;
    padding-right: 10px
  }
}

.image__base img {
  border-radius: 12px;
  display: block;
  width: 100%
}

.textimage__image .image__base {
  margin: 0;
  padding: 0;
  width: 100%
}

.image__svg {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%
}

.image__svg--landscape,
.image__svg--portrait {
  display: none
}

.textimage__image-isLeft .image__svg--landscape,
.textimage__image-isRight .image__svg--portrait {
  display: block
}

.image__svg-wrapper {
  position: relative
}

.textimage__image-isLeft .image__svg-wrapper {
  padding-top: 75%
}

.textimage__image-isRight .image__svg-wrapper {
  padding-top: 133.33%
}

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

.image__caption {
  font-size: 15px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  padding-top: .49667em;
  padding-bottom: .62167em;
  margin-bottom: .66667em;
  text-align: left
}

body.fontsReady .image__caption {
  font-family: "FuturaMedium", Arial, sans-serif
}

@media (min-width: 1024px) {
  .image__caption {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    padding-top: .42118em;
    padding-bottom: .54029em;
    margin-bottom: 1.76471em
  }

  body.fontsReady .image__caption {
    font-family: "FuturaMedium", Arial, sans-serif
  }
}

.cmp-image+.image__caption-wrapper {
  margin-top: 15px
}

.home-page__base .image__caption,
.content-page__base .image__caption {
  color: #fff
}

.home-page__base .layoutpanel__wrapper--white .image__caption,
.content-page__base .layoutpanel__wrapper--white .image__caption,
.image__caption {
  color: #232023
}

@media (min-width: 1024px) {

  .columncontrol__column--lt1 .image__caption .layoutpanel__base,
  .columncontrol__column--lt1 .image .cmp-image .layoutpanel__base {
    margin-left: 0;
    width: 83.33333%
  }

  .columncontrol__column--lt1:first-child .image__caption .layoutpanel__base,
  .columncontrol__column--lt1:first-child .image .cmp-image .layoutpanel__base {
    margin-left: 16.66667%
  }

  .columncontrol__column--lt2 .image__caption .layoutpanel__base,
  .columncontrol__column--lt2 .image .cmp-image .layoutpanel__base {
    margin-left: 0;
    width: 87.5%
  }

  .columncontrol__column--lt2:first-child .image__caption .layoutpanel__base,
  .columncontrol__column--lt2:first-child .image .cmp-image .layoutpanel__base {
    margin-left: 25%;
    width: 75%
  }

  .columncontrol__column--lt3 .image__caption .layoutpanel__base,
  .columncontrol__column--lt3 .image .cmp-image .layoutpanel__base {
    margin-left: 0;
    width: 75%
  }

  .columncontrol__column--lt3:first-child .image__caption .layoutpanel__base,
  .columncontrol__column--lt3:first-child .image .cmp-image .layoutpanel__base {
    margin-left: 12.5%;
    width: 87.5%
  }

  .columncontrol__column--lt4 .image__caption .layoutpanel__base,
  .columncontrol__column--lt4 .image .cmp-image .layoutpanel__base {
    margin-left: 0;
    width: 100%
  }

  .columncontrol__column--lt5 .image__caption .layoutpanel__base,
  .columncontrol__column--lt6 .image__caption .layoutpanel__base,
  .columncontrol__column--lt5 .image .cmp-image .layoutpanel__base,
  .columncontrol__column--lt6 .image .cmp-image .layoutpanel__base {
    margin-left: 0;
    width: 100%
  }

  .columncontrol__column--lt5:last-child .image__caption .layoutpanel__base,
  .columncontrol__column--lt5:last-child .image .cmp-image .layoutpanel__base {
    width: 100%
  }

  .columncontrol__column--lt6:first-child .image__caption .layoutpanel__base,
  .columncontrol__column--lt6:first-child .image .cmp-image .layoutpanel__base {
    width: 100%
  }

  .columncontrol__column--lt7 .image__caption .layoutpanel__base,
  .columncontrol__column--lt7 .image .cmp-image .layoutpanel__base {
    margin-left: 0;
    width: 100%
  }
}

@media (min-width: 640px) {

  .accordionpanel .image__caption,
  .accordionpanel .image .cmp-image {
    margin-left: 8.33333%;
    width: 83.33333%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
    float: none;
    padding-left: 12px;
    padding-right: 12px
  }
}

@media (min-width: 768px) {

  .accordionpanel .image__caption,
  .accordionpanel .image .cmp-image {
    margin-left: 10%;
    padding-left: 2px;
    padding-right: 2px;
    width: 80%
  }
}

.textimage__image .image__caption,
.textimage__image .image .cmp-image {
  margin: 0;
  padding: 0;
  width: 100%
}

.layoutpanel {
  z-index: 8
}

.layoutpanel__title {
  font-size: 31px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px;
  color: #fff
}

body.fontsReady .layoutpanel__title {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .layoutpanel__title {
    font-size: 65px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .layoutpanel__title {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .layoutpanel__title {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .layoutpanel__title {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel__wrapper--white .layoutpanel__title,
.product-page__base .layoutpanel__title {
  color: #e3032b
}

.hotspotimage .layoutpanel__title.fancy-title,
.slidingteaserlist .layoutpanel__title.fancy-title {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.hotspotimage .layoutpanel__title.fancy-title--h1,
.slidingteaserlist .layoutpanel__title.fancy-title--h1 {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .86px
}

body.fontsReady .hotspotimage .layoutpanel__title.fancy-title--h1,
body.fontsReady .slidingteaserlist .layoutpanel__title.fancy-title--h1 {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .hotspotimage .layoutpanel__title.fancy-title--h1,
  .slidingteaserlist .layoutpanel__title.fancy-title--h1 {
    font-size: 60px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1.29px
  }

  body.fontsReady .hotspotimage .layoutpanel__title.fancy-title--h1,
  body.fontsReady .slidingteaserlist .layoutpanel__title.fancy-title--h1 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .hotspotimage .layoutpanel__title.fancy-title--h1,
  .slidingteaserlist .layoutpanel__title.fancy-title--h1 {
    font-size: 90px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.93px
  }

  body.fontsReady .hotspotimage .layoutpanel__title.fancy-title--h1,
  body.fontsReady .slidingteaserlist .layoutpanel__title.fancy-title--h1 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.hotspotimage .layoutpanel__title.fancy-title--h1 .fancy-title__letter--small,
.slidingteaserlist .layoutpanel__title.fancy-title--h1 .fancy-title__letter--small {
  font-size: 35px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .67px
}

body.fontsReady .hotspotimage .layoutpanel__title.fancy-title--h1 .fancy-title__letter--small,
body.fontsReady .slidingteaserlist .layoutpanel__title.fancy-title--h1 .fancy-title__letter--small {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .hotspotimage .layoutpanel__title.fancy-title--h1 .fancy-title__letter--small,
  .slidingteaserlist .layoutpanel__title.fancy-title--h1 .fancy-title__letter--small {
    font-size: 50px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1px
  }

  body.fontsReady .hotspotimage .layoutpanel__title.fancy-title--h1 .fancy-title__letter--small,
  body.fontsReady .slidingteaserlist .layoutpanel__title.fancy-title--h1 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .hotspotimage .layoutpanel__title.fancy-title--h1 .fancy-title__letter--small,
  .slidingteaserlist .layoutpanel__title.fancy-title--h1 .fancy-title__letter--small {
    font-size: 80px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.5px
  }

  body.fontsReady .hotspotimage .layoutpanel__title.fancy-title--h1 .fancy-title__letter--small,
  body.fontsReady .slidingteaserlist .layoutpanel__title.fancy-title--h1 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.hotspotimage .layoutpanel__title.fancy-title--h1 .fancy-title__letter--big,
.slidingteaserlist .layoutpanel__title.fancy-title--h1 .fancy-title__letter--big {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .86px
}

body.fontsReady .hotspotimage .layoutpanel__title.fancy-title--h1 .fancy-title__letter--big,
body.fontsReady .slidingteaserlist .layoutpanel__title.fancy-title--h1 .fancy-title__letter--big {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .hotspotimage .layoutpanel__title.fancy-title--h1 .fancy-title__letter--big,
  .slidingteaserlist .layoutpanel__title.fancy-title--h1 .fancy-title__letter--big {
    font-size: 60px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1.29px
  }

  body.fontsReady .hotspotimage .layoutpanel__title.fancy-title--h1 .fancy-title__letter--big,
  body.fontsReady .slidingteaserlist .layoutpanel__title.fancy-title--h1 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .hotspotimage .layoutpanel__title.fancy-title--h1 .fancy-title__letter--big,
  .slidingteaserlist .layoutpanel__title.fancy-title--h1 .fancy-title__letter--big {
    font-size: 90px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.93px
  }

  body.fontsReady .hotspotimage .layoutpanel__title.fancy-title--h1 .fancy-title__letter--big,
  body.fontsReady .slidingteaserlist .layoutpanel__title.fancy-title--h1 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.hotspotimage .layoutpanel__title.fancy-title--h2,
.slidingteaserlist .layoutpanel__title.fancy-title--h2 {
  font-size: 31px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .hotspotimage .layoutpanel__title.fancy-title--h2,
body.fontsReady .slidingteaserlist .layoutpanel__title.fancy-title--h2 {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .hotspotimage .layoutpanel__title.fancy-title--h2,
  .slidingteaserlist .layoutpanel__title.fancy-title--h2 {
    font-size: 65px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .hotspotimage .layoutpanel__title.fancy-title--h2,
  body.fontsReady .slidingteaserlist .layoutpanel__title.fancy-title--h2 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .hotspotimage .layoutpanel__title.fancy-title--h2,
  .slidingteaserlist .layoutpanel__title.fancy-title--h2 {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .hotspotimage .layoutpanel__title.fancy-title--h2,
  body.fontsReady .slidingteaserlist .layoutpanel__title.fancy-title--h2 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.hotspotimage .layoutpanel__title.fancy-title--h2 .fancy-title__letter--small,
.slidingteaserlist .layoutpanel__title.fancy-title--h2 .fancy-title__letter--small {
  font-size: 27px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .hotspotimage .layoutpanel__title.fancy-title--h2 .fancy-title__letter--small,
body.fontsReady .slidingteaserlist .layoutpanel__title.fancy-title--h2 .fancy-title__letter--small {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .hotspotimage .layoutpanel__title.fancy-title--h2 .fancy-title__letter--small,
  .slidingteaserlist .layoutpanel__title.fancy-title--h2 .fancy-title__letter--small {
    font-size: 55px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .hotspotimage .layoutpanel__title.fancy-title--h2 .fancy-title__letter--small,
  body.fontsReady .slidingteaserlist .layoutpanel__title.fancy-title--h2 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .hotspotimage .layoutpanel__title.fancy-title--h2 .fancy-title__letter--small,
  .slidingteaserlist .layoutpanel__title.fancy-title--h2 .fancy-title__letter--small {
    font-size: 90px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .hotspotimage .layoutpanel__title.fancy-title--h2 .fancy-title__letter--small,
  body.fontsReady .slidingteaserlist .layoutpanel__title.fancy-title--h2 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.hotspotimage .layoutpanel__title.fancy-title--h2 .fancy-title__letter--big,
.slidingteaserlist .layoutpanel__title.fancy-title--h2 .fancy-title__letter--big {
  font-size: 31px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .hotspotimage .layoutpanel__title.fancy-title--h2 .fancy-title__letter--big,
body.fontsReady .slidingteaserlist .layoutpanel__title.fancy-title--h2 .fancy-title__letter--big {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .hotspotimage .layoutpanel__title.fancy-title--h2 .fancy-title__letter--big,
  .slidingteaserlist .layoutpanel__title.fancy-title--h2 .fancy-title__letter--big {
    font-size: 65px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .hotspotimage .layoutpanel__title.fancy-title--h2 .fancy-title__letter--big,
  body.fontsReady .slidingteaserlist .layoutpanel__title.fancy-title--h2 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .hotspotimage .layoutpanel__title.fancy-title--h2 .fancy-title__letter--big,
  .slidingteaserlist .layoutpanel__title.fancy-title--h2 .fancy-title__letter--big {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .hotspotimage .layoutpanel__title.fancy-title--h2 .fancy-title__letter--big,
  body.fontsReady .slidingteaserlist .layoutpanel__title.fancy-title--h2 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.hotspotimage .layoutpanel__title.fancy-title .fancy-title__span,
.slidingteaserlist .layoutpanel__title.fancy-title .fancy-title__span {
  display: inline-block;
  text-align: center;
  max-width: 100%
}

.hotspotimage .layoutpanel__title.fancy-title .fancy-title__span:nth-child(2),
.slidingteaserlist .layoutpanel__title.fancy-title .fancy-title__span:nth-child(2) {
  padding-left: 7px
}

@media (min-width: 640px) {

  .hotspotimage .layoutpanel__title.fancy-title .fancy-title__span:nth-child(2),
  .slidingteaserlist .layoutpanel__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 13px
  }
}

@media (min-width: 768px) {

  .hotspotimage .layoutpanel__title.fancy-title .fancy-title__span:nth-child(2),
  .slidingteaserlist .layoutpanel__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 16px
  }
}

@media (min-width: 1024px) {

  .hotspotimage .layoutpanel__title.fancy-title .fancy-title__span:nth-child(2),
  .slidingteaserlist .layoutpanel__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 20px
  }
}

.hotspotimage .layoutpanel__title.fancy-title .fancy-title__letter--big,
.hotspotimage .layoutpanel__title.fancy-title .fancy-title__letter--small,
.slidingteaserlist .layoutpanel__title.fancy-title .fancy-title__letter--big,
.slidingteaserlist .layoutpanel__title.fancy-title .fancy-title__letter--small {
  font-style: normal
}

.layoutpanel .layoutpanel__title,
.teaserlist .layoutpanel__title,
.stepbystep .layoutpanel__title {
  color: #e3032b
}

.layoutpanel .layoutpanel__title.fancy-title,
.teaserlist .layoutpanel__title.fancy-title,
.stepbystep .layoutpanel__title.fancy-title {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.layoutpanel .layoutpanel__title.fancy-title--h1,
.teaserlist .layoutpanel__title.fancy-title--h1,
.stepbystep .layoutpanel__title.fancy-title--h1 {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .86px
}

body.fontsReady .layoutpanel .layoutpanel__title.fancy-title--h1,
body.fontsReady .teaserlist .layoutpanel__title.fancy-title--h1,
body.fontsReady .stepbystep .layoutpanel__title.fancy-title--h1 {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .layoutpanel .layoutpanel__title.fancy-title--h1,
  .teaserlist .layoutpanel__title.fancy-title--h1,
  .stepbystep .layoutpanel__title.fancy-title--h1 {
    font-size: 60px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1.29px
  }

  body.fontsReady .layoutpanel .layoutpanel__title.fancy-title--h1,
  body.fontsReady .teaserlist .layoutpanel__title.fancy-title--h1,
  body.fontsReady .stepbystep .layoutpanel__title.fancy-title--h1 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .layoutpanel .layoutpanel__title.fancy-title--h1,
  .teaserlist .layoutpanel__title.fancy-title--h1,
  .stepbystep .layoutpanel__title.fancy-title--h1 {
    font-size: 90px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.93px
  }

  body.fontsReady .layoutpanel .layoutpanel__title.fancy-title--h1,
  body.fontsReady .teaserlist .layoutpanel__title.fancy-title--h1,
  body.fontsReady .stepbystep .layoutpanel__title.fancy-title--h1 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel .layoutpanel__title.fancy-title--h1 .fancy-title__letter--small,
.teaserlist .layoutpanel__title.fancy-title--h1 .fancy-title__letter--small,
.stepbystep .layoutpanel__title.fancy-title--h1 .fancy-title__letter--small {
  font-size: 35px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .67px
}

body.fontsReady .layoutpanel .layoutpanel__title.fancy-title--h1 .fancy-title__letter--small,
body.fontsReady .teaserlist .layoutpanel__title.fancy-title--h1 .fancy-title__letter--small,
body.fontsReady .stepbystep .layoutpanel__title.fancy-title--h1 .fancy-title__letter--small {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .layoutpanel .layoutpanel__title.fancy-title--h1 .fancy-title__letter--small,
  .teaserlist .layoutpanel__title.fancy-title--h1 .fancy-title__letter--small,
  .stepbystep .layoutpanel__title.fancy-title--h1 .fancy-title__letter--small {
    font-size: 50px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1px
  }

  body.fontsReady .layoutpanel .layoutpanel__title.fancy-title--h1 .fancy-title__letter--small,
  body.fontsReady .teaserlist .layoutpanel__title.fancy-title--h1 .fancy-title__letter--small,
  body.fontsReady .stepbystep .layoutpanel__title.fancy-title--h1 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .layoutpanel .layoutpanel__title.fancy-title--h1 .fancy-title__letter--small,
  .teaserlist .layoutpanel__title.fancy-title--h1 .fancy-title__letter--small,
  .stepbystep .layoutpanel__title.fancy-title--h1 .fancy-title__letter--small {
    font-size: 80px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.5px
  }

  body.fontsReady .layoutpanel .layoutpanel__title.fancy-title--h1 .fancy-title__letter--small,
  body.fontsReady .teaserlist .layoutpanel__title.fancy-title--h1 .fancy-title__letter--small,
  body.fontsReady .stepbystep .layoutpanel__title.fancy-title--h1 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel .layoutpanel__title.fancy-title--h1 .fancy-title__letter--big,
.teaserlist .layoutpanel__title.fancy-title--h1 .fancy-title__letter--big,
.stepbystep .layoutpanel__title.fancy-title--h1 .fancy-title__letter--big {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .86px
}

body.fontsReady .layoutpanel .layoutpanel__title.fancy-title--h1 .fancy-title__letter--big,
body.fontsReady .teaserlist .layoutpanel__title.fancy-title--h1 .fancy-title__letter--big,
body.fontsReady .stepbystep .layoutpanel__title.fancy-title--h1 .fancy-title__letter--big {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .layoutpanel .layoutpanel__title.fancy-title--h1 .fancy-title__letter--big,
  .teaserlist .layoutpanel__title.fancy-title--h1 .fancy-title__letter--big,
  .stepbystep .layoutpanel__title.fancy-title--h1 .fancy-title__letter--big {
    font-size: 60px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1.29px
  }

  body.fontsReady .layoutpanel .layoutpanel__title.fancy-title--h1 .fancy-title__letter--big,
  body.fontsReady .teaserlist .layoutpanel__title.fancy-title--h1 .fancy-title__letter--big,
  body.fontsReady .stepbystep .layoutpanel__title.fancy-title--h1 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .layoutpanel .layoutpanel__title.fancy-title--h1 .fancy-title__letter--big,
  .teaserlist .layoutpanel__title.fancy-title--h1 .fancy-title__letter--big,
  .stepbystep .layoutpanel__title.fancy-title--h1 .fancy-title__letter--big {
    font-size: 90px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.93px
  }

  body.fontsReady .layoutpanel .layoutpanel__title.fancy-title--h1 .fancy-title__letter--big,
  body.fontsReady .teaserlist .layoutpanel__title.fancy-title--h1 .fancy-title__letter--big,
  body.fontsReady .stepbystep .layoutpanel__title.fancy-title--h1 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel .layoutpanel__title.fancy-title--h2,
.teaserlist .layoutpanel__title.fancy-title--h2,
.stepbystep .layoutpanel__title.fancy-title--h2 {
  font-size: 31px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .layoutpanel .layoutpanel__title.fancy-title--h2,
body.fontsReady .teaserlist .layoutpanel__title.fancy-title--h2,
body.fontsReady .stepbystep .layoutpanel__title.fancy-title--h2 {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .layoutpanel .layoutpanel__title.fancy-title--h2,
  .teaserlist .layoutpanel__title.fancy-title--h2,
  .stepbystep .layoutpanel__title.fancy-title--h2 {
    font-size: 65px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .layoutpanel .layoutpanel__title.fancy-title--h2,
  body.fontsReady .teaserlist .layoutpanel__title.fancy-title--h2,
  body.fontsReady .stepbystep .layoutpanel__title.fancy-title--h2 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .layoutpanel .layoutpanel__title.fancy-title--h2,
  .teaserlist .layoutpanel__title.fancy-title--h2,
  .stepbystep .layoutpanel__title.fancy-title--h2 {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .layoutpanel .layoutpanel__title.fancy-title--h2,
  body.fontsReady .teaserlist .layoutpanel__title.fancy-title--h2,
  body.fontsReady .stepbystep .layoutpanel__title.fancy-title--h2 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel .layoutpanel__title.fancy-title--h2 .fancy-title__letter--small,
.teaserlist .layoutpanel__title.fancy-title--h2 .fancy-title__letter--small,
.stepbystep .layoutpanel__title.fancy-title--h2 .fancy-title__letter--small {
  font-size: 27px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .layoutpanel .layoutpanel__title.fancy-title--h2 .fancy-title__letter--small,
body.fontsReady .teaserlist .layoutpanel__title.fancy-title--h2 .fancy-title__letter--small,
body.fontsReady .stepbystep .layoutpanel__title.fancy-title--h2 .fancy-title__letter--small {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .layoutpanel .layoutpanel__title.fancy-title--h2 .fancy-title__letter--small,
  .teaserlist .layoutpanel__title.fancy-title--h2 .fancy-title__letter--small,
  .stepbystep .layoutpanel__title.fancy-title--h2 .fancy-title__letter--small {
    font-size: 55px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .layoutpanel .layoutpanel__title.fancy-title--h2 .fancy-title__letter--small,
  body.fontsReady .teaserlist .layoutpanel__title.fancy-title--h2 .fancy-title__letter--small,
  body.fontsReady .stepbystep .layoutpanel__title.fancy-title--h2 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .layoutpanel .layoutpanel__title.fancy-title--h2 .fancy-title__letter--small,
  .teaserlist .layoutpanel__title.fancy-title--h2 .fancy-title__letter--small,
  .stepbystep .layoutpanel__title.fancy-title--h2 .fancy-title__letter--small {
    font-size: 90px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .layoutpanel .layoutpanel__title.fancy-title--h2 .fancy-title__letter--small,
  body.fontsReady .teaserlist .layoutpanel__title.fancy-title--h2 .fancy-title__letter--small,
  body.fontsReady .stepbystep .layoutpanel__title.fancy-title--h2 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel .layoutpanel__title.fancy-title--h2 .fancy-title__letter--big,
.teaserlist .layoutpanel__title.fancy-title--h2 .fancy-title__letter--big,
.stepbystep .layoutpanel__title.fancy-title--h2 .fancy-title__letter--big {
  font-size: 31px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .layoutpanel .layoutpanel__title.fancy-title--h2 .fancy-title__letter--big,
body.fontsReady .teaserlist .layoutpanel__title.fancy-title--h2 .fancy-title__letter--big,
body.fontsReady .stepbystep .layoutpanel__title.fancy-title--h2 .fancy-title__letter--big {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .layoutpanel .layoutpanel__title.fancy-title--h2 .fancy-title__letter--big,
  .teaserlist .layoutpanel__title.fancy-title--h2 .fancy-title__letter--big,
  .stepbystep .layoutpanel__title.fancy-title--h2 .fancy-title__letter--big {
    font-size: 65px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .layoutpanel .layoutpanel__title.fancy-title--h2 .fancy-title__letter--big,
  body.fontsReady .teaserlist .layoutpanel__title.fancy-title--h2 .fancy-title__letter--big,
  body.fontsReady .stepbystep .layoutpanel__title.fancy-title--h2 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .layoutpanel .layoutpanel__title.fancy-title--h2 .fancy-title__letter--big,
  .teaserlist .layoutpanel__title.fancy-title--h2 .fancy-title__letter--big,
  .stepbystep .layoutpanel__title.fancy-title--h2 .fancy-title__letter--big {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .layoutpanel .layoutpanel__title.fancy-title--h2 .fancy-title__letter--big,
  body.fontsReady .teaserlist .layoutpanel__title.fancy-title--h2 .fancy-title__letter--big,
  body.fontsReady .stepbystep .layoutpanel__title.fancy-title--h2 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel .layoutpanel__title.fancy-title .fancy-title__span,
.teaserlist .layoutpanel__title.fancy-title .fancy-title__span,
.stepbystep .layoutpanel__title.fancy-title .fancy-title__span {
  display: inline-block;
  text-align: center;
  max-width: 100%
}

.layoutpanel .layoutpanel__title.fancy-title .fancy-title__span:nth-child(2),
.teaserlist .layoutpanel__title.fancy-title .fancy-title__span:nth-child(2),
.stepbystep .layoutpanel__title.fancy-title .fancy-title__span:nth-child(2) {
  padding-left: 7px
}

@media (min-width: 640px) {

  .layoutpanel .layoutpanel__title.fancy-title .fancy-title__span:nth-child(2),
  .teaserlist .layoutpanel__title.fancy-title .fancy-title__span:nth-child(2),
  .stepbystep .layoutpanel__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 13px
  }
}

@media (min-width: 768px) {

  .layoutpanel .layoutpanel__title.fancy-title .fancy-title__span:nth-child(2),
  .teaserlist .layoutpanel__title.fancy-title .fancy-title__span:nth-child(2),
  .stepbystep .layoutpanel__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 16px
  }
}

@media (min-width: 1024px) {

  .layoutpanel .layoutpanel__title.fancy-title .fancy-title__span:nth-child(2),
  .teaserlist .layoutpanel__title.fancy-title .fancy-title__span:nth-child(2),
  .stepbystep .layoutpanel__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 20px
  }
}

.layoutpanel .layoutpanel__title.fancy-title .fancy-title__letter--big,
.layoutpanel .layoutpanel__title.fancy-title .fancy-title__letter--small,
.teaserlist .layoutpanel__title.fancy-title .fancy-title__letter--big,
.teaserlist .layoutpanel__title.fancy-title .fancy-title__letter--small,
.stepbystep .layoutpanel__title.fancy-title .fancy-title__letter--big,
.stepbystep .layoutpanel__title.fancy-title .fancy-title__letter--small {
  font-style: normal
}

.layoutpanel .layoutpanel__title.fancy-title .fancy-title__span,
.teaserlist .layoutpanel__title.fancy-title .fancy-title__span,
.stepbystep .layoutpanel__title.fancy-title .fancy-title__span {
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 12px 35px 0 rgba(50, 50, 93, 0.1), rgba(50, 50, 93, 0.06) 0 2px 6px 0;
  box-shadow: 0 12px 35px 0 rgba(50, 50, 93, 0.1), rgba(50, 50, 93, 0.06) 0 2px 6px 0;
  position: relative;
  z-index: 6
}

.layoutpanel .layoutpanel__title.fancy-title .fancy-title__span:nth-child(1),
.teaserlist .layoutpanel__title.fancy-title .fancy-title__span:nth-child(1),
.stepbystep .layoutpanel__title.fancy-title .fancy-title__span:nth-child(1) {
  z-index: 5
}

.layoutpanel .layoutpanel__title.fancy-title .fancy-title__span:nth-child(2),
.teaserlist .layoutpanel__title.fancy-title .fancy-title__span:nth-child(2),
.stepbystep .layoutpanel__title.fancy-title .fancy-title__span:nth-child(2) {
  z-index: 4
}

.layoutpanel .layoutpanel__title.fancy-title .fancy-title__span:nth-child(3),
.teaserlist .layoutpanel__title.fancy-title .fancy-title__span:nth-child(3),
.stepbystep .layoutpanel__title.fancy-title .fancy-title__span:nth-child(3) {
  z-index: 3
}

.layoutpanel .layoutpanel__title.fancy-title--h1 .fancy-title__span,
.teaserlist .layoutpanel__title.fancy-title--h1 .fancy-title__span,
.stepbystep .layoutpanel__title.fancy-title--h1 .fancy-title__span {
  padding: 13px 10px 7px
}

@media (min-width: 640px) {

  .layoutpanel .layoutpanel__title.fancy-title--h1 .fancy-title__span,
  .teaserlist .layoutpanel__title.fancy-title--h1 .fancy-title__span,
  .stepbystep .layoutpanel__title.fancy-title--h1 .fancy-title__span {
    padding: 20px 15px 12px
  }
}

@media (min-width: 1024px) {

  .layoutpanel .layoutpanel__title.fancy-title--h1 .fancy-title__span,
  .teaserlist .layoutpanel__title.fancy-title--h1 .fancy-title__span,
  .stepbystep .layoutpanel__title.fancy-title--h1 .fancy-title__span {
    padding: 14px 20px 8px
  }
}

.layoutpanel .layoutpanel__title.fancy-title--h1 .fancy-title__span:nth-child(1),
.teaserlist .layoutpanel__title.fancy-title--h1 .fancy-title__span:nth-child(1),
.stepbystep .layoutpanel__title.fancy-title--h1 .fancy-title__span:nth-child(1) {
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg)
}

.layoutpanel .layoutpanel__title.fancy-title--h1 .fancy-title__span:nth-child(2),
.teaserlist .layoutpanel__title.fancy-title--h1 .fancy-title__span:nth-child(2),
.stepbystep .layoutpanel__title.fancy-title--h1 .fancy-title__span:nth-child(2) {
  margin-left: 32px;
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg)
}

.layoutpanel .layoutpanel__title.fancy-title--h2 .fancy-title__span,
.teaserlist .layoutpanel__title.fancy-title--h2 .fancy-title__span,
.stepbystep .layoutpanel__title.fancy-title--h2 .fancy-title__span {
  margin: 0 0 5px;
  padding: 6px 5px 0
}

@media (min-width: 640px) {

  .layoutpanel .layoutpanel__title.fancy-title--h2 .fancy-title__span,
  .teaserlist .layoutpanel__title.fancy-title--h2 .fancy-title__span,
  .stepbystep .layoutpanel__title.fancy-title--h2 .fancy-title__span {
    margin: 0 0 10px
  }
}

@media (min-width: 768px) {

  .layoutpanel .layoutpanel__title.fancy-title--h2 .fancy-title__span,
  .teaserlist .layoutpanel__title.fancy-title--h2 .fancy-title__span,
  .stepbystep .layoutpanel__title.fancy-title--h2 .fancy-title__span {
    padding: 10px 15px 0
  }
}

@media (min-width: 1024px) {

  .layoutpanel .layoutpanel__title.fancy-title--h2 .fancy-title__span,
  .teaserlist .layoutpanel__title.fancy-title--h2 .fancy-title__span,
  .stepbystep .layoutpanel__title.fancy-title--h2 .fancy-title__span {
    padding: 10px 20px 8px
  }
}

.layoutpanel .layoutpanel__title.fancy-title--h2 .fancy-title__span:nth-child(1),
.teaserlist .layoutpanel__title.fancy-title--h2 .fancy-title__span:nth-child(1),
.stepbystep .layoutpanel__title.fancy-title--h2 .fancy-title__span:nth-child(1) {
  -webkit-transform: rotate(1deg);
  transform: rotate(1deg)
}

.layoutpanel .layoutpanel__title.fancy-title--h2 .fancy-title__span:nth-child(2),
.teaserlist .layoutpanel__title.fancy-title--h2 .fancy-title__span:nth-child(2),
.stepbystep .layoutpanel__title.fancy-title--h2 .fancy-title__span:nth-child(2) {
  margin-left: 60px;
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg)
}

.layoutpanel__subtitle {
  font-size: 33px;
  font-family: Arial, sans-serif;
  line-height: 41px;
  text-transform: uppercase;
  color: #fff
}

body.fontsReady .layoutpanel__subtitle {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .layoutpanel__subtitle {
    font-size: 37px;
    font-family: Arial, sans-serif;
    line-height: 50px
  }

  body.fontsReady .layoutpanel__subtitle {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel__wrapper--white .layoutpanel__subtitle,
.product-page__base .layoutpanel__subtitle {
  color: #e3032b
}

.layoutpanel__text {
  font-size: 19px;
  font-family: Arial, sans-serif;
  line-height: 29px;
  color: #fff
}

body.fontsReady .layoutpanel__text {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .layoutpanel__text {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 31px
  }

  body.fontsReady .layoutpanel__text {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.layoutpanel__wrapper--white .layoutpanel__text,
.product-page__base .layoutpanel__text {
  color: #000
}

.layoutpanel__customLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 20px
}

@media (min-width: 640px) {
  .layoutpanel__customLink {
    padding-left: 6.66667%;
    padding-right: 6.66667%
  }
}

@media (min-width: 768px) {
  .layoutpanel__customLink {
    padding-left: 16.66667%;
    padding-right: 16.66667%
  }
}

@media (min-width: 1024px) {
  .layoutpanel__customLink {
    padding-left: 8.33333%;
    padding-right: 8.33333%
  }
}

@media (min-width: 768px) {
  .layoutpanel__wrapper--white .layoutpanel__customLink {
    padding-left: 8.33333%;
    padding-right: 8.33333%
  }
}

@media (min-width: 1024px) {
  .layoutpanel__wrapper--white .layoutpanel__customLink {
    padding-left: 16.66667%;
    padding-right: 16.66667%
  }
}

.layoutpanel__base {
  margin-top: 60px;
  position: relative
}

.layoutpanel__title-wrapper {
  position: relative
}

.layoutpanel__wrapper--white .layoutpanel__title-wrapper {
  margin-bottom: -100px;
  z-index: 1
}

@media (min-width: 640px) {
  .layoutpanel__wrapper--white .layoutpanel__title-wrapper {
    margin-bottom: -130px
  }
}

@media (min-width: 1024px) {
  .layoutpanel__wrapper--white .layoutpanel__title-wrapper {
    margin-bottom: -140px
  }
}

.layoutpanel__wrapper--hasBackgroundImage:not(.layoutpanel__wrapper--white) .layoutpanel__title-wrapper {
  left: 0;
  top: 130px;
  right: 0;
  margin: auto;
  position: absolute
}

@media (min-width: 640px) {
  .layoutpanel__wrapper--hasBackgroundImage:not(.layoutpanel__wrapper--white) .layoutpanel__title-wrapper {
    top: 120px
  }
}

@media (min-width: 1024px) {
  .layoutpanel__wrapper--hasBackgroundImage:not(.layoutpanel__wrapper--white) .layoutpanel__title-wrapper {
    top: 110px
  }
}

.layoutpanel__title-wrapper .layoutpanel__title-row {
  text-align: center
}

.layoutpanel__title-wrapper .layoutpanel__title {
  max-width: 100%
}

@media (min-width: 768px) {
  .layoutpanel__title-wrapper .layoutpanel__title {
    padding-left: 8.33333%;
    padding-right: 8.33333%
  }
}

@media (min-width: 1024px) {
  .layoutpanel__title-wrapper .layoutpanel__title {
    padding-left: 16.66667%;
    padding-right: 16.66667%
  }
}

.layoutpanel__title {
  margin-bottom: 65px
}

.layoutpanel__wrapper--white .layoutpanel__title {
  margin-bottom: 0
}

.layoutpanel__subtitle+.layoutpanel__text {
  margin-top: 30px
}

.layoutpanel__text-wrapper {
  margin-bottom: 30px;
  width: 100%
}

@media (min-width: 640px) {
  .layoutpanel__text-wrapper {
    margin-left: 8.33333%;
    padding-left: 10px;
    padding-right: 10px;
    width: 83.33333%
  }
}

@media (min-width: 768px) {
  .layoutpanel__text-wrapper {
    margin-left: 16.66667%;
    width: 66.66667%
  }
}

.layoutpanel__wrapper--white .layoutpanel__text-wrapper {
  padding-left: 10px;
  padding-right: 10px
}

@media (min-width: 768px) {
  .layoutpanel__wrapper--white .layoutpanel__text-wrapper {
    margin-left: 10%;
    width: 80%
  }
}

@media (min-width: 1024px) {
  .layoutpanel__wrapper--white .layoutpanel__text-wrapper {
    margin-left: 12.5%;
    width: 75%
  }
}

.layoutpanel__wrapper {
  overflow: visible;
  position: relative
}

.layoutpanel__wrapper--white {
  background-color: rgba(0, 0, 0, 0)
}

.layoutpanel__wrapper--transparent {
  background-color: rgba(0, 0, 0, 0)
}

@media (min-width: 640px) {
  .layoutpanel__row {
    zoom: 1;
    margin-left: -8px;
    margin-right: -8px
  }

  .layoutpanel__row::before,
  .layoutpanel__row::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden
  }

  .layoutpanel__row::after {
    clear: both
  }
}

@media (min-width: 640px) and (min-width: 768px) {
  .layoutpanel__row {
    margin-left: -10px;
    margin-right: -10px
  }
}

.layoutpanel__wrapper--white .layoutpanel__row {
  zoom: 1;
  margin-left: -8px;
  margin-right: -8px
}

.layoutpanel__wrapper--white .layoutpanel__row::before,
.layoutpanel__wrapper--white .layoutpanel__row::after {
  content: '';
  display: block;
  height: 0;
  overflow: hidden
}

.layoutpanel__wrapper--white .layoutpanel__row::after {
  clear: both
}

@media (min-width: 768px) {
  .layoutpanel__wrapper--white .layoutpanel__row {
    margin-left: -10px;
    margin-right: -10px
  }
}

.layoutpanel__content {
  margin-top: 30px
}

.layoutpanel__wrapper--white .layoutpanel__content {
  margin: 100px auto 100px;
  padding: 40px 0 0;
  position: relative
}

@media (min-width: 640px) {
  .layoutpanel__wrapper--white .layoutpanel__content {
    margin: 130px auto 100px
  }
}

.layoutpanel__wrapper--white .layoutpanel__content {
  background: #fff;
  -webkit-box-shadow: 0 55px 30px 0 rgba(0, 0, 0, 0.1), 0 -100px 50px 15px rgba(0, 0, 0, 0.03);
  box-shadow: 0 55px 30px 0 rgba(0, 0, 0, 0.1), 0 -100px 50px 15px rgba(0, 0, 0, 0.03);
  margin-left: 8px;
  margin-right: 8px;
  width: calc(100% - 16px)
}

@media (min-width: 640px) {
  .layoutpanel__wrapper--white .layoutpanel__content {
    margin-left: 8px;
    width: calc(100% - 8px * 2)
  }
}

@media (min-width: 768px) {
  .layoutpanel__wrapper--white .layoutpanel__content {
    margin-left: calc(8.33333% + 10px);
    width: calc(83.33333% - 10px * 2)
  }
}

@media (min-width: 1024px) {
  .layoutpanel__wrapper--white .layoutpanel__content {
    margin-left: calc(16.66667% + 10px);
    width: calc(66.66667% - 10px * 2)
  }
}

.layoutpanel__wrapper--white .layoutpanel__content::before,
.layoutpanel__wrapper--white .layoutpanel__content::after {
  background-repeat: no-repeat;
  background-size: calc(100% + 1px) auto;
  content: '';
  height: 68px;
  left: 0;
  position: absolute;
  right: 0
}

.layoutpanel__wrapper--white .layoutpanel__content::before {
  background-image: url("assets/layout-top.png");
  background-position: bottom;
  top: -67px
}

.layoutpanel__wrapper--white .layoutpanel__content::after {
  background-image: url("assets/layout-bottom.png");
  background-position: top;
  bottom: -67px
}

.layoutpanel__wrapper--hasBackgroundImage {
  padding-top: 160px
}

.layoutpanel__wrapper--hasBackgroundImage.layoutpanel__wrapper--white {
  padding-top: 0
}

.layoutpanel__image {
  height: 100vw;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  position: relative
}

@media (min-width: 640px) {
  .layoutpanel__image {
    height: 435px;
    min-height: auto
  }
}

@media (min-width: 1280px) {
  .layoutpanel__image {
    height: 545px
  }
}

.layoutpanel__wrapper--white .layoutpanel__image {
  display: none
}

.link__anchor {
  font-size: 16px;
  font-family: Arial, sans-serif;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #e20f0f
}

body.fontsReady .link__anchor {
  font-family: "FuturaMedium", Arial, sans-serif
}

.link__icon {
  width: 25px;
  height: 25px;
  margin-right: 5px
}

.linklist__base {
  margin-bottom: 30px
}

.linklist__titleWrap {
  display: block;
  margin: 15px 0;
  width: 100%
}

.linklist__title {
  font-size: 35px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #232023;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 10px 0
}

body.fontsReady .linklist__title {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .linklist__title {
    font-size: 70px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 100px
  }

  body.fontsReady .linklist__title {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .linklist__title {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .linklist__title {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 768px) {
  .linklist__title {
    display: block;
    position: static
  }
}

@media (min-width: 768px) {
  .linklist__title .heli__svg-icons {
    display: none
  }
}

.linklist__title .heli__svg-icons:last-child {
  display: none
}

.linklist__title .ic-arrow-down,
.linklist__title .ic-arrow-up {
  height: 14px;
  width: 23px
}

.linklist__title .ic-arrow-up {
  display: none
}

.linklist__title .ic-arrow-down {
  display: block
}

.linklist__item {
  margin-bottom: 5px
}

.linklist__collapsable {
  overflow: hidden;
  -webkit-transition: 0.3s height;
  transition: 0.3s height
}

.linklist__collapsable-isOpen .ic-arrow-up,
.linklist__collapsable-isOpen .heli__svg-icons:last-child {
  display: block
}

.linklist__collapsable-isOpen .ic-arrow-down,
.linklist__collapsable-isOpen .heli__svg-icons:first-child {
  display: none
}

.locationselector__base {
  background-color: #fff;
  border-radius: 12px;
  -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.52);
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.52);
  position: relative;
  width: 100%
}

@media (min-width: 1024px) {
  .locationselector__base {
    min-height: 370px;
    position: absolute;
    top: 50px
  }

  .locationselector__base::before {
    border: solid transparent;
    border-color: transparent transparent #fff;
    border-width: 10px;
    bottom: 100%;
    content: ' ';
    height: 0;
    left: calc(50% + 7px);
    margin-left: -10px;
    pointer-events: none;
    position: absolute;
    width: 0
  }
}

.locationselector__base ::-webkit-scrollbar {
  width: 9px
}

.locationselector__base ::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  box-shadow: none
}

.locationselector__base ::-webkit-scrollbar-thumb {
  background-color: #000;
  border: 1px solid #fff;
  border-radius: 5px;
  cursor: pointer
}

.locationselector__base ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.6)
}

.locationselector__header {
  display: none
}

@media (min-width: 1024px) {
  .locationselector__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 20px 3px
  }
}

.locationselector__content {
  position: relative
}

@media (min-width: 1024px) {
  .locationselector__content {
    padding: 20px
  }
}

.locationselector__wrapper {
  margin-bottom: 30px
}

@media (min-width: 1024px) {
  .locationselector__wrapper {
    margin-bottom: 50px
  }
}

.locationselector__title {
  font-size: 17px;
  font-family: Arial, sans-serif;
  line-height: 27px;
  color: #232023;
  margin-bottom: 15px
}

body.fontsReady .locationselector__title {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .locationselector__title {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 29px
  }

  body.fontsReady .locationselector__title {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.locationselector__listLocations {
  padding: 20px 10px 75px
}

@media (min-width: 1024px) {
  .locationselector__listLocations {
    margin: 21px;
    margin-top: 0;
    min-height: 350px;
    max-height: 350px;
    padding: 0
  }
}

@media (min-width: 768px) {
  .locationselector__redirectingNotifier {
    width: 480px
  }
}

@media (min-width: 1024px) {
  .locationselector__redirectingNotifier {
    width: 503px
  }
}

.locationselector__redirectingLink {
  color: #232023;
  cursor: pointer;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  overflow-wrap: break-word;
  text-decoration: underline;
  -webkit-text-decoration-color: #232023;
  text-decoration-color: #232023
}

.locationselector__redirectingLink:hover {
  color: #e3032b
}

.locationselector__redirectingMessage {
  font-size: 19px;
  font-family: Arial, sans-serif;
  line-height: 29px;
  padding: 36px 33px 26px
}

body.fontsReady .locationselector__redirectingMessage {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .locationselector__redirectingMessage {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 31px
  }

  body.fontsReady .locationselector__redirectingMessage {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

@media (min-width: 768px) {
  .locationselector__redirectingMessage {
    padding: 56px 60px 26px
  }
}

@media (min-width: 1024px) {
  .locationselector__redirectingMessage {
    padding: 56px 40px 40px
  }
}

.locationselector__timeIndicator {
  font-weight: bold
}

.locationselector__redirectingButtonWrap {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 50px 40px
}

@media (min-width: 768px) {
  .locationselector__redirectingButtonWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0 40px 62px;
    text-align: center
  }
}

.locationselector__redirectingButtonWrap .button {
  cursor: pointer;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

@media (min-width: 768px) {
  .locationselector__redirectingButtonWrap .button {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
  }
}

.locationselector__acceptBtn.button__primary {
  margin: 0 0 20px
}

@media (min-width: 768px) {
  .locationselector__acceptBtn.button__primary {
    margin: 0 40px 0 0
  }
}

.locationselector__closeBtn {
  margin: 0
}

.locationselector__acceptBtn,
.locationselector__closeBtn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.locationselector__item {
  margin-bottom: 10px;
  width: 100%
}

.locationselector__countryWrapper {
  display: none
}

.locationselector__link {
  font-size: 15px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  color: #232023
}

body.fontsReady .locationselector__link {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .locationselector__link {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px
  }

  body.fontsReady .locationselector__link {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

.locationselector__link:hover {
  background-color: rgba(0, 0, 0, 0);
  color: #e3032b
}

.locationselector__input {
  font-size: 17px;
  font-family: Arial, sans-serif;
  line-height: 27px;
  border-left-width: 0;
  border-radius: 0;
  color: #232023;
  height: 40px;
  padding: 0 10px 0 25px
}

body.fontsReady .locationselector__input {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .locationselector__input {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 29px
  }

  body.fontsReady .locationselector__input {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .locationselector__input {
    border-left-width: 1px;
    padding: 0 10px
  }
}

.globalPage__base .locationselector__input {
  border-left-width: 1px
}

.locationselector__input--isHidden {
  visibility: hidden
}

.locationselector__collapseIcon,
.locationselector__locationIcon {
  right: 20px
}

.locationselector__locationIcon {
  display: none
}

.locationselector__clearIcon {
  background: #565555;
  border-radius: 50px;
  color: #fff;
  cursor: pointer;
  display: none;
  height: 20px;
  margin: 0 10px;
  right: 0;
  width: 20px
}

@media (min-width: 1024px) {
  .locationselector__clearIcon {
    right: 20px
  }
}

.locationselector__clearIcon:hover {
  color: #fff
}

.locationselector__clearIcon.dropdown__clearBtn-isVisible {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.locationselector__collapseBtn {
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  cursor: pointer;
  display: inline;
  left: 0;
  padding: 0
}

@media (min-width: 1024px) {
  .locationselector__collapseBtn {
    display: none
  }
}

.locationselector__icon {
  height: 11px;
  width: 10px
}

.locationselector__collapseIcon {
  color: #000;
  height: 15px;
  width: 25px
}

.locationselector__collapseIcon:hover {
  color: #000
}

.locationselector__currentLocation {
  font-size: 17px;
  font-family: Arial, sans-serif;
  line-height: 27px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #e3032b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 3px;
  position: relative
}

body.fontsReady .locationselector__currentLocation {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .locationselector__currentLocation {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 29px
  }

  body.fontsReady .locationselector__currentLocation {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

.locationselector__currentLocationLabel {
  padding-left: 12px
}

.locationselector__currentLocationIcon {
  color: #e3032b;
  height: 17px;
  width: 17px
}

.locationselector__close {
  color: rgba(0, 0, 0, 0);
  content: '';
  cursor: pointer;
  height: 20px;
  position: relative;
  right: 0;
  top: 4px;
  width: 20px
}

.locationselector__close::before,
.locationselector__close::after {
  background-color: #232023;
  content: ' ';
  height: 20px;
  left: 8px;
  position: absolute;
  top: 0;
  width: 3px
}

.locationselector__close::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.locationselector__close::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.locationselector__close:hover {
  background-color: rgba(0, 0, 0, 0)
}

.locationselector__close:hover::before,
.locationselector__close:hover::after {
  background-color: #e3032b
}

.locationselector__results .dropdown__list,
.locationselector__results .dropdown__noItems {
  border: none;
  padding: 20px 10px;
  top: 58px
}

@media (min-width: 1024px) {

  .locationselector__results .dropdown__list,
  .locationselector__results .dropdown__noItems {
    padding: 10px 0;
    top: 70px
  }
}

.locationselector__results .dropdown__noItems {
  font-size: 17px;
  font-family: Arial, sans-serif;
  line-height: 27px
}

body.fontsReady .locationselector__results .dropdown__noItems {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .locationselector__results .dropdown__noItems {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 29px
  }

  body.fontsReady .locationselector__results .dropdown__noItems {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

.locationselector__results .dropdown__list {
  height: 100vh;
  max-height: none;
  overflow: auto
}

@media (min-width: 1024px) {
  .locationselector__results .dropdown__list {
    height: 370px
  }
}

.globalPage__base .locationselector__results .dropdown__list {
  border-width: 1px
}

.locationselector__results .dropdown__item {
  border: 0;
  padding: 0;
  margin-top: 10px
}

.locationselector__results .dropdown__item:hover {
  background-color: transparent
}

.locationselector__results .dropdown__itemText {
  border-top: none
}

.locationselector__results .dropdown__link {
  font-size: 15px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  color: #232023
}

body.fontsReady .locationselector__results .dropdown__link {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .locationselector__results .dropdown__link {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px
  }

  body.fontsReady .locationselector__results .dropdown__link {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

.locationselector__results .dropdown__link:hover {
  color: #e3032b
}

.logo__img {
  height: 100%;
  max-height: 75px;
  display: block
}

@media (min-width: 1024px) {
  .logo__img {
    max-height: 100px
  }
}

@media (min-width: 1280px) {
  .logo__img {
    max-height: 106px
  }
}

.header--compact .logo__img {
  height: auto;
  max-height: none;
  width: 100%
}

.pagination__base {
  font-size: 15px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  color: #000;
  margin-bottom: 20px
}

body.fontsReady .pagination__base {
  font-family: "FuturaMedium", Arial, sans-serif
}

@media (min-width: 1024px) {
  .pagination__base {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px
  }

  body.fontsReady .pagination__base {
    font-family: "FuturaMedium", Arial, sans-serif
  }
}

.pagination__link,
.pagination__currentLink {
  padding: 10px 8px
}

.pagination__link {
  font-size: 15px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  color: #000;
  text-decoration: none
}

body.fontsReady .pagination__link {
  font-family: "FuturaMedium", Arial, sans-serif
}

@media (min-width: 1024px) {
  .pagination__link {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px
  }

  body.fontsReady .pagination__link {
    font-family: "FuturaMedium", Arial, sans-serif
  }
}

.pagination__link:hover {
  color: #e3032b
}

.pagination__link:hover .heli__svg-icon {
  fill: #e3032b
}

.pagination__link .heli__svg-icon {
  display: block;
  fill: #000;
  height: 20px;
  width: 20px
}

.pagination__text {
  display: none
}

@media (min-width: 640px) {
  .pagination__text {
    display: inline;
    visibility: visible
  }
}

.pagination__currentLink {
  font-size: 15px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  color: #e3032b
}

body.fontsReady .pagination__currentLink {
  font-family: "FuturaMedium", Arial, sans-serif
}

@media (min-width: 1024px) {
  .pagination__currentLink {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px
  }

  body.fontsReady .pagination__currentLink {
    font-family: "FuturaMedium", Arial, sans-serif
  }
}

.pagination__list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center
}

@media (min-width: 640px) {
  .pagination__list .pagination__directLinks {
    margin-left: 10px
  }
}

.pagination__listItem {
  margin: 0 2px
}

.pagination__listItem--isDisabled .pagination__link {
  cursor: default
}

.pagination__listItem--isDisabled .pagination__link:hover .heli__svg-icon {
  fill: #838383
}

.pagination__listItem--isDisabled .heli__svg-icon {
  fill: #838383
}

.pagination__listItem--isPrev .pagination__link,
.pagination__listItem--isNext .pagination__link {
  display: block
}

.pagination--isHidden {
  display: none
}

.pagination__pageNumbers {
  margin: 0 30px
}

@media (min-width: 640px) {
  .pagination__pageNumbers {
    margin: 0 50px
  }
}

.gallery-modal .image__picture {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  width: 100%
}

.gallery-modal .gallery-modal__imgtag {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  max-height: 100%;
  max-width: 100%
}

.gallery-modal .gallery-modal__imgtag.zoomed {
  cursor: -webkit-zoom-out;
  cursor: zoom-out
}

.gallery-modal__base {
  -webkit-transition: 0.1s all ease-in-out;
  transition: 0.1s all ease-in-out;
  visibility: visible
}

.gallery-modal__overlay {
  background-color: #000;
  bottom: 0;
  cursor: pointer;
  left: 0;
  opacity: 0.6;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 35
}

.gallery-modal__wrapper {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100vh;
  left: 50%;
  outline: none;
  overflow-y: auto;
  padding-top: 85px;
  position: fixed;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 36
}

@media (min-width: 640px) {
  .gallery-modal__wrapper {
    padding-top: 74px
  }
}

@media (min-width: 1024px) {
  .gallery-modal__wrapper {
    height: 90vh;
    max-width: 1024px
  }
}

@media (min-width: 1280px) {
  .gallery-modal__wrapper {
    max-width: 1280px;
    padding: 40px
  }
}

.gallery-modal__row {
  zoom: 1;
  margin-left: -8px;
  margin-right: -8px
}

.gallery-modal__row::before,
.gallery-modal__row::after {
  content: '';
  display: block;
  height: 0;
  overflow: hidden
}

.gallery-modal__row::after {
  clear: both
}

@media (min-width: 768px) {
  .gallery-modal__row {
    margin-left: -10px;
    margin-right: -10px
  }
}

.gallery-modal__close--topRight {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  position: absolute;
  right: 0;
  top: 20px
}

@media (min-width: 640px) {
  .gallery-modal__close--topRight {
    top: 0
  }
}

.gallery-modal__close--topRight:hover .gallery-modal__close-icon::before,
.gallery-modal__close--topRight:hover .gallery-modal__close-icon::after {
  background-color: #232023
}

.gallery-modal__close-icon-container {
  height: 20px;
  width: 20px
}

.gallery-modal__close-icon {
  cursor: pointer;
  height: 18px;
  position: relative;
  right: 0;
  top: 0;
  width: 18px
}

.gallery-modal__close-icon::before,
.gallery-modal__close-icon::after {
  background-color: #e20f0f;
  content: ' ';
  height: 18px;
  left: 8px;
  position: absolute;
  top: 0;
  width: 3px
}

.gallery-modal__close-icon::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.gallery-modal__close-icon::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.gallery-modal__close-icon.hasFocus::before,
.gallery-modal__close-icon.hasFocus::after {
  background-color: #232023
}

.gallery-modal__title {
  font-size: 23px;
  font-family: Arial, sans-serif;
  line-height: 31px;
  font-weight: 900
}

body.fontsReady .gallery-modal__title {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .gallery-modal__title {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px
  }

  body.fontsReady .gallery-modal__title {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.gallery-modal__description {
  font-size: 17px;
  font-family: Arial, sans-serif;
  line-height: 27px;
  margin-top: 10px
}

body.fontsReady .gallery-modal__description {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .gallery-modal__description {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 29px
  }

  body.fontsReady .gallery-modal__description {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

.gallery-modal__title,
.gallery-modal__description {
  margin-left: calc(8.33333% + 1%);
  margin-right: calc(8.33333% + 1%)
}

.gallery-modal__images {
  margin-top: 24px;
  position: relative;
  width: 100%
}

@media (min-width: 1024px) {
  .gallery-modal__images {
    margin-top: 42px;
    margin-left: 10%;
    width: 80%
  }
}

.gallery-modal__images-item {
  height: 100%
}

@media (min-width: 1024px) {
  .gallery-modal__images-wrapper {
    height: 500px
  }
}

.gallery-modal__images-container {
  height: calc(100vw);
  margin: auto;
  max-height: calc(100vw);
  max-width: calc(100vw);
  overflow: hidden;
  width: 100%
}

@media (min-width: 768px) {
  .gallery-modal__images-container {
    height: auto;
    width: 100%
  }
}

@media (min-width: 1024px) {
  .gallery-modal__images-container {
    width: 100%
  }
}

.gallery-modal__next .heli__svg-icon path {
  fill: url(clientlibrary/#ic-next-gradient)
}

.gallery-modal__previous .heli__svg-icon path {
  fill: url(clientlibrary/#ic-previous-gradient)
}

.gallery-modal__next,
.gallery-modal__previous {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  cursor: pointer;
  display: none;
  -webkit-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.3));
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 75px;
  z-index: 37
}

.gallery-modal__next .heli__svg-icons,
.gallery-modal__previous .heli__svg-icons {
  height: 75px;
  width: 45px
}

@media (min-width: 1024px) {

  .gallery-modal__next,
  .gallery-modal__previous {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.gallery-modal__next:hover,
.gallery-modal__previous:hover {
  -webkit-filter: none;
  filter: none;
  color: #e20f0f
}

.gallery-modal__next {
  right: -115px
}

.gallery-modal__previous {
  left: -115px
}

.gallery-modal__counter {
  bottom: -100px;
  color: #000;
  left: calc(50% - 118px / 2);
  pointer-events: none;
  position: absolute;
  z-index: 3
}

@media (min-width: 1024px) {
  .gallery-modal__counter {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: auto;
    padding-top: 200px;
    right: -88px;
    top: 0
  }
}

.gallery-modal__counterWrap {
  height: 75px;
  position: relative;
  width: 110px
}

.gallery-modal__counterElement {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 40px;
  position: absolute;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.5)
}

body.fontsReady .gallery-modal__counterElement {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 768px) {
  .gallery-modal__counterElement {
    font-size: 50px;
    font-family: Arial, sans-serif;
    line-height: 50px
  }

  body.fontsReady .gallery-modal__counterElement {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.gallery-modal__counterSign {
  left: 60px;
  position: absolute
}

.gallery-modal__counterSign .heli__svg-icons {
  height: 65px;
  width: 40px
}

.gallery-modal__counterAll {
  font-size: 18px;
  font-family: Arial, sans-serif;
  line-height: 23px;
  bottom: 8px;
  position: absolute;
  right: 0
}

body.fontsReady .gallery-modal__counterAll {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 768px) {
  .gallery-modal__counterAll {
    font-size: 22px;
    font-family: Arial, sans-serif;
    line-height: 23px
  }

  body.fontsReady .gallery-modal__counterAll {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

.gallery-modal .image__img {
  max-height: 90vw;
  width: auto
}

@media (min-width: 1024px) {
  .gallery-modal .image__img {
    max-height: 500px
  }
}

.gallery-modal .image__renditions,
.gallery-modal .gallery-modal__video {
  overflow: hidden
}

.gallery-modal__video {
  height: 100%;
  position: relative
}

.gallery-modal__video .container,
.gallery-modal__video .video__base {
  height: 100%;
  padding: 0
}

.gallery-modal__video .video__wrapper {
  width: 100%
}

@media (min-width: 1024px) {
  .gallery-modal__video .video__wrapper {
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

.gallery-modal__video .container {
  margin: auto;
  width: 97%
}

@media (min-width: 1280px) {
  .gallery-modal__video .container {
    width: 77%
  }
}

.gallery-modal__video .video__base {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vw;
  margin: 0
}

@media (min-width: 1024px) {
  .gallery-modal__video .video__base {
    display: block;
    height: 100%
  }
}

.gallery__images {
  min-height: 1px
}

.gallery__video {
  -ms-flex-line-pack: center;
  align-content: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  pointer-events: auto;
  position: relative;
  width: 100%
}

@media (min-width: 1024px) {
  .gallery__video {
    height: auto;
    width: 100%
  }
}

.gallery__video:hover .video__icon {
  display: none
}

.gallery__video:hover .video__icon--hover {
  display: block
}

.gallery__video .video__icon {
  bottom: 0;
  height: 60px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0
}

.gallery__video .video__icon--hover {
  display: none
}

.gallery__video .container {
  margin: auto
}

.gallery__video .video__base {
  margin: 0
}

.gallery__thumbnails-container {
  padding: 20px 0 30px
}

@media (min-width: 1024px) {
  .gallery__thumbnails-container {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    padding: 0 20px 0 0
  }
}

.gallery__thumbnails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media (min-width: 1024px) {
  .gallery__thumbnails {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.gallery__thumbnail {
  height: 37px;
  width: 37px;
  border: 1px solid #565555;
  cursor: pointer;
  margin-bottom: 10px
}

@media (min-width: 640px) {
  .gallery__thumbnail {
    height: 60px;
    width: 60px
  }
}

.gallery__thumbnail+.gallery__thumbnail {
  margin-left: 10px
}

@media (min-width: 1024px) {
  .gallery__thumbnail+.gallery__thumbnail {
    margin-left: 0
  }
}

.gallery__thumbnail:hover,
.gallery__thumbnail.tns-nav-active {
  border: 2px solid #e20f0f
}

.gallery__thumbnail:not(.hasFocus) {
  outline: none
}

.gallery__thumbnail-image {
  width: 100%;
  display: block
}

.gallery__zoomInfo {
  font-size: 15px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  color: #565555;
  display: none;
  padding-top: 20px;
  text-align: center
}

body.fontsReady .gallery__zoomInfo {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .gallery__zoomInfo {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px
  }

  body.fontsReady .gallery__zoomInfo {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .gallery__zoomInfo {
    display: block;
    -ms-flex-preferred-size: calc(100% - 80px);
    flex-basis: calc(100% - 80px);
    margin-left: auto;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-right: 30px
  }
}

@media (min-width: 1280px) {
  .gallery__zoomInfo {
    -ms-flex-preferred-size: calc(100% - 100px);
    flex-basis: calc(100% - 100px)
  }
}

.gallery__zoomInfo.isHidden {
  display: none
}

.gallery__zoom-container {
  position: relative;
  cursor: pointer
}

.hero__background {
  height: 286px;
  background: rgba(0, 0, 0, 0);
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  position: relative
}

@media (min-width: 640px) {
  .hero__background {
    height: 229px
  }
}

@media (min-width: 768px) {
  .hero__background {
    height: 366px
  }
}

@media (min-width: 1024px) {
  .hero__background {
    height: 458px
  }
}

@media (min-width: 1280px) {
  .hero__background {
    height: 600px
  }
}

.hero__container--no-image .hero__background {
  height: 220px
}

@media (min-width: 640px) {
  .hero__container--no-image .hero__background {
    height: 300px
  }
}

@media (min-width: 1024px) {
  .hero__container--no-image .hero__background {
    height: 370px
  }
}

.hero__container {
  position: relative
}

.hero__base {
  padding-top: 0
}

@media (min-width: 640px) {
  .hero__base {
    padding-top: 39px
  }
}

@media (min-width: 768px) {
  .hero__base {
    padding-top: 30px
  }
}

@media (min-width: 1024px) {
  .hero__base {
    padding-top: 58px
  }
}

@media (min-width: 1280px) {
  .hero__base {
    padding-top: 69px
  }
}

.hero__container--no-image .hero__base {
  padding-top: 0
}

.hero__row {
  zoom: 1;
  margin-left: -8px;
  margin-right: -8px;
  width: 100%
}

.hero__row::before,
.hero__row::after {
  content: '';
  display: block;
  height: 0;
  overflow: hidden
}

.hero__row::after {
  clear: both
}

@media (min-width: 768px) {
  .hero__row {
    margin-left: -10px;
    margin-right: -10px
  }
}

.hero__container--no-image .heroWrapper {
  position: absolute;
  top: 0;
  width: 100%
}

.hero__wrapper {
  position: absolute;
  top: 50px;
  width: 100%
}

@media (min-width: 1024px) {
  .hero__wrapper {
    top: 70px
  }
}

.hero__title {
  line-height: 32px;
  color: #e20f0f
}

.hero__title.fancy-title {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.hero__title.fancy-title--h1 {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .86px
}

body.fontsReady .hero__title.fancy-title--h1 {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .hero__title.fancy-title--h1 {
    font-size: 60px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1.29px
  }

  body.fontsReady .hero__title.fancy-title--h1 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .hero__title.fancy-title--h1 {
    font-size: 90px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.93px
  }

  body.fontsReady .hero__title.fancy-title--h1 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.hero__title.fancy-title--h1 .fancy-title__letter--small {
  font-size: 35px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .67px
}

body.fontsReady .hero__title.fancy-title--h1 .fancy-title__letter--small {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .hero__title.fancy-title--h1 .fancy-title__letter--small {
    font-size: 50px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1px
  }

  body.fontsReady .hero__title.fancy-title--h1 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .hero__title.fancy-title--h1 .fancy-title__letter--small {
    font-size: 80px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.5px
  }

  body.fontsReady .hero__title.fancy-title--h1 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.hero__title.fancy-title--h1 .fancy-title__letter--big {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .86px
}

body.fontsReady .hero__title.fancy-title--h1 .fancy-title__letter--big {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .hero__title.fancy-title--h1 .fancy-title__letter--big {
    font-size: 60px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1.29px
  }

  body.fontsReady .hero__title.fancy-title--h1 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .hero__title.fancy-title--h1 .fancy-title__letter--big {
    font-size: 90px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.93px
  }

  body.fontsReady .hero__title.fancy-title--h1 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.hero__title.fancy-title--h2 {
  font-size: 31px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .hero__title.fancy-title--h2 {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .hero__title.fancy-title--h2 {
    font-size: 65px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .hero__title.fancy-title--h2 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .hero__title.fancy-title--h2 {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .hero__title.fancy-title--h2 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.hero__title.fancy-title--h2 .fancy-title__letter--small {
  font-size: 27px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .hero__title.fancy-title--h2 .fancy-title__letter--small {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .hero__title.fancy-title--h2 .fancy-title__letter--small {
    font-size: 55px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .hero__title.fancy-title--h2 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .hero__title.fancy-title--h2 .fancy-title__letter--small {
    font-size: 90px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .hero__title.fancy-title--h2 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.hero__title.fancy-title--h2 .fancy-title__letter--big {
  font-size: 31px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .hero__title.fancy-title--h2 .fancy-title__letter--big {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .hero__title.fancy-title--h2 .fancy-title__letter--big {
    font-size: 65px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .hero__title.fancy-title--h2 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .hero__title.fancy-title--h2 .fancy-title__letter--big {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .hero__title.fancy-title--h2 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.hero__title.fancy-title .fancy-title__span {
  display: inline-block;
  text-align: center;
  max-width: 100%
}

.hero__title.fancy-title .fancy-title__span:nth-child(2) {
  padding-left: 7px
}

@media (min-width: 640px) {
  .hero__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 13px
  }
}

@media (min-width: 768px) {
  .hero__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 16px
  }
}

@media (min-width: 1024px) {
  .hero__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 20px
  }
}

.hero__title.fancy-title .fancy-title__letter--big,
.hero__title.fancy-title .fancy-title__letter--small {
  font-style: normal
}

.hero__title.fancy-title .fancy-title__span {
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 12px 35px 0 rgba(50, 50, 93, 0.1), rgba(50, 50, 93, 0.06) 0 2px 6px 0;
  box-shadow: 0 12px 35px 0 rgba(50, 50, 93, 0.1), rgba(50, 50, 93, 0.06) 0 2px 6px 0;
  position: relative;
  z-index: 6
}

.hero__title.fancy-title .fancy-title__span:nth-child(1) {
  z-index: 5
}

.hero__title.fancy-title .fancy-title__span:nth-child(2) {
  z-index: 4
}

.hero__title.fancy-title .fancy-title__span:nth-child(3) {
  z-index: 3
}

.hero__title.fancy-title--h1 .fancy-title__span {
  padding: 13px 10px 7px
}

@media (min-width: 640px) {
  .hero__title.fancy-title--h1 .fancy-title__span {
    padding: 20px 15px 12px
  }
}

@media (min-width: 1024px) {
  .hero__title.fancy-title--h1 .fancy-title__span {
    padding: 14px 20px 8px
  }
}

.hero__title.fancy-title--h1 .fancy-title__span:nth-child(1) {
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg)
}

.hero__title.fancy-title--h1 .fancy-title__span:nth-child(2) {
  margin-left: 32px;
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg)
}

.hero__title.fancy-title--h2 .fancy-title__span {
  margin: 0 0 5px;
  padding: 6px 5px 0
}

@media (min-width: 640px) {
  .hero__title.fancy-title--h2 .fancy-title__span {
    margin: 0 0 10px
  }
}

@media (min-width: 768px) {
  .hero__title.fancy-title--h2 .fancy-title__span {
    padding: 10px 15px 0
  }
}

@media (min-width: 1024px) {
  .hero__title.fancy-title--h2 .fancy-title__span {
    padding: 10px 20px 8px
  }
}

.hero__title.fancy-title--h2 .fancy-title__span:nth-child(1) {
  -webkit-transform: rotate(1deg);
  transform: rotate(1deg)
}

.hero__title.fancy-title--h2 .fancy-title__span:nth-child(2) {
  margin-left: 60px;
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg)
}

@media (min-width: 640px) {
  .hero__title {
    line-height: 44px
  }
}

@media (min-width: 1024px) {
  .hero__title {
    line-height: 57px
  }
}

.hero__content {
  width: 83.33333%;
  float: left;
  padding-left: 8px;
  padding-right: 8px;
  margin-left: 8px
}

@media (min-width: 640px) {
  .hero__content {
    width: 66.66667%;
    float: left;
    padding-left: 8px;
    padding-right: 8px
  }
}

@media (min-width: 768px) {
  .hero__content {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.documents__container {
  margin: 0 20px
}

@media (min-width: 640px) {
  .documents__container {
    margin: 0 16.66667%
  }
}

@media (min-width: 768px) {
  .documents__container {
    margin: 0 8.33333%
  }
}

.documents__wrapper {
  padding-bottom: 100px
}

@media (min-width: 640px) {
  .documents__wrapper {
    padding-bottom: 120px
  }
}

@media (min-width: 1280px) {
  .documents__wrapper {
    padding-bottom: 50px
  }
}

.documents__title {
  padding: 70px 20px 0;
  position: relative;
  z-index: 1
}

.documents__title.fancy-title {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.documents__title.fancy-title--h1 {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .86px
}

body.fontsReady .documents__title.fancy-title--h1 {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .documents__title.fancy-title--h1 {
    font-size: 60px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1.29px
  }

  body.fontsReady .documents__title.fancy-title--h1 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .documents__title.fancy-title--h1 {
    font-size: 90px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.93px
  }

  body.fontsReady .documents__title.fancy-title--h1 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.documents__title.fancy-title--h1 .fancy-title__letter--small {
  font-size: 35px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .67px
}

body.fontsReady .documents__title.fancy-title--h1 .fancy-title__letter--small {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .documents__title.fancy-title--h1 .fancy-title__letter--small {
    font-size: 50px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1px
  }

  body.fontsReady .documents__title.fancy-title--h1 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .documents__title.fancy-title--h1 .fancy-title__letter--small {
    font-size: 80px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.5px
  }

  body.fontsReady .documents__title.fancy-title--h1 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.documents__title.fancy-title--h1 .fancy-title__letter--big {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .86px
}

body.fontsReady .documents__title.fancy-title--h1 .fancy-title__letter--big {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .documents__title.fancy-title--h1 .fancy-title__letter--big {
    font-size: 60px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1.29px
  }

  body.fontsReady .documents__title.fancy-title--h1 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .documents__title.fancy-title--h1 .fancy-title__letter--big {
    font-size: 90px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.93px
  }

  body.fontsReady .documents__title.fancy-title--h1 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.documents__title.fancy-title--h2 {
  font-size: 31px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .documents__title.fancy-title--h2 {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .documents__title.fancy-title--h2 {
    font-size: 65px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .documents__title.fancy-title--h2 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .documents__title.fancy-title--h2 {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .documents__title.fancy-title--h2 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.documents__title.fancy-title--h2 .fancy-title__letter--small {
  font-size: 27px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .documents__title.fancy-title--h2 .fancy-title__letter--small {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .documents__title.fancy-title--h2 .fancy-title__letter--small {
    font-size: 55px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .documents__title.fancy-title--h2 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .documents__title.fancy-title--h2 .fancy-title__letter--small {
    font-size: 90px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .documents__title.fancy-title--h2 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.documents__title.fancy-title--h2 .fancy-title__letter--big {
  font-size: 31px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .documents__title.fancy-title--h2 .fancy-title__letter--big {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .documents__title.fancy-title--h2 .fancy-title__letter--big {
    font-size: 65px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .documents__title.fancy-title--h2 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .documents__title.fancy-title--h2 .fancy-title__letter--big {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .documents__title.fancy-title--h2 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.documents__title.fancy-title .fancy-title__span {
  display: inline-block;
  text-align: center;
  max-width: 100%
}

.documents__title.fancy-title .fancy-title__span:nth-child(2) {
  padding-left: 7px
}

@media (min-width: 640px) {
  .documents__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 13px
  }
}

@media (min-width: 768px) {
  .documents__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 16px
  }
}

@media (min-width: 1024px) {
  .documents__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 20px
  }
}

.documents__title.fancy-title .fancy-title__letter--big,
.documents__title.fancy-title .fancy-title__letter--small {
  font-style: normal
}

@media (min-width: 640px) {
  .documents__title {
    padding-top: 150px
  }
}

@media (min-width: 1024px) {
  .documents__title {
    padding-top: 170px
  }
}

@media (min-width: 1280px) {

  .documents__title,
  .documents__wrapper {
    margin: 0 10%;
    width: 80%
  }
}

.documents__collection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  margin-top: 40px
}

@media (min-width: 640px) {
  .documents__collection {
    zoom: 1;
    margin-left: -8px;
    margin-right: -8px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .documents__collection::before,
  .documents__collection::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden
  }

  .documents__collection::after {
    clear: both
  }
}

@media (min-width: 640px) and (min-width: 768px) {
  .documents__collection {
    margin-left: -10px;
    margin-right: -10px
  }
}

.documents__frame {
  height: calc(100% - 100px);
  width: calc(100% - 40px);
  position: absolute
}

@media (min-width: 1280px) {
  .documents__frame {
    width: 83.33333%
  }
}

.documents__frame--xxsmall {
  display: block
}

@media (min-width: 640px) {
  .documents__frame--xxsmall {
    display: none
  }
}

.documents__frame--xsmall {
  display: none
}

@media (min-width: 640px) {
  .documents__frame--xsmall {
    display: block
  }
}

@media (min-width: 1024px) {
  .documents__frame--xsmall {
    display: none
  }
}

.documents__frame--medium {
  display: none
}

@media (min-width: 1024px) {
  .documents__frame--medium {
    display: block
  }
}

@media (min-width: 1280px) {
  .documents__frame--medium {
    display: none
  }
}

.documents__frame--large {
  display: none
}

@media (min-width: 1280px) {
  .documents__frame--large {
    display: block
  }
}

.product__base {
  padding-bottom: 100px
}

.product__base section:last-child {
  padding-bottom: 50px
}

.product__title-container {
  padding: 0
}

@media (min-width: 1024px) {
  .product__title-container {
    height: 100%;
    position: relative
  }
}

.product__wrapper {
  margin-top: -55px;
  margin-bottom: 30px;
  padding-top: 17px;
  background-image: url("assets/product-wrap-box-xxs.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  position: relative;
  z-index: 0
}

@media (min-width: 640px) {
  .product__wrapper {
    margin-top: -100px
  }
}

@media (min-width: 1024px) {
  .product__wrapper {
    max-width: 944px;
    width: 944px
  }
}

@media (min-width: 1280px) {
  .product__wrapper {
    margin-top: -85px;
    max-width: 1200px;
    width: 1200px
  }
}

@media (min-width: 640px) {
  .product__wrapper {
    background-image: url("assets/product-wrap-box-xs.png")
  }
}

@media (min-width: 768px) {
  .product__wrapper {
    background-image: url("assets/product-wrap-box-s.png")
  }
}

@media (min-width: 1024px) {
  .product__wrapper {
    background-image: url("assets/product-wrap-box-m.png")
  }
}

@media (min-width: 1280px) {
  .product__wrapper {
    background-image: url("assets/product-wrap-box-l.png")
  }
}

@media (min-width: 1024px) {
  .product__wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    min-height: 1px
  }
}

.product__row {
  zoom: 1;
  margin-left: -8px;
  margin-right: -8px
}

.product__row::before,
.product__row::after {
  content: '';
  display: block;
  height: 0;
  overflow: hidden
}

.product__row::after {
  clear: both
}

@media (min-width: 768px) {
  .product__row {
    margin-left: -10px;
    margin-right: -10px
  }
}

@media (min-width: 1024px) {
  .product__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.product__wrapperBox {
  padding: 100px 0 80px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 100%
}

@media (min-width: 768px) {
  .product__wrapperBox {
    padding: 100px 60px 80px
  }
}

@media (min-width: 1280px) {
  .product__wrapperBox {
    padding-top: 125px
  }
}

.product__details {
  zoom: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  max-width: 100%;
  overflow: hidden;
  padding-bottom: 20px;
  padding-top: 60px;
  position: relative;
  z-index: 1
}

.product__details::before,
.product__details::after {
  content: '';
  display: block;
  height: 0;
  overflow: hidden
}

.product__details::after {
  clear: both
}

@media (min-width: 1024px) {
  .product__details {
    padding-top: 112px
  }

  .product__details--withoutImage .product__description,
  .product__details--withoutImage .product__cta,
  .product__details--withoutImage .product__titleWrapper {
    width: 100%
  }
}

.product__details--withGallery .image__renditions:not(.video__cover) {
  position: relative
}

.product__details--withGallery .product__gallery {
  height: 250px;
  width: 250px;
  margin: 0 auto;
  overflow: hidden;
  position: relative
}

@media (min-width: 640px) {
  .product__details--withGallery .product__gallery {
    height: 506px;
    width: 506px
  }
}

@media (min-width: 768px) {
  .product__details--withGallery .product__gallery {
    height: 480px;
    width: 480px
  }
}

@media (min-width: 1024px) {
  .product__details--withGallery .product__gallery {
    height: auto;
    margin: 0;
    width: 100%
  }
}

@media (min-width: 1024px) {
  .product__details--withGallery .product__gallery {
    -ms-flex-preferred-size: calc(100% - 80px);
    flex-basis: calc(100% - 80px);
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    overflow: visible
  }
}

@media (min-width: 1280px) {
  .product__details--withGallery .product__gallery {
    -ms-flex-preferred-size: calc(100% - 100px);
    flex-basis: calc(100% - 100px)
  }
}

.product__details--withGallery--hideThumbnails .product__img {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.product__details--withGallery--hideThumbnails .product__gallery,
.product__details--withGallery--hideThumbnails .gallery__zoomInfo {
  -ms-flex-preferred-size: calc(100% - 20px);
  flex-basis: calc(100% - 20px)
}

.product__details--withGallery--hideThumbnails .product__galleryThumbnails {
  display: none
}

.product__images-container {
  width: 100%;
  float: left;
  padding-left: 8px;
  padding-right: 8px
}

@media (min-width: 640px) {
  .product__images-container {
    padding-left: 4.16667%;
    padding-right: 4.16667%
  }
}

@media (min-width: 768px) {
  .product__images-container {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media (min-width: 1024px) {
  .product__images-container {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding: 0 0 0 40px
  }
}

@media (min-width: 1280px) {
  .product__images-container {
    padding: 0 0 0 65px
  }
}

@media (min-width: 1024px) {
  .product__details--withGallery .product__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap
  }
}

.product__benefitsList ul,
.product__benefitsList ol,
.product__descriptionText ul,
.product__descriptionText ol {
  color: #000;
  list-style: none;
  margin-top: 20px;
  padding: 0
}

.product__benefitsList ul>li,
.product__benefitsList ol>li,
.product__descriptionText ul>li,
.product__descriptionText ol>li {
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative
}

.product__benefitsList ul>li::before,
.product__benefitsList ol>li::before,
.product__descriptionText ul>li::before,
.product__descriptionText ol>li::before {
  background-color: #000;
  border-radius: 50%;
  content: '';
  display: block;
  height: 5px;
  width: 5px;
  left: 0;
  position: absolute;
  top: 14px
}

.product__benefits {
  font-size: 19px;
  font-family: Arial, sans-serif;
  line-height: 29px;
  padding: 50px 0 30px;
  color: #000;
  width: 83.33333%
}

body.fontsReady .product__benefits {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .product__benefits {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 31px
  }

  body.fontsReady .product__benefits {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .product__benefits {
    padding: 50px 0 40px
  }
}

@media (min-width: 1280px) {
  .product__benefits {
    padding: 50px 0 50px
  }
}

.product__benefitsTitle {
  font-size: 33px;
  font-family: Arial, sans-serif;
  line-height: 41px;
  text-transform: uppercase;
  outline: none
}

body.fontsReady .product__benefitsTitle {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .product__benefitsTitle {
    font-size: 37px;
    font-family: Arial, sans-serif;
    line-height: 50px
  }

  body.fontsReady .product__benefitsTitle {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.product__benefitsList {
  margin-top: 30px
}

.product__benefitsList :first-child b {
  font-size: 33px;
  font-family: Arial, sans-serif;
  line-height: 41px;
  text-transform: uppercase;
  color: #e20f0f
}

body.fontsReady .product__benefitsList :first-child b {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .product__benefitsList :first-child b {
    font-size: 37px;
    font-family: Arial, sans-serif;
    line-height: 50px
  }

  body.fontsReady .product__benefitsList :first-child b {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.product__description {
  width: 100%;
  float: left;
  padding-left: 8px;
  padding-right: 8px;
  padding: 0 20px 30px 20px
}

@media (min-width: 640px) {
  .product__description {
    padding: 0 40px 40px 40px
  }
}

@media (min-width: 768px) {
  .product__description {
    padding: 0 calc(8.33333% - 10px) 50px calc(8.33333% - 10px)
  }
}

@media (min-width: 1280px) {
  .product__description {
    padding: 0 60px 50px 10px
  }
}

@media (min-width: 768px) {
  .product__description {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media (min-width: 1024px) {
  .product__description {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-left: 4.16667%;
    padding-right: 4.16667%
  }
}

@media (min-width: 1280px) {
  .product__description {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media print {
  .product__description {
    width: 100%
  }
}

.product__descriptionText,
.product__featureText {
  color: #000
}

@media print {

  .product__descriptionText,
  .product__featureText {
    font-size: 0
  }

  .product__descriptionText::after,
  .product__featureText::after {
    content: attr(data-original-html);
    display: block;
    font-size: 16px;
    margin-top: -40px
  }
}

.product__descriptionText {
  font-size: 19px;
  font-family: Arial, sans-serif;
  line-height: 29px
}

body.fontsReady .product__descriptionText {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .product__descriptionText {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 31px
  }

  body.fontsReady .product__descriptionText {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

.product__featureText {
  font-size: 19px;
  font-family: Arial, sans-serif;
  line-height: 29px
}

body.fontsReady .product__featureText {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .product__featureText {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 31px
  }

  body.fontsReady .product__featureText {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.product__descriptionTitle {
  color: #e20f0f;
  outline: none
}

.product__descriptionTitle.fancy-title {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.product__descriptionTitle.fancy-title--h1 {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .86px
}

body.fontsReady .product__descriptionTitle.fancy-title--h1 {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .product__descriptionTitle.fancy-title--h1 {
    font-size: 60px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1.29px
  }

  body.fontsReady .product__descriptionTitle.fancy-title--h1 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .product__descriptionTitle.fancy-title--h1 {
    font-size: 90px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.93px
  }

  body.fontsReady .product__descriptionTitle.fancy-title--h1 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.product__descriptionTitle.fancy-title--h1 .fancy-title__letter--small {
  font-size: 35px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .67px
}

body.fontsReady .product__descriptionTitle.fancy-title--h1 .fancy-title__letter--small {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .product__descriptionTitle.fancy-title--h1 .fancy-title__letter--small {
    font-size: 50px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1px
  }

  body.fontsReady .product__descriptionTitle.fancy-title--h1 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .product__descriptionTitle.fancy-title--h1 .fancy-title__letter--small {
    font-size: 80px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.5px
  }

  body.fontsReady .product__descriptionTitle.fancy-title--h1 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.product__descriptionTitle.fancy-title--h1 .fancy-title__letter--big {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .86px
}

body.fontsReady .product__descriptionTitle.fancy-title--h1 .fancy-title__letter--big {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .product__descriptionTitle.fancy-title--h1 .fancy-title__letter--big {
    font-size: 60px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1.29px
  }

  body.fontsReady .product__descriptionTitle.fancy-title--h1 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .product__descriptionTitle.fancy-title--h1 .fancy-title__letter--big {
    font-size: 90px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.93px
  }

  body.fontsReady .product__descriptionTitle.fancy-title--h1 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.product__descriptionTitle.fancy-title--h2 {
  font-size: 31px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .product__descriptionTitle.fancy-title--h2 {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .product__descriptionTitle.fancy-title--h2 {
    font-size: 65px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .product__descriptionTitle.fancy-title--h2 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .product__descriptionTitle.fancy-title--h2 {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .product__descriptionTitle.fancy-title--h2 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.product__descriptionTitle.fancy-title--h2 .fancy-title__letter--small {
  font-size: 27px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .product__descriptionTitle.fancy-title--h2 .fancy-title__letter--small {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .product__descriptionTitle.fancy-title--h2 .fancy-title__letter--small {
    font-size: 55px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .product__descriptionTitle.fancy-title--h2 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .product__descriptionTitle.fancy-title--h2 .fancy-title__letter--small {
    font-size: 90px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .product__descriptionTitle.fancy-title--h2 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.product__descriptionTitle.fancy-title--h2 .fancy-title__letter--big {
  font-size: 31px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .product__descriptionTitle.fancy-title--h2 .fancy-title__letter--big {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .product__descriptionTitle.fancy-title--h2 .fancy-title__letter--big {
    font-size: 65px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .product__descriptionTitle.fancy-title--h2 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .product__descriptionTitle.fancy-title--h2 .fancy-title__letter--big {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .product__descriptionTitle.fancy-title--h2 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.product__descriptionTitle.fancy-title .fancy-title__span {
  display: inline-block;
  text-align: center;
  max-width: 100%
}

.product__descriptionTitle.fancy-title .fancy-title__span:nth-child(2) {
  padding-left: 7px
}

@media (min-width: 640px) {
  .product__descriptionTitle.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 13px
  }
}

@media (min-width: 768px) {
  .product__descriptionTitle.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 16px
  }
}

@media (min-width: 1024px) {
  .product__descriptionTitle.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 20px
  }
}

.product__descriptionTitle.fancy-title .fancy-title__letter--big,
.product__descriptionTitle.fancy-title .fancy-title__letter--small {
  font-style: normal
}

.product__descriptionTitle.fancy-title .fancy-title__span {
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 12px 35px 0 rgba(50, 50, 93, 0.1), rgba(50, 50, 93, 0.06) 0 2px 6px 0;
  box-shadow: 0 12px 35px 0 rgba(50, 50, 93, 0.1), rgba(50, 50, 93, 0.06) 0 2px 6px 0;
  position: relative;
  z-index: 6
}

.product__descriptionTitle.fancy-title .fancy-title__span:nth-child(1) {
  z-index: 5
}

.product__descriptionTitle.fancy-title .fancy-title__span:nth-child(2) {
  z-index: 4
}

.product__descriptionTitle.fancy-title .fancy-title__span:nth-child(3) {
  z-index: 3
}

.product__descriptionTitle.fancy-title--h1 .fancy-title__span {
  padding: 13px 10px 7px
}

@media (min-width: 640px) {
  .product__descriptionTitle.fancy-title--h1 .fancy-title__span {
    padding: 20px 15px 12px
  }
}

@media (min-width: 1024px) {
  .product__descriptionTitle.fancy-title--h1 .fancy-title__span {
    padding: 14px 20px 8px
  }
}

.product__descriptionTitle.fancy-title--h1 .fancy-title__span:nth-child(1) {
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg)
}

.product__descriptionTitle.fancy-title--h1 .fancy-title__span:nth-child(2) {
  margin-left: 32px;
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg)
}

.product__descriptionTitle.fancy-title--h2 .fancy-title__span {
  margin: 0 0 5px;
  padding: 6px 5px 0
}

@media (min-width: 640px) {
  .product__descriptionTitle.fancy-title--h2 .fancy-title__span {
    margin: 0 0 10px
  }
}

@media (min-width: 768px) {
  .product__descriptionTitle.fancy-title--h2 .fancy-title__span {
    padding: 10px 15px 0
  }
}

@media (min-width: 1024px) {
  .product__descriptionTitle.fancy-title--h2 .fancy-title__span {
    padding: 10px 20px 8px
  }
}

.product__descriptionTitle.fancy-title--h2 .fancy-title__span:nth-child(1) {
  -webkit-transform: rotate(1deg);
  transform: rotate(1deg)
}

.product__descriptionTitle.fancy-title--h2 .fancy-title__span:nth-child(2) {
  margin-left: 60px;
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg)
}

@media (min-width: 1024px) {
  .product__descriptionTitle {
    width: 50%
  }
}

@media (min-width: 1280px) {
  .product__descriptionTitle {
    width: 41.66667%
  }
}

.product__featureText {
  padding-bottom: 10px
}

.product__zoomresult {
  height: 0;
  left: 50%;
  padding: calc(50% - 50px) 0 0;
  right: 0;
  top: 75px;
  width: calc(50% - 50px);
  background: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: 3px 3px 3px rgba(204, 204, 204, 0.25);
  box-shadow: 3px 3px 3px rgba(204, 204, 204, 0.25);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  pointer-events: none;
  position: absolute
}

@media (min-width: 1024px) {
  .product__zoomresult {
    margin-left: 4.16667%
  }
}

@media (min-width: 1280px) {
  .product__zoomresult {
    margin-left: 10px
  }
}

.product__zoomlens {
  height: 130px;
  width: 130px;
  background: #e20f0f;
  opacity: 0.4;
  pointer-events: none;
  position: absolute
}

@media (min-width: 1280px) {
  .product__zoomlens {
    height: 180px;
    width: 180px
  }
}

.product__documentsWrapper,
.product__documents,
.product__externalLinks,
.product__video {
  margin: 0 auto;
  padding: 0 20px;
  width: 100%
}

@media (min-width: 640px) {

  .product__documentsWrapper,
  .product__documents,
  .product__externalLinks,
  .product__video {
    padding: 0 40px
  }
}

@media (min-width: 768px) {

  .product__documentsWrapper,
  .product__documents,
  .product__externalLinks,
  .product__video {
    padding: 0 60px
  }
}

@media (min-width: 1024px) {

  .product__documentsWrapper,
  .product__documents,
  .product__externalLinks,
  .product__video {
    max-width: 944px;
    padding: 0 50px;
    width: 944px
  }
}

@media (min-width: 1280px) {

  .product__documentsWrapper,
  .product__documents,
  .product__externalLinks,
  .product__video {
    max-width: 1200px;
    width: 1200px
  }
}

.product__documents {
  max-width: 100%;
  overflow: hidden;
  padding: 50px 20px;
  position: relative
}

@media (min-width: 1024px) {
  .product__documents {
    padding: 50px 0
  }
}

.product__details+.product__documents {
  margin-top: -95px;
  padding-top: 0
}

@media (min-width: 640px) {
  .product__details+.product__documents {
    margin-top: -120px
  }
}

@media (min-width: 1024px) {
  .product__details+.product__documents {
    margin-top: -110px
  }
}

.product__section {
  font-size: 31px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px;
  color: #e3032b;
  outline: none;
  padding-bottom: 20px;
  text-align: center
}

body.fontsReady .product__section {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .product__section {
    font-size: 65px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .product__section {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .product__section {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .product__section {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.product__imgtag {
  width: 100%
}

.product__parsys {
  margin-bottom: 80px;
  margin-top: 80px
}

.product__features {
  z-index: 1
}

.product__features .product__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.product__icons-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 5px;
  width: 100%
}

.product__icon-item {
  height: 82px;
  padding: 5px
}

.product__icon-item img {
  height: 100%
}

.additionaldocuments__linkBox {
  width: 100%;
  float: left;
  padding-left: 8px;
  padding-right: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  position: relative;
  -webkit-transition: -webkit-transform 0.15s linear;
  transition: -webkit-transform 0.15s linear;
  transition: transform 0.15s linear;
  transition: transform 0.15s linear, -webkit-transform 0.15s linear
}

@media (min-width: 768px) {
  .additionaldocuments__linkBox {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media (min-width: 1280px) {
  .additionaldocuments__linkBox {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.additionaldocuments__linkBox:hover {
  -webkit-transform: scale(0.96);
  transform: scale(0.96)
}

.additionaldocuments__link {
  min-height: 260px;
  width: 100%;
  padding: 75px 40px 60px 45px;
  background-image: url("assets/product-download-button-red.png");
  background-size: 102% 100%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: left;
  -ms-flex-align: left;
  align-items: left;
  -webkit-transition: background-image 0.15s linear, color 0.15s linear;
  transition: background-image 0.15s linear, color 0.15s linear
}

@media (min-width: 640px) {
  .additionaldocuments__link {
    min-height: 245px;
    padding: 75px 40px 60px 90px
  }
}

@media (min-width: 768px) {
  .additionaldocuments__link {
    min-height: 260px;
    padding: 90px 35px 60px 45px
  }
}

@media (min-width: 1024px) {
  .additionaldocuments__link {
    min-height: 221px;
    padding: 45px 40px 50px 105px
  }
}

.additionaldocuments__link:hover {
  background-image: url("assets/product-download-button-white.png");
  color: #e3032b
}

.additionaldocuments__description {
  font-size: 23px;
  font-family: Arial, sans-serif;
  line-height: 31px;
  pointer-events: none;
  position: relative;
  width: 100%;
  word-break: break-word
}

body.fontsReady .additionaldocuments__description {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .additionaldocuments__description {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px
  }

  body.fontsReady .additionaldocuments__description {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

@media (min-width: 640px) {
  .additionaldocuments__description {
    text-align: left
  }
}

.additionaldocuments__text {
  display: none
}

.additionaldocuments__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media (min-width: 640px) {
  .additionaldocuments__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    width: 100%;
    text-align: left
  }
}

.additionaldocuments__filetype {
  display: none
}

.additionaldocuments__button {
  font-size: 19px;
  font-family: Arial, sans-serif;
  line-height: 29px;
  padding-bottom: 0;
  margin-top: 15px
}

body.fontsReady .additionaldocuments__button {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .additionaldocuments__button {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 31px
  }

  body.fontsReady .additionaldocuments__button {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

@media (min-width: 640px) {
  .additionaldocuments__button {
    margin-bottom: 8px
  }
}

.additionaldocuments__icon {
  left: 20px;
  top: 10px;
  padding: 14px;
  width: 55px;
  height: 55px;
  position: absolute;
  -webkit-box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.1);
  background-image: radial-gradient(circle at 44% 22%, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.06) 175%), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background-image: radial-gradient(circle at 44% 22%, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.06) 175%), linear-gradient(to bottom, #fff, #fff);
  border-radius: 100%;
  stroke: #e3032b;
  color: #e3032b;
  stroke-width: 1px;
  -webkit-transition: background-image 0.15s linear, background-color 0.15s linear, stroke 0.15s linear, color 0.15s linear;
  transition: background-image 0.15s linear, background-color 0.15s linear, stroke 0.15s linear, color 0.15s linear
}

@media (min-width: 640px) {
  .additionaldocuments__icon {
    left: 20px;
    top: 10px;
    padding: 17px;
    width: 65px;
    height: 65px
  }
}

@media (min-width: 1024px) {
  .additionaldocuments__icon {
    left: 20px;
    top: 10px;
    padding: 22px;
    width: 83px;
    height: 83px
  }
}

.additionaldocuments__link:hover .additionaldocuments__icon {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e3032b), to(#e3032b));
  background-image: linear-gradient(to bottom, #e3032b, #e3032b);
  stroke: #fff;
  color: #fff
}

@-webkit-keyframes nodeAdded {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes nodeAdded {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.safetydatasheets__base {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 1;
  grid-row: 1
}

.safetydatasheets__box {
  font-size: 33px;
  font-family: Arial, sans-serif;
  line-height: 41px;
  text-transform: uppercase;
  background-color: var(--c-platinum-grey-200);
  margin: 0 15px 15px 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: nodeAdded;
  animation-name: nodeAdded;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%;
  text-decoration: none;
  min-height: 175px
}

body.fontsReady .safetydatasheets__box {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .safetydatasheets__box {
    font-size: 37px;
    font-family: Arial, sans-serif;
    line-height: 50px
  }

  body.fontsReady .safetydatasheets__box {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .safetydatasheets__box {
    width: calc(50% - 15px);
    height: auto;
    background-color: var(--c-platinum-grey-200)
  }
}

@media (min-width: 1024px) {
  .safetydatasheets__box--selected {
    width: 100%
  }
}

.safetydatasheets__box:hover {
  text-decoration: none
}

.safetydatasheets__boxesWrapper {
  padding-left: 15px
}

@media (min-width: 1024px) {
  .safetydatasheets__boxesWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.safetydatasheets__boxHeader {
  margin: 15px 0
}

.safetydatasheets__boxHeader,
.safetydatasheets__boxBody {
  width: 100%
}

.safetydatasheets__boxBody {
  -ms-flex-item-align: end;
  align-self: flex-end
}

.safetydatasheets__elementBottom {
  width: 100%;
  position: relative;
  display: block;
  padding: 7px 0;
  border-top: 1px solid var(--c-white)
}

.safetydatasheets__specSingle {
  -webkit-transition: background-color .5s, border-color .5s, color .5s;
  transition: background-color .5s, border-color .5s, color .5s
}

.safetydatasheets__specSingle:hover {
  cursor: pointer;
  background-color: var(--c-silver-chalice-grey-300)
}

html.darkmode .safetydatasheets__specSingle:hover {
  background-color: #1b2022
}

.safetydatasheets__segment {
  border: 1px solid var(--c-silver-chalice-grey-300);
  width: 100%;
  height: auto;
  margin: 0 auto
}

@media (min-width: 768px) {
  .safetydatasheets__segment {
    width: 80%
  }
}

@media (min-width: 1024px) {
  .safetydatasheets__segment {
    width: 100%
  }
}

.safetydatasheets__title {
  font-size: 35px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px;
  display: inline-block;
  color: var(--c-black)
}

body.fontsReady .safetydatasheets__title {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .safetydatasheets__title {
    font-size: 70px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 100px
  }

  body.fontsReady .safetydatasheets__title {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .safetydatasheets__title {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .safetydatasheets__title {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .safetydatasheets__title {
    display: block
  }
}

.safetydatasheets__sizesWrap {
  position: relative;
  overflow: hidden
}

@media (min-width: 768px) {
  .safetydatasheets__sizesWrap {
    overflow: visible;
    padding-left: 0;
    margin-left: 0
  }
}

.safetydatasheets__languageBox {
  margin: 20px 15px;
  color: var(--c-black)
}

.safetydatasheets__hideCards {
  margin: 0 15px 20px
}

.safetydatasheets__noneFound {
  margin: 0 15px 15px
}

.safetydatasheets__spec {
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-weight: 700;
  line-height: 18px;
  color: var(--c-black);
  pointer-events: none;
  padding: 0 15px
}

body.fontsReady .safetydatasheets__spec {
  font-family: "MiloWebPro", Arial, sans-serif
}

.safetydatasheets__spec:last-child {
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 18px
}

body.fontsReady .safetydatasheets__spec:last-child {
  font-family: "MiloWebPro", Arial, sans-serif
}

.safetydatasheets__specArrow {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%)
}

.safetydatasheets__specMultiple {
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-weight: 700;
  line-height: 18px
}

body.fontsReady .safetydatasheets__specMultiple {
  font-family: "MiloWebPro", Arial, sans-serif
}

.safetydatasheets__specMultiple:last-child {
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 18px
}

body.fontsReady .safetydatasheets__specMultiple:last-child {
  font-family: "MiloWebPro", Arial, sans-serif
}

.safetydatasheets__specMultiple .safetydatasheets__specTitle {
  padding: 0 15px;
  color: var(--c-black)
}

.safetydatasheets__specTitle {
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-weight: 700;
  line-height: 18px;
  color: var(--c-celadon-blue);
  pointer-events: none;
  max-width: 90%
}

body.fontsReady .safetydatasheets__specTitle {
  font-family: "MiloWebPro", Arial, sans-serif
}

.safetydatasheets__specText {
  position: relative
}

.safetydatasheets__specIcon {
  color: var(--c-celadon-blue);
  height: 30px;
  width: 30px
}

.safetydatasheets__size {
  pointer-events: none
}

.technicaldatasheets__linkBox {
  width: 100%;
  float: left;
  padding-left: 8px;
  padding-right: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  position: relative;
  -webkit-transition: -webkit-transform 0.15s linear;
  transition: -webkit-transform 0.15s linear;
  transition: transform 0.15s linear;
  transition: transform 0.15s linear, -webkit-transform 0.15s linear
}

@media (min-width: 768px) {
  .technicaldatasheets__linkBox {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media (min-width: 1280px) {
  .technicaldatasheets__linkBox {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.technicaldatasheets__linkBox:hover {
  -webkit-transform: scale(0.96);
  transform: scale(0.96)
}

.technicaldatasheets__base {
  min-height: 260px;
  width: 100%;
  padding: 75px 40px 60px 45px;
  background-image: url("assets/product-download-button-red.png");
  background-size: 102% 100%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: left;
  -ms-flex-align: left;
  align-items: left;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear
}

@media (min-width: 640px) {
  .technicaldatasheets__base {
    min-height: 245px;
    padding: 75px 40px 60px 90px
  }
}

@media (min-width: 768px) {
  .technicaldatasheets__base {
    min-height: 260px;
    padding: 90px 35px 60px 45px
  }
}

@media (min-width: 1024px) {
  .technicaldatasheets__base {
    min-height: 221px;
    padding: 45px 40px 50px 105px
  }
}

.technicaldatasheets__base:hover {
  background-image: url("assets/product-download-button-white.png");
  color: #e3032b
}

@media (min-width: 640px) {
  .technicaldatasheets__header {
    text-align: left
  }
}

.technicaldatasheets__title {
  display: none
}

.technicaldatasheets__name {
  font-size: 23px;
  font-family: Arial, sans-serif;
  line-height: 31px;
  padding-right: 50px;
  pointer-events: none;
  position: relative;
  text-align: left;
  width: 100%;
  word-break: break-word
}

body.fontsReady .technicaldatasheets__name {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .technicaldatasheets__name {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px
  }

  body.fontsReady .technicaldatasheets__name {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

@media (min-width: 640px) {
  .technicaldatasheets__name {
    padding: 0;
    text-align: left
  }
}

.technicaldatasheets__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media (min-width: 640px) {
  .technicaldatasheets__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    width: 100%;
    text-align: left
  }
}

.technicaldatasheets__downloadIcon {
  left: 20px;
  top: 10px;
  padding: 14px;
  width: 55px;
  height: 55px;
  position: absolute;
  -webkit-box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.1);
  background-image: radial-gradient(circle at 44% 22%, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.06) 175%), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background-image: radial-gradient(circle at 44% 22%, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.06) 175%), linear-gradient(to bottom, #fff, #fff);
  border-radius: 100%;
  stroke: #e3032b;
  color: #e3032b;
  stroke-width: 1px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear
}

@media (min-width: 640px) {
  .technicaldatasheets__downloadIcon {
    left: 20px;
    top: 10px;
    padding: 17px;
    width: 65px;
    height: 65px
  }
}

@media (min-width: 1024px) {
  .technicaldatasheets__downloadIcon {
    left: 20px;
    top: 10px;
    padding: 22px;
    width: 83px;
    height: 83px
  }
}

.technicaldatasheets__base:hover .technicaldatasheets__downloadIcon {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e3032b), to(#e3032b));
  background-image: linear-gradient(to bottom, #e3032b, #e3032b);
  stroke: #fff;
  color: #fff
}

.technicaldatasheets__label {
  font-size: 19px;
  font-family: Arial, sans-serif;
  line-height: 29px;
  padding-bottom: 0;
  margin-top: 15px
}

body.fontsReady .technicaldatasheets__label {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .technicaldatasheets__label {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 31px
  }

  body.fontsReady .technicaldatasheets__label {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

@media (min-width: 640px) {
  .technicaldatasheets__label {
    margin-bottom: 8px
  }
}

.buynow__options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 40px
}

@media (min-width: 768px) {
  .buynow__options {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }
}

.buynow__product {
  border: 1px solid var(--c-platinum-grey-200);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
  width: 100%
}

@media (min-width: 768px) {
  .buynow__product {
    width: 65%
  }
}

.buynow__product .image__renditions {
  margin-right: 10px;
  width: auto
}

.buynow__productImage {
  max-height: 80px
}

@media (min-width: 768px) {
  .buynow__productImage {
    max-height: 140px
  }
}

.buynow__productTitle {
  font-size: 23px;
  font-family: Arial, sans-serif;
  line-height: 31px;
  margin-bottom: 10px
}

body.fontsReady .buynow__productTitle {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .buynow__productTitle {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px
  }

  body.fontsReady .buynow__productTitle {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.buynow__productText {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 10px
}

body.fontsReady .buynow__productText {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 768px) {
  .buynow__productText {
    font-size: 18px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 24px
  }

  body.fontsReady .buynow__productText {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

.buynow__buyonline {
  margin-bottom: 20px
}

.buynow__subtitle {
  font-size: 33px;
  font-family: Arial, sans-serif;
  line-height: 41px;
  text-transform: uppercase;
  margin-bottom: 20px;
  text-align: center
}

body.fontsReady .buynow__subtitle {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .buynow__subtitle {
    font-size: 37px;
    font-family: Arial, sans-serif;
    line-height: 50px
  }

  body.fontsReady .buynow__subtitle {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.buynow__resultsBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%
}

.buynow__item {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%
}

@media (min-width: 768px) {
  .buynow__item {
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
    margin-bottom: 2%
  }
}

.buynow__itemWrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border: 1px solid var(--c-platinum-grey-200);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 15px;
  padding: 15px
}

.buynow__itemLogo {
  max-height: 50px;
  max-width: 50%
}

.buynow__itemText {
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 20px;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  margin-top: 10px
}

body.fontsReady .buynow__itemText {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1280px) {
  .buynow__itemText {
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 22px
  }

  body.fontsReady .buynow__itemText {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

.buynow__buynearby {
  text-align: center
}

.buynow__buynearbyText {
  margin-bottom: 20px
}

.buyonline__base {
  margin-bottom: 20px;
  color: #000
}

.buyonline__base .tns-nav {
  margin-top: 15px;
  text-align: center
}

.buyonline__base .tns-nav button {
  background-color: #fff;
  border-radius: 0;
  border: 1px solid #000;
  height: 17px;
  margin: 0 5px;
  -webkit-transition: 0.2s border-color, 0.2s background-color;
  transition: 0.2s border-color, 0.2s background-color;
  width: 17px
}

.buyonline__base .tns-nav button.tns-nav-active,
.buyonline__base .tns-nav button:hover {
  background-color: #000;
  border-color: #000
}

.buyonline__top {
  padding: 60px 10px 20px;
  background-color: #fff;
  border-bottom: 0 solid rgba(0, 0, 0, 0)
}

@media (min-width: 640px) {
  .buyonline__top {
    padding: 60px 10px 20px
  }
}

.buyonline__product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px
}

.buyonline__img {
  width: 25%;
  padding-right: 10px
}

.buyonline__img img {
  width: 100%
}

.buyonline__variants {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.buyonline__productTitle {
  font-size: 21px;
  font-family: Arial, sans-serif;
  line-height: 31px;
  margin-bottom: 30px
}

body.fontsReady .buyonline__productTitle {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .buyonline__productTitle {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 32px
  }

  body.fontsReady .buyonline__productTitle {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.buyonline__productvariants {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.buyonline__productvariant-btn {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 24px;
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
  cursor: pointer;
  padding: 10px 20px;
  margin-right: 10px;
  margin-bottom: 10px
}

body.fontsReady .buyonline__productvariant-btn {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 768px) {
  .buyonline__productvariant-btn {
    font-size: 18px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 24px
  }

  body.fontsReady .buyonline__productvariant-btn {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

.buyonline__productvariant-btn.isSelected,
.buyonline__productvariant-btn:hover {
  background-color: #fff;
  color: #5f6973;
  border: 1px solid #5f6973
}

.buyonline__resultsBox {
  margin-top: 30px;
  padding: 0 15px
}

@media (min-width: 640px) {
  .buyonline__resultsBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 60px 30px;
    width: 100%
  }
}

@media (min-width: 640px) {
  .buyonline__item {
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%;
    margin: 0 0 2%
  }
}

.buyonline__itemWrapper {
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
  margin: 30px
}

@media (min-width: 640px) {
  .buyonline__itemWrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0
  }
}

.buyonline__itemLogo {
  display: block;
  width: 100%
}

.buyonline__link {
  overflow: hidden;
  position: relative
}

.buyonline__label {
  background-color: #000;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 10px 10px 15px;
  position: relative;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (min-width: 768px) {
  .buyonline__label {
    bottom: -100%;
    position: absolute;
    -webkit-transition: 0.3s bottom;
    transition: 0.3s bottom;
    z-index: 1
  }
}

@media (min-width: 768px) {
  .buyonline__link:hover .buyonline__label {
    bottom: 0
  }
}

.buyonline__label-text {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 24px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

body.fontsReady .buyonline__label-text {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 768px) {
  .buyonline__label-text {
    font-size: 18px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 24px
  }

  body.fontsReady .buyonline__label-text {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

.buyonline__label-icon {
  color: #fff;
  height: 15px;
  width: 15px
}

.buyonline__empty {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 24px
}

body.fontsReady .buyonline__empty {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 768px) {
  .buyonline__empty {
    font-size: 18px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 24px
  }

  body.fontsReady .buyonline__empty {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

.buyonline__empty a {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 24px;
  color: #000;
  -webkit-transition: background-color .235s ease-in;
  transition: background-color .235s ease-in;
  text-decoration: underline
}

body.fontsReady .buyonline__empty a {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 768px) {
  .buyonline__empty a {
    font-size: 18px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 24px
  }

  body.fontsReady .buyonline__empty a {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

.buyonline__empty a:hover {
  background-color: rgba(0, 0, 0, 0)
}

.howto {
  margin-bottom: 60px
}

.howto__list {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.howto__title {
  font-size: 33px;
  font-family: Arial, sans-serif;
  line-height: 41px;
  text-transform: uppercase;
  margin-bottom: 20px;
  text-align: center
}

body.fontsReady .howto__title {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .howto__title {
    font-size: 37px;
    font-family: Arial, sans-serif;
    line-height: 50px
  }

  body.fontsReady .howto__title {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.howto__video {
  margin: 0 auto 65px;
  max-width: 1200px
}

.howto__item {
  padding: 20px 10px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%
}

@media (min-width: 1024px) {
  .howto__item {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    padding: 15px
  }
}

@media (min-width: 1024px) {

  .howto__item.howto__item--mediaright,
  .howto__item.howto__item--medialeft {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-top: 10px
  }
}

.howto__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 100%;
  background: #313a3d
}

.howto__item--mediaright>.howto__container {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

@media (min-width: 1024px) {
  .howto__item--mediaright>.howto__container {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }
}

@media (min-width: 1024px) {
  .howto__item--medialeft>.howto__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
}

.howto__content {
  padding: 30px;
  margin-bottom: 20px;
  max-width: 95%
}

@media (min-width: 1024px) {
  .howto__content {
    width: 35%
  }
}

.howto__item--mediaright .howto__content {
  -ms-flex-item-align: start;
  align-self: flex-start
}

.howto__content-title,
.howto__content-text {
  color: #fff
}

html.darkmode .howto__content-title,
html.darkmode .howto__content-text {
  color: #e0e0e0
}

.howto__content-title::after,
.howto__content-text::after {
  background-color: #fff
}

html.darkmode .howto__content-title::after,
html.darkmode .howto__content-text::after {
  background-color: #e0e0e0
}

.howto__content-title {
  font-size: 23px;
  font-family: Arial, sans-serif;
  line-height: 31px;
  margin-bottom: 15px;
  padding-bottom: 8px;
  position: relative
}

body.fontsReady .howto__content-title {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .howto__content-title {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px
  }

  body.fontsReady .howto__content-title {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.howto__content-title::after {
  bottom: 0;
  content: '';
  height: 2px;
  left: 0;
  position: absolute;
  width: 65px
}

.howto__content-text {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 24px
}

body.fontsReady .howto__content-text {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 768px) {
  .howto__content-text {
    font-size: 18px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 24px
  }

  body.fontsReady .howto__content-text {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

.howto__media {
  position: relative;
  top: -20px;
  -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
  width: 90%;
  margin-bottom: -15px;
  background-color: var(--c-platinum-grey-200)
}

@media (min-width: 1024px) {
  .howto__media {
    width: 65%;
    margin-bottom: 20px
  }
}

@media (min-width: 1024px) {
  .howto__item--mediaright .howto__media {
    right: -20px
  }
}

@media (min-width: 1024px) {
  .howto__item--medialeft .howto__media {
    left: -20px
  }
}

.howto__media .image__img {
  width: 100%;
  vertical-align: top
}

.howto__media .video__base,
.howto__media .video__player {
  margin-bottom: 0
}

.campaign {
  margin-bottom: 60px
}

.campaign__item {
  background-color: var(--c-platinum-grey-200);
  margin: 0 auto 40px
}

@media (min-width: 1024px) {
  .campaign__item {
    max-width: 944px
  }
}

@media (min-width: 1280px) {
  .campaign__item {
    max-width: 1200px
  }
}

.campaign__item--video {
  background: linear-gradient(transparent 20px, var(--c-platinum-grey-200) 0)
}

@media (min-width: 768px) {
  .campaign__item--video {
    background: linear-gradient(transparent 40px, var(--c-platinum-grey-200) 0)
  }
}

.campaign__item.campaign__withVideoAndVideo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.campaign__text {
  margin: 0 auto;
  max-width: 800px;
  padding: 20px;
  text-align: center
}

@media (min-width: 768px) {
  .campaign__text {
    padding: 40px
  }
}

.campaign__withVideoAndVideo .campaign__text {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0
}

.campaign__title {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 25px
}

body.fontsReady .campaign__title {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .campaign__title {
    font-size: 60px;
    font-family: Arial, sans-serif;
    line-height: 50px
  }

  body.fontsReady .campaign__title {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .campaign__title {
    font-size: 70px;
    font-family: Arial, sans-serif;
    line-height: 100px
  }

  body.fontsReady .campaign__title {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.campaign__description {
  font-size: 20px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 26px;
  margin-top: 20px
}

body.fontsReady .campaign__description {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 768px) {
  .campaign__description {
    font-size: 24px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 30px
  }

  body.fontsReady .campaign__description {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

.campaign .video__wrapper {
  padding: 0 20px
}

@media (min-width: 768px) {
  .campaign .video__wrapper {
    padding: 0 40px
  }
}

.campaign__withVideoAndVideo .campaign__image,
.campaign__withVideoAndVideo .video__wrapper {
  margin-bottom: 20px
}

@media (min-width: 768px) {

  .campaign__withVideoAndVideo .campaign__image,
  .campaign__withVideoAndVideo .video__wrapper {
    margin-bottom: 40px
  }
}

.campaign__withVideoAndVideo .campaign__image {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  padding: 0 20px
}

@media (min-width: 768px) {
  .campaign__withVideoAndVideo .campaign__image {
    padding: 0 40px
  }
}

.campaign__withVideoAndVideo .video__wrapper,
.campaign__withVideoAndVideo .cookienote__placeholderRoot {
  top: 0;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

@media (min-width: 768px) {

  .campaign__withVideoAndVideo .video__wrapper,
  .campaign__withVideoAndVideo .cookienote__placeholderRoot {
    top: 0
  }
}

.campaign .image__img {
  width: 100%;
  vertical-align: top
}

.campaign .video__base,
.campaign .video__player {
  margin-bottom: 0
}

.relatedteaser {
  background-color: var(--c-white);
  border: 1px solid var(--c-silver-chalice-grey-300);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

html.darkmode .relatedteaser {
  background-color: rgba(0, 0, 0, 0)
}

.relatedteaser__base {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 20px;
  pointer-events: none;
  position: relative;
  width: 100%;
  word-break: break-word
}

.relatedteaser__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  width: 100%
}

.relatedteaser__link:hover {
  -webkit-box-shadow: 0 0 10px 0 rgba(var(--c-black-rgb), 0.4);
  box-shadow: 0 0 10px 0 rgba(var(--c-black-rgb), 0.4)
}

.relatedteaser__link:hover .relatedteaser__title {
  color: var(--c-maximum-red);
  text-decoration: underline
}

html.darkmode .relatedteaser__link:hover {
  -webkit-box-shadow: none;
  box-shadow: none
}

.relatedteaser__title {
  font-size: 21px;
  font-family: Arial, sans-serif;
  line-height: 31px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 93px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--c-black);
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-bottom: 10px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s
}

body.fontsReady .relatedteaser__title {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .relatedteaser__title {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 32px
  }

  body.fontsReady .relatedteaser__title {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .relatedteaser__title {
    max-height: 96px
  }
}

:lang(th) .relatedteaser__title {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 99px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 7px
}

@media (min-width: 1024px) {
  :lang(th) .relatedteaser__title {
    max-height: 102px
  }
}

.relatedteaser__figureBottom {
  overflow: hidden
}

.relatedteaser__figureLeftImg {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  .relatedteaser__figureLeftImg {
    height: auto
  }
}

.related__header,
.related__content-inner {
  margin: 0 auto;
  padding: 0 10px
}

@media (min-width: 1024px) {

  .related__header,
  .related__content-inner {
    max-width: 944px;
    padding: 0
  }
}

@media (min-width: 1280px) {

  .related__header,
  .related__content-inner {
    max-width: 1200px
  }
}

.related__header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 100%
}

.product__similar .related__header {
  cursor: default
}

.related__header-icon {
  height: 50px;
  -webkit-transition: -webkit-transform .235s;
  transition: -webkit-transform .235s;
  transition: transform .235s;
  transition: transform .235s, -webkit-transform .235s;
  width: 50px
}

.related__base--is-open .related__header-icon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.related__content {
  display: none;
  height: 0;
  min-height: 0;
  overflow: hidden;
  padding-bottom: 40px;
  position: relative;
  -webkit-transition: min-height 500ms ease-out;
  transition: min-height 500ms ease-out
}

.related__wrapper {
  padding-bottom: 40px
}

.related__wrapper:last-child {
  padding-bottom: 0
}

.related__title,
.related__subtitle,
.related__header-icon {
  color: var(--c-black)
}

.product__similar .related__title,
.product__similar .related__subtitle,
.product__similar .related__header-icon {
  color: var(--c-white)
}

html.darkmode .product__similar .related__title,
html.darkmode .product__similar .related__subtitle,
html.darkmode .product__similar .related__header-icon {
  color: #e0e0e0
}

.related__title {
  font-size: 35px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .related__title {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .related__title {
    font-size: 70px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 100px
  }

  body.fontsReady .related__title {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .related__title {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .related__title {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.related__subtitle {
  font-size: 33px;
  font-family: Arial, sans-serif;
  line-height: 41px;
  text-transform: uppercase;
  outline: none;
  padding-bottom: 20px
}

body.fontsReady .related__subtitle {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .related__subtitle {
    font-size: 37px;
    font-family: Arial, sans-serif;
    line-height: 50px
  }

  body.fontsReady .related__subtitle {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.related__container {
  position: relative
}

.related__slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0
}

.tns-horizontal.tns-subpixel>.related__item.tns-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.related__pagination {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%
}

.related__pagination-icon {
  height: 40px;
  width: 40px
}

.related__button-previous,
.related__button-next {
  background-color: var(--c-celadon-blue);
  border: 1px solid transparent;
  color: var(--c-white);
  cursor: pointer;
  left: -10px;
  position: absolute;
  top: calc(50% - 40px / 2)
}

.related__button-previous:hover,
.related__button-next:hover {
  background-color: var(--c-white);
  border-color: var(--c-celadon-blue);
  color: var(--c-celadon-blue)
}

.related__button-next {
  left: auto;
  right: -10px
}

.searchresults__mainTitle,
.searchresults__globaltitle {
  display: none
}

.searchresults__base {
  margin-bottom: 40px;
  overflow-anchor: none;
  padding: 40px 0 10px;
  position: relative
}

.searchresults__base .pagination__link .heli__svg-icon {
  color: #000
}

.searchresults__row {
  zoom: 1;
  margin-left: -8px;
  margin-right: -8px
}

.searchresults__row::before,
.searchresults__row::after {
  content: '';
  display: block;
  height: 0;
  overflow: hidden
}

.searchresults__row::after {
  clear: both
}

@media (min-width: 768px) {
  .searchresults__row {
    margin-left: -10px;
    margin-right: -10px
  }
}

.searchresults__content {
  width: 100%;
  float: left;
  padding-left: 8px;
  padding-right: 8px;
  margin-top: 40px
}

@media (min-width: 768px) {
  .searchresults__content {
    width: 83.33333%;
    float: left;
    margin-left: 8.33333%;
    margin-right: -100%;
    padding-left: 10px;
    padding-right: 10px;
    float: none
  }
}

@media (min-width: 1024px) {
  .searchresults__content {
    display: block;
    margin-left: calc(8.33333% + 16px);
    width: calc(83.33333% - 32px)
  }
}

@media (min-width: 1280px) {
  .searchresults__content {
    float: none;
    margin-left: calc(16.66667% + 14px);
    width: calc(66.66667% - 28px)
  }
}

.searchresults__categoryproduct-cta {
  margin: 25px 0 0
}

@media (min-width: 768px) {
  .searchresults__categoryproduct-cta {
    margin: auto 0 0
  }
}

.searchresults__categoryproduct-cta .button {
  font-size: 15px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 10px;
  padding: 0 10px 0 0;
  text-transform: none;
  -webkit-transform: none;
  transform: none
}

body.fontsReady .searchresults__categoryproduct-cta .button {
  font-family: "FuturaMedium", Arial, sans-serif
}

@media (min-width: 1024px) {
  .searchresults__categoryproduct-cta .button {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px
  }

  body.fontsReady .searchresults__categoryproduct-cta .button {
    font-family: "FuturaMedium", Arial, sans-serif
  }
}

.searchresults__categoryproduct-cta .button:hover {
  color: #e3032b
}

.searchresults__categoryproduct-cta .button::before,
.searchresults__categoryproduct-cta .button::after {
  content: none
}

.searchresults__categoryproduct-cta .button .heli__svg-icons {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0
}

.searchresults__box,
.searchresults__subheader,
.searchresults__input,
.searchresults__facets {
  margin: 0 auto 30px
}

.searchresults__input {
  margin-bottom: 24px
}

.searchresults__subheader {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0
}

.searchresults__facetedTags {
  display: none
}

@media (min-width: 1024px) {
  .searchresults__facetedTags {
    display: block
  }
}

.searchresults__facetedIcon {
  height: 20px;
  margin-left: 5px;
  width: 20px
}

.searchresults__filterApplied {
  margin-left: 5px
}

.searchresults__facetedBtn {
  display: none
}

.searchresults__solrBoxWrapper:focus {
  outline: none
}

.searchresults__box {
  width: 100%;
  border-width: 0 0 5px;
  border-style: solid;
  border-color: #232023;
  padding-bottom: 40px
}

.searchresults__text,
.searchresults__categoryproductInfoItem {
  font-size: 15px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  color: #232023;
  margin: 0
}

body.fontsReady .searchresults__text,
body.fontsReady .searchresults__categoryproductInfoItem {
  font-family: "FuturaMedium", Arial, sans-serif
}

@media (min-width: 1024px) {

  .searchresults__text,
  .searchresults__categoryproductInfoItem {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px
  }

  body.fontsReady .searchresults__text,
  body.fontsReady .searchresults__categoryproductInfoItem {
    font-family: "FuturaMedium", Arial, sans-serif
  }
}

.searchresults__text strong,
.searchresults__categoryproductInfoItem strong {
  font-size: 15px;
  font-family: Arial, sans-serif;
  line-height: 25px
}

body.fontsReady .searchresults__text strong,
body.fontsReady .searchresults__categoryproductInfoItem strong {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {

  .searchresults__text strong,
  .searchresults__categoryproductInfoItem strong {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px
  }

  body.fontsReady .searchresults__text strong,
  body.fontsReady .searchresults__categoryproductInfoItem strong {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

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

.searchresults__title {
  margin: 20px 0 10px
}

.searchresults__categoryproductTitle {
  margin-bottom: 10px
}

.searchresults__title,
.searchresults__categoryproductTitle {
  font-size: 21px;
  font-family: Arial, sans-serif;
  line-height: 31px;
  color: #232023;
  display: inline-block
}

body.fontsReady .searchresults__title,
body.fontsReady .searchresults__categoryproductTitle {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {

  .searchresults__title,
  .searchresults__categoryproductTitle {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 32px
  }

  body.fontsReady .searchresults__title,
  body.fontsReady .searchresults__categoryproductTitle {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.searchresults__title:hover,
.searchresults__categoryproductTitle:hover {
  color: #e3032b
}

.searchresults__properties {
  color: #838383
}

.searchresults__fileType {
  text-transform: uppercase
}

.searchresults__subtitle,
.searchresults__searchInTds {
  font-size: 15px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  color: #838383
}

body.fontsReady .searchresults__subtitle,
body.fontsReady .searchresults__searchInTds {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {

  .searchresults__subtitle,
  .searchresults__searchInTds {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px
  }

  body.fontsReady .searchresults__subtitle,
  body.fontsReady .searchresults__searchInTds {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

.searchresults__searchInTds {
  margin: 3px 0
}

.searchresults__searchInTdsLink {
  font-size: 15px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  color: #838383;
  text-decoration: underline
}

body.fontsReady .searchresults__searchInTdsLink {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .searchresults__searchInTdsLink {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px
  }

  body.fontsReady .searchresults__searchInTdsLink {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

.searchresults__searchInTdsLink:hover {
  color: #e3032b
}

.searchresults__head {
  display: block;
  text-decoration: none
}

.searchresults__head:hover {
  text-decoration: none
}

.searchresults__head--sds {
  margin-bottom: 5px
}

.searchresults__ctaWrap {
  margin: 10px 0
}

.searchresults__ctaWrap .button {
  margin-bottom: 0;
  vertical-align: middle
}

.searchresults__compareCheckbox {
  display: none
}

.searchresults__total {
  font-size: 15px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  color: #232023;
  margin-bottom: 0
}

body.fontsReady .searchresults__total {
  font-family: "FuturaMedium", Arial, sans-serif
}

@media (min-width: 1024px) {
  .searchresults__total {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px
  }

  body.fontsReady .searchresults__total {
    font-family: "FuturaMedium", Arial, sans-serif
  }
}

.searchresults__total--isBottom {
  max-width: none;
  text-align: center;
  width: auto
}

.searchresults__noFoundTitle,
.searchresults__errorTitle {
  font-size: 15px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  color: #232023;
  margin: 40px auto
}

body.fontsReady .searchresults__noFoundTitle,
body.fontsReady .searchresults__errorTitle {
  font-family: "FuturaMedium", Arial, sans-serif
}

@media (min-width: 1024px) {

  .searchresults__noFoundTitle,
  .searchresults__errorTitle {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px
  }

  body.fontsReady .searchresults__noFoundTitle,
  body.fontsReady .searchresults__errorTitle {
    font-family: "FuturaMedium", Arial, sans-serif
  }
}

.searchresults__noFoundTitle .button,
.searchresults__errorTitle .button {
  margin: 0
}

.searchresults__noFoundMsj {
  margin-bottom: 10px
}

.searchresults__facets {
  margin-bottom: 0;
  position: relative
}

.searchresults__facets .searchresults__facetsWrapper {
  cursor: -webkit-grab;
  cursor: grab;
  overflow: hidden;
  padding: 15px 0
}

@media (min-width: 640px) {
  .searchresults__facets .searchresults__facetsWrapper {
    cursor: default
  }
}

.searchresults__facets .searchresults__facetsWrapper.right-shadow::after,
.searchresults__facets .searchresults__facetsWrapper.left-shadow::before {
  content: '';
  height: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 60px
}

.searchresults__facets .searchresults__facetsWrapper.right-shadow::after {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.2)), to(#fff));
  background: linear-gradient(to right, rgba(255, 255, 255, 0.2) 0%, #fff 100%);
  right: 0
}

.searchresults__facets .searchresults__facetsWrapper.left-shadow::before {
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.2)), to(#fff));
  background: linear-gradient(to left, rgba(255, 255, 255, 0.2) 0%, #fff 100%);
  left: 0
}

.searchresults__facets .searchresults__facetsList {
  display: inline-block;
  white-space: nowrap
}

.searchresults__facets .searchresults__facetsItem,
.searchresults__facets .searchresults__facetsItemLink {
  display: inline-block
}

.searchresults__facets .searchresults__facetsItemLink {
  font-size: 21px;
  font-family: Arial, sans-serif;
  line-height: 31px;
  color: #232023;
  margin-left: 1px;
  margin-right: 30px
}

body.fontsReady .searchresults__facets .searchresults__facetsItemLink {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .searchresults__facets .searchresults__facetsItemLink {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 32px
  }

  body.fontsReady .searchresults__facets .searchresults__facetsItemLink {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.searchresults__facets .searchresults__facetsItemLink-isActive,
.searchresults__facets .searchresults__facetsItemLink:hover {
  color: #e3032b
}

.searchresults__link {
  font-size: 15px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  color: #232023;
  overflow: hidden;
  text-decoration: underline;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all
}

body.fontsReady .searchresults__link {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .searchresults__link {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px
  }

  body.fontsReady .searchresults__link {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

.searchresults__link:hover {
  color: #e3032b
}

.searchresults--isHidden {
  display: none
}

.searchresults__categoryproduct {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.searchresults__categoryproductInfo {
  font-size: 15px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  width: 70%
}

body.fontsReady .searchresults__categoryproductInfo {
  font-family: "FuturaMedium", Arial, sans-serif
}

@media (min-width: 1024px) {
  .searchresults__categoryproductInfo {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px
  }

  body.fontsReady .searchresults__categoryproductInfo {
    font-family: "FuturaMedium", Arial, sans-serif
  }
}

.searchresults__categoryproductInfoItem {
  display: block;
  margin-bottom: 3px
}

.searchresults__categoryproductRemainingSizes {
  color: #838383
}

.searchresults__categoryproductImage {
  padding-left: 10px;
  width: 30%
}

.searchresults__categoryproductImage .image__img {
  width: 100%
}

.searchfield__base {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: relative
}

.parsys-container .searchfield__base {
  margin-bottom: 32px
}

.searchfield__form {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  position: relative
}

.searchfield__input {
  font-size: 15px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--c-white);
  border-radius: 0;
  border: 1px solid var(--c-platinum-grey-200);
  color: var(--c-black-coral-grey-500);
  height: 40px;
  padding: 0 60px 0 12px;
  width: 100%
}

body.fontsReady .searchfield__input {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .searchfield__input {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px
  }

  body.fontsReady .searchfield__input {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .searchfield__input {
    padding: 0 100px 0 10px;
    display: block
  }
}

.searchfield__suggesterWrapper {
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  background-color: var(--c-white);
  z-index: 1
}

@media (min-width: 768px) {
  .searchfield__suggesterWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }
}

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

.searchfield__searchBtn,
.searchfield__collapseIcon,
.searchfield__clearBtn {
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  position: absolute;
  top: 50%;
  padding: 7px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%)
}

.searchfield__searchBtn {
  -webkit-transition: background-color .5s, border-color .5s, color .5s;
  transition: background-color .5s, border-color .5s, color .5s;
  background-color: #000;
  color: var(--c-white);
  cursor: pointer;
  right: 0
}

.searchfield__searchBtn:hover {
  background-color: var(--c-maximum-red)
}

.searchfield__clearBtn {
  color: #000;
  width: 30px;
  height: 30px;
  cursor: pointer;
  display: none;
  right: 40px
}

.searchfield__clearBtn:hover {
  color: var(--c-maximum-red)
}

@media (min-width: 1024px) {
  .searchfield__clearBtn {
    right: 40px
  }
}

.searchfield__clearBtn-isVisible {
  display: block
}

.searchfield__collapseIcon {
  display: none
}

.searchfield-isFocus {
  -webkit-box-shadow: var(--c-silver-chalice-grey-300) 3px 2px 61px 0;
  box-shadow: var(--c-silver-chalice-grey-300) 3px 2px 61px 0
}

.searchfield--noCollapseBtn .searchfield__closeSearch,
.searchfield--noCollapseBtn .searchfield__collapseIcon {
  display: none
}

.searchfield--noCollapseBtn .searchfield__input {
  padding: 0 90px 0 10px
}

.searchfield__closeBtn {
  display: none
}

.sidebarmodal__overlay {
  background: rgba(0, 0, 0, 0.3);
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 35
}

.sidebarmodal__wrapper {
  background: #fff;
  position: absolute;
  right: 0;
  height: 100vh;
  width: 100%;
  max-width: 980px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-animation: slideIn 0.4s forwards;
  animation: slideIn 0.4s forwards
}

.sidebarmodal__wrapper--small {
  max-width: 540px
}

.isHidden .sidebarmodal__wrapper {
  -webkit-transform: translateX(100%);
  transform: translateX(100%)
}

.sidebarmodal__close {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  color: #000;
  border-radius: 50%;
  padding: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.sidebarmodal__icon {
  width: 16px;
  height: 16px
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
  }
}

@keyframes slideIn {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
  }
}

.skiplinks__base {
  position: relative;
  z-index: 30
}

.skiplinks__text,
.skiplinks__icon {
  display: inline-block;
  vertical-align: middle
}

.skiplinks__link {
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-weight: 700;
  line-height: 18px;
  background-color: var(--c-maximum-red);
  color: var(--c-white);
  height: 29px;
  left: -9999px;
  padding: 5px 10px 5px 5px;
  position: absolute;
  top: 0
}

body.fontsReady .skiplinks__link {
  font-family: "MiloWebPro", Arial, sans-serif
}

.skiplinks__link.hasFocus {
  left: 0
}

.skiplinks__icon {
  height: 20px;
  width: 20px
}

.skiplinks__text {
  margin-top: 2px
}

.stage__base.stage__simple {
  margin-bottom: 60px;
  padding-bottom: 80px;
  padding-top: 35px;
  background-color: #fff;
  overflow: hidden;
  position: relative;
  z-index: 0
}

@media (min-width: 768px) {
  .stage__base.stage__simple {
    margin-bottom: 70px
  }
}

@media (min-width: 1024px) {
  .stage__base.stage__simple {
    margin-bottom: 80px
  }
}

.stage__base.stage__general {
  margin-bottom: 60px;
  position: relative
}

@media (min-width: 768px) {
  .stage__base.stage__general {
    margin-bottom: 70px
  }
}

@media (min-width: 1024px) {
  .stage__base.stage__general {
    margin-bottom: 80px
  }
}

.stage__base.stage__general::after {
  background-image: url("assets/stage-frame-default.png");
  content: '';
  background-repeat: no-repeat;
  background-position: bottom -2px center;
  background-size: contain;
  bottom: 0;
  display: inline-block;
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%
}

@media (min-width: 768px) {
  .stage__base.stage__general::after {
    background-image: url("assets/stage-frame-small.png")
  }
}

@media (min-width: 1024px) {
  .stage__base.stage__general::after {
    background-image: url("assets/stage-frame-medium.png")
  }
}

.stage__background-video {
  height: calc(150vw - 90px);
  min-height: 484px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}

@media (min-width: 640px) {
  .stage__background-video {
    height: 400px;
    min-height: auto
  }
}

@media (min-width: 768px) {
  .stage__background-video {
    height: 365px
  }
}

@media (min-width: 1024px) {
  .stage__background-video {
    height: 480px
  }
}

@media (min-width: 1280px) {
  .stage__background-video {
    height: 600px
  }
}

@media (min-width: 1680px) {
  .stage__background-video {
    height: 0;
    padding-top: 36%
  }
}

.stage__general .stage__image {
  height: calc(150vw - 90px);
  min-height: 484px;
  width: 100%;
  background-color: #bdbdbd;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  position: relative
}

@media (min-width: 640px) {
  .stage__general .stage__image {
    height: 400px;
    min-height: auto
  }
}

@media (min-width: 768px) {
  .stage__general .stage__image {
    height: 365px
  }
}

@media (min-width: 1024px) {
  .stage__general .stage__image {
    height: 480px
  }
}

@media (min-width: 1280px) {
  .stage__general .stage__image {
    height: 600px
  }
}

@media (min-width: 1680px) {
  .stage__general .stage__image {
    height: 0;
    padding-top: 36%
  }
}

.stage__general .stage__content-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  right: 0;
  width: 100%;
  z-index: 1
}

.stage__general .stage__content-wrapper.container {
  padding: 0
}

.stage__simple .stage__textRow,
.stage__simple .stage__row {
  float: left;
  width: 83.33333%
}

@media (min-width: 768px) {

  .stage__simple .stage__textRow,
  .stage__simple .stage__row {
    width: 50%
  }
}

.stage__general .stage__content {
  max-width: 83.33333%;
  position: relative
}

@media (min-width: 640px) {
  .stage__general .stage__content {
    max-width: 66.66667%
  }
}

@media (min-width: 768px) {
  .stage__general .stage__content {
    max-width: 50%
  }
}

.stage__simple .stage__heading {
  margin-top: 47px
}

@media (min-width: 640px) {
  .stage__simple .stage__heading {
    margin-top: 60px
  }
}

@media (min-width: 768px) {
  .stage__simple .stage__heading {
    margin-top: 42px
  }
}

@media (min-width: 1024px) {
  .stage__simple .stage__heading {
    margin-top: 61px
  }
}

@media (min-width: 1280px) {
  .stage__simple .stage__heading {
    margin-top: 81px
  }
}

.stage__general .stage__heading {
  margin-top: 71px;
  width: 100%
}

@media (min-width: 640px) {
  .stage__general .stage__heading {
    margin-top: 60px
  }
}

@media (min-width: 1024px) {
  .stage__general .stage__heading {
    margin-top: 77px
  }
}

@media (min-width: 1280px) {
  .stage__general .stage__heading {
    margin-top: 108px
  }
}

.stage__title {
  color: #e3032b
}

.stage__simple .stage__title {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .86px;
  margin-bottom: 28px
}

body.fontsReady .stage__simple .stage__title {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .stage__simple .stage__title {
    font-size: 60px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1.29px
  }

  body.fontsReady .stage__simple .stage__title {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .stage__simple .stage__title {
    font-size: 90px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.93px
  }

  body.fontsReady .stage__simple .stage__title {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 768px) {
  .stage__simple .stage__title {
    margin-bottom: 35px
  }
}

@media (min-width: 1280px) {
  .stage__simple .stage__title {
    margin-bottom: 40px
  }
}

.stage__general .stage__title {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .86px;
  margin-bottom: 19px
}

body.fontsReady .stage__general .stage__title {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .stage__general .stage__title {
    font-size: 60px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1.29px
  }

  body.fontsReady .stage__general .stage__title {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .stage__general .stage__title {
    font-size: 90px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.93px
  }

  body.fontsReady .stage__general .stage__title {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .stage__general .stage__title {
    margin-bottom: 15px
  }
}

@media (min-width: 1280px) {
  .stage__general .stage__title {
    margin-bottom: 30px
  }
}

.stage__headline-title.fancy-title {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.stage__headline-title.fancy-title--h1 {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .86px
}

body.fontsReady .stage__headline-title.fancy-title--h1 {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .stage__headline-title.fancy-title--h1 {
    font-size: 60px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1.29px
  }

  body.fontsReady .stage__headline-title.fancy-title--h1 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .stage__headline-title.fancy-title--h1 {
    font-size: 90px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.93px
  }

  body.fontsReady .stage__headline-title.fancy-title--h1 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.stage__headline-title.fancy-title--h1 .fancy-title__letter--small {
  font-size: 35px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .67px
}

body.fontsReady .stage__headline-title.fancy-title--h1 .fancy-title__letter--small {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .stage__headline-title.fancy-title--h1 .fancy-title__letter--small {
    font-size: 50px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1px
  }

  body.fontsReady .stage__headline-title.fancy-title--h1 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .stage__headline-title.fancy-title--h1 .fancy-title__letter--small {
    font-size: 80px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.5px
  }

  body.fontsReady .stage__headline-title.fancy-title--h1 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.stage__headline-title.fancy-title--h1 .fancy-title__letter--big {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .86px
}

body.fontsReady .stage__headline-title.fancy-title--h1 .fancy-title__letter--big {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .stage__headline-title.fancy-title--h1 .fancy-title__letter--big {
    font-size: 60px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1.29px
  }

  body.fontsReady .stage__headline-title.fancy-title--h1 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .stage__headline-title.fancy-title--h1 .fancy-title__letter--big {
    font-size: 90px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.93px
  }

  body.fontsReady .stage__headline-title.fancy-title--h1 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.stage__headline-title.fancy-title--h2 {
  font-size: 31px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .stage__headline-title.fancy-title--h2 {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .stage__headline-title.fancy-title--h2 {
    font-size: 65px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .stage__headline-title.fancy-title--h2 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .stage__headline-title.fancy-title--h2 {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .stage__headline-title.fancy-title--h2 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.stage__headline-title.fancy-title--h2 .fancy-title__letter--small {
  font-size: 27px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .stage__headline-title.fancy-title--h2 .fancy-title__letter--small {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .stage__headline-title.fancy-title--h2 .fancy-title__letter--small {
    font-size: 55px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .stage__headline-title.fancy-title--h2 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .stage__headline-title.fancy-title--h2 .fancy-title__letter--small {
    font-size: 90px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .stage__headline-title.fancy-title--h2 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.stage__headline-title.fancy-title--h2 .fancy-title__letter--big {
  font-size: 31px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .stage__headline-title.fancy-title--h2 .fancy-title__letter--big {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .stage__headline-title.fancy-title--h2 .fancy-title__letter--big {
    font-size: 65px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .stage__headline-title.fancy-title--h2 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .stage__headline-title.fancy-title--h2 .fancy-title__letter--big {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .stage__headline-title.fancy-title--h2 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.stage__headline-title.fancy-title .fancy-title__span {
  display: inline-block;
  text-align: center;
  max-width: 100%
}

.stage__headline-title.fancy-title .fancy-title__span:nth-child(2) {
  padding-left: 7px
}

@media (min-width: 640px) {
  .stage__headline-title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 13px
  }
}

@media (min-width: 768px) {
  .stage__headline-title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 16px
  }
}

@media (min-width: 1024px) {
  .stage__headline-title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 20px
  }
}

.stage__headline-title.fancy-title .fancy-title__letter--big,
.stage__headline-title.fancy-title .fancy-title__letter--small {
  font-style: normal
}

.stage__headline-title.fancy-title .fancy-title__span {
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 12px 35px 0 rgba(50, 50, 93, 0.1), rgba(50, 50, 93, 0.06) 0 2px 6px 0;
  box-shadow: 0 12px 35px 0 rgba(50, 50, 93, 0.1), rgba(50, 50, 93, 0.06) 0 2px 6px 0;
  position: relative;
  z-index: 6
}

.stage__headline-title.fancy-title .fancy-title__span:nth-child(1) {
  z-index: 5
}

.stage__headline-title.fancy-title .fancy-title__span:nth-child(2) {
  z-index: 4
}

.stage__headline-title.fancy-title .fancy-title__span:nth-child(3) {
  z-index: 3
}

.stage__headline-title.fancy-title--h1 .fancy-title__span {
  padding: 13px 10px 7px
}

@media (min-width: 640px) {
  .stage__headline-title.fancy-title--h1 .fancy-title__span {
    padding: 20px 15px 12px
  }
}

@media (min-width: 1024px) {
  .stage__headline-title.fancy-title--h1 .fancy-title__span {
    padding: 14px 20px 8px
  }
}

.stage__headline-title.fancy-title--h1 .fancy-title__span:nth-child(1) {
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg)
}

.stage__headline-title.fancy-title--h1 .fancy-title__span:nth-child(2) {
  margin-left: 32px;
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg)
}

.stage__headline-title.fancy-title--h2 .fancy-title__span {
  margin: 0 0 5px;
  padding: 6px 5px 0
}

@media (min-width: 640px) {
  .stage__headline-title.fancy-title--h2 .fancy-title__span {
    margin: 0 0 10px
  }
}

@media (min-width: 768px) {
  .stage__headline-title.fancy-title--h2 .fancy-title__span {
    padding: 10px 15px 0
  }
}

@media (min-width: 1024px) {
  .stage__headline-title.fancy-title--h2 .fancy-title__span {
    padding: 10px 20px 8px
  }
}

.stage__headline-title.fancy-title--h2 .fancy-title__span:nth-child(1) {
  -webkit-transform: rotate(1deg);
  transform: rotate(1deg)
}

.stage__headline-title.fancy-title--h2 .fancy-title__span:nth-child(2) {
  margin-left: 60px;
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg)
}

.stage__subtitle {
  color: #232023
}

.stage--bright.stage__general .stage__subtitle {
  color: #fff
}

.stage__simple .stage__subtitle {
  font-size: 19px;
  font-family: Arial, sans-serif;
  line-height: 29px;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3
}

body.fontsReady .stage__simple .stage__subtitle {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .stage__simple .stage__subtitle {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 31px
  }

  body.fontsReady .stage__simple .stage__subtitle {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.stage__general .stage__subtitle {
  font-size: 33px;
  font-family: Arial, sans-serif;
  line-height: 41px;
  text-transform: uppercase;
  position: relative
}

body.fontsReady .stage__general .stage__subtitle {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .stage__general .stage__subtitle {
    font-size: 37px;
    font-family: Arial, sans-serif;
    line-height: 50px
  }

  body.fontsReady .stage__general .stage__subtitle {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.stage__general .stage__subtitle .text-line {
  text-shadow: 0 2px 14px rgba(35, 32, 35, 0.5)
}

.stage__general .stage__subtitle {
  display: block
}

.stage__general .stage__button {
  margin-top: 19px;
  display: inline-block
}

@media (min-width: 1024px) {
  .stage__general .stage__button {
    margin-top: 27px
  }
}

@media (min-width: 1280px) {
  .stage__general .stage__button {
    margin-top: 36px
  }
}

.stickyhub__base {
  pointer-events: none;
  position: fixed;
  top: 20%;
  z-index: 27
}

.stickyhub__base--right {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  right: 0
}

.stickyhub__base--left {
  left: 0
}

@-webkit-keyframes stickyButton-right-hi {
  0% {
    -webkit-transform: translateX(100%) translateX(-46px);
    transform: translateX(100%) translateX(-46px)
  }

  25%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes stickyButton-right-hi {
  0% {
    -webkit-transform: translateX(100%) translateX(-46px);
    transform: translateX(100%) translateX(-46px)
  }

  25%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@-webkit-keyframes stickyButton-left-hi {
  0% {
    -webkit-transform: translateX(-100%) translateX(46px);
    transform: translateX(-100%) translateX(46px)
  }

  25%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes stickyButton-left-hi {
  0% {
    -webkit-transform: translateX(-100%) translateX(46px);
    transform: translateX(-100%) translateX(46px)
  }

  25%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

.stickycta {
  display: table;
  position: relative;
  margin-bottom: 5px
}

.stickycta__base--withoutIcon {
  padding: 50% 0;
  height: 0
}

.stickyhub__base--right .stickycta .stickycta__openButton--withIcon {
  -webkit-animation: stickyButton-right-hi 1.2s ease-in-out 2 alternate;
  animation: stickyButton-right-hi 1.2s ease-in-out 2 alternate;
  -webkit-transform: translateX(100%) translateX(-46px);
  transform: translateX(100%) translateX(-46px)
}

.stickyhub__base--right .stickycta .stickycta__openButton--withoutIcon {
  -webkit-transform-origin: top right;
  transform-origin: top right;
  -webkit-transform: rotate(-90deg) translateY(-100%);
  transform: rotate(-90deg) translateY(-100%)
}

@media (min-width: 640px) {
  .stickyhub__base--right .stickycta .stickycta__popup {
    left: auto;
    right: 50px
  }
}

.stickyhub__base--left .stickycta {
  left: 0
}

.stickyhub__base--left .stickycta .stickycta__openButton {
  text-align: right
}

.stickyhub__base--left .stickycta .stickycta__openButton .heli__svg-icons {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin: 0 5px 0 14px
}

.stickyhub__base--left .stickycta .stickycta__openButton--withIcon {
  -webkit-animation: stickyButton-left-hi 1.2s ease-in-out 2 alternate;
  animation: stickyButton-left-hi 1.2s ease-in-out 2 alternate;
  -webkit-transform: translateX(-100%) translateX(46px);
  transform: translateX(-100%) translateX(46px)
}

.stickyhub__base--left .stickycta .stickycta__openButton--withoutIcon {
  -webkit-transform-origin: top left;
  transform-origin: top left;
  -webkit-transform: rotate(-90deg) translateX(-100%);
  transform: rotate(-90deg) translateX(-100%)
}

@media (min-width: 640px) {
  .stickyhub__base--left .stickycta .stickycta__popup {
    left: 50px;
    right: auto
  }
}

.stickyhub__base .stickycta:nth-child(1) .stickycta__openButton--withIcon {
  -webkit-animation-delay: .2s;
  animation-delay: .2s
}

.stickyhub__base .stickycta:nth-child(2) .stickycta__openButton--withIcon {
  -webkit-animation-delay: .4s;
  animation-delay: .4s
}

.stickyhub__base .stickycta:nth-child(3) .stickycta__openButton--withIcon {
  -webkit-animation-delay: .6s;
  animation-delay: .6s
}

.stickyhub__base .stickycta:nth-child(4) .stickycta__openButton--withIcon {
  -webkit-animation-delay: .8s;
  animation-delay: .8s
}

.stickyhub__base .stickycta:nth-child(5) .stickycta__openButton--withIcon {
  -webkit-animation-delay: 1s;
  animation-delay: 1s
}

.stickyhub__base .stickycta:nth-child(6) .stickycta__openButton--withIcon {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s
}

.stickyhub__base .stickycta:nth-child(7) .stickycta__openButton--withIcon {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s
}

.stickyhub__base .stickycta:nth-child(8) .stickycta__openButton--withIcon {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s
}

.stickyhub__base .stickycta:nth-child(9) .stickycta__openButton--withIcon {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s
}

.stickyhub__base .stickycta:nth-child(10) .stickycta__openButton--withIcon {
  -webkit-animation-delay: 2s;
  animation-delay: 2s
}

.stickycta__base--primary .stickycta__openButton,
.stickycta__base--primary .stickycta__closeButton {
  background-color: var(--c-maximum-red);
  color: #fff
}

.stickycta__base--primary .stickycta__openButton:hover,
.stickycta__base--primary .stickycta__closeButton:hover {
  background-color: #fff;
  color: var(--c-maximum-red)
}

.stickycta__base--secondary .stickycta__openButton,
.stickycta__base--secondary .stickycta__closeButton {
  background-color: var(--c-ghost-white-100);
  color: #fff
}

.stickycta__base--secondary .stickycta__openButton:hover,
.stickycta__base--secondary .stickycta__closeButton:hover {
  background-color: #fff;
  color: var(--c-ghost-white-100)
}

.stickycta__base--tertiary .stickycta__closeButton {
  background-color: var(--c-maximum-red);
  color: #fff
}

.stickycta__base--tertiary .stickycta__closeButton:hover {
  background-color: #fff;
  color: var(--c-maximum-red)
}

.stickycta__base--tertiary .stickycta__openButton {
  -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.36);
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.36);
  background-color: var(--c-white);
  color: var(--c-black)
}

.stickycta__base--tertiary .stickycta__openButton:hover {
  background-color: var(--c-white);
  color: var(--c-black)
}

.stickyhub__base .stickycta__openButton {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  padding: 12px 8px 10px;
  text-align: left;
  -webkit-transition: background-color .235s ease-out, color .235s ease-out, opacity .235s ease-out, -webkit-transform .235s ease-out;
  transition: background-color .235s ease-out, color .235s ease-out, opacity .235s ease-out, -webkit-transform .235s ease-out;
  transition: background-color .235s ease-out, transform .235s ease-out, color .235s ease-out, opacity .235s ease-out;
  transition: background-color .235s ease-out, transform .235s ease-out, color .235s ease-out, opacity .235s ease-out, -webkit-transform .235s ease-out
}

.stickyhub__base .stickycta__openButton .heli__svg-icons {
  height: 25px;
  margin: 0 14px 0 3px;
  width: 25px
}

.stickyhub__base .stickycta__openButton--isHidden {
  opacity: 0;
  pointer-events: none
}

.stickyhub__base .stickycta__openButton--withoutIcon {
  margin-top: -50%;
  height: 46px
}

.stickyhub__base .stickycta__openButton--withIcon:hover {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.stickycta__openButton {
  pointer-events: all
}

.stickycta__title {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 700;
  line-height: 18px
}

body.fontsReady .stickycta__title {
  font-family: "MiloWebPro", Arial, sans-serif
}

.stickycta__text {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 18px
}

body.fontsReady .stickycta__text {
  font-family: "MiloWebPro", Arial, sans-serif
}

.stickycta__popup {
  background: var(--c-white);
  -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.36);
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.36);
  left: 0;
  top: 110px;
  margin: 0 auto;
  padding: 36px 20px 26px;
  pointer-events: all;
  position: fixed;
  right: 0;
  width: 320px
}

@media (min-width: 768px) {
  .stickycta__popup {
    top: 150px
  }
}

.stickycta__popup-fragment {
  max-height: calc(100vh - 170px);
  overflow: auto;
  width: 100%
}

@media (min-width: 768px) {
  .stickycta__popup-fragment {
    max-height: 500px
  }
}

.stickycta__popup-fragment .calltoaction__base {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start
}

.stickycta__closeButton {
  border-radius: 100%;
  cursor: pointer;
  height: 28px;
  margin: 0;
  padding: 7px;
  position: absolute;
  right: 20px;
  top: -12px;
  width: 28px;
  z-index: 2
}

.stickycta__closeIcon {
  display: inline
}

.stickybanner {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 28
}

@media (min-width: 768px) {
  .stickybanner__content {
    margin: 0 50px 0 0
  }
}

@media (min-width: 1024px) {
  .stickybanner__content {
    margin: 0
  }
}

@media (min-width: 768px) {
  .stickybanner__content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.stickybanner__inner-wrapper {
  padding: 10px 0;
  -webkit-transition: background-color .5s, border-color .5s, color .5s;
  transition: background-color .5s, border-color .5s, color .5s;
  background-color: var(--c-platinum-grey-200);
  -webkit-box-shadow: 0 2px 15px 0 rgba(var(--c-black-rgb), 0.36);
  box-shadow: 0 2px 15px 0 rgba(var(--c-black-rgb), 0.36);
  margin-left: auto;
  margin-right: auto;
  position: relative
}

@media (min-width: 768px) {
  .stickybanner__inner-wrapper {
    padding: 20px 0
  }
}

html.darkmode .stickybanner__inner-wrapper {
  -webkit-box-shadow: none;
  box-shadow: none
}

.stickybanner__close-button {
  margin: 13px;
  -webkit-transition: background-color .5s, border-color .5s, color .5s;
  transition: background-color .5s, border-color .5s, color .5s;
  color: var(--c-black-coral-grey-500);
  cursor: pointer;
  position: absolute;
  right: -12px;
  top: 0;
  width: 30px
}

.stickybanner__close-button:hover {
  color: var(--c-maximum-red)
}

.stickybanner__close-icon {
  height: 30px
}

.stickybanner__title {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 700;
  line-height: 18px;
  -webkit-transition: background-color .5s, border-color .5s, color .5s;
  transition: background-color .5s, border-color .5s, color .5s;
  color: var(--c-black);
  margin-bottom: 5px
}

body.fontsReady .stickybanner__title {
  font-family: "MiloWebPro", Arial, sans-serif
}

.stickybanner__text-wrapper {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 18px;
  -webkit-transition: background-color .5s, border-color .5s, color .5s;
  transition: background-color .5s, border-color .5s, color .5s;
  color: var(--c-black);
  margin-bottom: 0
}

body.fontsReady .stickybanner__text-wrapper {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 768px) {
  .stickybanner__text-wrapper {
    margin-bottom: 0;
    margin-right: 20px
  }
}

.stickybanner__text {
  display: none
}

@media (min-width: 768px) {
  .stickybanner__text {
    display: inline
  }
}

.stickybanner__button {
  margin: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

@media (max-width: 767px) {
  .stickybanner__content>.stickybanner__button {
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 18px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    color: var(--c-maximum-red);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    padding: 0;
    text-transform: none;
    width: auto
  }

  body.fontsReady .stickybanner__content>.stickybanner__button {
    font-family: "MiloWebPro", Arial, sans-serif
  }

  .stickybanner__content>.stickybanner__button:hover {
    background-color: transparent
  }
}

.stickybanner__button>.stickybanner__button-icon {
  width: 13px;
  height: 13px;
  margin-left: 8px
}

@media (min-width: 768px) {
  .stickybanner__button>.stickybanner__button-icon {
    display: none
  }
}

.table__container {
  width: 100%;
  border: 0;
  border-collapse: collapse
}

.table__row:nth-child(odd) {
  background-color: var(--c-platinum-grey-200)
}

@media print {
  .table__row {
    border-bottom: 1px var(--c-platinum-grey-200) solid;
    page-break-inside: avoid
  }
}

.table__column {
  vertical-align: top;
  display: inline-block
}

@media (min-width: 768px) {
  .table__column {
    display: table-cell
  }
}

@media print {
  .table__column {
    display: table-cell
  }
}

.table__columnTitle {
  font-size: 12px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 14px;
  padding: 20px 10px 0;
  width: 100%;
  color: var(--c-black-coral-grey-500)
}

body.fontsReady .table__columnTitle {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 768px) {
  .table__columnTitle {
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 18px
  }

  body.fontsReady .table__columnTitle {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

@media (min-width: 768px) {
  .table__columnTitle {
    padding: 20px;
    width: 50%;
    color: var(--c-black)
  }
}

@media print {
  .table__columnTitle {
    width: 50%
  }
}

.table__columnDescription {
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 16px;
  padding: 0 10px 20px;
  color: var(--c-black)
}

body.fontsReady .table__columnDescription {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 768px) {
  .table__columnDescription {
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 18px
  }

  body.fontsReady .table__columnDescription {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

@media (min-width: 768px) {
  .table__columnDescription {
    padding: 20px;
    color: var(--c-black-coral-grey-500)
  }
}

.tags__base {
  padding: 40px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.tags__title {
  font-size: 35px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px;
  margin-right: 10px;
  color: var(--c-black)
}

body.fontsReady .tags__title {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .tags__title {
    font-size: 70px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 100px
  }

  body.fontsReady .tags__title {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .tags__title {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .tags__title {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.tags__item {
  float: left
}

.tags__link {
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 20px;
  display: block;
  padding: 5px 10px;
  margin: 0 10px 10px 0;
  background: var(--c-platinum-grey-200);
  text-decoration: none;
  color: var(--c-black-coral-grey-500)
}

body.fontsReady .tags__link {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1280px) {
  .tags__link {
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 22px
  }

  body.fontsReady .tags__link {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

.tags__closeBtn {
  border: 0;
  padding: 0;
  margin-left: 5px;
  width: 15px;
  height: 15px;
  background-color: rgba(0, 0, 0, 0);
  color: var(--c-black-coral-grey-500);
  cursor: pointer
}

.tags__closeBtn .heli__svg-icons {
  width: 100%;
  height: 100%;
  pointer-events: none
}

.text {
  zoom: 1
}

.text h2 {
  font-size: 33px;
  font-family: Arial, sans-serif;
  line-height: 41px;
  text-transform: uppercase
}

body.fontsReady .text h2 {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .text h2 {
    font-size: 37px;
    font-family: Arial, sans-serif;
    line-height: 50px
  }

  body.fontsReady .text h2 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.text h3 {
  font-size: 23px;
  font-family: Arial, sans-serif;
  line-height: 31px
}

body.fontsReady .text h3 {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .text h3 {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px
  }

  body.fontsReady .text h3 {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.text h4 {
  font-size: 21px;
  font-family: Arial, sans-serif;
  line-height: 31px
}

body.fontsReady .text h4 {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .text h4 {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 32px
  }

  body.fontsReady .text h4 {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.text h5 {
  font-size: 19px;
  font-family: Arial, sans-serif;
  line-height: 29px
}

body.fontsReady .text h5 {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .text h5 {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 31px
  }

  body.fontsReady .text h5 {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.text h6 {
  font-size: 15px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  text-transform: uppercase
}

body.fontsReady .text h6 {
  font-family: "FuturaMedium", Arial, sans-serif
}

@media (min-width: 1024px) {
  .text h6 {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px
  }

  body.fontsReady .text h6 {
    font-family: "FuturaMedium", Arial, sans-serif
  }
}

.text p {
  font-size: 19px;
  font-family: Arial, sans-serif;
  line-height: 29px
}

body.fontsReady .text p {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .text p {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 31px
  }

  body.fontsReady .text p {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

.text a {
  font-size: 19px;
  font-family: Arial, sans-serif;
  line-height: 29px
}

body.fontsReady .text a {
  font-family: "FuturaMedium", Arial, sans-serif
}

@media (min-width: 1024px) {
  .text a {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 31px
  }

  body.fontsReady .text a {
    font-family: "FuturaMedium", Arial, sans-serif
  }
}

.text a:visited {
  font-size: 19px;
  font-family: Arial, sans-serif;
  line-height: 29px
}

body.fontsReady .text a:visited {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .text a:visited {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 31px
  }

  body.fontsReady .text a:visited {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.text a:hover,
.text a:active {
  font-size: 19px;
  font-family: Arial, sans-serif;
  line-height: 29px
}

body.fontsReady .text a:hover,
body.fontsReady .text a:active {
  font-family: "FuturaMedium", Arial, sans-serif
}

@media (min-width: 1024px) {

  .text a:hover,
  .text a:active {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 31px
  }

  body.fontsReady .text a:hover,
  body.fontsReady .text a:active {
    font-family: "FuturaMedium", Arial, sans-serif
  }
}

.text *+h2,
.text *+h3,
.text *+h4,
.text *+h5,
.text *+h6,
.text *+p {
  margin-top: 25px
}

@media (min-width: 768px) {

  .text *+h2,
  .text *+h3,
  .text *+h4,
  .text *+h5,
  .text *+h6,
  .text *+p {
    margin-top: 30px
  }
}

.text p+h2,
.text p+h3,
.text p+h4,
.text p+h5,
.text p+h6,
.text p+p,
.text p+ol,
.text p+ul,
.text ol+h2,
.text ol+h3,
.text ol+h4,
.text ol+h5,
.text ol+h6,
.text ol+p,
.text ol+ol,
.text ol+ul,
.text ul+h2,
.text ul+h3,
.text ul+h4,
.text ul+h5,
.text ul+h6,
.text ul+p,
.text ul+ol,
.text ul+ul {
  margin-top: 25px
}

@media (min-width: 768px) {

  .text p+h2,
  .text p+h3,
  .text p+h4,
  .text p+h5,
  .text p+h6,
  .text p+p,
  .text p+ol,
  .text p+ul,
  .text ol+h2,
  .text ol+h3,
  .text ol+h4,
  .text ol+h5,
  .text ol+h6,
  .text ol+p,
  .text ol+ol,
  .text ol+ul,
  .text ul+h2,
  .text ul+h3,
  .text ul+h4,
  .text ul+h5,
  .text ul+h6,
  .text ul+p,
  .text ul+ol,
  .text ul+ul {
    margin-top: 30px
  }
}

.text h2+p,
.text h2+ol,
.text h2+ul,
.text h3+p,
.text h3+ol,
.text h3+ul,
.text h4+p,
.text h4+ol,
.text h4+ul,
.text h5+p,
.text h5+ol,
.text h5+ul,
.text h6+p,
.text h6+ol,
.text h6+ul {
  margin-top: 25px
}

@media (min-width: 768px) {

  .text h2+p,
  .text h2+ol,
  .text h2+ul,
  .text h3+p,
  .text h3+ol,
  .text h3+ul,
  .text h4+p,
  .text h4+ol,
  .text h4+ul,
  .text h5+p,
  .text h5+ol,
  .text h5+ul,
  .text h6+p,
  .text h6+ol,
  .text h6+ul {
    margin-top: 30px
  }
}

.text::before,
.text::after {
  content: '';
  display: block;
  height: 0;
  overflow: hidden
}

.text::after {
  clear: both
}

.text table {
  width: 100%;
  margin-bottom: 40px
}

@media (min-width: 1024px) {
  .text table {
    margin: 0;
    table-layout: fixed
  }
}

.text table caption {
  display: none
}

@media (min-width: 1024px) {
  .text tr {
    background-color: var(--c-ghost-white-100)
  }

  .text tr:nth-child(even) {
    background-color: var(--c-platinum-grey-200)
  }
}

.text .rteTable__smallRow {
  background-color: var(--c-ghost-white-100)
}

.text .rteTable__smallRow--even {
  background-color: var(--c-platinum-grey-200)
}

.text .rteTable__header,
.text th {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 24px;
  padding: 10px 20px;
  text-align: left;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  color: var(--c-black)
}

body.fontsReady .text .rteTable__header,
body.fontsReady .text th {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 768px) {

  .text .rteTable__header,
  .text th {
    font-size: 18px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 24px
  }

  body.fontsReady .text .rteTable__header,
  body.fontsReady .text th {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

.text td {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 24px;
  padding: 10px 20px;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
  color: var(--c-black-coral-grey-500)
}

body.fontsReady .text td {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 768px) {
  .text td {
    font-size: 18px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 24px
  }

  body.fontsReady .text td {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

.text .rteTable__icon {
  vertical-align: middle;
  width: 20px;
  height: 20px
}

.text .rteTable__iconCheckmark {
  padding: 2px;
  border-radius: 10px;
  color: var(--c-ghost-white-100);
  background-color: var(--c-jade-green)
}

.text .rteTable__iconClose {
  padding: 2px;
  border-radius: 10px;
  color: var(--c-ghost-white-100);
  background-color: var(--c-maximum-red)
}

.text__row {
  zoom: 1;
  margin-left: -8px;
  margin-right: -8px
}

.text__row::before,
.text__row::after {
  content: '';
  display: block;
  height: 0;
  overflow: hidden
}

.text__row::after {
  clear: both
}

@media (min-width: 768px) {
  .text__row {
    margin-left: -10px;
    margin-right: -10px
  }
}

.layoutpanel__wrapper--white .text__row {
  margin: 0
}

@media (min-width: 640px) {
  .layoutpanel__wrapper--white .text__row {
    zoom: 1;
    margin-left: -8px;
    margin-right: -8px
  }

  .layoutpanel__wrapper--white .text__row::before,
  .layoutpanel__wrapper--white .text__row::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden
  }

  .layoutpanel__wrapper--white .text__row::after {
    clear: both
  }
}

@media (min-width: 640px) and (min-width: 768px) {
  .layoutpanel__wrapper--white .text__row {
    margin-left: -10px;
    margin-right: -10px
  }
}

.columncontrol__base .text__row {
  margin: 0
}

.text__base {
  padding-top: 50px;
  width: 100%;
  float: left;
  padding-left: 8px;
  padding-right: 8px;
  overflow: hidden
}

@media (min-width: 1024px) {
  .text__base {
    padding-top: 60px
  }
}

.accordionpanel__content-wrapper>.text:first-child .text__base,
.text__base .accordionpanel__content-wrapper>.text:first-child .textimage__base,
.layoutpanel__container>.text:first-child .text__base,
.layoutpanel__container>.columncontrol__base--control-white .text:first-child .text__base {
  padding-top: 50px
}

@media (min-width: 768px) {

  .accordionpanel__content-wrapper>.text:first-child .text__base,
  .text__base .accordionpanel__content-wrapper>.text:first-child .textimage__base,
  .layoutpanel__container>.text:first-child .text__base,
  .layoutpanel__container>.columncontrol__base--control-white .text:first-child .text__base {
    padding-top: 70px
  }
}

.accordionpanel__content-wrapper>.text:last-child .text__base,
.text__base .accordionpanel__content-wrapper>.text:last-child .textimage__base,
.layoutpanel__container>.text:last-child .text__base,
.text__base .layoutpanel__container>.text:last-child .textimage__base {
  padding-bottom: 50px
}

@media (min-width: 768px) {

  .accordionpanel__content-wrapper>.text:last-child .text__base,
  .text__base .accordionpanel__content-wrapper>.text:last-child .textimage__base,
  .layoutpanel__container>.text:last-child .text__base,
  .text__base .layoutpanel__container>.text:last-child .textimage__base {
    padding-bottom: 70px
  }
}

.layoutpanel .columncontrol__base--control-transparent .columncontrol__column>.text:not(.text):not(.calltoaction) .text__base {
  padding-bottom: 0;
  padding-top: 0
}

.columncontrol__column>.text:first-child .text__base {
  padding-top: 0
}

.columncontrol__column>.text:last-child .text__base {
  padding-bottom: 0
}

@media (min-width: 1024px) {
  .columncontrol__column--lt1 .text__base .layoutpanel__base {
    margin-left: 0;
    width: 83.33333%
  }

  .columncontrol__column--lt1:first-child .text__base .layoutpanel__base {
    margin-left: 16.66667%
  }

  .columncontrol__column--lt2 .text__base .layoutpanel__base {
    margin-left: 0;
    width: 87.5%
  }

  .columncontrol__column--lt2:first-child .text__base .layoutpanel__base {
    margin-left: 25%;
    width: 75%
  }

  .columncontrol__column--lt3 .text__base .layoutpanel__base {
    margin-left: 0;
    width: 75%
  }

  .columncontrol__column--lt3:first-child .text__base .layoutpanel__base {
    margin-left: 12.5%;
    width: 87.5%
  }

  .columncontrol__column--lt4 .text__base .layoutpanel__base {
    margin-left: 0;
    width: 100%
  }

  .columncontrol__column--lt5 .text__base .layoutpanel__base,
  .columncontrol__column--lt6 .text__base .layoutpanel__base {
    margin-left: 0;
    width: 100%
  }

  .columncontrol__column--lt5:last-child .text__base .layoutpanel__base {
    width: 100%
  }

  .columncontrol__column--lt6:first-child .text__base .layoutpanel__base {
    width: 100%
  }

  .columncontrol__column--lt7 .text__base .layoutpanel__base {
    margin-left: 0;
    width: 100%
  }
}

@media (min-width: 640px) {
  .accordionpanel .text__base {
    margin-left: 8.33333%;
    width: 83.33333%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
    float: none;
    padding-left: 12px;
    padding-right: 12px
  }
}

@media (min-width: 768px) {
  .accordionpanel .text__base {
    margin-left: 10%;
    padding-left: 2px;
    padding-right: 2px;
    width: 80%
  }
}

@media (max-width: 639px) {
  .layoutpanel__wrapper--white .text__base {
    padding-left: 10px;
    padding-right: 10px
  }

  .layoutpanel__base .columncontrol__base .text__base {
    padding-left: 0;
    padding-right: 0
  }
}

.columncontrol__column .text__base {
  padding-left: 0;
  padding-right: 0
}

@media (min-width: 768px) {
  .columncontrol__column.columncontrol__column--lt0 .text__base {
    padding-left: 6px;
    padding-right: 6px
  }
}

@media (min-width: 640px) {
  .text__base {
    width: 83.33333%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
    margin-left: 8.33333%
  }
}

@media (min-width: 768px) {
  .text__base {
    width: 66.66667%;
    float: left;
    margin-left: 16.66667%;
    margin-right: -100%;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media (min-width: 1024px) {
  .text__base {
    width: 50%;
    float: left;
    margin-left: 25%;
    margin-right: -100%;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media (min-width: 768px) {
  .layoutpanel__wrapper--white .text__base {
    width: 80%;
    float: left;
    margin-left: 10%;
    margin-right: -100%;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media (min-width: 1024px) {
  .layoutpanel__wrapper--white .text__base {
    width: 75%;
    float: left;
    margin-left: 12.5%;
    margin-right: -100%;
    padding-left: 10px;
    padding-right: 10px
  }
}

.buttonbox .text__base h2,
.contentbox .text__base h2,
.contactform .text__base h2,
.buttonbox .text__base h3,
.contentbox .text__base h3,
.contactform .text__base h3,
.buttonbox .text__base h4,
.contentbox .text__base h4,
.contactform .text__base h4,
.buttonbox .text__base h5,
.contentbox .text__base h5,
.contactform .text__base h5,
.buttonbox .text__base h6,
.contentbox .text__base h6,
.contactform .text__base h6,
.buttonbox .text__base p,
.contentbox .text__base p,
.contactform .text__base p,
.buttonbox .text__base ol,
.contentbox .text__base ol,
.contactform .text__base ol,
.buttonbox .text__base ul,
.contentbox .text__base ul,
.contactform .text__base ul {
  margin-left: 0%;
  padding: 0;
  margin-left: 0
}

.columncontrol__base .text__base h2,
.columncontrol__base .text__base h3,
.columncontrol__base .text__base h4,
.columncontrol__base .text__base h5,
.columncontrol__base .text__base h6,
.columncontrol__base .text__base p,
.columncontrol__base .text__base ol,
.columncontrol__base .text__base ul {
  margin-left: 0%;
  width: 100%
}

.contentbox__base .layoutpanel__base .text__base {
  padding-top: 0
}

.home-page__base .text h2,
.home-page__base .text h3,
.home-page__base .text h4,
.home-page__base .text h5,
.home-page__base .text h6,
.home-page__base .text p,
.home-page__base .text ol,
.home-page__base .text ul,
.content-page__base .text h2,
.content-page__base .text h3,
.content-page__base .text h4,
.content-page__base .text h5,
.content-page__base .text h6,
.content-page__base .text p,
.content-page__base .text ol,
.content-page__base .text ul {
  color: #fff
}

.home-page__base .text a,
.content-page__base .text a {
  color: #fff
}

.home-page__base .text a:visited,
.content-page__base .text a:visited {
  color: #fff
}

.home-page__base .text a:hover,
.home-page__base .text a:active,
.content-page__base .text a:hover,
.content-page__base .text a:active {
  color: #f2f2f2
}

.home-page__base .layoutpanel__wrapper--white .text h2,
.content-page__base .layoutpanel__wrapper--white .text h2,
.hotspot .text h2,
.contentbox .text h2,
.text h2,
.home-page__base .layoutpanel__wrapper--white .text h3,
.content-page__base .layoutpanel__wrapper--white .text h3,
.hotspot .text h3,
.contentbox .text h3,
.text h3,
.home-page__base .layoutpanel__wrapper--white .text h4,
.content-page__base .layoutpanel__wrapper--white .text h4,
.hotspot .text h4,
.contentbox .text h4,
.text h4,
.home-page__base .layoutpanel__wrapper--white .text h5,
.content-page__base .layoutpanel__wrapper--white .text h5,
.hotspot .text h5,
.contentbox .text h5,
.text h5,
.home-page__base .layoutpanel__wrapper--white .text h6,
.content-page__base .layoutpanel__wrapper--white .text h6,
.hotspot .text h6,
.contentbox .text h6,
.text h6 {
  color: #e3032b
}

.home-page__base .layoutpanel__wrapper--white .text p,
.content-page__base .layoutpanel__wrapper--white .text p,
.hotspot .text p,
.contentbox .text p,
.text p,
.home-page__base .layoutpanel__wrapper--white .text ul,
.content-page__base .layoutpanel__wrapper--white .text ul,
.hotspot .text ul,
.contentbox .text ul,
.text ul,
.home-page__base .layoutpanel__wrapper--white .text ol,
.content-page__base .layoutpanel__wrapper--white .text ol,
.hotspot .text ol,
.contentbox .text ol,
.text ol {
  color: #232023
}

.home-page__base .layoutpanel__wrapper--white .text a,
.content-page__base .layoutpanel__wrapper--white .text a,
.hotspot .text a,
.contentbox .text a,
.text a {
  color: #e3032b
}

.home-page__base .layoutpanel__wrapper--white .text a:visited,
.content-page__base .layoutpanel__wrapper--white .text a:visited,
.hotspot .text a:visited,
.contentbox .text a:visited,
.text a:visited {
  color: #e3032b
}

.home-page__base .layoutpanel__wrapper--white .text a:hover,
.home-page__base .layoutpanel__wrapper--white .text a:active,
.content-page__base .layoutpanel__wrapper--white .text a:hover,
.content-page__base .layoutpanel__wrapper--white .text a:active,
.hotspot .text a:hover,
.hotspot .text a:active,
.contentbox .text a:hover,
.contentbox .text a:active,
.text a:hover,
.text a:active {
  color: #b00c2a
}

.text b,
.text strong {
  font-size: 19px;
  font-family: Arial, sans-serif;
  line-height: 29px
}

body.fontsReady .text b,
body.fontsReady .text strong {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {

  .text b,
  .text strong {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 31px
  }

  body.fontsReady .text b,
  body.fontsReady .text strong {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.text ul,
.text ol {
  font-size: 19px;
  font-family: Arial, sans-serif;
  line-height: 29px
}

body.fontsReady .text ul,
body.fontsReady .text ol {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {

  .text ul,
  .text ol {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 31px
  }

  body.fontsReady .text ul,
  body.fontsReady .text ol {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

.text ul>li,
.text ol>li {
  display: table;
  margin-bottom: 8px
}

.text ul>li::before,
.text ol>li::before {
  display: table-cell;
  padding-right: 10px
}

.text ol {
  counter-reset: item
}

.text ol>li {
  counter-increment: item
}

.text ol>li::before {
  content: counters(item, ".") ". ";
  word-break: initial
}

.text ul>li {
  padding-left: 20px;
  position: relative
}

.text ul>li::before {
  content: '\25CF';
  left: 0;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-transform: scale(0.6);
  transform: scale(0.6)
}

.text ul ul {
  margin-left: 36px
}

.text ul ul ul {
  margin-left: 16px
}

.text a {
  text-decoration: underline
}

.textimage {
  zoom: 1
}

.textimage::before,
.textimage::after {
  content: '';
  display: block;
  height: 0;
  overflow: hidden
}

.textimage::after {
  clear: both
}

.textimage__base {
  padding-top: 50px;
  zoom: 1;
  margin-left: -8px;
  margin-right: -8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-flow: column-reverse;
  flex-flow: column-reverse
}

@media (min-width: 1024px) {
  .textimage__base {
    padding-top: 60px
  }
}

.accordionpanel__content-wrapper>.textimage:first-child .textimage__base,
.textimage__base .accordionpanel__content-wrapper>.text:first-child .textimage__base,
.layoutpanel__container>.textimage:first-child .textimage__base,
.layoutpanel__container>.columncontrol__base--control-white .textimage:first-child .textimage__base {
  padding-top: 50px
}

@media (min-width: 768px) {

  .accordionpanel__content-wrapper>.textimage:first-child .textimage__base,
  .textimage__base .accordionpanel__content-wrapper>.text:first-child .textimage__base,
  .layoutpanel__container>.textimage:first-child .textimage__base,
  .layoutpanel__container>.columncontrol__base--control-white .textimage:first-child .textimage__base {
    padding-top: 70px
  }
}

.accordionpanel__content-wrapper>.textimage:last-child .textimage__base,
.textimage__base .accordionpanel__content-wrapper>.text:last-child .textimage__base,
.layoutpanel__container>.textimage:last-child .textimage__base,
.textimage__base .layoutpanel__container>.text:last-child .textimage__base {
  padding-bottom: 50px
}

@media (min-width: 768px) {

  .accordionpanel__content-wrapper>.textimage:last-child .textimage__base,
  .textimage__base .accordionpanel__content-wrapper>.text:last-child .textimage__base,
  .layoutpanel__container>.textimage:last-child .textimage__base,
  .textimage__base .layoutpanel__container>.text:last-child .textimage__base {
    padding-bottom: 70px
  }
}

.layoutpanel .columncontrol__base--control-transparent .columncontrol__column>.textimage:not(.text):not(.calltoaction) .textimage__base {
  padding-bottom: 0;
  padding-top: 0
}

.columncontrol__column>.textimage:first-child .textimage__base {
  padding-top: 0
}

.columncontrol__column>.textimage:last-child .textimage__base {
  padding-bottom: 0
}

.textimage__base::before,
.textimage__base::after {
  content: '';
  display: block;
  height: 0;
  overflow: hidden
}

.textimage__base::after {
  clear: both
}

@media (min-width: 768px) {
  .textimage__base {
    margin-left: -10px;
    margin-right: -10px
  }
}

@media (min-width: 1024px) {
  .textimage__base {
    display: block
  }
}

.layoutpanel__wrapper--white .textimage__base {
  margin: 0
}

@media (min-width: 640px) {
  .layoutpanel__wrapper--white .textimage__base {
    zoom: 1;
    margin-left: -8px;
    margin-right: -8px;
    display: block
  }

  .layoutpanel__wrapper--white .textimage__base::before,
  .layoutpanel__wrapper--white .textimage__base::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden
  }

  .layoutpanel__wrapper--white .textimage__base::after {
    clear: both
  }
}

@media (min-width: 640px) and (min-width: 768px) {
  .layoutpanel__wrapper--white .textimage__base {
    margin-left: -10px;
    margin-right: -10px
  }
}

.textimage__text {
  word-break: break-word
}

.textimage .textimage__image-isRight,
.textimage .textimage__image-isLeft {
  padding-top: 30px
}

.textimage .textimage__image-isRight+.textimage__text,
.textimage .textimage__image-isLeft+.textimage__text,
.textimage .textimage__image-isRight,
.textimage .textimage__image-isLeft {
  width: 100%;
  float: left;
  padding-left: 8px;
  padding-right: 8px
}

.textimage .textimage__image-isLeft .image__caption-wrapper,
.textimage .textimage__image-isRight .image__caption-wrapper {
  width: 83.33333%;
  float: left;
  padding-left: 8px;
  padding-right: 8px
}

@media (min-width: 640px) {

  .textimage .textimage__image-isRight+.textimage__text,
  .textimage .textimage__image-isLeft+.textimage__text {
    width: 83.33333%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
    margin-left: 8.33333%
  }

  .textimage .textimage__image-isRight,
  .textimage .textimage__image-isLeft {
    width: 66.66667%;
    float: left;
    margin-left: 16.66667%;
    margin-right: -100%;
    padding-left: 8px;
    padding-right: 8px
  }

  .textimage .textimage__image-isLeft .image__caption-wrapper,
  .textimage .textimage__image-isRight .image__caption-wrapper {
    width: 75%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media (min-width: 768px) {

  .textimage .textimage__image-isRight+.textimage__text,
  .textimage .textimage__image-isLeft+.textimage__text {
    width: 66.66667%;
    float: left;
    margin-left: 16.66667%;
    margin-right: -100%;
    padding-left: 10px;
    padding-right: 10px
  }

  .textimage .textimage__image-isRight,
  .textimage .textimage__image-isLeft {
    width: 50%;
    float: left;
    margin-left: 25%;
    margin-right: -100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 35px
  }

  .textimage .textimage__image-isLeft .image__caption-wrapper,
  .textimage .textimage__image-isRight .image__caption-wrapper {
    width: 83.33333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media (min-width: 1024px) {
  .textimage .textimage__image-isRight+.textimage__text {
    width: 41.66667%;
    float: left;
    margin-left: 8.33333%;
    margin-right: -100%;
    padding-left: 10px;
    padding-right: 10px
  }

  .textimage .textimage__image-isLeft+.textimage__text {
    width: 41.66667%;
    float: left;
    margin-left: 50%;
    margin-right: -100%;
    padding-left: 10px;
    padding-right: 10px
  }

  .textimage .textimage__image-isRight {
    width: 33.33333%;
    float: left;
    margin-left: 58.33333%;
    margin-right: -100%;
    padding-left: 10px;
    padding-right: 10px
  }

  .textimage .textimage__image-isLeft {
    width: 33.33333%;
    float: left;
    margin-left: 8.33333%;
    margin-right: -100%;
    padding-left: 10px;
    padding-right: 10px
  }

  .textimage .textimage__image-isLeft .image__caption-wrapper,
  .textimage .textimage__image-isRight .image__caption-wrapper {
    width: 75%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.layoutpanel__wrapper--white .textimage .textimage__image-isRight+.textimage__text,
.layoutpanel__wrapper--white .textimage .textimage__image-isLeft+.textimage__text,
.layoutpanel__wrapper--white .textimage .textimage__image-isRight,
.layoutpanel__wrapper--white .textimage .textimage__image-isLeft,
.layoutpanel__wrapper--white .textimage .textimage__image-isLeft .image__caption-wrapper,
.layoutpanel__wrapper--white .textimage .textimage__image-isRight .image__caption-wrapper {
  width: 100%;
  float: left;
  padding-left: 8px;
  padding-right: 8px;
  padding-left: 10px;
  padding-right: 10px
}

@media (min-width: 640px) {
  .layoutpanel__wrapper--white .textimage .textimage__image-isRight+.textimage__text {
    width: 58.33333%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
    margin-left: 8.33333%
  }

  .layoutpanel__wrapper--white .textimage .textimage__image-isLeft+.textimage__text {
    width: 58.33333%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
    margin-left: 41.66667%
  }

  .layoutpanel__wrapper--white .textimage .textimage__image-isRight {
    width: 33.33333%;
    float: left;
    margin-left: 66.66667%;
    margin-right: -100%;
    padding-left: 8px;
    padding-right: 8px;
    float: right;
    margin-left: 0;
    margin-right: -8px;
    width: calc(33.33333% + 8px)
  }

  .layoutpanel__wrapper--white .textimage .textimage__image-isLeft {
    width: 33.33333%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
    margin-left: -8px;
    width: calc(33.33333% + 8px)
  }

  .layoutpanel__wrapper--white .textimage .textimage__image-isLeft .image__caption-wrapper {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }

  .layoutpanel__wrapper--white .textimage .textimage__image-isRight .image__caption-wrapper {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media (min-width: 768px) {
  .layoutpanel__wrapper--white .textimage .textimage__image-isRight+.textimage__text {
    width: 60%;
    float: left;
    margin-left: 10%;
    margin-right: -100%;
    padding-left: 10px;
    padding-right: 10px
  }

  .layoutpanel__wrapper--white .textimage .textimage__image-isLeft+.textimage__text {
    width: 60%;
    float: left;
    margin-left: 30%;
    margin-right: -100%;
    padding-left: 10px;
    padding-right: 10px
  }

  .layoutpanel__wrapper--white .textimage .textimage__image-isRight {
    width: 40%;
    float: left;
    margin-left: 70%;
    margin-right: -100%;
    padding-left: 10px;
    padding-right: 10px;
    float: right;
    margin-left: 0;
    margin-right: -10%
  }

  .layoutpanel__wrapper--white .textimage .textimage__image-isLeft {
    width: 40%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: -10%
  }

  .layoutpanel__wrapper--white .textimage .textimage__image-isLeft .image__caption-wrapper {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }

  .layoutpanel__wrapper--white .textimage .textimage__image-isRight .image__caption-wrapper {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media (min-width: 1024px) {
  .layoutpanel__wrapper--white .textimage .textimage__image-isRight+.textimage__text {
    width: 62.5%;
    float: left;
    margin-left: 12.5%;
    margin-right: -100%;
    padding-left: 10px;
    padding-right: 10px
  }

  .layoutpanel__wrapper--white .textimage .textimage__image-isLeft+.textimage__text {
    width: 62.5%;
    float: left;
    margin-left: 25%;
    margin-right: -100%;
    padding-left: 10px;
    padding-right: 10px
  }

  .layoutpanel__wrapper--white .textimage .textimage__image-isRight {
    width: 50%;
    float: left;
    margin-left: 75%;
    margin-right: -100%;
    padding-left: 10px;
    padding-right: 10px;
    float: right;
    margin-left: 0;
    margin-right: -25%
  }

  .layoutpanel__wrapper--white .textimage .textimage__image-isLeft {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: -25%
  }

  .layoutpanel__wrapper--white .textimage .textimage__image-isLeft .image__caption-wrapper {
    width: 75%;
    float: left;
    margin-left: 25%;
    margin-right: -100%;
    padding-left: 10px;
    padding-right: 10px
  }

  .layoutpanel__wrapper--white .textimage .textimage__image-isRight .image__caption-wrapper {
    width: 75%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media (min-width: 768px) {

  .textimage__base--wrapped .textimage__image-isLeft,
  .layoutpanel__wrapper--white .textimage__base--wrapped .textimage__image-isLeft {
    float: left;
    margin-right: 10px;
    padding-bottom: 20px
  }

  .textimage__base--wrapped .textimage__image-isRight,
  .layoutpanel__wrapper--white .textimage__base--wrapped .textimage__image-isRight {
    float: right;
    padding-bottom: 20px
  }
}

@media (min-width: 1024px) {

  .textimage__base--wrapped .textimage__image-isLeft,
  .layoutpanel__wrapper--white .textimage__base--wrapped .textimage__image-isLeft {
    float: left;
    padding-bottom: 20px
  }

  .textimage__base--wrapped .textimage__image-isRight,
  .layoutpanel__wrapper--white .textimage__base--wrapped .textimage__image-isRight {
    float: right;
    padding-bottom: 20px
  }
}

@media (min-width: 1024px) {
  .textimage__base--wrapped .textimage__image-isRight+.textimage__text {
    float: none;
    width: 66.66667%
  }

  .textimage__base--wrapped .textimage__image-isLeft+.textimage__text {
    float: none;
    margin-left: 25%;
    margin-right: 8.33333%;
    width: 66.66667%
  }

  .textimage__base--wrapped .textimage__image-isRight {
    margin-left: 8.33333%;
    margin-right: 8.33333%;
    padding-right: 10px
  }

  .textimage__base--wrapped .textimage__image-isLeft {
    margin-right: calc(8.33333% + 10px)
  }
}

@media (min-width: 640px) {
  .layoutpanel__wrapper--white .textimage__base--wrapped .textimage__image-isRight+.textimage__text {
    float: none;
    width: 83.33333%
  }

  .layoutpanel__wrapper--white .textimage__base--wrapped .textimage__image-isLeft+.textimage__text {
    float: none;
    margin-left: 8.33333%;
    width: 83.33333%
  }

  .layoutpanel__wrapper--white .textimage__base--wrapped .textimage__image-isLeft {
    float: left;
    margin-right: 10px;
    padding-bottom: 20px
  }

  .layoutpanel__wrapper--white .textimage__base--wrapped .textimage__image-isRight {
    float: right;
    padding-bottom: 20px
  }
}

@media (min-width: 768px) {
  .layoutpanel__wrapper--white .textimage__base--wrapped .textimage__image-isRight+.textimage__text {
    width: 80%
  }

  .layoutpanel__wrapper--white .textimage__base--wrapped .textimage__image-isLeft+.textimage__text {
    margin-left: 8.33333%;
    width: 80%
  }
}

@media (min-width: 1024px) {
  .layoutpanel__wrapper--white .textimage__base--wrapped .textimage__image-isRight+.textimage__text {
    width: 75%
  }

  .layoutpanel__wrapper--white .textimage__base--wrapped .textimage__image-isLeft+.textimage__text {
    margin-left: 12.5%;
    width: 75%
  }

  .layoutpanel__wrapper--white .textimage__base--wrapped .textimage__image-isLeft {
    margin-right: 10px
  }
}

.textimage .image__caption-wrapper {
  padding: 0;
  margin: 20px 0 0
}

.layoutpanel__wrapper--white .textimage .image__caption-wrapper {
  background: #fff;
  border-radius: 12px
}

.textimage .image__caption {
  margin: 0;
  padding: 0;
  width: 100%
}

.layoutpanel__wrapper--white .textimage .image__caption {
  padding: 5px 12px 10px
}

.teaser__base {
  padding-top: 50px;
  height: 100%;
  position: relative;
  z-index: 5
}

@media (min-width: 1024px) {
  .teaser__base {
    padding-top: 60px
  }
}

.accordionpanel__content-wrapper>.teaser:first-child .teaser__base,
.teaser__base .accordionpanel__content-wrapper>.text:first-child .textimage__base,
.layoutpanel__container>.teaser:first-child .teaser__base,
.layoutpanel__container>.columncontrol__base--control-white .teaser:first-child .teaser__base {
  padding-top: 50px
}

@media (min-width: 768px) {

  .accordionpanel__content-wrapper>.teaser:first-child .teaser__base,
  .teaser__base .accordionpanel__content-wrapper>.text:first-child .textimage__base,
  .layoutpanel__container>.teaser:first-child .teaser__base,
  .layoutpanel__container>.columncontrol__base--control-white .teaser:first-child .teaser__base {
    padding-top: 70px
  }
}

.accordionpanel__content-wrapper>.teaser:last-child .teaser__base,
.teaser__base .accordionpanel__content-wrapper>.text:last-child .textimage__base,
.layoutpanel__container>.teaser:last-child .teaser__base,
.teaser__base .layoutpanel__container>.text:last-child .textimage__base {
  padding-bottom: 50px
}

@media (min-width: 768px) {

  .accordionpanel__content-wrapper>.teaser:last-child .teaser__base,
  .teaser__base .accordionpanel__content-wrapper>.text:last-child .textimage__base,
  .layoutpanel__container>.teaser:last-child .teaser__base,
  .teaser__base .layoutpanel__container>.text:last-child .textimage__base {
    padding-bottom: 70px
  }
}

.layoutpanel .columncontrol__base--control-transparent .columncontrol__column>.teaser:not(.text):not(.calltoaction) .teaser__base {
  padding-bottom: 0;
  padding-top: 0
}

.columncontrol__column>.teaser:first-child .teaser__base {
  padding-top: 0
}

.columncontrol__column>.teaser:last-child .teaser__base {
  padding-bottom: 0
}

@media (max-width: 639px) {
  .layoutpanel__wrapper--white .teaser__base {
    padding-left: 10px;
    padding-right: 10px
  }

  .layoutpanel__base .columncontrol__base .teaser__base {
    padding-left: 0;
    padding-right: 0
  }
}

.layoutpanel .teaser__base,
.columncontrol .teaser__base {
  margin: 0
}

.teaser__image {
  width: 100%;
  display: block
}

.teaser__title {
  font-size: 17px;
  font-family: Arial, sans-serif;
  line-height: 24px;
  padding-top: .66338em;
  padding-bottom: .44456em;
  text-transform: uppercase
}

body.fontsReady .teaser__title {
  font-family: "FuturaBold", Arial, sans-serif
}

.teaser__subtitle {
  font-size: 15px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  padding-top: .67333em;
  padding-bottom: .415em
}

body.fontsReady .teaser__subtitle {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .teaser__subtitle {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    padding-top: .58882em;
    padding-bottom: .34265em
  }

  body.fontsReady .teaser__subtitle {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.teaser__title+.teaser__subtitle {
  font-size: 15px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  padding-top: .67333em;
  padding-bottom: .415em;
  margin-top: -1em
}

body.fontsReady .teaser__title+.teaser__subtitle {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .teaser__title+.teaser__subtitle {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    padding-top: .58882em;
    padding-bottom: .34265em;
    margin-top: -.88235em
  }

  body.fontsReady .teaser__title+.teaser__subtitle {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.teaser__description {
  font-size: 15px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  padding-top: .67333em;
  padding-bottom: .415em
}

body.fontsReady .teaser__description {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .teaser__description {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    padding-top: .58882em;
    padding-bottom: .34265em
  }

  body.fontsReady .teaser__description {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.teaser__title+.teaser__description {
  font-size: 15px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  padding-top: .67333em;
  padding-bottom: .415em;
  margin-top: -1em
}

body.fontsReady .teaser__title+.teaser__description {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .teaser__title+.teaser__description {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    padding-top: .58882em;
    padding-bottom: .34265em;
    margin-top: -.88235em
  }

  body.fontsReady .teaser__title+.teaser__description {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.teaser__subtitle+.teaser__description {
  font-size: 15px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  padding-top: .67333em;
  padding-bottom: .415em;
  margin-top: -1em
}

body.fontsReady .teaser__subtitle+.teaser__description {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .teaser__subtitle+.teaser__description {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    padding-top: .58882em;
    padding-bottom: .34265em;
    margin-top: -.88235em
  }

  body.fontsReady .teaser__subtitle+.teaser__description {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.teaser__description ul {
  list-style: none
}

.teaser__description ul>li::before {
  padding-right: 10px;
  content: '\25A0';
  -webkit-transform: scale(0.8, 0.8) translateY(-7px);
  transform: scale(0.8, 0.8) translateY(-7px)
}

.teaser__title,
.teaser__subtitle,
.teaser__description {
  padding-left: 20px;
  padding-right: 20px
}

.teaser__title:first-child,
.teaser__subtitle:first-child,
.teaser__description:first-child {
  padding-top: 20px
}

.teaser__title:last-child,
.teaser__subtitle:last-child,
.teaser__description:last-child {
  padding-bottom: 15px
}

.teaser__button,
.teaser__buttonIcon {
  display: none
}

.teaser__wrapper {
  margin-bottom: 30px
}

.columncontrol .teaser__wrapper {
  margin-bottom: 0
}

.teaser__wrapper--imageFirst .teaser__figure,
.teaser__wrapper--imageFirst .teaser__content {
  width: 100%
}

.teaser__wrapper--imageFirst .teaser__figure {
  position: relative;
  min-height: 1px
}

.teaser__wrapper--imageFirst .teaser__figure:hover+.teaser__content {
  background: #fff;
  border: 2px solid #000;
  color: #000
}

.teaser__wrapper--imageFirst .teaser__content {
  background: #000;
  border: 2px solid #000;
  color: #fff;
  min-height: 110px;
  position: relative
}

@media (min-width: 640px) {
  .teaser__wrapper--imageFirst .teaser__content {
    min-height: 114px
  }
}

@media (min-width: 768px) {
  .teaser__wrapper--imageFirst .teaser__content {
    width: 83.33333%
  }
}

.teaser__wrapper--imageFirst .teaser__content:hover {
  background: #fff;
  border: 2px solid #000;
  color: #000
}

@media (min-width: 768px) {
  .teaser__wrapper--imageFirst .teaser__figure+.teaser__content {
    margin-top: -30px
  }
}

@media (min-width: 1280px) {
  .teaser__wrapper--imageFirst .teaser__figure+.teaser__content {
    margin-top: -75px
  }
}

.pageteaser {
  width: 100%
}

.pageteaser__link {
  position: relative;
  width: 100%;
  display: block;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s
}

.pageteaser__link:hover {
  -webkit-transform: rotate(4deg) scale(1.04);
  transform: rotate(4deg) scale(1.04)
}

.pageteaser__readMore,
.pageteaser__meta {
  display: none
}

.pageteaser__content-wrapper {
  height: 264px;
  padding: 25px 20px 10px 10px;
  width: 264px;
  background-image: url("assets/teaserlist-text-bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s
}

@media (min-width: 640px) {
  .pageteaser__content-wrapper {
    height: 276px;
    width: 276px
  }
}

@media (min-width: 768px) {
  .pageteaser__content-wrapper {
    padding: 35px 30px 20px 20px;
    width: 300px
  }
}

@media (min-width: 1024px) {
  .pageteaser__content-wrapper {
    height: 325px
  }
}

.pageteaser__link:hover .pageteaser__content-wrapper {
  -webkit-transform: rotate(-4deg) scale(1.05);
  transform: rotate(-4deg) scale(1.05)
}

@media (min-width: 1024px) {
  .pageteaser__content-wrapper {
    position: absolute
  }
}

.teaserlist__item:nth-child(4n+1) .pageteaser__content-wrapper {
  margin-left: 12px;
  margin-top: -120px
}

@media (min-width: 640px) {
  .teaserlist__item:nth-child(4n+1) .pageteaser__content-wrapper {
    margin-top: -125px
  }
}

@media (min-width: 768px) {
  .teaserlist__item:nth-child(4n+1) .pageteaser__content-wrapper {
    margin-left: 20px;
    margin-top: -150px
  }
}

@media (min-width: 1024px) {
  .teaserlist__item:nth-child(4n+1) .pageteaser__content-wrapper {
    bottom: 0;
    margin-top: 0
  }
}

@media (min-width: 1280px) {
  .teaserlist__item:nth-child(4n+1) .pageteaser__content-wrapper {
    bottom: 93px
  }
}

.teaserlist__item:nth-child(4n+2) .pageteaser__content-wrapper {
  margin-top: -120px;
  margin-left: 12px
}

@media (min-width: 640px) {
  .teaserlist__item:nth-child(4n+2) .pageteaser__content-wrapper {
    margin-top: -125px
  }
}

@media (min-width: 768px) {
  .teaserlist__item:nth-child(4n+2) .pageteaser__content-wrapper {
    margin-left: 30px;
    margin-top: -150px
  }
}

@media (min-width: 1024px) {
  .teaserlist__item:nth-child(4n+2) .pageteaser__content-wrapper {
    bottom: 0;
    margin-top: 0
  }
}

.teaserlist__item:nth-child(4n+3) .pageteaser__content-wrapper {
  margin-left: 12px;
  margin-top: -120px
}

@media (min-width: 640px) {
  .teaserlist__item:nth-child(4n+3) .pageteaser__content-wrapper {
    margin-top: -160px
  }
}

@media (min-width: 768px) {
  .teaserlist__item:nth-child(4n+3) .pageteaser__content-wrapper {
    margin-left: 0;
    margin-top: -200px
  }
}

@media (min-width: 1024px) {
  .teaserlist__item:nth-child(4n+3) .pageteaser__content-wrapper {
    margin-left: 40px;
    margin-top: 0;
    top: -50px
  }
}

@media (min-width: 1280px) {
  .teaserlist__item:nth-child(4n+3) .pageteaser__content-wrapper {
    margin-left: 0;
    top: 0
  }
}

.teaserlist__item:nth-child(4n+4) .pageteaser__content-wrapper {
  margin-left: 12px;
  margin-top: -120px
}

@media (min-width: 640px) {
  .teaserlist__item:nth-child(4n+4) .pageteaser__content-wrapper {
    margin-top: -130px
  }
}

@media (min-width: 768px) {
  .teaserlist__item:nth-child(4n+4) .pageteaser__content-wrapper {
    float: right;
    margin-left: 0;
    margin-right: 20px;
    margin-top: -170px
  }
}

@media (min-width: 1024px) {
  .teaserlist__item:nth-child(4n+4) .pageteaser__content-wrapper {
    bottom: 15px;
    float: none;
    margin-right: 10px;
    margin-top: 0;
    right: 0
  }
}

@media (min-width: 1280px) {
  .teaserlist__item:nth-child(4n+4) .pageteaser__content-wrapper {
    top: 110px
  }
}

.pageteaser__title,
.pageteaser__description {
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg)
}

.pageteaser__title {
  font-size: 33px;
  font-family: Arial, sans-serif;
  line-height: 41px;
  text-transform: uppercase;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 82px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #e3032b
}

body.fontsReady .pageteaser__title {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .pageteaser__title {
    font-size: 37px;
    font-family: Arial, sans-serif;
    line-height: 50px
  }

  body.fontsReady .pageteaser__title {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .pageteaser__title {
    max-height: 100px
  }
}

.pageteaser__description {
  font-size: 17px;
  font-family: Arial, sans-serif;
  line-height: 27px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 81px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000;
  margin-top: 10px;
  padding-left: 5px
}

body.fontsReady .pageteaser__description {
  font-family: "FuturaMedium", Arial, sans-serif
}

@media (min-width: 1024px) {
  .pageteaser__description {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 29px
  }

  body.fontsReady .pageteaser__description {
    font-family: "FuturaMedium", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .pageteaser__description {
    max-height: 87px
  }
}

.pageteaser__description ul {
  font-size: 17px;
  font-family: Arial, sans-serif;
  line-height: 27px;
  list-style: none
}

body.fontsReady .pageteaser__description ul {
  font-family: "FuturaMedium", Arial, sans-serif
}

@media (min-width: 1024px) {
  .pageteaser__description ul {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 29px
  }

  body.fontsReady .pageteaser__description ul {
    font-family: "FuturaMedium", Arial, sans-serif
  }
}

.pageteaser__description ul>li {
  padding-left: 20px;
  position: relative
}

.pageteaser__description ul>li::before {
  content: '\25CF';
  left: 0;
  position: absolute
}

.pageteaser__image-container {
  padding: 20px 0 42px;
  background-repeat: no-repeat
}

@media (min-width: 1024px) {
  .pageteaser__image-container {
    padding: 20px 0 42px 44px
  }
}

@media (min-width: 1280px) {
  .pageteaser__image-container {
    padding: 20px 0 42px 66px
  }
}

.teaserlist__item:nth-child(4n+1) .pageteaser__image-container {
  background-image: url("assets/teaserlist-bg-1.png");
  background-position: bottom 10px right;
  background-size: calc(100% - 40px) auto
}

@media (min-width: 1280px) {
  .teaserlist__item:nth-child(4n+1) .pageteaser__image-container {
    background-position: bottom right
  }
}

.teaserlist__item:nth-child(4n+2) .pageteaser__image-container {
  background-image: url("assets/teaserlist-bg-2.png");
  background-position: bottom right 12px;
  background-size: calc(100% - 20px) auto
}

@media (min-width: 1024px) {
  .teaserlist__item:nth-child(4n+2) .pageteaser__image-container {
    background-position: bottom 25px right 10px;
    background-size: calc(100% - 60px) auto
  }
}

@media (min-width: 1280px) {
  .teaserlist__item:nth-child(4n+2) .pageteaser__image-container {
    background-position: bottom 10px right 40px;
    background-size: calc(100% - 80px) auto
  }
}

.teaserlist__item:nth-child(4n+3) .pageteaser__image-container {
  background-image: url("assets/teaserlist-bg-3.png");
  background-position: bottom 10px right 100px;
  background-size: calc(100% - 100px) auto
}

@media (min-width: 640px) {
  .teaserlist__item:nth-child(4n+3) .pageteaser__image-container {
    background-position: bottom right 10px;
    background-size: calc(100% - 20px) auto;
    padding: 20px 0 82px
  }
}

@media (min-width: 1024px) {
  .teaserlist__item:nth-child(4n+3) .pageteaser__image-container {
    background-position: top right 50px;
    background-size: calc(100% - 80px) auto;
    margin-top: 50px;
    padding: 20px 0 42px 44px
  }
}

@media (min-width: 1280px) {
  .teaserlist__item:nth-child(4n+3) .pageteaser__image-container {
    background-position: top 10px right 100px;
    background-size: calc(100% - 120px) calc(100% - 10px);
    padding: 20px 0 42px 66px
  }
}

.teaserlist__item:nth-child(4n+4) .pageteaser__image-container {
  background-image: url("assets/teaserlist-bg-4.png");
  background-position: bottom 10px right 100px;
  background-size: calc(100% - 100px) auto
}

@media (min-width: 640px) {
  .teaserlist__item:nth-child(4n+4) .pageteaser__image-container {
    background-position: bottom right 10px;
    background-size: calc(100% - 20px) auto;
    padding: 20px 0 42px
  }
}

@media (min-width: 1024px) {
  .teaserlist__item:nth-child(4n+4) .pageteaser__image-container {
    background-position: bottom right 25px;
    background-size: calc(100% - 50px) auto;
    padding: 20px 30px 42px 14px
  }
}

@media (min-width: 1280px) {
  .teaserlist__item:nth-child(4n+4) .pageteaser__image-container {
    background-position: bottom right 30px;
    background-size: calc(100% - 30px) auto;
    padding: 20px 50px 42px 16px
  }
}

.pageteaser__image-wrapper {
  position: relative;
  padding-top: 100%;
  height: 0
}

.pageteaser__svg-container {
  -webkit-filter: drop-shadow(3px 4px 14px rgba(35, 32, 35, 0.5));
  filter: drop-shadow(3px 4px 14px rgba(35, 32, 35, 0.5));
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  display: none
}

.teaserlist__item:nth-child(4n+1) .pageteaser__svg-container--1 {
  display: block
}

.teaserlist__item:nth-child(4n+4) .pageteaser__svg-container--1 {
  display: block
}

.teaserlist__item:nth-child(4n+2) .pageteaser__svg-container--2 {
  display: block
}

.teaserlist__item:nth-child(4n+3) .pageteaser__svg-container--2 {
  display: block
}

.pageteaser__svg-wrapper {
  display: block
}

.pageteaser__svg-image {
  width: calc(100% - 50px);
  height: calc(100% - 50px)
}

.pageteaser__calltoaction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 10px 10px
}

.teaserlist {
  position: relative;
  z-index: 9
}

.teaserlist__title {
  font-size: 31px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px;
  color: #fff
}

body.fontsReady .teaserlist__title {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .teaserlist__title {
    font-size: 65px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .teaserlist__title {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .teaserlist__title {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .teaserlist__title {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel__wrapper--white .teaserlist__title,
.product-page__base .teaserlist__title {
  color: #e3032b
}

.hotspotimage .teaserlist__title.fancy-title,
.slidingteaserlist .teaserlist__title.fancy-title {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.hotspotimage .teaserlist__title.fancy-title--h1,
.slidingteaserlist .teaserlist__title.fancy-title--h1 {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .86px
}

body.fontsReady .hotspotimage .teaserlist__title.fancy-title--h1,
body.fontsReady .slidingteaserlist .teaserlist__title.fancy-title--h1 {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .hotspotimage .teaserlist__title.fancy-title--h1,
  .slidingteaserlist .teaserlist__title.fancy-title--h1 {
    font-size: 60px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1.29px
  }

  body.fontsReady .hotspotimage .teaserlist__title.fancy-title--h1,
  body.fontsReady .slidingteaserlist .teaserlist__title.fancy-title--h1 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .hotspotimage .teaserlist__title.fancy-title--h1,
  .slidingteaserlist .teaserlist__title.fancy-title--h1 {
    font-size: 90px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.93px
  }

  body.fontsReady .hotspotimage .teaserlist__title.fancy-title--h1,
  body.fontsReady .slidingteaserlist .teaserlist__title.fancy-title--h1 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.hotspotimage .teaserlist__title.fancy-title--h1 .fancy-title__letter--small,
.slidingteaserlist .teaserlist__title.fancy-title--h1 .fancy-title__letter--small {
  font-size: 35px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .67px
}

body.fontsReady .hotspotimage .teaserlist__title.fancy-title--h1 .fancy-title__letter--small,
body.fontsReady .slidingteaserlist .teaserlist__title.fancy-title--h1 .fancy-title__letter--small {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .hotspotimage .teaserlist__title.fancy-title--h1 .fancy-title__letter--small,
  .slidingteaserlist .teaserlist__title.fancy-title--h1 .fancy-title__letter--small {
    font-size: 50px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1px
  }

  body.fontsReady .hotspotimage .teaserlist__title.fancy-title--h1 .fancy-title__letter--small,
  body.fontsReady .slidingteaserlist .teaserlist__title.fancy-title--h1 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .hotspotimage .teaserlist__title.fancy-title--h1 .fancy-title__letter--small,
  .slidingteaserlist .teaserlist__title.fancy-title--h1 .fancy-title__letter--small {
    font-size: 80px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.5px
  }

  body.fontsReady .hotspotimage .teaserlist__title.fancy-title--h1 .fancy-title__letter--small,
  body.fontsReady .slidingteaserlist .teaserlist__title.fancy-title--h1 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.hotspotimage .teaserlist__title.fancy-title--h1 .fancy-title__letter--big,
.slidingteaserlist .teaserlist__title.fancy-title--h1 .fancy-title__letter--big {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .86px
}

body.fontsReady .hotspotimage .teaserlist__title.fancy-title--h1 .fancy-title__letter--big,
body.fontsReady .slidingteaserlist .teaserlist__title.fancy-title--h1 .fancy-title__letter--big {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .hotspotimage .teaserlist__title.fancy-title--h1 .fancy-title__letter--big,
  .slidingteaserlist .teaserlist__title.fancy-title--h1 .fancy-title__letter--big {
    font-size: 60px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1.29px
  }

  body.fontsReady .hotspotimage .teaserlist__title.fancy-title--h1 .fancy-title__letter--big,
  body.fontsReady .slidingteaserlist .teaserlist__title.fancy-title--h1 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .hotspotimage .teaserlist__title.fancy-title--h1 .fancy-title__letter--big,
  .slidingteaserlist .teaserlist__title.fancy-title--h1 .fancy-title__letter--big {
    font-size: 90px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.93px
  }

  body.fontsReady .hotspotimage .teaserlist__title.fancy-title--h1 .fancy-title__letter--big,
  body.fontsReady .slidingteaserlist .teaserlist__title.fancy-title--h1 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.hotspotimage .teaserlist__title.fancy-title--h2,
.slidingteaserlist .teaserlist__title.fancy-title--h2 {
  font-size: 31px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .hotspotimage .teaserlist__title.fancy-title--h2,
body.fontsReady .slidingteaserlist .teaserlist__title.fancy-title--h2 {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .hotspotimage .teaserlist__title.fancy-title--h2,
  .slidingteaserlist .teaserlist__title.fancy-title--h2 {
    font-size: 65px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .hotspotimage .teaserlist__title.fancy-title--h2,
  body.fontsReady .slidingteaserlist .teaserlist__title.fancy-title--h2 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .hotspotimage .teaserlist__title.fancy-title--h2,
  .slidingteaserlist .teaserlist__title.fancy-title--h2 {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .hotspotimage .teaserlist__title.fancy-title--h2,
  body.fontsReady .slidingteaserlist .teaserlist__title.fancy-title--h2 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.hotspotimage .teaserlist__title.fancy-title--h2 .fancy-title__letter--small,
.slidingteaserlist .teaserlist__title.fancy-title--h2 .fancy-title__letter--small {
  font-size: 27px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .hotspotimage .teaserlist__title.fancy-title--h2 .fancy-title__letter--small,
body.fontsReady .slidingteaserlist .teaserlist__title.fancy-title--h2 .fancy-title__letter--small {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .hotspotimage .teaserlist__title.fancy-title--h2 .fancy-title__letter--small,
  .slidingteaserlist .teaserlist__title.fancy-title--h2 .fancy-title__letter--small {
    font-size: 55px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .hotspotimage .teaserlist__title.fancy-title--h2 .fancy-title__letter--small,
  body.fontsReady .slidingteaserlist .teaserlist__title.fancy-title--h2 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .hotspotimage .teaserlist__title.fancy-title--h2 .fancy-title__letter--small,
  .slidingteaserlist .teaserlist__title.fancy-title--h2 .fancy-title__letter--small {
    font-size: 90px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .hotspotimage .teaserlist__title.fancy-title--h2 .fancy-title__letter--small,
  body.fontsReady .slidingteaserlist .teaserlist__title.fancy-title--h2 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.hotspotimage .teaserlist__title.fancy-title--h2 .fancy-title__letter--big,
.slidingteaserlist .teaserlist__title.fancy-title--h2 .fancy-title__letter--big {
  font-size: 31px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .hotspotimage .teaserlist__title.fancy-title--h2 .fancy-title__letter--big,
body.fontsReady .slidingteaserlist .teaserlist__title.fancy-title--h2 .fancy-title__letter--big {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .hotspotimage .teaserlist__title.fancy-title--h2 .fancy-title__letter--big,
  .slidingteaserlist .teaserlist__title.fancy-title--h2 .fancy-title__letter--big {
    font-size: 65px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .hotspotimage .teaserlist__title.fancy-title--h2 .fancy-title__letter--big,
  body.fontsReady .slidingteaserlist .teaserlist__title.fancy-title--h2 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .hotspotimage .teaserlist__title.fancy-title--h2 .fancy-title__letter--big,
  .slidingteaserlist .teaserlist__title.fancy-title--h2 .fancy-title__letter--big {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .hotspotimage .teaserlist__title.fancy-title--h2 .fancy-title__letter--big,
  body.fontsReady .slidingteaserlist .teaserlist__title.fancy-title--h2 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.hotspotimage .teaserlist__title.fancy-title .fancy-title__span,
.slidingteaserlist .teaserlist__title.fancy-title .fancy-title__span {
  display: inline-block;
  text-align: center;
  max-width: 100%
}

.hotspotimage .teaserlist__title.fancy-title .fancy-title__span:nth-child(2),
.slidingteaserlist .teaserlist__title.fancy-title .fancy-title__span:nth-child(2) {
  padding-left: 7px
}

@media (min-width: 640px) {

  .hotspotimage .teaserlist__title.fancy-title .fancy-title__span:nth-child(2),
  .slidingteaserlist .teaserlist__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 13px
  }
}

@media (min-width: 768px) {

  .hotspotimage .teaserlist__title.fancy-title .fancy-title__span:nth-child(2),
  .slidingteaserlist .teaserlist__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 16px
  }
}

@media (min-width: 1024px) {

  .hotspotimage .teaserlist__title.fancy-title .fancy-title__span:nth-child(2),
  .slidingteaserlist .teaserlist__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 20px
  }
}

.hotspotimage .teaserlist__title.fancy-title .fancy-title__letter--big,
.hotspotimage .teaserlist__title.fancy-title .fancy-title__letter--small,
.slidingteaserlist .teaserlist__title.fancy-title .fancy-title__letter--big,
.slidingteaserlist .teaserlist__title.fancy-title .fancy-title__letter--small {
  font-style: normal
}

.layoutpanel .teaserlist__title,
.teaserlist .teaserlist__title,
.stepbystep .teaserlist__title {
  color: #e3032b
}

.layoutpanel .teaserlist__title.fancy-title,
.teaserlist .teaserlist__title.fancy-title,
.stepbystep .teaserlist__title.fancy-title {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.layoutpanel .teaserlist__title.fancy-title--h1,
.teaserlist .teaserlist__title.fancy-title--h1,
.stepbystep .teaserlist__title.fancy-title--h1 {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .86px
}

body.fontsReady .layoutpanel .teaserlist__title.fancy-title--h1,
body.fontsReady .teaserlist .teaserlist__title.fancy-title--h1,
body.fontsReady .stepbystep .teaserlist__title.fancy-title--h1 {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .layoutpanel .teaserlist__title.fancy-title--h1,
  .teaserlist .teaserlist__title.fancy-title--h1,
  .stepbystep .teaserlist__title.fancy-title--h1 {
    font-size: 60px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1.29px
  }

  body.fontsReady .layoutpanel .teaserlist__title.fancy-title--h1,
  body.fontsReady .teaserlist .teaserlist__title.fancy-title--h1,
  body.fontsReady .stepbystep .teaserlist__title.fancy-title--h1 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .layoutpanel .teaserlist__title.fancy-title--h1,
  .teaserlist .teaserlist__title.fancy-title--h1,
  .stepbystep .teaserlist__title.fancy-title--h1 {
    font-size: 90px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.93px
  }

  body.fontsReady .layoutpanel .teaserlist__title.fancy-title--h1,
  body.fontsReady .teaserlist .teaserlist__title.fancy-title--h1,
  body.fontsReady .stepbystep .teaserlist__title.fancy-title--h1 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel .teaserlist__title.fancy-title--h1 .fancy-title__letter--small,
.teaserlist .teaserlist__title.fancy-title--h1 .fancy-title__letter--small,
.stepbystep .teaserlist__title.fancy-title--h1 .fancy-title__letter--small {
  font-size: 35px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .67px
}

body.fontsReady .layoutpanel .teaserlist__title.fancy-title--h1 .fancy-title__letter--small,
body.fontsReady .teaserlist .teaserlist__title.fancy-title--h1 .fancy-title__letter--small,
body.fontsReady .stepbystep .teaserlist__title.fancy-title--h1 .fancy-title__letter--small {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .layoutpanel .teaserlist__title.fancy-title--h1 .fancy-title__letter--small,
  .teaserlist .teaserlist__title.fancy-title--h1 .fancy-title__letter--small,
  .stepbystep .teaserlist__title.fancy-title--h1 .fancy-title__letter--small {
    font-size: 50px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1px
  }

  body.fontsReady .layoutpanel .teaserlist__title.fancy-title--h1 .fancy-title__letter--small,
  body.fontsReady .teaserlist .teaserlist__title.fancy-title--h1 .fancy-title__letter--small,
  body.fontsReady .stepbystep .teaserlist__title.fancy-title--h1 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .layoutpanel .teaserlist__title.fancy-title--h1 .fancy-title__letter--small,
  .teaserlist .teaserlist__title.fancy-title--h1 .fancy-title__letter--small,
  .stepbystep .teaserlist__title.fancy-title--h1 .fancy-title__letter--small {
    font-size: 80px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.5px
  }

  body.fontsReady .layoutpanel .teaserlist__title.fancy-title--h1 .fancy-title__letter--small,
  body.fontsReady .teaserlist .teaserlist__title.fancy-title--h1 .fancy-title__letter--small,
  body.fontsReady .stepbystep .teaserlist__title.fancy-title--h1 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel .teaserlist__title.fancy-title--h1 .fancy-title__letter--big,
.teaserlist .teaserlist__title.fancy-title--h1 .fancy-title__letter--big,
.stepbystep .teaserlist__title.fancy-title--h1 .fancy-title__letter--big {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .86px
}

body.fontsReady .layoutpanel .teaserlist__title.fancy-title--h1 .fancy-title__letter--big,
body.fontsReady .teaserlist .teaserlist__title.fancy-title--h1 .fancy-title__letter--big,
body.fontsReady .stepbystep .teaserlist__title.fancy-title--h1 .fancy-title__letter--big {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .layoutpanel .teaserlist__title.fancy-title--h1 .fancy-title__letter--big,
  .teaserlist .teaserlist__title.fancy-title--h1 .fancy-title__letter--big,
  .stepbystep .teaserlist__title.fancy-title--h1 .fancy-title__letter--big {
    font-size: 60px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1.29px
  }

  body.fontsReady .layoutpanel .teaserlist__title.fancy-title--h1 .fancy-title__letter--big,
  body.fontsReady .teaserlist .teaserlist__title.fancy-title--h1 .fancy-title__letter--big,
  body.fontsReady .stepbystep .teaserlist__title.fancy-title--h1 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .layoutpanel .teaserlist__title.fancy-title--h1 .fancy-title__letter--big,
  .teaserlist .teaserlist__title.fancy-title--h1 .fancy-title__letter--big,
  .stepbystep .teaserlist__title.fancy-title--h1 .fancy-title__letter--big {
    font-size: 90px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.93px
  }

  body.fontsReady .layoutpanel .teaserlist__title.fancy-title--h1 .fancy-title__letter--big,
  body.fontsReady .teaserlist .teaserlist__title.fancy-title--h1 .fancy-title__letter--big,
  body.fontsReady .stepbystep .teaserlist__title.fancy-title--h1 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel .teaserlist__title.fancy-title--h2,
.teaserlist .teaserlist__title.fancy-title--h2,
.stepbystep .teaserlist__title.fancy-title--h2 {
  font-size: 31px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .layoutpanel .teaserlist__title.fancy-title--h2,
body.fontsReady .teaserlist .teaserlist__title.fancy-title--h2,
body.fontsReady .stepbystep .teaserlist__title.fancy-title--h2 {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .layoutpanel .teaserlist__title.fancy-title--h2,
  .teaserlist .teaserlist__title.fancy-title--h2,
  .stepbystep .teaserlist__title.fancy-title--h2 {
    font-size: 65px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .layoutpanel .teaserlist__title.fancy-title--h2,
  body.fontsReady .teaserlist .teaserlist__title.fancy-title--h2,
  body.fontsReady .stepbystep .teaserlist__title.fancy-title--h2 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .layoutpanel .teaserlist__title.fancy-title--h2,
  .teaserlist .teaserlist__title.fancy-title--h2,
  .stepbystep .teaserlist__title.fancy-title--h2 {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .layoutpanel .teaserlist__title.fancy-title--h2,
  body.fontsReady .teaserlist .teaserlist__title.fancy-title--h2,
  body.fontsReady .stepbystep .teaserlist__title.fancy-title--h2 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel .teaserlist__title.fancy-title--h2 .fancy-title__letter--small,
.teaserlist .teaserlist__title.fancy-title--h2 .fancy-title__letter--small,
.stepbystep .teaserlist__title.fancy-title--h2 .fancy-title__letter--small {
  font-size: 27px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .layoutpanel .teaserlist__title.fancy-title--h2 .fancy-title__letter--small,
body.fontsReady .teaserlist .teaserlist__title.fancy-title--h2 .fancy-title__letter--small,
body.fontsReady .stepbystep .teaserlist__title.fancy-title--h2 .fancy-title__letter--small {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .layoutpanel .teaserlist__title.fancy-title--h2 .fancy-title__letter--small,
  .teaserlist .teaserlist__title.fancy-title--h2 .fancy-title__letter--small,
  .stepbystep .teaserlist__title.fancy-title--h2 .fancy-title__letter--small {
    font-size: 55px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .layoutpanel .teaserlist__title.fancy-title--h2 .fancy-title__letter--small,
  body.fontsReady .teaserlist .teaserlist__title.fancy-title--h2 .fancy-title__letter--small,
  body.fontsReady .stepbystep .teaserlist__title.fancy-title--h2 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .layoutpanel .teaserlist__title.fancy-title--h2 .fancy-title__letter--small,
  .teaserlist .teaserlist__title.fancy-title--h2 .fancy-title__letter--small,
  .stepbystep .teaserlist__title.fancy-title--h2 .fancy-title__letter--small {
    font-size: 90px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .layoutpanel .teaserlist__title.fancy-title--h2 .fancy-title__letter--small,
  body.fontsReady .teaserlist .teaserlist__title.fancy-title--h2 .fancy-title__letter--small,
  body.fontsReady .stepbystep .teaserlist__title.fancy-title--h2 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel .teaserlist__title.fancy-title--h2 .fancy-title__letter--big,
.teaserlist .teaserlist__title.fancy-title--h2 .fancy-title__letter--big,
.stepbystep .teaserlist__title.fancy-title--h2 .fancy-title__letter--big {
  font-size: 31px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .layoutpanel .teaserlist__title.fancy-title--h2 .fancy-title__letter--big,
body.fontsReady .teaserlist .teaserlist__title.fancy-title--h2 .fancy-title__letter--big,
body.fontsReady .stepbystep .teaserlist__title.fancy-title--h2 .fancy-title__letter--big {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .layoutpanel .teaserlist__title.fancy-title--h2 .fancy-title__letter--big,
  .teaserlist .teaserlist__title.fancy-title--h2 .fancy-title__letter--big,
  .stepbystep .teaserlist__title.fancy-title--h2 .fancy-title__letter--big {
    font-size: 65px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .layoutpanel .teaserlist__title.fancy-title--h2 .fancy-title__letter--big,
  body.fontsReady .teaserlist .teaserlist__title.fancy-title--h2 .fancy-title__letter--big,
  body.fontsReady .stepbystep .teaserlist__title.fancy-title--h2 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .layoutpanel .teaserlist__title.fancy-title--h2 .fancy-title__letter--big,
  .teaserlist .teaserlist__title.fancy-title--h2 .fancy-title__letter--big,
  .stepbystep .teaserlist__title.fancy-title--h2 .fancy-title__letter--big {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .layoutpanel .teaserlist__title.fancy-title--h2 .fancy-title__letter--big,
  body.fontsReady .teaserlist .teaserlist__title.fancy-title--h2 .fancy-title__letter--big,
  body.fontsReady .stepbystep .teaserlist__title.fancy-title--h2 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel .teaserlist__title.fancy-title .fancy-title__span,
.teaserlist .teaserlist__title.fancy-title .fancy-title__span,
.stepbystep .teaserlist__title.fancy-title .fancy-title__span {
  display: inline-block;
  text-align: center;
  max-width: 100%
}

.layoutpanel .teaserlist__title.fancy-title .fancy-title__span:nth-child(2),
.teaserlist .teaserlist__title.fancy-title .fancy-title__span:nth-child(2),
.stepbystep .teaserlist__title.fancy-title .fancy-title__span:nth-child(2) {
  padding-left: 7px
}

@media (min-width: 640px) {

  .layoutpanel .teaserlist__title.fancy-title .fancy-title__span:nth-child(2),
  .teaserlist .teaserlist__title.fancy-title .fancy-title__span:nth-child(2),
  .stepbystep .teaserlist__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 13px
  }
}

@media (min-width: 768px) {

  .layoutpanel .teaserlist__title.fancy-title .fancy-title__span:nth-child(2),
  .teaserlist .teaserlist__title.fancy-title .fancy-title__span:nth-child(2),
  .stepbystep .teaserlist__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 16px
  }
}

@media (min-width: 1024px) {

  .layoutpanel .teaserlist__title.fancy-title .fancy-title__span:nth-child(2),
  .teaserlist .teaserlist__title.fancy-title .fancy-title__span:nth-child(2),
  .stepbystep .teaserlist__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 20px
  }
}

.layoutpanel .teaserlist__title.fancy-title .fancy-title__letter--big,
.layoutpanel .teaserlist__title.fancy-title .fancy-title__letter--small,
.teaserlist .teaserlist__title.fancy-title .fancy-title__letter--big,
.teaserlist .teaserlist__title.fancy-title .fancy-title__letter--small,
.stepbystep .teaserlist__title.fancy-title .fancy-title__letter--big,
.stepbystep .teaserlist__title.fancy-title .fancy-title__letter--small {
  font-style: normal
}

.layoutpanel .teaserlist__title.fancy-title .fancy-title__span,
.teaserlist .teaserlist__title.fancy-title .fancy-title__span,
.stepbystep .teaserlist__title.fancy-title .fancy-title__span {
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 12px 35px 0 rgba(50, 50, 93, 0.1), rgba(50, 50, 93, 0.06) 0 2px 6px 0;
  box-shadow: 0 12px 35px 0 rgba(50, 50, 93, 0.1), rgba(50, 50, 93, 0.06) 0 2px 6px 0;
  position: relative;
  z-index: 6
}

.layoutpanel .teaserlist__title.fancy-title .fancy-title__span:nth-child(1),
.teaserlist .teaserlist__title.fancy-title .fancy-title__span:nth-child(1),
.stepbystep .teaserlist__title.fancy-title .fancy-title__span:nth-child(1) {
  z-index: 5
}

.layoutpanel .teaserlist__title.fancy-title .fancy-title__span:nth-child(2),
.teaserlist .teaserlist__title.fancy-title .fancy-title__span:nth-child(2),
.stepbystep .teaserlist__title.fancy-title .fancy-title__span:nth-child(2) {
  z-index: 4
}

.layoutpanel .teaserlist__title.fancy-title .fancy-title__span:nth-child(3),
.teaserlist .teaserlist__title.fancy-title .fancy-title__span:nth-child(3),
.stepbystep .teaserlist__title.fancy-title .fancy-title__span:nth-child(3) {
  z-index: 3
}

.layoutpanel .teaserlist__title.fancy-title--h1 .fancy-title__span,
.teaserlist .teaserlist__title.fancy-title--h1 .fancy-title__span,
.stepbystep .teaserlist__title.fancy-title--h1 .fancy-title__span {
  padding: 13px 10px 7px
}

@media (min-width: 640px) {

  .layoutpanel .teaserlist__title.fancy-title--h1 .fancy-title__span,
  .teaserlist .teaserlist__title.fancy-title--h1 .fancy-title__span,
  .stepbystep .teaserlist__title.fancy-title--h1 .fancy-title__span {
    padding: 20px 15px 12px
  }
}

@media (min-width: 1024px) {

  .layoutpanel .teaserlist__title.fancy-title--h1 .fancy-title__span,
  .teaserlist .teaserlist__title.fancy-title--h1 .fancy-title__span,
  .stepbystep .teaserlist__title.fancy-title--h1 .fancy-title__span {
    padding: 14px 20px 8px
  }
}

.layoutpanel .teaserlist__title.fancy-title--h1 .fancy-title__span:nth-child(1),
.teaserlist .teaserlist__title.fancy-title--h1 .fancy-title__span:nth-child(1),
.stepbystep .teaserlist__title.fancy-title--h1 .fancy-title__span:nth-child(1) {
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg)
}

.layoutpanel .teaserlist__title.fancy-title--h1 .fancy-title__span:nth-child(2),
.teaserlist .teaserlist__title.fancy-title--h1 .fancy-title__span:nth-child(2),
.stepbystep .teaserlist__title.fancy-title--h1 .fancy-title__span:nth-child(2) {
  margin-left: 32px;
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg)
}

.layoutpanel .teaserlist__title.fancy-title--h2 .fancy-title__span,
.teaserlist .teaserlist__title.fancy-title--h2 .fancy-title__span,
.stepbystep .teaserlist__title.fancy-title--h2 .fancy-title__span {
  margin: 0 0 5px;
  padding: 6px 5px 0
}

@media (min-width: 640px) {

  .layoutpanel .teaserlist__title.fancy-title--h2 .fancy-title__span,
  .teaserlist .teaserlist__title.fancy-title--h2 .fancy-title__span,
  .stepbystep .teaserlist__title.fancy-title--h2 .fancy-title__span {
    margin: 0 0 10px
  }
}

@media (min-width: 768px) {

  .layoutpanel .teaserlist__title.fancy-title--h2 .fancy-title__span,
  .teaserlist .teaserlist__title.fancy-title--h2 .fancy-title__span,
  .stepbystep .teaserlist__title.fancy-title--h2 .fancy-title__span {
    padding: 10px 15px 0
  }
}

@media (min-width: 1024px) {

  .layoutpanel .teaserlist__title.fancy-title--h2 .fancy-title__span,
  .teaserlist .teaserlist__title.fancy-title--h2 .fancy-title__span,
  .stepbystep .teaserlist__title.fancy-title--h2 .fancy-title__span {
    padding: 10px 20px 8px
  }
}

.layoutpanel .teaserlist__title.fancy-title--h2 .fancy-title__span:nth-child(1),
.teaserlist .teaserlist__title.fancy-title--h2 .fancy-title__span:nth-child(1),
.stepbystep .teaserlist__title.fancy-title--h2 .fancy-title__span:nth-child(1) {
  -webkit-transform: rotate(1deg);
  transform: rotate(1deg)
}

.layoutpanel .teaserlist__title.fancy-title--h2 .fancy-title__span:nth-child(2),
.teaserlist .teaserlist__title.fancy-title--h2 .fancy-title__span:nth-child(2),
.stepbystep .teaserlist__title.fancy-title--h2 .fancy-title__span:nth-child(2) {
  margin-left: 60px;
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg)
}

.teaserlist__subtitle {
  font-size: 33px;
  font-family: Arial, sans-serif;
  line-height: 41px;
  text-transform: uppercase;
  color: #fff
}

body.fontsReady .teaserlist__subtitle {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .teaserlist__subtitle {
    font-size: 37px;
    font-family: Arial, sans-serif;
    line-height: 50px
  }

  body.fontsReady .teaserlist__subtitle {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel__wrapper--white .teaserlist__subtitle,
.product-page__base .teaserlist__subtitle {
  color: #e3032b
}

.teaserlist__text {
  font-size: 19px;
  font-family: Arial, sans-serif;
  line-height: 29px;
  color: #fff
}

body.fontsReady .teaserlist__text {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .teaserlist__text {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 31px
  }

  body.fontsReady .teaserlist__text {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.layoutpanel__wrapper--white .teaserlist__text,
.product-page__base .teaserlist__text {
  color: #000
}

.teaserlist__customLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 20px
}

@media (min-width: 640px) {
  .teaserlist__customLink {
    padding-left: 6.66667%;
    padding-right: 6.66667%
  }
}

@media (min-width: 768px) {
  .teaserlist__customLink {
    padding-left: 16.66667%;
    padding-right: 16.66667%
  }
}

@media (min-width: 1024px) {
  .teaserlist__customLink {
    padding-left: 8.33333%;
    padding-right: 8.33333%
  }
}

@media (min-width: 768px) {
  .layoutpanel__wrapper--white .teaserlist__customLink {
    padding-left: 8.33333%;
    padding-right: 8.33333%
  }
}

@media (min-width: 1024px) {
  .layoutpanel__wrapper--white .teaserlist__customLink {
    padding-left: 16.66667%;
    padding-right: 16.66667%
  }
}

.layoutpanel__wrapper--transparent .layoutpanel__content .cmp.cmp-list:first-child>.teaserlist .teaserlist__text-wrapper:first-child .teaserlist__title {
  margin-top: -51px
}

@media (min-width: 768px) {
  .layoutpanel__wrapper--transparent .layoutpanel__content .cmp.cmp-list:first-child>.teaserlist .teaserlist__text-wrapper:first-child .teaserlist__title {
    margin-top: -67px
  }
}

@media (min-width: 1024px) {
  .layoutpanel__wrapper--transparent .layoutpanel__content .cmp.cmp-list:first-child>.teaserlist .teaserlist__text-wrapper:first-child .teaserlist__title {
    margin-top: -80px
  }
}

.layoutpanel__wrapper--transparent .layoutpanel__content .cmp.cmp-list:first-child>.teaserlist .teaserlist__wrapper:first-child {
  margin-top: -115px
}

.cmp-list:not(:first-child) .teaserlist {
  margin-top: 40px
}

@media (min-width: 768px) {
  .cmp-list:not(:first-child) .teaserlist {
    margin-top: 60px
  }
}

.layoutpanel .teaserlist__base {
  margin: 0 20px
}

@media (min-width: 640px) {
  .layoutpanel .teaserlist__base {
    margin: 0
  }
}

.teaserlist__text-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 50px
}

@media (min-width: 768px) {
  .teaserlist__text-wrapper {
    margin-bottom: 100px
  }
}

.teaserlist__subtitle,
.teaserlist__text {
  -ms-flex-item-align: start;
  align-self: flex-start
}

.teaserlist__title+.teaserlist__subtitle {
  margin-top: 60px
}

.teaserlist__subtitle+.teaserlist__text {
  margin-top: 20px
}

.teaserlist__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 50px
}

.teaserlist__list-products .teaserlist__item,
.teaserlist__list-news .teaserlist__item {
  border-width: 1px 0 0
}

.teaserlist__list-products .teaserlist__item:last-child,
.teaserlist__list-news .teaserlist__item:last-child {
  border-width: 1px 0
}

.teaserlist__list {
  zoom: 1;
  margin-left: -8px;
  margin-right: -8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap
}

.teaserlist__list::before,
.teaserlist__list::after {
  content: '';
  display: block;
  height: 0;
  overflow: hidden
}

.teaserlist__list::after {
  clear: both
}

@media (min-width: 768px) {
  .teaserlist__list {
    margin-left: -10px;
    margin-right: -10px
  }
}

.teaserlist__list .teaserlist__item {
  width: 100%;
  float: left;
  padding-left: 8px;
  padding-right: 8px
}

@media (min-width: 640px) {
  .teaserlist__list .teaserlist__item {
    width: 50%;
    float: left;
    padding-left: 8px;
    padding-right: 8px
  }
}

@media (min-width: 768px) {
  .teaserlist__list .teaserlist__item {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media (min-width: 1024px) {
  .teaserlist__list .teaserlist__item {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.teaserlist__errorBox {
  margin: 10px 0;
  width: 100%
}

.teaserlist .loading__base {
  display: none
}

.teaserlist__loadMore {
  cursor: pointer;
  margin-bottom: 0
}

.teaserlist__loadMoreWrap {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px
}

.teaserlist__loadMoreWrap::before,
.teaserlist__loadMoreWrap::after {
  content: '';
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.teaserlist__loadMoreWrap-isHidden {
  display: none
}

.teaserlist__loadMoreError {
  text-align: center
}

.teaserfilter__base {
  position: relative;
  margin-bottom: 40px
}

.teaserfilter__content {
  -webkit-transition: min-height 0.3s;
  transition: min-height 0.3s;
  overflow: hidden;
  position: relative;
  min-height: 0
}

@media (min-width: 768px) {
  .teaserfilter__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: start
  }
}

.teaserfilter__itemList {
  min-height: 0;
  position: relative;
  visibility: visible
}

.teaserfilter__title {
  display: none
}

.teaserfilter__list--selected {
  display: none
}

.teaserfilter__item {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #000;
  color: #000;
  cursor: pointer;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 10px;
  position: relative
}

.teaserfilter__item .checkbox__base {
  max-width: 100%;
  margin: 0
}

.teaserfilter__item .checkbox__base--regular {
  max-width: 100%
}

.teaserfilter__item .checkbox__icon--regular {
  display: none
}

.teaserfilter__item .checkbox__label {
  font-size: 17px;
  font-family: Arial, sans-serif;
  line-height: 27px;
  width: auto;
  padding: 5px 10px
}

body.fontsReady .teaserfilter__item .checkbox__label {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .teaserfilter__item .checkbox__label {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 29px
  }

  body.fontsReady .teaserfilter__item .checkbox__label {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

.teaserfilter__item .checkbox__input:checked~.checkbox__label {
  background-color: #000;
  color: #fff
}

.teaserfilter__item:hover {
  -webkit-box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.2)
}

.teaserfilter__item:hover .checkbox__label {
  background-color: #000;
  color: #fff
}

.teaserfilter__removeIcon {
  pointer-events: none
}

.slidingpageteaser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

.slidingpageteaser__base {
  height: 320px;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  pointer-events: none;
  word-break: break-word
}

@media (min-width: 768px) {
  .slidingpageteaser__base {
    height: 330px
  }
}

@media (min-width: 1024px) {
  .slidingpageteaser__base {
    height: 360px
  }
}

.slidingpageteaser--noImage .slidingpageteaser__base {
  height: 100%
}

.slidingpageteaser__link {
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 360px;
  text-decoration: none;
  width: 100%
}

.slidingpageteaser__linkLabel,
.slidingpageteaser__readMore,
.slidingpageteaser__meta,
.slidingpageteaser__text,
.slidingpageteaser__title,
.slidingpageteaser__description {
  display: none
}

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

.slidingpageteaser__figureBottom {
  overflow: hidden
}

.slidingpageteaser__figureLeftImg {
  max-height: 320px;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

@media (min-width: 768px) {
  .slidingpageteaser__figureLeftImg {
    max-height: 330px
  }
}

@media (min-width: 1024px) {
  .slidingpageteaser__figureLeftImg {
    max-height: 360px
  }
}

.slidingteaserlist {
  background: #e3032b;
  padding-bottom: 100px;
  padding-top: 80px;
  position: relative;
  z-index: 7
}

.slidingteaserlist__title {
  font-size: 31px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px;
  color: #fff
}

body.fontsReady .slidingteaserlist__title {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .slidingteaserlist__title {
    font-size: 65px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .slidingteaserlist__title {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .slidingteaserlist__title {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .slidingteaserlist__title {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel__wrapper--white .slidingteaserlist__title,
.product-page__base .slidingteaserlist__title {
  color: #e3032b
}

.hotspotimage .slidingteaserlist__title.fancy-title,
.slidingteaserlist .slidingteaserlist__title.fancy-title {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.hotspotimage .slidingteaserlist__title.fancy-title--h1,
.slidingteaserlist .slidingteaserlist__title.fancy-title--h1 {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .86px
}

body.fontsReady .hotspotimage .slidingteaserlist__title.fancy-title--h1,
body.fontsReady .slidingteaserlist .slidingteaserlist__title.fancy-title--h1 {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .hotspotimage .slidingteaserlist__title.fancy-title--h1,
  .slidingteaserlist .slidingteaserlist__title.fancy-title--h1 {
    font-size: 60px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1.29px
  }

  body.fontsReady .hotspotimage .slidingteaserlist__title.fancy-title--h1,
  body.fontsReady .slidingteaserlist .slidingteaserlist__title.fancy-title--h1 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .hotspotimage .slidingteaserlist__title.fancy-title--h1,
  .slidingteaserlist .slidingteaserlist__title.fancy-title--h1 {
    font-size: 90px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.93px
  }

  body.fontsReady .hotspotimage .slidingteaserlist__title.fancy-title--h1,
  body.fontsReady .slidingteaserlist .slidingteaserlist__title.fancy-title--h1 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.hotspotimage .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--small,
.slidingteaserlist .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--small {
  font-size: 35px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .67px
}

body.fontsReady .hotspotimage .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--small,
body.fontsReady .slidingteaserlist .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--small {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .hotspotimage .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--small,
  .slidingteaserlist .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--small {
    font-size: 50px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1px
  }

  body.fontsReady .hotspotimage .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--small,
  body.fontsReady .slidingteaserlist .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .hotspotimage .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--small,
  .slidingteaserlist .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--small {
    font-size: 80px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.5px
  }

  body.fontsReady .hotspotimage .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--small,
  body.fontsReady .slidingteaserlist .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.hotspotimage .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--big,
.slidingteaserlist .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--big {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .86px
}

body.fontsReady .hotspotimage .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--big,
body.fontsReady .slidingteaserlist .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--big {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .hotspotimage .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--big,
  .slidingteaserlist .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--big {
    font-size: 60px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1.29px
  }

  body.fontsReady .hotspotimage .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--big,
  body.fontsReady .slidingteaserlist .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .hotspotimage .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--big,
  .slidingteaserlist .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--big {
    font-size: 90px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.93px
  }

  body.fontsReady .hotspotimage .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--big,
  body.fontsReady .slidingteaserlist .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.hotspotimage .slidingteaserlist__title.fancy-title--h2,
.slidingteaserlist .slidingteaserlist__title.fancy-title--h2 {
  font-size: 31px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .hotspotimage .slidingteaserlist__title.fancy-title--h2,
body.fontsReady .slidingteaserlist .slidingteaserlist__title.fancy-title--h2 {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .hotspotimage .slidingteaserlist__title.fancy-title--h2,
  .slidingteaserlist .slidingteaserlist__title.fancy-title--h2 {
    font-size: 65px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .hotspotimage .slidingteaserlist__title.fancy-title--h2,
  body.fontsReady .slidingteaserlist .slidingteaserlist__title.fancy-title--h2 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .hotspotimage .slidingteaserlist__title.fancy-title--h2,
  .slidingteaserlist .slidingteaserlist__title.fancy-title--h2 {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .hotspotimage .slidingteaserlist__title.fancy-title--h2,
  body.fontsReady .slidingteaserlist .slidingteaserlist__title.fancy-title--h2 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.hotspotimage .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--small,
.slidingteaserlist .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--small {
  font-size: 27px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .hotspotimage .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--small,
body.fontsReady .slidingteaserlist .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--small {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .hotspotimage .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--small,
  .slidingteaserlist .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--small {
    font-size: 55px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .hotspotimage .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--small,
  body.fontsReady .slidingteaserlist .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .hotspotimage .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--small,
  .slidingteaserlist .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--small {
    font-size: 90px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .hotspotimage .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--small,
  body.fontsReady .slidingteaserlist .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.hotspotimage .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--big,
.slidingteaserlist .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--big {
  font-size: 31px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .hotspotimage .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--big,
body.fontsReady .slidingteaserlist .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--big {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .hotspotimage .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--big,
  .slidingteaserlist .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--big {
    font-size: 65px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .hotspotimage .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--big,
  body.fontsReady .slidingteaserlist .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .hotspotimage .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--big,
  .slidingteaserlist .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--big {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .hotspotimage .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--big,
  body.fontsReady .slidingteaserlist .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.hotspotimage .slidingteaserlist__title.fancy-title .fancy-title__span,
.slidingteaserlist .slidingteaserlist__title.fancy-title .fancy-title__span {
  display: inline-block;
  text-align: center;
  max-width: 100%
}

.hotspotimage .slidingteaserlist__title.fancy-title .fancy-title__span:nth-child(2),
.slidingteaserlist .slidingteaserlist__title.fancy-title .fancy-title__span:nth-child(2) {
  padding-left: 7px
}

@media (min-width: 640px) {

  .hotspotimage .slidingteaserlist__title.fancy-title .fancy-title__span:nth-child(2),
  .slidingteaserlist .slidingteaserlist__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 13px
  }
}

@media (min-width: 768px) {

  .hotspotimage .slidingteaserlist__title.fancy-title .fancy-title__span:nth-child(2),
  .slidingteaserlist .slidingteaserlist__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 16px
  }
}

@media (min-width: 1024px) {

  .hotspotimage .slidingteaserlist__title.fancy-title .fancy-title__span:nth-child(2),
  .slidingteaserlist .slidingteaserlist__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 20px
  }
}

.hotspotimage .slidingteaserlist__title.fancy-title .fancy-title__letter--big,
.hotspotimage .slidingteaserlist__title.fancy-title .fancy-title__letter--small,
.slidingteaserlist .slidingteaserlist__title.fancy-title .fancy-title__letter--big,
.slidingteaserlist .slidingteaserlist__title.fancy-title .fancy-title__letter--small {
  font-style: normal
}

.layoutpanel .slidingteaserlist__title,
.teaserlist .slidingteaserlist__title,
.stepbystep .slidingteaserlist__title {
  color: #e3032b
}

.layoutpanel .slidingteaserlist__title.fancy-title,
.teaserlist .slidingteaserlist__title.fancy-title,
.stepbystep .slidingteaserlist__title.fancy-title {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.layoutpanel .slidingteaserlist__title.fancy-title--h1,
.teaserlist .slidingteaserlist__title.fancy-title--h1,
.stepbystep .slidingteaserlist__title.fancy-title--h1 {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .86px
}

body.fontsReady .layoutpanel .slidingteaserlist__title.fancy-title--h1,
body.fontsReady .teaserlist .slidingteaserlist__title.fancy-title--h1,
body.fontsReady .stepbystep .slidingteaserlist__title.fancy-title--h1 {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .layoutpanel .slidingteaserlist__title.fancy-title--h1,
  .teaserlist .slidingteaserlist__title.fancy-title--h1,
  .stepbystep .slidingteaserlist__title.fancy-title--h1 {
    font-size: 60px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1.29px
  }

  body.fontsReady .layoutpanel .slidingteaserlist__title.fancy-title--h1,
  body.fontsReady .teaserlist .slidingteaserlist__title.fancy-title--h1,
  body.fontsReady .stepbystep .slidingteaserlist__title.fancy-title--h1 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .layoutpanel .slidingteaserlist__title.fancy-title--h1,
  .teaserlist .slidingteaserlist__title.fancy-title--h1,
  .stepbystep .slidingteaserlist__title.fancy-title--h1 {
    font-size: 90px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.93px
  }

  body.fontsReady .layoutpanel .slidingteaserlist__title.fancy-title--h1,
  body.fontsReady .teaserlist .slidingteaserlist__title.fancy-title--h1,
  body.fontsReady .stepbystep .slidingteaserlist__title.fancy-title--h1 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--small,
.teaserlist .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--small,
.stepbystep .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--small {
  font-size: 35px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .67px
}

body.fontsReady .layoutpanel .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--small,
body.fontsReady .teaserlist .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--small,
body.fontsReady .stepbystep .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--small {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .layoutpanel .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--small,
  .teaserlist .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--small,
  .stepbystep .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--small {
    font-size: 50px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1px
  }

  body.fontsReady .layoutpanel .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--small,
  body.fontsReady .teaserlist .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--small,
  body.fontsReady .stepbystep .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .layoutpanel .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--small,
  .teaserlist .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--small,
  .stepbystep .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--small {
    font-size: 80px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.5px
  }

  body.fontsReady .layoutpanel .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--small,
  body.fontsReady .teaserlist .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--small,
  body.fontsReady .stepbystep .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--big,
.teaserlist .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--big,
.stepbystep .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--big {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .86px
}

body.fontsReady .layoutpanel .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--big,
body.fontsReady .teaserlist .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--big,
body.fontsReady .stepbystep .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--big {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .layoutpanel .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--big,
  .teaserlist .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--big,
  .stepbystep .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--big {
    font-size: 60px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1.29px
  }

  body.fontsReady .layoutpanel .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--big,
  body.fontsReady .teaserlist .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--big,
  body.fontsReady .stepbystep .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .layoutpanel .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--big,
  .teaserlist .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--big,
  .stepbystep .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--big {
    font-size: 90px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.93px
  }

  body.fontsReady .layoutpanel .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--big,
  body.fontsReady .teaserlist .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--big,
  body.fontsReady .stepbystep .slidingteaserlist__title.fancy-title--h1 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel .slidingteaserlist__title.fancy-title--h2,
.teaserlist .slidingteaserlist__title.fancy-title--h2,
.stepbystep .slidingteaserlist__title.fancy-title--h2 {
  font-size: 31px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .layoutpanel .slidingteaserlist__title.fancy-title--h2,
body.fontsReady .teaserlist .slidingteaserlist__title.fancy-title--h2,
body.fontsReady .stepbystep .slidingteaserlist__title.fancy-title--h2 {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .layoutpanel .slidingteaserlist__title.fancy-title--h2,
  .teaserlist .slidingteaserlist__title.fancy-title--h2,
  .stepbystep .slidingteaserlist__title.fancy-title--h2 {
    font-size: 65px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .layoutpanel .slidingteaserlist__title.fancy-title--h2,
  body.fontsReady .teaserlist .slidingteaserlist__title.fancy-title--h2,
  body.fontsReady .stepbystep .slidingteaserlist__title.fancy-title--h2 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .layoutpanel .slidingteaserlist__title.fancy-title--h2,
  .teaserlist .slidingteaserlist__title.fancy-title--h2,
  .stepbystep .slidingteaserlist__title.fancy-title--h2 {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .layoutpanel .slidingteaserlist__title.fancy-title--h2,
  body.fontsReady .teaserlist .slidingteaserlist__title.fancy-title--h2,
  body.fontsReady .stepbystep .slidingteaserlist__title.fancy-title--h2 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--small,
.teaserlist .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--small,
.stepbystep .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--small {
  font-size: 27px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .layoutpanel .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--small,
body.fontsReady .teaserlist .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--small,
body.fontsReady .stepbystep .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--small {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .layoutpanel .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--small,
  .teaserlist .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--small,
  .stepbystep .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--small {
    font-size: 55px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .layoutpanel .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--small,
  body.fontsReady .teaserlist .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--small,
  body.fontsReady .stepbystep .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .layoutpanel .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--small,
  .teaserlist .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--small,
  .stepbystep .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--small {
    font-size: 90px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .layoutpanel .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--small,
  body.fontsReady .teaserlist .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--small,
  body.fontsReady .stepbystep .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--big,
.teaserlist .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--big,
.stepbystep .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--big {
  font-size: 31px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .layoutpanel .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--big,
body.fontsReady .teaserlist .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--big,
body.fontsReady .stepbystep .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--big {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .layoutpanel .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--big,
  .teaserlist .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--big,
  .stepbystep .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--big {
    font-size: 65px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .layoutpanel .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--big,
  body.fontsReady .teaserlist .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--big,
  body.fontsReady .stepbystep .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .layoutpanel .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--big,
  .teaserlist .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--big,
  .stepbystep .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--big {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .layoutpanel .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--big,
  body.fontsReady .teaserlist .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--big,
  body.fontsReady .stepbystep .slidingteaserlist__title.fancy-title--h2 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel .slidingteaserlist__title.fancy-title .fancy-title__span,
.teaserlist .slidingteaserlist__title.fancy-title .fancy-title__span,
.stepbystep .slidingteaserlist__title.fancy-title .fancy-title__span {
  display: inline-block;
  text-align: center;
  max-width: 100%
}

.layoutpanel .slidingteaserlist__title.fancy-title .fancy-title__span:nth-child(2),
.teaserlist .slidingteaserlist__title.fancy-title .fancy-title__span:nth-child(2),
.stepbystep .slidingteaserlist__title.fancy-title .fancy-title__span:nth-child(2) {
  padding-left: 7px
}

@media (min-width: 640px) {

  .layoutpanel .slidingteaserlist__title.fancy-title .fancy-title__span:nth-child(2),
  .teaserlist .slidingteaserlist__title.fancy-title .fancy-title__span:nth-child(2),
  .stepbystep .slidingteaserlist__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 13px
  }
}

@media (min-width: 768px) {

  .layoutpanel .slidingteaserlist__title.fancy-title .fancy-title__span:nth-child(2),
  .teaserlist .slidingteaserlist__title.fancy-title .fancy-title__span:nth-child(2),
  .stepbystep .slidingteaserlist__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 16px
  }
}

@media (min-width: 1024px) {

  .layoutpanel .slidingteaserlist__title.fancy-title .fancy-title__span:nth-child(2),
  .teaserlist .slidingteaserlist__title.fancy-title .fancy-title__span:nth-child(2),
  .stepbystep .slidingteaserlist__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 20px
  }
}

.layoutpanel .slidingteaserlist__title.fancy-title .fancy-title__letter--big,
.layoutpanel .slidingteaserlist__title.fancy-title .fancy-title__letter--small,
.teaserlist .slidingteaserlist__title.fancy-title .fancy-title__letter--big,
.teaserlist .slidingteaserlist__title.fancy-title .fancy-title__letter--small,
.stepbystep .slidingteaserlist__title.fancy-title .fancy-title__letter--big,
.stepbystep .slidingteaserlist__title.fancy-title .fancy-title__letter--small {
  font-style: normal
}

.layoutpanel .slidingteaserlist__title.fancy-title .fancy-title__span,
.teaserlist .slidingteaserlist__title.fancy-title .fancy-title__span,
.stepbystep .slidingteaserlist__title.fancy-title .fancy-title__span {
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 12px 35px 0 rgba(50, 50, 93, 0.1), rgba(50, 50, 93, 0.06) 0 2px 6px 0;
  box-shadow: 0 12px 35px 0 rgba(50, 50, 93, 0.1), rgba(50, 50, 93, 0.06) 0 2px 6px 0;
  position: relative;
  z-index: 6
}

.layoutpanel .slidingteaserlist__title.fancy-title .fancy-title__span:nth-child(1),
.teaserlist .slidingteaserlist__title.fancy-title .fancy-title__span:nth-child(1),
.stepbystep .slidingteaserlist__title.fancy-title .fancy-title__span:nth-child(1) {
  z-index: 5
}

.layoutpanel .slidingteaserlist__title.fancy-title .fancy-title__span:nth-child(2),
.teaserlist .slidingteaserlist__title.fancy-title .fancy-title__span:nth-child(2),
.stepbystep .slidingteaserlist__title.fancy-title .fancy-title__span:nth-child(2) {
  z-index: 4
}

.layoutpanel .slidingteaserlist__title.fancy-title .fancy-title__span:nth-child(3),
.teaserlist .slidingteaserlist__title.fancy-title .fancy-title__span:nth-child(3),
.stepbystep .slidingteaserlist__title.fancy-title .fancy-title__span:nth-child(3) {
  z-index: 3
}

.layoutpanel .slidingteaserlist__title.fancy-title--h1 .fancy-title__span,
.teaserlist .slidingteaserlist__title.fancy-title--h1 .fancy-title__span,
.stepbystep .slidingteaserlist__title.fancy-title--h1 .fancy-title__span {
  padding: 13px 10px 7px
}

@media (min-width: 640px) {

  .layoutpanel .slidingteaserlist__title.fancy-title--h1 .fancy-title__span,
  .teaserlist .slidingteaserlist__title.fancy-title--h1 .fancy-title__span,
  .stepbystep .slidingteaserlist__title.fancy-title--h1 .fancy-title__span {
    padding: 20px 15px 12px
  }
}

@media (min-width: 1024px) {

  .layoutpanel .slidingteaserlist__title.fancy-title--h1 .fancy-title__span,
  .teaserlist .slidingteaserlist__title.fancy-title--h1 .fancy-title__span,
  .stepbystep .slidingteaserlist__title.fancy-title--h1 .fancy-title__span {
    padding: 14px 20px 8px
  }
}

.layoutpanel .slidingteaserlist__title.fancy-title--h1 .fancy-title__span:nth-child(1),
.teaserlist .slidingteaserlist__title.fancy-title--h1 .fancy-title__span:nth-child(1),
.stepbystep .slidingteaserlist__title.fancy-title--h1 .fancy-title__span:nth-child(1) {
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg)
}

.layoutpanel .slidingteaserlist__title.fancy-title--h1 .fancy-title__span:nth-child(2),
.teaserlist .slidingteaserlist__title.fancy-title--h1 .fancy-title__span:nth-child(2),
.stepbystep .slidingteaserlist__title.fancy-title--h1 .fancy-title__span:nth-child(2) {
  margin-left: 32px;
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg)
}

.layoutpanel .slidingteaserlist__title.fancy-title--h2 .fancy-title__span,
.teaserlist .slidingteaserlist__title.fancy-title--h2 .fancy-title__span,
.stepbystep .slidingteaserlist__title.fancy-title--h2 .fancy-title__span {
  margin: 0 0 5px;
  padding: 6px 5px 0
}

@media (min-width: 640px) {

  .layoutpanel .slidingteaserlist__title.fancy-title--h2 .fancy-title__span,
  .teaserlist .slidingteaserlist__title.fancy-title--h2 .fancy-title__span,
  .stepbystep .slidingteaserlist__title.fancy-title--h2 .fancy-title__span {
    margin: 0 0 10px
  }
}

@media (min-width: 768px) {

  .layoutpanel .slidingteaserlist__title.fancy-title--h2 .fancy-title__span,
  .teaserlist .slidingteaserlist__title.fancy-title--h2 .fancy-title__span,
  .stepbystep .slidingteaserlist__title.fancy-title--h2 .fancy-title__span {
    padding: 10px 15px 0
  }
}

@media (min-width: 1024px) {

  .layoutpanel .slidingteaserlist__title.fancy-title--h2 .fancy-title__span,
  .teaserlist .slidingteaserlist__title.fancy-title--h2 .fancy-title__span,
  .stepbystep .slidingteaserlist__title.fancy-title--h2 .fancy-title__span {
    padding: 10px 20px 8px
  }
}

.layoutpanel .slidingteaserlist__title.fancy-title--h2 .fancy-title__span:nth-child(1),
.teaserlist .slidingteaserlist__title.fancy-title--h2 .fancy-title__span:nth-child(1),
.stepbystep .slidingteaserlist__title.fancy-title--h2 .fancy-title__span:nth-child(1) {
  -webkit-transform: rotate(1deg);
  transform: rotate(1deg)
}

.layoutpanel .slidingteaserlist__title.fancy-title--h2 .fancy-title__span:nth-child(2),
.teaserlist .slidingteaserlist__title.fancy-title--h2 .fancy-title__span:nth-child(2),
.stepbystep .slidingteaserlist__title.fancy-title--h2 .fancy-title__span:nth-child(2) {
  margin-left: 60px;
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg)
}

.slidingteaserlist__subtitle {
  font-size: 33px;
  font-family: Arial, sans-serif;
  line-height: 41px;
  text-transform: uppercase;
  color: #fff
}

body.fontsReady .slidingteaserlist__subtitle {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .slidingteaserlist__subtitle {
    font-size: 37px;
    font-family: Arial, sans-serif;
    line-height: 50px
  }

  body.fontsReady .slidingteaserlist__subtitle {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel__wrapper--white .slidingteaserlist__subtitle,
.product-page__base .slidingteaserlist__subtitle {
  color: #e3032b
}

.slidingteaserlist__text {
  font-size: 19px;
  font-family: Arial, sans-serif;
  line-height: 29px;
  color: #fff
}

body.fontsReady .slidingteaserlist__text {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .slidingteaserlist__text {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 31px
  }

  body.fontsReady .slidingteaserlist__text {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.layoutpanel__wrapper--white .slidingteaserlist__text,
.product-page__base .slidingteaserlist__text {
  color: #000
}

.slidingteaserlist__customLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 20px
}

@media (min-width: 640px) {
  .slidingteaserlist__customLink {
    padding-left: 6.66667%;
    padding-right: 6.66667%
  }
}

@media (min-width: 768px) {
  .slidingteaserlist__customLink {
    padding-left: 16.66667%;
    padding-right: 16.66667%
  }
}

@media (min-width: 1024px) {
  .slidingteaserlist__customLink {
    padding-left: 8.33333%;
    padding-right: 8.33333%
  }
}

@media (min-width: 768px) {
  .layoutpanel__wrapper--white .slidingteaserlist__customLink {
    padding-left: 8.33333%;
    padding-right: 8.33333%
  }
}

@media (min-width: 1024px) {
  .layoutpanel__wrapper--white .slidingteaserlist__customLink {
    padding-left: 16.66667%;
    padding-right: 16.66667%
  }
}

.slidingteaserlist::after {
  background-position: top left 25%;
  background-size: 1150px auto;
  background-image: url("assets/sliding-teaserlist-bg.png");
  background-repeat: no-repeat;
  bottom: 0;
  content: '';
  left: 0;
  margin: auto;
  max-width: 1680px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1
}

@media (min-width: 640px) {
  .slidingteaserlist::after {
    background-size: 140% auto;
    background-position: top 70px left
  }
}

@media (min-width: 768px) {
  .slidingteaserlist::after {
    background-position: top 50px left
  }
}

@media (min-width: 1024px) {
  .slidingteaserlist::after {
    background-position: top 60px center;
    background-size: 100% auto
  }
}

@media (min-width: 1280px) {
  .slidingteaserlist::after {
    background-position: top 40px center
  }
}

@media (min-width: 1024px) {
  .slidingteaserlist__base {
    margin-left: 8.33333%
  }
}

.slidingteaserlist__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 30px 0
}

.slidingteaserlist__container {
  margin-top: 60px
}

@media (min-width: 640px) {
  .slidingteaserlist__container {
    margin-top: 70px
  }
}

@media (min-width: 768px) {
  .slidingteaserlist__container {
    margin-top: 80px
  }
}

.slidingteaserlist__title,
.slidingteaserlist__subtitle,
.slidingteaserlist__text {
  text-align: center
}

.product-page__base .slidingteaserlist .slidingteaserlist__title,
.product-page__base .slidingteaserlist .slidingteaserlist__subtitle,
.product-page__base .slidingteaserlist .slidingteaserlist__text {
  color: white
}

.slidingteaserlist__item {
  -webkit-transition: -webkit-transform 0.15s linear;
  transition: -webkit-transform 0.15s linear;
  transition: transform 0.15s linear;
  transition: transform 0.15s linear, -webkit-transform 0.15s linear
}

.slidingteaserlist__item:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05)
}

.slidingteaserlist__pagination {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.slidingteaserlist__counter {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 180px
}

.slidingteaserlist__counter-wrap {
  position: relative
}

.slidingteaserlist__counter-element {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 40px;
  color: #fff;
  display: block;
  padding-right: 37px;
  position: relative
}

body.fontsReady .slidingteaserlist__counter-element {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 768px) {
  .slidingteaserlist__counter-element {
    font-size: 50px;
    font-family: Arial, sans-serif;
    line-height: 50px
  }

  body.fontsReady .slidingteaserlist__counter-element {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.slidingteaserlist__counter-all {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 40px;
  color: #fff;
  display: block;
  position: relative;
  text-align: right
}

body.fontsReady .slidingteaserlist__counter-all {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 768px) {
  .slidingteaserlist__counter-all {
    font-size: 50px;
    font-family: Arial, sans-serif;
    line-height: 50px
  }

  body.fontsReady .slidingteaserlist__counter-all {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.slidingteaserlist__counter-sign {
  bottom: 7px;
  color: #fff;
  position: absolute;
  right: 0
}

.slidingteaserlist__counter-sign .heli__svg-icons {
  width: 41px;
  height: 52px
}

@media (min-width: 768px) {
  .slidingteaserlist__counter-sign .heli__svg-icons {
    height: 61px
  }
}

.slidingteaserlist__counter-all {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 24px
}

body.fontsReady .slidingteaserlist__counter-all {
  font-family: "MiloWebPro", Arial, sans-serif
}

.slidingteaserlist__pagination-icon {
  height: 80px;
  width: 47px;
  -webkit-transition: -webkit-transform 0.15s linear;
  transition: -webkit-transform 0.15s linear;
  transition: transform 0.15s linear;
  transition: transform 0.15s linear, -webkit-transform 0.15s linear
}

@media (min-width: 768px) {
  .slidingteaserlist__pagination-icon {
    height: 100px;
    width: 56px
  }
}

.slidingteaserlist__pagination-icon:hover {
  -webkit-transform: scale(0.92);
  transform: scale(0.92)
}

.slidingteaserlist__button-previous,
.slidingteaserlist__button-next {
  cursor: pointer;
  margin: 15px
}

.slidingteaserlist__button-next {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  right: 0
}

.slidingteaserlist .tns-nav {
  display: none
}

.slidingteaserlist .tns-ovh {
  position: relative
}

.slidingteaserlist .tns-ovh::after {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(227, 3, 43, 0.01)), color-stop(98%, #e3032b));
  background-image: linear-gradient(to right, rgba(227, 3, 43, 0.01), #e3032b 98%);
  bottom: 0;
  content: '';
  display: block;
  pointer-events: none;
  position: absolute;
  right: -1px;
  top: 0;
  width: 100px
}

@media (min-width: 1024px) {
  .slidingteaserlist .tns-ovh::after {
    right: -2px
  }
}

.title__base--center {
  text-align: center
}

.title__base--left {
  text-align: left
}

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

.title__title {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  margin-bottom: 24px;
  color: var(--c-black)
}

body.fontsReady .title__title {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .title__title {
    font-size: 60px;
    font-family: Arial, sans-serif;
    line-height: 50px
  }

  body.fontsReady .title__title {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .title__title {
    font-size: 70px;
    font-family: Arial, sans-serif;
    line-height: 100px
  }

  body.fontsReady .title__title {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.title__subtitle {
  font-size: 33px;
  font-family: Arial, sans-serif;
  line-height: 41px;
  text-transform: uppercase;
  margin-bottom: 32px;
  color: var(--c-black)
}

body.fontsReady .title__subtitle {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .title__subtitle {
    font-size: 37px;
    font-family: Arial, sans-serif;
    line-height: 50px
  }

  body.fontsReady .title__subtitle {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.tagpage__base .title__base {
  padding-top: 40px
}

.video__captions {
  background-color: rgba(0, 0, 0, 0.75);
  padding: 15px;
  bottom: 36px;
  position: absolute;
  right: 66px;
  z-index: 3
}

.video .dropdown__base {
  font-size: 15px;
  font-family: Arial, sans-serif;
  line-height: 25px
}

body.fontsReady .video .dropdown__base {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .video .dropdown__base {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px
  }

  body.fontsReady .video .dropdown__base {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

.video .dropdown__item {
  border-color: #313a3d;
  color: #e0e0e0;
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px
}

.video .dropdown__item:first-child {
  border-top: 1px;
  margin-top: 10px
}

.video .dropdown__item:last-child {
  margin-bottom: 15px
}

.video .dropdown__item:hover {
  background-color: #5f6973
}

.video .dropdown__list {
  background: #000;
  border: 0;
  bottom: 100%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  color: #e0e0e0;
  margin-left: -15px;
  margin-right: -15px;
  padding: 0 15px;
  top: auto
}

.video .dropdown__icon {
  color: #f6f7fa;
  height: 35px;
  top: 0;
  width: 25px;
  padding: 5px
}

.video .input__base {
  font-size: 15px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  background: none;
  border-color: #5f6973;
  color: #e0e0e0;
  height: 35px;
  margin-bottom: 0;
  min-width: 200px;
  padding-right: 30px
}

body.fontsReady .video .input__base {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .video .input__base {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px
  }

  body.fontsReady .video .input__base {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

.video .input__base::-webkit-input-placeholder {
  color: #84898b
}

.video .input__base::-moz-placeholder {
  color: #84898b
}

.video .input__base::-ms-input-placeholder {
  color: #84898b
}

.video .input__base::placeholder {
  color: #84898b
}

.video .input__base::-webkit-input-placeholder {
  font-size: 15px;
  font-family: Arial, sans-serif;
  line-height: 25px
}

.video .input__base::-moz-placeholder {
  font-size: 15px;
  font-family: Arial, sans-serif;
  line-height: 25px
}

.video .input__base::-ms-input-placeholder {
  font-size: 15px;
  font-family: Arial, sans-serif;
  line-height: 25px
}

.video .input__base::placeholder {
  font-size: 15px;
  font-family: Arial, sans-serif;
  line-height: 25px
}

body.fontsReady .video .input__base::-webkit-input-placeholder {
  font-family: "FuturaBook", Arial, sans-serif
}

body.fontsReady .video .input__base::-moz-placeholder {
  font-family: "FuturaBook", Arial, sans-serif
}

body.fontsReady .video .input__base::-ms-input-placeholder {
  font-family: "FuturaBook", Arial, sans-serif
}

body.fontsReady .video .input__base::placeholder {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .video .input__base::-webkit-input-placeholder {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px
  }

  .video .input__base::-moz-placeholder {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px
  }

  .video .input__base::-ms-input-placeholder {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px
  }

  .video .input__base::placeholder {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px
  }

  body.fontsReady .video .input__base::-webkit-input-placeholder {
    font-family: "FuturaBook", Arial, sans-serif
  }

  body.fontsReady .video .input__base::-moz-placeholder {
    font-family: "FuturaBook", Arial, sans-serif
  }

  body.fontsReady .video .input__base::-ms-input-placeholder {
    font-family: "FuturaBook", Arial, sans-serif
  }

  body.fontsReady .video .input__base::placeholder {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

.video .label__base {
  font-size: 15px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  color: #e0e0e0
}

body.fontsReady .video .label__base {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .video .label__base {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px
  }

  body.fontsReady .video .label__base {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

.video .cookienote__placeholder,
.video .onetrustcookienote__placeholder {
  bottom: 10%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 1
}

.video:not(:first-child) {
  margin-top: 40px
}

@media (min-width: 1024px) {
  .video:not(:first-child) {
    margin-top: 60px
  }
}

.columncontrol__base .video {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto
}

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

.video__base {
  zoom: 1;
  margin-left: -8px;
  margin-right: -8px;
  overflow: hidden;
  position: relative;
  z-index: 3
}

.video__base::before,
.video__base::after {
  content: '';
  display: block;
  height: 0;
  overflow: hidden
}

.video__base::after {
  clear: both
}

@media (min-width: 768px) {
  .video__base {
    margin-left: -10px;
    margin-right: -10px
  }
}

@media (min-width: 1024px) {
  .video__base {
    padding-left: 8.33333%;
    padding-right: 8.33333%
  }
}

.video--fullscreen .video__base {
  z-index: 33
}

.layoutpanel__wrapper--white .video__base {
  margin: 0
}

@media (min-width: 768px) {
  .layoutpanel__wrapper--white .video__base {
    padding-left: 12.5%;
    padding-right: 12.5%
  }
}

@media (min-width: 640px) {
  .columncontrol__base .video__base {
    width: 83.33333%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
    margin-left: 8.33333%;
    padding-right: 0;
    padding-left: 0
  }
}

@media (min-width: 768px) {
  .columncontrol__base .video__base {
    width: 100%;
    margin-left: 0
  }
}

.video__title,
.video__subtitle {
  color: #fff
}

.layoutpanel__wrapper--white .video__title,
.product-page__base .video__title,
.layoutpanel__wrapper--white .video__subtitle,
.product-page__base .video__subtitle {
  color: #e3032b
}

.video__title.fancy-title {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.video__title.fancy-title--h1 {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .86px
}

body.fontsReady .video__title.fancy-title--h1 {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .video__title.fancy-title--h1 {
    font-size: 60px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1.29px
  }

  body.fontsReady .video__title.fancy-title--h1 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .video__title.fancy-title--h1 {
    font-size: 90px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.93px
  }

  body.fontsReady .video__title.fancy-title--h1 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.video__title.fancy-title--h1 .fancy-title__letter--small {
  font-size: 35px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .67px
}

body.fontsReady .video__title.fancy-title--h1 .fancy-title__letter--small {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .video__title.fancy-title--h1 .fancy-title__letter--small {
    font-size: 50px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1px
  }

  body.fontsReady .video__title.fancy-title--h1 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .video__title.fancy-title--h1 .fancy-title__letter--small {
    font-size: 80px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.5px
  }

  body.fontsReady .video__title.fancy-title--h1 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.video__title.fancy-title--h1 .fancy-title__letter--big {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .86px
}

body.fontsReady .video__title.fancy-title--h1 .fancy-title__letter--big {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .video__title.fancy-title--h1 .fancy-title__letter--big {
    font-size: 60px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1.29px
  }

  body.fontsReady .video__title.fancy-title--h1 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .video__title.fancy-title--h1 .fancy-title__letter--big {
    font-size: 90px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.93px
  }

  body.fontsReady .video__title.fancy-title--h1 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.video__title.fancy-title--h2 {
  font-size: 31px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .video__title.fancy-title--h2 {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .video__title.fancy-title--h2 {
    font-size: 65px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .video__title.fancy-title--h2 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .video__title.fancy-title--h2 {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .video__title.fancy-title--h2 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.video__title.fancy-title--h2 .fancy-title__letter--small {
  font-size: 27px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .video__title.fancy-title--h2 .fancy-title__letter--small {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .video__title.fancy-title--h2 .fancy-title__letter--small {
    font-size: 55px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .video__title.fancy-title--h2 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .video__title.fancy-title--h2 .fancy-title__letter--small {
    font-size: 90px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .video__title.fancy-title--h2 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.video__title.fancy-title--h2 .fancy-title__letter--big {
  font-size: 31px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .video__title.fancy-title--h2 .fancy-title__letter--big {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .video__title.fancy-title--h2 .fancy-title__letter--big {
    font-size: 65px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .video__title.fancy-title--h2 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .video__title.fancy-title--h2 .fancy-title__letter--big {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .video__title.fancy-title--h2 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.video__title.fancy-title .fancy-title__span {
  display: inline-block;
  text-align: center;
  max-width: 100%
}

.video__title.fancy-title .fancy-title__span:nth-child(2) {
  padding-left: 7px
}

@media (min-width: 640px) {
  .video__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 13px
  }
}

@media (min-width: 768px) {
  .video__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 16px
  }
}

@media (min-width: 1024px) {
  .video__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 20px
  }
}

.video__title.fancy-title .fancy-title__letter--big,
.video__title.fancy-title .fancy-title__letter--small {
  font-style: normal
}

.video__subtitle {
  font-size: 19px;
  font-family: Arial, sans-serif;
  line-height: 29px
}

body.fontsReady .video__subtitle {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .video__subtitle {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 31px
  }

  body.fontsReady .video__subtitle {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.video__title+.video__subtitle {
  margin-top: 60px
}

.video__headlines-wrapper {
  margin-bottom: 40px;
  text-align: center;
  padding-left: 10%;
  padding-right: 10%
}

.video__wrapper {
  padding: 10% 3% 4%;
  position: relative
}

.video__wrapper::after {
  background-image: url("assets/video-mask.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  bottom: 0;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0
}

.video__wrapper .skeleton__base {
  position: absolute;
  top: 0;
  width: 100%
}

.video__player {
  min-height: 100%;
  position: absolute;
  top: 0;
  -webkit-transition: opacity .235s ease-in;
  transition: opacity .235s ease-in;
  width: 100%
}

.video__wrapper.video__wrapper--is-loading .video__player {
  max-height: 0;
  opacity: 0
}

.video__player .s7iconeffect {
  display: none
}

.video__player .s7container .s7controlbar {
  bottom: 10px
}

.video__player .mi-big-play {
  opacity: 0
}

.video__player .mi-player.mi-non-mobile .mi-controls {
  bottom: 20px;
  left: 30px;
  width: calc(100% - 60px);
  z-index: 0
}

.video__player .mi-poster,
.video__player .bitmovinplayer-container video {
  z-index: -2
}

.video__player--hiddenControls .mi-player-generator,
.video__player--hiddenControls .mi-control-elements,
.video__player--hiddenControls .bmpui-ui-controlbar {
  display: none
}

.video__player--hiddenControls .bmpui-ui-uicontainer .bmpui-ui-hugeplaybacktogglebutton {
  pointer-events: none
}

.video__player-container {
  background-color: #fff;
  cursor: pointer;
  padding-top: 56.25%;
  position: relative
}

.video__wrapper--is-playing .video__player-container::after,
.video__wrapper--youtube .video__player-container::after {
  display: none
}

.video__player-container::after {
  width: 38px;
  height: 38px;
  background-image: url("assets/video-play.png");
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  content: '';
  left: 0;
  margin: auto;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-image 0.2s linear;
  transition: background-image 0.2s linear
}

@media (min-width: 640px) {
  .video__player-container::after {
    width: 81px;
    height: 81px
  }
}

@media (min-width: 768px) {
  .video__player-container::after {
    width: 98px;
    height: 98px
  }
}

@media (min-width: 1024px) {
  .video__player-container::after {
    width: 106px;
    height: 106px
  }
}

@media (min-width: 1280px) {
  .video__player-container::after {
    width: 135px;
    height: 135px
  }
}

.columncontrol .video__player-container::after {
  height: 85px;
  width: 85px
}

.video__player-container:hover::after {
  background-image: url("assets/video-play-hover.png")
}

.video .s7videoplayer,
.video .mi-player,
.video .mi-content,
.video .bmpui-ui-uicontainer,
.video .bitmovinplayer-container {
  background-color: transparent
}

.video--fullscreen .s7innercontainer[mode='fullscreen'] {
  background: var(--c-white)
}

.video .s7videoviewer.s7touchinput .s7controlbar {
  height: 36px
}

.video .s7videoviewer.s7touchinput .s7playpausebutton {
  background-size: 336px;
  top: 4px;
  left: 4px
    /*!rtl:ignore*/
  ;
  width: 28px;
  height: 28px
}

.video .s7videoviewer.s7touchinput .s7playpausebutton[selected='true'][state='up'] {
  background-position: -28px -1204px
}

.video .s7videoviewer.s7touchinput .s7playpausebutton[selected='true'][state='over'] {
  background-position: 0 -1204px
}

.video .s7videoviewer.s7touchinput .s7playpausebutton[selected='true'][state='down'] {
  background-position: -28px -1176px
}

.video .s7videoviewer.s7touchinput .s7playpausebutton[selected='true'][state='disabled'] {
  background-position: 0 -1176px
}

.video .s7videoviewer.s7touchinput .s7playpausebutton[selected='true'][replay='true'][state='up'] {
  background-position: -28px -1260px
}

.video .s7videoviewer.s7touchinput .s7playpausebutton[selected='true'][replay='true'][state='over'] {
  background-position: 0 -1260px
}

.video .s7videoviewer.s7touchinput .s7playpausebutton[selected='true'][replay='true'][state='down'] {
  background-position: -28px -1232px
}

.video .s7videoviewer.s7touchinput .s7playpausebutton[selected='true'][replay='true'][state='disabled'] {
  background-position: 0 -1232px
}

.video .s7videoviewer.s7touchinput .s7playpausebutton[selected='false'][state='up'] {
  background-position: -28px -1148px
}

.video .s7videoviewer.s7touchinput .s7playpausebutton[selected='false'][state='over'] {
  background-position: 0 -1148px
}

.video .s7videoviewer.s7touchinput .s7playpausebutton[selected='false'][state='down'] {
  background-position: -28px -1120px
}

.video .s7videoviewer.s7touchinput .s7playpausebutton[selected='false'][state='disabled'] {
  background-position: 0 -1120px
}

.video .s7videoviewer.s7mouseinput .s7playpausebutton[selected='true'][state='down'] {
  background-position: -28px -1176px
}

.video .s7videoviewer.s7touchinput .s7fullscreenbutton {
  background-size: 112px;
  top: 4px;
  right: 5px
    /*!rtl:ignore*/
  ;
  width: 28px;
  height: 28px
}

.video .s7videoviewer.s7touchinput .s7fullscreenbutton[selected='true'][state='up'] {
  background-position: -84px -1148px
}

.video .s7videoviewer.s7touchinput .s7fullscreenbutton[selected='true'][state='over'] {
  background-position: -56px -1148px
}

.video .s7videoviewer.s7touchinput .s7fullscreenbutton[selected='true'][state='down'] {
  background-position: -28px -1148px
}

.video .s7videoviewer.s7touchinput .s7fullscreenbutton[selected='true'][state='disabled'] {
  background-position: 0 -1148px
}

.video .s7videoviewer.s7touchinput .s7fullscreenbutton[selected='false'][state='up'] {
  background-position: -84px -1120px
}

.video .s7videoviewer.s7touchinput .s7fullscreenbutton[selected='false'][state='over'] {
  background-position: -56px -1120px
}

.video .s7videoviewer.s7touchinput .s7fullscreenbutton[selected='false'][state='down'] {
  background-position: -28px -1120px
}

.video .s7videoviewer.s7touchinput .s7fullscreenbutton[selected='false'][state='disabled'] {
  background-position: 0 -1120px
}

.video .s7videoviewer.s7touchinput .s7closedcaptionbutton {
  background-size: 112px;
  top: 4px;
  right: 68px
    /*!rtl:ignore*/
  ;
  width: 28px;
  height: 28px
}

.video .s7videoviewer.s7touchinput .s7closedcaptionbutton[selected='true'][state='up'] {
  background-position: -84px -560px
}

.video .s7videoviewer.s7touchinput .s7closedcaptionbutton[selected='true'][state='over'] {
  background-position: -56px -560px
}

.video .s7videoviewer.s7touchinput .s7closedcaptionbutton[selected='true'][state='down'] {
  background-position: -28px -560px
}

.video .s7videoviewer.s7touchinput .s7closedcaptionbutton[selected='true'][state='disabled'] {
  background-position: 0 -560px
}

.video .s7videoviewer.s7touchinput .s7closedcaptionbutton[selected='false'][state='up'] {
  background-position: 0 -560px
}

.video .s7videoviewer.s7touchinput .s7closedcaptionbutton[selected='false'][state='over'] {
  background-position: -56px -560px
}

.video .s7videoviewer.s7touchinput .s7closedcaptionbutton[selected='false'][state='down'] {
  background-position: -28px -560px
}

.video .s7videoviewer.s7touchinput .s7closedcaptionbutton[selected='false'][state='disabled'] {
  background-position: 0 -560px
}

.video .s7videoviewer.s7touchinput .s7videoscrubber {
  top: 14px;
  left: 40px
    /*!rtl:ignore*/
  ;
  width: 340px;
  height: 8px
}

.video .s7videoviewer.s7touchinput .s7videoscrubber .s7videotime {
  height: 35px
}

.video .s7videoviewer.s7touchinput .s7videoscrubber .s7knob {
  left: -3px
    /*!rtl:ignore*/
  ;
  background-position: 0 -389px
}

.video .s7videoviewer.s7touchinput .s7videoscrubber .s7navigation {
  width: 5px
}

.video .s7videoviewer.s7touchinput .s7videoscrubber .s7navigation[state='default'] {
  background-position: -28px -389px
}

.video .s7videoviewer.s7touchinput .s7videoscrubber .s7navigation[state='over'] {
  background-position: -33px -389px
}

.video .s7videoviewer.s7touchinput .s7videotime {
  top: 8px;
  right: 98px
    /*!rtl:ignore*/
  ;
  font-size: 10px
}

.video .s7videoviewer.s7touchinput .s7mutablevolume {
  background-size: 120px;
  top: 4px;
  right: 35px
    /*!rtl:ignore*/
  ;
  width: 30px;
  height: 28px
}

.video .s7videoviewer.s7touchinput .s7mutablevolume .s7verticalvolume {
  width: 30px;
  height: 83px
}

.video .s7videoviewer.s7touchinput .s7mutablevolume .s7verticalvolume .s7track {
  left: 11px
    /*!rtl:ignore*/
}

.video .s7videoviewer.s7touchinput .s7mutablevolume .s7verticalvolume .s7knob {
  left: 8px
    /*!rtl:ignore*/
  ;
  width: 14px;
  height: 8px;
  background-position: -24px -1176px
}

.video .s7videoviewer.s7touchinput .s7mutablevolume .s7mutebutton {
  background-size: 120px
}

.video .s7videoviewer.s7touchinput .s7mutablevolume .s7mutebutton[selected='true'][state='up'] {
  background-position: -90px -1148px
}

.video .s7videoviewer.s7touchinput .s7mutablevolume .s7mutebutton[selected='true'][state='over'] {
  background-position: -60px -1148px
}

.video .s7videoviewer.s7touchinput .s7mutablevolume .s7mutebutton[selected='true'][state='down'] {
  background-position: -30px -1148px
}

.video .s7videoviewer.s7touchinput .s7mutablevolume .s7mutebutton[selected='true'][state='disabled'] {
  background-position: 0 -1148px
}

.video .s7videoviewer.s7touchinput .s7mutablevolume .s7mutebutton[selected='false'][state='up'] {
  background-position: -90px -1120px
}

.video .s7videoviewer.s7touchinput .s7mutablevolume .s7mutebutton[selected='false'][state='over'] {
  background-position: -60px -1120px
}

.video .s7videoviewer.s7touchinput .s7mutablevolume .s7mutebutton[selected='false'][state='down'] {
  background-position: -30px -1120px
}

.video .s7videoviewer.s7touchinput .s7mutablevolume .s7mutebutton[selected='false'][state='disabled'] {
  background-position: 0 -1120px
}

.video .s7videoviewer .s7videoplayer .s7caption {
  font-size: 18px;
  line-height: 24px;
  max-width: 800px;
  padding: 5px 10px
}

@media (min-width: 1024px) {
  .darkmodeswitch--sviewport {
    display: none
  }
}

.darkmodeswitch--mviewport {
  display: none
}

@media (min-width: 1024px) {
  .darkmodeswitch--mviewport {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.darkmodeswitch--globalPage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0
}

.darkmodeswitch__wrapper {
  margin-bottom: 10px;
  padding: 6px 18px
}

@media (min-width: 1024px) {
  .darkmodeswitch__wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    margin-right: 40px;
    padding: 0 2px
  }
}

.darkmodeswitch__wrapper.darkmodeswitch--globalPage {
  margin-bottom: 0
}

.darkmodeswitch__button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%
}

@media (min-width: 1024px) {
  .darkmodeswitch__button {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: auto
  }
}

.darkmodeswitch__text {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 24px;
  color: var(--c-black);
  margin-right: 6px
}

body.fontsReady .darkmodeswitch__text {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1024px) {
  .darkmodeswitch__text {
    color: var(--c-white)
  }
}

.darkmodeswitch__text:hover {
  text-decoration: underline
}

@media (min-width: 1024px) {
  .darkmodeswitch--globalPage .darkmodeswitch__text {
    color: var(--c-black-coral-grey-500)
  }
}

.darkmodeswitch__switch {
  background-color: var(--c-white);
  border-color: var(--c-black);
  border-radius: 20px;
  border-style: solid;
  border-width: 1px;
  height: 20px;
  padding: 2px;
  position: relative;
  width: 40px
}

@media (min-width: 1024px) {
  .darkmodeswitch__switch {
    background-color: var(--c-black-coral-grey-500);
    border-color: var(--c-white)
  }
}

.darkmodeswitch__switch::after,
.darkmodeswitch__switch::before {
  border-radius: 50%;
  content: '';
  left: 0;
  position: absolute
}

.darkmodeswitch__switch::after {
  background-color: var(--c-black);
  height: 14px;
  top: 50%;
  -webkit-transform: translate(3px, -50%);
  transform: translate(3px, -50%);
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
  width: 14px
}

html.darkmode .darkmodeswitch__switch::after {
  -webkit-transform: translate(20px, -50%);
  transform: translate(20px, -50%)
}

@media (min-width: 1024px) {
  .darkmodeswitch__switch::after {
    background-color: var(--c-white)
  }
}

.darkmodeswitch__switch::before {
  background-color: var(--c-white);
  height: 0;
  top: 10%;
  -webkit-transform: translateX(3px);
  transform: translateX(3px);
  -webkit-transition: height 0.4s, width 0.4s, -webkit-transform 0.4s;
  transition: height 0.4s, width 0.4s, -webkit-transform 0.4s;
  transition: height 0.4s, width 0.4s, transform 0.4s;
  transition: height 0.4s, width 0.4s, transform 0.4s, -webkit-transform 0.4s;
  width: 0;
  z-index: 1
}

html.darkmode .darkmodeswitch__switch::before {
  height: 11.2px;
  -webkit-transform: translateX(18.32px);
  transform: translateX(18.32px);
  width: 11.2px
}

@media (min-width: 1024px) {
  .darkmodeswitch__switch::before {
    background-color: var(--c-black-coral-grey-500)
  }
}

.calculator__base .columncontrol__base--column-white {
  margin-bottom: 20px
}

@media (max-width: 767px) {
  .calculator__base .columncontrol__column {
    padding: 0
  }
}

.calculator__base .columncontrol__column>.text:first-child .text__base {
  padding-top: 0
}

.calculator__title {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  text-align: center;
  margin-bottom: 40px
}

body.fontsReady .calculator__title {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .calculator__title {
    font-size: 60px;
    font-family: Arial, sans-serif;
    line-height: 50px
  }

  body.fontsReady .calculator__title {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .calculator__title {
    font-size: 70px;
    font-family: Arial, sans-serif;
    line-height: 100px
  }

  body.fontsReady .calculator__title {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.numberinput__base {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.numberinput__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin: 0 0 3px
}

.numberinput__type--range .numberinput__top {
  margin-bottom: 20px
}

.numberinput__label {
  font-size: 18px;
  font-family: Arial, sans-serif;
  line-height: 24px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 15px
}

body.fontsReady .numberinput__label {
  font-family: "MiloWebPro", Arial, sans-serif
}

.numberinput__number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid var(--c-silver-chalice-grey-300);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%
}

.numberinput__type--range .numberinput__number {
  width: 105px
}

.numberinput__input {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 24px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 8px 0 8px 16px;
  border: none
}

body.fontsReady .numberinput__input {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 768px) {
  .numberinput__input {
    font-size: 18px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 24px
  }

  body.fontsReady .numberinput__input {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

.numberinput__unit {
  padding: 0 14px
}

.numberinput__type--range .numberinput__unit {
  padding: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.numberinput__slider {
  margin-bottom: 15px
}

.numberinput__slider.noUi-target {
  padding: 0
}

.numberinput__slider .noUi-connect {
  background: #e1000f
}

.numberinput__legends {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.selectinput__base .dropdown__base {
  margin-bottom: 20px
}

.selectinput__base .input__base {
  margin-bottom: 15px
}

.selectinput__base .label__base {
  margin: 0 0 3px
}

.resultoutput__base {
  padding: 25px;
  width: 100%;
  background-color: #005a4c;
  color: #fff
}

@media (min-width: 768px) {
  .resultoutput__base {
    padding: 40px
  }
}

.resultoutput__main {
  text-align: center;
  margin-bottom: 40px
}

.resultoutput__main-title {
  font-size: 21px;
  font-family: Arial, sans-serif;
  line-height: 31px;
  margin-bottom: 20px
}

body.fontsReady .resultoutput__main-title {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .resultoutput__main-title {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 32px
  }

  body.fontsReady .resultoutput__main-title {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.resultoutput__main-result {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  margin-bottom: 20px
}

body.fontsReady .resultoutput__main-result {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .resultoutput__main-result {
    font-size: 60px;
    font-family: Arial, sans-serif;
    line-height: 50px
  }

  body.fontsReady .resultoutput__main-result {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .resultoutput__main-result {
    font-size: 70px;
    font-family: Arial, sans-serif;
    line-height: 100px
  }

  body.fontsReady .resultoutput__main-result {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.resultoutput__main-label {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 24px
}

body.fontsReady .resultoutput__main-label {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 768px) {
  .resultoutput__main-label {
    font-size: 18px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 24px
  }

  body.fontsReady .resultoutput__main-label {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

.resultoutput__list {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 24px;
  width: 100%;
  max-width: 700px;
  margin: 0 auto 40px
}

body.fontsReady .resultoutput__list {
  font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 768px) {
  .resultoutput__list {
    font-size: 18px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 24px
  }

  body.fontsReady .resultoutput__list {
    font-family: "MiloWebPro", Arial, sans-serif
  }
}

.resultoutput__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px
}

.resultoutput__list-label {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.resultoutput__list-result {
  margin-left: 15px
}

.resultoutput__customarea .text__base p,
.resultoutput__customarea .text__base ul,
.resultoutput__customarea .text__base ol,
.resultoutput__customarea .text__base h3,
.resultoutput__customarea .text__base h4,
.resultoutput__customarea .text__base h5 {
  color: #fff
}

.resultoutput .infotooltip__icon {
  color: #fff;
  border-color: #fff
}

.reportbutton__base {
  padding: 5px
}

.reportbutton__button {
  cursor: pointer;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto
}

.resultoutput__base .reportbutton__button {
  color: #fff
}

.reportbutton__icon {
  width: 2em;
  height: 2em;
  margin-right: 5px
}

.reportbutton__disabled {
  opacity: 0.5;
  cursor: default;
  color: #84898b
}

.calculateButton {
  cursor: pointer
}

.calculateButton__icon.heli__svg-icons {
  padding: 0
}

html {
  font-size: 16px;
  direction: ltr
}

body {
  font-size: 16px;
  font-family: Arial, sans-serif;
  color: #232023;
  background-color: #fff;
  text-align: left
}

body.fontsReady {
  font-family: "FuturaBook", Arial, sans-serif
}

body.noScroll {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.heli__svg-icon,
.svg__icon {
  fill: currentColor;
  width: 100%;
  height: 100%;
  color: inherit
}

*:focus {
  outline-color: #4d90fe
}

.hasFocus {
  outline: 3px solid #4d90fe
}

.isHidden {
  display: none
}

.isInvisible {
  visibility: hidden
}

.visuallyHidden {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  pointer-events: none;
  margin: -1px
}

.text-line {
  display: block
}

a:not(.hasFocus),
button:not(.hasFocus) {
  outline: none
}

a {
  font-size: 19px;
  font-family: Arial, sans-serif;
  line-height: 29px;
  color: #e20f0f;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none
}

body.fontsReady a {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  a {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 31px
  }

  body.fontsReady a {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.text a {
  text-decoration: underline
}

input::-ms-clear {
  display: none
}

.contentbox__row {
  zoom: 1;
  margin-left: -8px;
  margin-right: -8px
}

.contentbox__row::before,
.contentbox__row::after {
  content: '';
  display: block;
  height: 0;
  overflow: hidden
}

.contentbox__row::after {
  clear: both
}

@media (min-width: 768px) {
  .contentbox__row {
    margin-left: -10px;
    margin-right: -10px
  }
}

.layoutpanel__base .contentbox__row {
  margin: 0
}

@media (min-width: 640px) {
  .layoutpanel__base .contentbox__row {
    zoom: 1;
    margin-left: -8px;
    margin-right: -8px
  }

  .layoutpanel__base .contentbox__row::before,
  .layoutpanel__base .contentbox__row::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden
  }

  .layoutpanel__base .contentbox__row::after {
    clear: both
  }
}

@media (min-width: 640px) and (min-width: 768px) {
  .layoutpanel__base .contentbox__row {
    margin-left: -10px;
    margin-right: -10px
  }
}

.contentbox__base {
  padding: 60px 0;
  width: 100%;
  float: left;
  padding-left: 8px;
  padding-right: 8px
}

@media (max-width: 639px) {
  .layoutpanel__wrapper--white .contentbox__base {
    padding-left: 10px;
    padding-right: 10px
  }

  .layoutpanel__base .columncontrol__base .contentbox__base {
    padding-left: 0;
    padding-right: 0
  }
}

@media (min-width: 640px) {
  .contentbox__base {
    margin-left: 8.33333%;
    width: 83.33333%;
    float: left;
    padding-left: 8px;
    padding-right: 8px
  }
}

@media (min-width: 768px) {
  .contentbox__base {
    width: 66.66667%;
    float: left;
    margin-left: 16.66667%;
    margin-right: -100%;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media (min-width: 1024px) {
  .contentbox__base {
    width: 50%;
    float: left;
    margin-left: 25%;
    margin-right: -100%;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media (min-width: 768px) {
  .layoutpanel__wrapper--white .contentbox__base {
    margin-left: 10%;
    width: 80%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media (min-width: 1024px) {
  .layoutpanel__wrapper--white .contentbox__base {
    margin-left: 12.5%;
    width: 75%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.contentbox__wrapper {
  padding: 31px 24px 40px 20px;
  background-color: #fff;
  border: 3px dashed #e3032b;
  border-radius: 12px;
  position: relative
}

@media (min-width: 768px) {
  .contentbox__wrapper {
    padding-left: 30px
  }
}

@media (min-width: 1024px) {
  .contentbox__wrapper {
    padding-top: 50px
  }
}

@media (min-width: 1280px) {
  .contentbox__wrapper {
    padding-top: 60px
  }
}

.layoutpanel__base .contentbox__wrapper .container {
  padding: 0
}

.contentbox__icon {
  background-color: #fff;
  border: 3px dashed #e3032b;
  border-radius: 50%;
  height: 45px;
  width: 45px;
  left: 15px;
  position: absolute;
  top: -26px
}

@media (min-width: 640px) {
  .contentbox__icon {
    left: 30px
  }
}

.contentbox .heli__svg-icon {
  fill: #e3032b;
  width: 20px;
  height: 29px;
  display: block;
  margin: 5px auto
}

.contentbox .text .text__row {
  margin: 0
}

.contentbox .text .text__base {
  width: 100%;
  margin: 0;
  padding: 0
}

.contentbox .text .text__base h2,
.contentbox .text .text__base h3,
.contentbox .text .text__base h4,
.contentbox .text .text__base h5,
.contentbox .text .text__base h6,
.contentbox .text .text__base p,
.contentbox .text .text__base ol,
.contentbox .text .text__base ul {
  color: #e3032b
}

.buttonbox__row {
  zoom: 1;
  margin-left: -8px;
  margin-right: -8px
}

.buttonbox__row::before,
.buttonbox__row::after {
  content: '';
  display: block;
  height: 0;
  overflow: hidden
}

.buttonbox__row::after {
  clear: both
}

@media (min-width: 768px) {
  .buttonbox__row {
    margin-left: -10px;
    margin-right: -10px
  }
}

.layoutpanel__base .buttonbox__row {
  margin: 0
}

@media (min-width: 640px) {
  .layoutpanel__base .buttonbox__row {
    zoom: 1;
    margin-left: -8px;
    margin-right: -8px
  }

  .layoutpanel__base .buttonbox__row::before,
  .layoutpanel__base .buttonbox__row::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden
  }

  .layoutpanel__base .buttonbox__row::after {
    clear: both
  }
}

@media (min-width: 640px) and (min-width: 768px) {
  .layoutpanel__base .buttonbox__row {
    margin-left: -10px;
    margin-right: -10px
  }
}

.buttonbox__base {
  padding: 60px 0;
  width: 100%;
  float: left;
  padding-left: 8px;
  padding-right: 8px
}

@media (max-width: 639px) {
  .layoutpanel__wrapper--white .buttonbox__base {
    padding-left: 10px;
    padding-right: 10px
  }

  .layoutpanel__base .columncontrol__base .buttonbox__base {
    padding-left: 0;
    padding-right: 0
  }
}

@media (min-width: 640px) {
  .buttonbox__base {
    margin-left: 8.33333%;
    width: 83.33333%;
    float: left;
    padding-left: 8px;
    padding-right: 8px
  }
}

@media (min-width: 768px) {
  .buttonbox__base {
    width: 66.66667%;
    float: left;
    margin-left: 16.66667%;
    margin-right: -100%;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media (min-width: 1024px) {
  .buttonbox__base {
    width: 50%;
    float: left;
    margin-left: 25%;
    margin-right: -100%;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media (min-width: 768px) {
  .layoutpanel__wrapper--white .buttonbox__base {
    margin-left: 10%;
    width: 80%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media (min-width: 1024px) {
  .layoutpanel__wrapper--white .buttonbox__base {
    margin-left: 12.5%;
    width: 75%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.buttonbox__wrapper {
  background-color: #e3032b;
  border: 2px solid #e3032b;
  border-radius: 12px;
  -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.52);
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.52);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear
}

.buttonbox__wrapper .heli__svg-icon {
  fill: #fff
}

.buttonbox__wrapper:hover {
  background-color: #fff;
  color: #e3032b;
  -webkit-box-shadow: none;
  box-shadow: none
}

.buttonbox__wrapper:hover .heli__svg-icon {
  fill: #e3032b
}

.buttonbox__content {
  padding: 30px 25px 55px 20px;
  width: 100%
}

@media (min-width: 768px) {
  .buttonbox__content {
    padding: 30px 60px 70px 30px
  }
}

@media (min-width: 1024px) {
  .buttonbox__content {
    padding: 30px 60px 50px 35px
  }
}

@media (min-width: 1280px) {
  .buttonbox__content {
    padding-left: 40px
  }
}

.buttonbox__title {
  font-size: 23px;
  font-family: Arial, sans-serif;
  line-height: 31px;
  color: #fff
}

body.fontsReady .buttonbox__title {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .buttonbox__title {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px
  }

  body.fontsReady .buttonbox__title {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.buttonbox__title+p:not(.buttonbox__title) {
  margin-top: 20px
}

.buttonbox__anchor {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  position: relative;
  width: 100%
}

.buttonbox__anchor p:not(.buttonbox__title),
.buttonbox__anchor ul,
.buttonbox__anchor ol {
  font-size: 17px;
  font-family: Arial, sans-serif;
  line-height: 27px;
  color: #fff
}

body.fontsReady .buttonbox__anchor p:not(.buttonbox__title),
body.fontsReady .buttonbox__anchor ul,
body.fontsReady .buttonbox__anchor ol {
  font-family: "FuturaMedium", Arial, sans-serif
}

@media (min-width: 1024px) {

  .buttonbox__anchor p:not(.buttonbox__title),
  .buttonbox__anchor ul,
  .buttonbox__anchor ol {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 29px
  }

  body.fontsReady .buttonbox__anchor p:not(.buttonbox__title),
  body.fontsReady .buttonbox__anchor ul,
  body.fontsReady .buttonbox__anchor ol {
    font-family: "FuturaMedium", Arial, sans-serif
  }
}

@media (max-width: 768px) {

  .buttonbox__anchor p:not(.buttonbox__title),
  .buttonbox__anchor ul,
  .buttonbox__anchor ol {
    padding-right: 35px
  }
}

.buttonbox__wrapper:hover .buttonbox__anchor p,
.buttonbox__wrapper:hover .buttonbox__anchor ul,
.buttonbox__wrapper:hover .buttonbox__anchor ol {
  color: #e3032b
}

.buttonbox__icon {
  bottom: 32px;
  height: 24px;
  position: absolute;
  right: 24px;
  width: 14px
}

.icon__base {
  height: 60px;
  width: 64px
}

.icon__base--noIcon {
  display: none
}

.icon__base .heli__svg-icons {
  height: 100%;
  max-height: 60px;
  max-width: 64px;
  width: 100%
}

.columncontrol__base .icon {
  margin: 20px 20px 15px
}

.columncontrol__base .icon+.text .text__base {
  margin-top: 0;
  padding-top: 0
}

.stepbystep {
  background-attachment: local;
  background-color: #e3032b;
  background-image: url("assets/step-by-step-bg.png");
  background-position: right 100px;
  background-repeat: no-repeat
}

.stepbystep__title {
  font-size: 31px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px;
  color: #fff
}

body.fontsReady .stepbystep__title {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .stepbystep__title {
    font-size: 65px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .stepbystep__title {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .stepbystep__title {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .stepbystep__title {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel__wrapper--white .stepbystep__title,
.product-page__base .stepbystep__title {
  color: #e3032b
}

.hotspotimage .stepbystep__title.fancy-title,
.slidingteaserlist .stepbystep__title.fancy-title {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.hotspotimage .stepbystep__title.fancy-title--h1,
.slidingteaserlist .stepbystep__title.fancy-title--h1 {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .86px
}

body.fontsReady .hotspotimage .stepbystep__title.fancy-title--h1,
body.fontsReady .slidingteaserlist .stepbystep__title.fancy-title--h1 {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .hotspotimage .stepbystep__title.fancy-title--h1,
  .slidingteaserlist .stepbystep__title.fancy-title--h1 {
    font-size: 60px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1.29px
  }

  body.fontsReady .hotspotimage .stepbystep__title.fancy-title--h1,
  body.fontsReady .slidingteaserlist .stepbystep__title.fancy-title--h1 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .hotspotimage .stepbystep__title.fancy-title--h1,
  .slidingteaserlist .stepbystep__title.fancy-title--h1 {
    font-size: 90px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.93px
  }

  body.fontsReady .hotspotimage .stepbystep__title.fancy-title--h1,
  body.fontsReady .slidingteaserlist .stepbystep__title.fancy-title--h1 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.hotspotimage .stepbystep__title.fancy-title--h1 .fancy-title__letter--small,
.slidingteaserlist .stepbystep__title.fancy-title--h1 .fancy-title__letter--small {
  font-size: 35px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .67px
}

body.fontsReady .hotspotimage .stepbystep__title.fancy-title--h1 .fancy-title__letter--small,
body.fontsReady .slidingteaserlist .stepbystep__title.fancy-title--h1 .fancy-title__letter--small {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .hotspotimage .stepbystep__title.fancy-title--h1 .fancy-title__letter--small,
  .slidingteaserlist .stepbystep__title.fancy-title--h1 .fancy-title__letter--small {
    font-size: 50px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1px
  }

  body.fontsReady .hotspotimage .stepbystep__title.fancy-title--h1 .fancy-title__letter--small,
  body.fontsReady .slidingteaserlist .stepbystep__title.fancy-title--h1 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .hotspotimage .stepbystep__title.fancy-title--h1 .fancy-title__letter--small,
  .slidingteaserlist .stepbystep__title.fancy-title--h1 .fancy-title__letter--small {
    font-size: 80px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.5px
  }

  body.fontsReady .hotspotimage .stepbystep__title.fancy-title--h1 .fancy-title__letter--small,
  body.fontsReady .slidingteaserlist .stepbystep__title.fancy-title--h1 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.hotspotimage .stepbystep__title.fancy-title--h1 .fancy-title__letter--big,
.slidingteaserlist .stepbystep__title.fancy-title--h1 .fancy-title__letter--big {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .86px
}

body.fontsReady .hotspotimage .stepbystep__title.fancy-title--h1 .fancy-title__letter--big,
body.fontsReady .slidingteaserlist .stepbystep__title.fancy-title--h1 .fancy-title__letter--big {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .hotspotimage .stepbystep__title.fancy-title--h1 .fancy-title__letter--big,
  .slidingteaserlist .stepbystep__title.fancy-title--h1 .fancy-title__letter--big {
    font-size: 60px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1.29px
  }

  body.fontsReady .hotspotimage .stepbystep__title.fancy-title--h1 .fancy-title__letter--big,
  body.fontsReady .slidingteaserlist .stepbystep__title.fancy-title--h1 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .hotspotimage .stepbystep__title.fancy-title--h1 .fancy-title__letter--big,
  .slidingteaserlist .stepbystep__title.fancy-title--h1 .fancy-title__letter--big {
    font-size: 90px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.93px
  }

  body.fontsReady .hotspotimage .stepbystep__title.fancy-title--h1 .fancy-title__letter--big,
  body.fontsReady .slidingteaserlist .stepbystep__title.fancy-title--h1 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.hotspotimage .stepbystep__title.fancy-title--h2,
.slidingteaserlist .stepbystep__title.fancy-title--h2 {
  font-size: 31px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .hotspotimage .stepbystep__title.fancy-title--h2,
body.fontsReady .slidingteaserlist .stepbystep__title.fancy-title--h2 {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .hotspotimage .stepbystep__title.fancy-title--h2,
  .slidingteaserlist .stepbystep__title.fancy-title--h2 {
    font-size: 65px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .hotspotimage .stepbystep__title.fancy-title--h2,
  body.fontsReady .slidingteaserlist .stepbystep__title.fancy-title--h2 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .hotspotimage .stepbystep__title.fancy-title--h2,
  .slidingteaserlist .stepbystep__title.fancy-title--h2 {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .hotspotimage .stepbystep__title.fancy-title--h2,
  body.fontsReady .slidingteaserlist .stepbystep__title.fancy-title--h2 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.hotspotimage .stepbystep__title.fancy-title--h2 .fancy-title__letter--small,
.slidingteaserlist .stepbystep__title.fancy-title--h2 .fancy-title__letter--small {
  font-size: 27px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .hotspotimage .stepbystep__title.fancy-title--h2 .fancy-title__letter--small,
body.fontsReady .slidingteaserlist .stepbystep__title.fancy-title--h2 .fancy-title__letter--small {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .hotspotimage .stepbystep__title.fancy-title--h2 .fancy-title__letter--small,
  .slidingteaserlist .stepbystep__title.fancy-title--h2 .fancy-title__letter--small {
    font-size: 55px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .hotspotimage .stepbystep__title.fancy-title--h2 .fancy-title__letter--small,
  body.fontsReady .slidingteaserlist .stepbystep__title.fancy-title--h2 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .hotspotimage .stepbystep__title.fancy-title--h2 .fancy-title__letter--small,
  .slidingteaserlist .stepbystep__title.fancy-title--h2 .fancy-title__letter--small {
    font-size: 90px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .hotspotimage .stepbystep__title.fancy-title--h2 .fancy-title__letter--small,
  body.fontsReady .slidingteaserlist .stepbystep__title.fancy-title--h2 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.hotspotimage .stepbystep__title.fancy-title--h2 .fancy-title__letter--big,
.slidingteaserlist .stepbystep__title.fancy-title--h2 .fancy-title__letter--big {
  font-size: 31px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .hotspotimage .stepbystep__title.fancy-title--h2 .fancy-title__letter--big,
body.fontsReady .slidingteaserlist .stepbystep__title.fancy-title--h2 .fancy-title__letter--big {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .hotspotimage .stepbystep__title.fancy-title--h2 .fancy-title__letter--big,
  .slidingteaserlist .stepbystep__title.fancy-title--h2 .fancy-title__letter--big {
    font-size: 65px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .hotspotimage .stepbystep__title.fancy-title--h2 .fancy-title__letter--big,
  body.fontsReady .slidingteaserlist .stepbystep__title.fancy-title--h2 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .hotspotimage .stepbystep__title.fancy-title--h2 .fancy-title__letter--big,
  .slidingteaserlist .stepbystep__title.fancy-title--h2 .fancy-title__letter--big {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .hotspotimage .stepbystep__title.fancy-title--h2 .fancy-title__letter--big,
  body.fontsReady .slidingteaserlist .stepbystep__title.fancy-title--h2 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.hotspotimage .stepbystep__title.fancy-title .fancy-title__span,
.slidingteaserlist .stepbystep__title.fancy-title .fancy-title__span {
  display: inline-block;
  text-align: center;
  max-width: 100%
}

.hotspotimage .stepbystep__title.fancy-title .fancy-title__span:nth-child(2),
.slidingteaserlist .stepbystep__title.fancy-title .fancy-title__span:nth-child(2) {
  padding-left: 7px
}

@media (min-width: 640px) {

  .hotspotimage .stepbystep__title.fancy-title .fancy-title__span:nth-child(2),
  .slidingteaserlist .stepbystep__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 13px
  }
}

@media (min-width: 768px) {

  .hotspotimage .stepbystep__title.fancy-title .fancy-title__span:nth-child(2),
  .slidingteaserlist .stepbystep__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 16px
  }
}

@media (min-width: 1024px) {

  .hotspotimage .stepbystep__title.fancy-title .fancy-title__span:nth-child(2),
  .slidingteaserlist .stepbystep__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 20px
  }
}

.hotspotimage .stepbystep__title.fancy-title .fancy-title__letter--big,
.hotspotimage .stepbystep__title.fancy-title .fancy-title__letter--small,
.slidingteaserlist .stepbystep__title.fancy-title .fancy-title__letter--big,
.slidingteaserlist .stepbystep__title.fancy-title .fancy-title__letter--small {
  font-style: normal
}

.layoutpanel .stepbystep__title,
.teaserlist .stepbystep__title,
.stepbystep .stepbystep__title {
  color: #e3032b
}

.layoutpanel .stepbystep__title.fancy-title,
.teaserlist .stepbystep__title.fancy-title,
.stepbystep .stepbystep__title.fancy-title {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.layoutpanel .stepbystep__title.fancy-title--h1,
.teaserlist .stepbystep__title.fancy-title--h1,
.stepbystep .stepbystep__title.fancy-title--h1 {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .86px
}

body.fontsReady .layoutpanel .stepbystep__title.fancy-title--h1,
body.fontsReady .teaserlist .stepbystep__title.fancy-title--h1,
body.fontsReady .stepbystep .stepbystep__title.fancy-title--h1 {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .layoutpanel .stepbystep__title.fancy-title--h1,
  .teaserlist .stepbystep__title.fancy-title--h1,
  .stepbystep .stepbystep__title.fancy-title--h1 {
    font-size: 60px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1.29px
  }

  body.fontsReady .layoutpanel .stepbystep__title.fancy-title--h1,
  body.fontsReady .teaserlist .stepbystep__title.fancy-title--h1,
  body.fontsReady .stepbystep .stepbystep__title.fancy-title--h1 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .layoutpanel .stepbystep__title.fancy-title--h1,
  .teaserlist .stepbystep__title.fancy-title--h1,
  .stepbystep .stepbystep__title.fancy-title--h1 {
    font-size: 90px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.93px
  }

  body.fontsReady .layoutpanel .stepbystep__title.fancy-title--h1,
  body.fontsReady .teaserlist .stepbystep__title.fancy-title--h1,
  body.fontsReady .stepbystep .stepbystep__title.fancy-title--h1 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel .stepbystep__title.fancy-title--h1 .fancy-title__letter--small,
.teaserlist .stepbystep__title.fancy-title--h1 .fancy-title__letter--small,
.stepbystep .stepbystep__title.fancy-title--h1 .fancy-title__letter--small {
  font-size: 35px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .67px
}

body.fontsReady .layoutpanel .stepbystep__title.fancy-title--h1 .fancy-title__letter--small,
body.fontsReady .teaserlist .stepbystep__title.fancy-title--h1 .fancy-title__letter--small,
body.fontsReady .stepbystep .stepbystep__title.fancy-title--h1 .fancy-title__letter--small {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .layoutpanel .stepbystep__title.fancy-title--h1 .fancy-title__letter--small,
  .teaserlist .stepbystep__title.fancy-title--h1 .fancy-title__letter--small,
  .stepbystep .stepbystep__title.fancy-title--h1 .fancy-title__letter--small {
    font-size: 50px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1px
  }

  body.fontsReady .layoutpanel .stepbystep__title.fancy-title--h1 .fancy-title__letter--small,
  body.fontsReady .teaserlist .stepbystep__title.fancy-title--h1 .fancy-title__letter--small,
  body.fontsReady .stepbystep .stepbystep__title.fancy-title--h1 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .layoutpanel .stepbystep__title.fancy-title--h1 .fancy-title__letter--small,
  .teaserlist .stepbystep__title.fancy-title--h1 .fancy-title__letter--small,
  .stepbystep .stepbystep__title.fancy-title--h1 .fancy-title__letter--small {
    font-size: 80px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.5px
  }

  body.fontsReady .layoutpanel .stepbystep__title.fancy-title--h1 .fancy-title__letter--small,
  body.fontsReady .teaserlist .stepbystep__title.fancy-title--h1 .fancy-title__letter--small,
  body.fontsReady .stepbystep .stepbystep__title.fancy-title--h1 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel .stepbystep__title.fancy-title--h1 .fancy-title__letter--big,
.teaserlist .stepbystep__title.fancy-title--h1 .fancy-title__letter--big,
.stepbystep .stepbystep__title.fancy-title--h1 .fancy-title__letter--big {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .86px
}

body.fontsReady .layoutpanel .stepbystep__title.fancy-title--h1 .fancy-title__letter--big,
body.fontsReady .teaserlist .stepbystep__title.fancy-title--h1 .fancy-title__letter--big,
body.fontsReady .stepbystep .stepbystep__title.fancy-title--h1 .fancy-title__letter--big {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .layoutpanel .stepbystep__title.fancy-title--h1 .fancy-title__letter--big,
  .teaserlist .stepbystep__title.fancy-title--h1 .fancy-title__letter--big,
  .stepbystep .stepbystep__title.fancy-title--h1 .fancy-title__letter--big {
    font-size: 60px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1.29px
  }

  body.fontsReady .layoutpanel .stepbystep__title.fancy-title--h1 .fancy-title__letter--big,
  body.fontsReady .teaserlist .stepbystep__title.fancy-title--h1 .fancy-title__letter--big,
  body.fontsReady .stepbystep .stepbystep__title.fancy-title--h1 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .layoutpanel .stepbystep__title.fancy-title--h1 .fancy-title__letter--big,
  .teaserlist .stepbystep__title.fancy-title--h1 .fancy-title__letter--big,
  .stepbystep .stepbystep__title.fancy-title--h1 .fancy-title__letter--big {
    font-size: 90px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.93px
  }

  body.fontsReady .layoutpanel .stepbystep__title.fancy-title--h1 .fancy-title__letter--big,
  body.fontsReady .teaserlist .stepbystep__title.fancy-title--h1 .fancy-title__letter--big,
  body.fontsReady .stepbystep .stepbystep__title.fancy-title--h1 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel .stepbystep__title.fancy-title--h2,
.teaserlist .stepbystep__title.fancy-title--h2,
.stepbystep .stepbystep__title.fancy-title--h2 {
  font-size: 31px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .layoutpanel .stepbystep__title.fancy-title--h2,
body.fontsReady .teaserlist .stepbystep__title.fancy-title--h2,
body.fontsReady .stepbystep .stepbystep__title.fancy-title--h2 {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .layoutpanel .stepbystep__title.fancy-title--h2,
  .teaserlist .stepbystep__title.fancy-title--h2,
  .stepbystep .stepbystep__title.fancy-title--h2 {
    font-size: 65px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .layoutpanel .stepbystep__title.fancy-title--h2,
  body.fontsReady .teaserlist .stepbystep__title.fancy-title--h2,
  body.fontsReady .stepbystep .stepbystep__title.fancy-title--h2 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .layoutpanel .stepbystep__title.fancy-title--h2,
  .teaserlist .stepbystep__title.fancy-title--h2,
  .stepbystep .stepbystep__title.fancy-title--h2 {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .layoutpanel .stepbystep__title.fancy-title--h2,
  body.fontsReady .teaserlist .stepbystep__title.fancy-title--h2,
  body.fontsReady .stepbystep .stepbystep__title.fancy-title--h2 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel .stepbystep__title.fancy-title--h2 .fancy-title__letter--small,
.teaserlist .stepbystep__title.fancy-title--h2 .fancy-title__letter--small,
.stepbystep .stepbystep__title.fancy-title--h2 .fancy-title__letter--small {
  font-size: 27px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .layoutpanel .stepbystep__title.fancy-title--h2 .fancy-title__letter--small,
body.fontsReady .teaserlist .stepbystep__title.fancy-title--h2 .fancy-title__letter--small,
body.fontsReady .stepbystep .stepbystep__title.fancy-title--h2 .fancy-title__letter--small {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .layoutpanel .stepbystep__title.fancy-title--h2 .fancy-title__letter--small,
  .teaserlist .stepbystep__title.fancy-title--h2 .fancy-title__letter--small,
  .stepbystep .stepbystep__title.fancy-title--h2 .fancy-title__letter--small {
    font-size: 55px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .layoutpanel .stepbystep__title.fancy-title--h2 .fancy-title__letter--small,
  body.fontsReady .teaserlist .stepbystep__title.fancy-title--h2 .fancy-title__letter--small,
  body.fontsReady .stepbystep .stepbystep__title.fancy-title--h2 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .layoutpanel .stepbystep__title.fancy-title--h2 .fancy-title__letter--small,
  .teaserlist .stepbystep__title.fancy-title--h2 .fancy-title__letter--small,
  .stepbystep .stepbystep__title.fancy-title--h2 .fancy-title__letter--small {
    font-size: 90px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .layoutpanel .stepbystep__title.fancy-title--h2 .fancy-title__letter--small,
  body.fontsReady .teaserlist .stepbystep__title.fancy-title--h2 .fancy-title__letter--small,
  body.fontsReady .stepbystep .stepbystep__title.fancy-title--h2 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel .stepbystep__title.fancy-title--h2 .fancy-title__letter--big,
.teaserlist .stepbystep__title.fancy-title--h2 .fancy-title__letter--big,
.stepbystep .stepbystep__title.fancy-title--h2 .fancy-title__letter--big {
  font-size: 31px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .layoutpanel .stepbystep__title.fancy-title--h2 .fancy-title__letter--big,
body.fontsReady .teaserlist .stepbystep__title.fancy-title--h2 .fancy-title__letter--big,
body.fontsReady .stepbystep .stepbystep__title.fancy-title--h2 .fancy-title__letter--big {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {

  .layoutpanel .stepbystep__title.fancy-title--h2 .fancy-title__letter--big,
  .teaserlist .stepbystep__title.fancy-title--h2 .fancy-title__letter--big,
  .stepbystep .stepbystep__title.fancy-title--h2 .fancy-title__letter--big {
    font-size: 65px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .layoutpanel .stepbystep__title.fancy-title--h2 .fancy-title__letter--big,
  body.fontsReady .teaserlist .stepbystep__title.fancy-title--h2 .fancy-title__letter--big,
  body.fontsReady .stepbystep .stepbystep__title.fancy-title--h2 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {

  .layoutpanel .stepbystep__title.fancy-title--h2 .fancy-title__letter--big,
  .teaserlist .stepbystep__title.fancy-title--h2 .fancy-title__letter--big,
  .stepbystep .stepbystep__title.fancy-title--h2 .fancy-title__letter--big {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .layoutpanel .stepbystep__title.fancy-title--h2 .fancy-title__letter--big,
  body.fontsReady .teaserlist .stepbystep__title.fancy-title--h2 .fancy-title__letter--big,
  body.fontsReady .stepbystep .stepbystep__title.fancy-title--h2 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel .stepbystep__title.fancy-title .fancy-title__span,
.teaserlist .stepbystep__title.fancy-title .fancy-title__span,
.stepbystep .stepbystep__title.fancy-title .fancy-title__span {
  display: inline-block;
  text-align: center;
  max-width: 100%
}

.layoutpanel .stepbystep__title.fancy-title .fancy-title__span:nth-child(2),
.teaserlist .stepbystep__title.fancy-title .fancy-title__span:nth-child(2),
.stepbystep .stepbystep__title.fancy-title .fancy-title__span:nth-child(2) {
  padding-left: 7px
}

@media (min-width: 640px) {

  .layoutpanel .stepbystep__title.fancy-title .fancy-title__span:nth-child(2),
  .teaserlist .stepbystep__title.fancy-title .fancy-title__span:nth-child(2),
  .stepbystep .stepbystep__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 13px
  }
}

@media (min-width: 768px) {

  .layoutpanel .stepbystep__title.fancy-title .fancy-title__span:nth-child(2),
  .teaserlist .stepbystep__title.fancy-title .fancy-title__span:nth-child(2),
  .stepbystep .stepbystep__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 16px
  }
}

@media (min-width: 1024px) {

  .layoutpanel .stepbystep__title.fancy-title .fancy-title__span:nth-child(2),
  .teaserlist .stepbystep__title.fancy-title .fancy-title__span:nth-child(2),
  .stepbystep .stepbystep__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 20px
  }
}

.layoutpanel .stepbystep__title.fancy-title .fancy-title__letter--big,
.layoutpanel .stepbystep__title.fancy-title .fancy-title__letter--small,
.teaserlist .stepbystep__title.fancy-title .fancy-title__letter--big,
.teaserlist .stepbystep__title.fancy-title .fancy-title__letter--small,
.stepbystep .stepbystep__title.fancy-title .fancy-title__letter--big,
.stepbystep .stepbystep__title.fancy-title .fancy-title__letter--small {
  font-style: normal
}

.layoutpanel .stepbystep__title.fancy-title .fancy-title__span,
.teaserlist .stepbystep__title.fancy-title .fancy-title__span,
.stepbystep .stepbystep__title.fancy-title .fancy-title__span {
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 12px 35px 0 rgba(50, 50, 93, 0.1), rgba(50, 50, 93, 0.06) 0 2px 6px 0;
  box-shadow: 0 12px 35px 0 rgba(50, 50, 93, 0.1), rgba(50, 50, 93, 0.06) 0 2px 6px 0;
  position: relative;
  z-index: 6
}

.layoutpanel .stepbystep__title.fancy-title .fancy-title__span:nth-child(1),
.teaserlist .stepbystep__title.fancy-title .fancy-title__span:nth-child(1),
.stepbystep .stepbystep__title.fancy-title .fancy-title__span:nth-child(1) {
  z-index: 5
}

.layoutpanel .stepbystep__title.fancy-title .fancy-title__span:nth-child(2),
.teaserlist .stepbystep__title.fancy-title .fancy-title__span:nth-child(2),
.stepbystep .stepbystep__title.fancy-title .fancy-title__span:nth-child(2) {
  z-index: 4
}

.layoutpanel .stepbystep__title.fancy-title .fancy-title__span:nth-child(3),
.teaserlist .stepbystep__title.fancy-title .fancy-title__span:nth-child(3),
.stepbystep .stepbystep__title.fancy-title .fancy-title__span:nth-child(3) {
  z-index: 3
}

.layoutpanel .stepbystep__title.fancy-title--h1 .fancy-title__span,
.teaserlist .stepbystep__title.fancy-title--h1 .fancy-title__span,
.stepbystep .stepbystep__title.fancy-title--h1 .fancy-title__span {
  padding: 13px 10px 7px
}

@media (min-width: 640px) {

  .layoutpanel .stepbystep__title.fancy-title--h1 .fancy-title__span,
  .teaserlist .stepbystep__title.fancy-title--h1 .fancy-title__span,
  .stepbystep .stepbystep__title.fancy-title--h1 .fancy-title__span {
    padding: 20px 15px 12px
  }
}

@media (min-width: 1024px) {

  .layoutpanel .stepbystep__title.fancy-title--h1 .fancy-title__span,
  .teaserlist .stepbystep__title.fancy-title--h1 .fancy-title__span,
  .stepbystep .stepbystep__title.fancy-title--h1 .fancy-title__span {
    padding: 14px 20px 8px
  }
}

.layoutpanel .stepbystep__title.fancy-title--h1 .fancy-title__span:nth-child(1),
.teaserlist .stepbystep__title.fancy-title--h1 .fancy-title__span:nth-child(1),
.stepbystep .stepbystep__title.fancy-title--h1 .fancy-title__span:nth-child(1) {
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg)
}

.layoutpanel .stepbystep__title.fancy-title--h1 .fancy-title__span:nth-child(2),
.teaserlist .stepbystep__title.fancy-title--h1 .fancy-title__span:nth-child(2),
.stepbystep .stepbystep__title.fancy-title--h1 .fancy-title__span:nth-child(2) {
  margin-left: 32px;
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg)
}

.layoutpanel .stepbystep__title.fancy-title--h2 .fancy-title__span,
.teaserlist .stepbystep__title.fancy-title--h2 .fancy-title__span,
.stepbystep .stepbystep__title.fancy-title--h2 .fancy-title__span {
  margin: 0 0 5px;
  padding: 6px 5px 0
}

@media (min-width: 640px) {

  .layoutpanel .stepbystep__title.fancy-title--h2 .fancy-title__span,
  .teaserlist .stepbystep__title.fancy-title--h2 .fancy-title__span,
  .stepbystep .stepbystep__title.fancy-title--h2 .fancy-title__span {
    margin: 0 0 10px
  }
}

@media (min-width: 768px) {

  .layoutpanel .stepbystep__title.fancy-title--h2 .fancy-title__span,
  .teaserlist .stepbystep__title.fancy-title--h2 .fancy-title__span,
  .stepbystep .stepbystep__title.fancy-title--h2 .fancy-title__span {
    padding: 10px 15px 0
  }
}

@media (min-width: 1024px) {

  .layoutpanel .stepbystep__title.fancy-title--h2 .fancy-title__span,
  .teaserlist .stepbystep__title.fancy-title--h2 .fancy-title__span,
  .stepbystep .stepbystep__title.fancy-title--h2 .fancy-title__span {
    padding: 10px 20px 8px
  }
}

.layoutpanel .stepbystep__title.fancy-title--h2 .fancy-title__span:nth-child(1),
.teaserlist .stepbystep__title.fancy-title--h2 .fancy-title__span:nth-child(1),
.stepbystep .stepbystep__title.fancy-title--h2 .fancy-title__span:nth-child(1) {
  -webkit-transform: rotate(1deg);
  transform: rotate(1deg)
}

.layoutpanel .stepbystep__title.fancy-title--h2 .fancy-title__span:nth-child(2),
.teaserlist .stepbystep__title.fancy-title--h2 .fancy-title__span:nth-child(2),
.stepbystep .stepbystep__title.fancy-title--h2 .fancy-title__span:nth-child(2) {
  margin-left: 60px;
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg)
}

.stepbystep__subtitle {
  font-size: 33px;
  font-family: Arial, sans-serif;
  line-height: 41px;
  text-transform: uppercase;
  color: #fff
}

body.fontsReady .stepbystep__subtitle {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .stepbystep__subtitle {
    font-size: 37px;
    font-family: Arial, sans-serif;
    line-height: 50px
  }

  body.fontsReady .stepbystep__subtitle {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.layoutpanel__wrapper--white .stepbystep__subtitle,
.product-page__base .stepbystep__subtitle {
  color: #e3032b
}

.stepbystep__text {
  font-size: 19px;
  font-family: Arial, sans-serif;
  line-height: 29px;
  color: #fff
}

body.fontsReady .stepbystep__text {
  font-family: "FuturaBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .stepbystep__text {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 31px
  }

  body.fontsReady .stepbystep__text {
    font-family: "FuturaBold", Arial, sans-serif
  }
}

.layoutpanel__wrapper--white .stepbystep__text,
.product-page__base .stepbystep__text {
  color: #000
}

.stepbystep__customLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 20px
}

@media (min-width: 640px) {
  .stepbystep__customLink {
    padding-left: 6.66667%;
    padding-right: 6.66667%
  }
}

@media (min-width: 768px) {
  .stepbystep__customLink {
    padding-left: 16.66667%;
    padding-right: 16.66667%
  }
}

@media (min-width: 1024px) {
  .stepbystep__customLink {
    padding-left: 8.33333%;
    padding-right: 8.33333%
  }
}

@media (min-width: 768px) {
  .layoutpanel__wrapper--white .stepbystep__customLink {
    padding-left: 8.33333%;
    padding-right: 8.33333%
  }
}

@media (min-width: 1024px) {
  .layoutpanel__wrapper--white .stepbystep__customLink {
    padding-left: 16.66667%;
    padding-right: 16.66667%
  }
}

@media (min-width: 768px) {
  .stepbystep {
    background-image: url("assets/step-by-step-bg-s.png")
  }
}

@media (min-width: 1024px) {
  .stepbystep {
    background-image: url("assets/step-by-step-bg-m.png")
  }
}

@media (min-width: 1280px) {
  .stepbystep {
    background-image: url("assets/step-by-step-bg-l.png")
  }
}

.stepbystep__base {
  padding-top: 50px;
  zoom: 1;
  margin-left: -8px;
  margin-right: -8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  padding-top: 10px
}

@media (min-width: 1024px) {
  .stepbystep__base {
    padding-top: 60px
  }
}

.accordionpanel__content-wrapper>.stepbystep:first-child .stepbystep__base,
.stepbystep__base .accordionpanel__content-wrapper>.text:first-child .textimage__base,
.layoutpanel__container>.stepbystep:first-child .stepbystep__base,
.layoutpanel__container>.columncontrol__base--control-white .stepbystep:first-child .stepbystep__base {
  padding-top: 50px
}

@media (min-width: 768px) {

  .accordionpanel__content-wrapper>.stepbystep:first-child .stepbystep__base,
  .stepbystep__base .accordionpanel__content-wrapper>.text:first-child .textimage__base,
  .layoutpanel__container>.stepbystep:first-child .stepbystep__base,
  .layoutpanel__container>.columncontrol__base--control-white .stepbystep:first-child .stepbystep__base {
    padding-top: 70px
  }
}

.accordionpanel__content-wrapper>.stepbystep:last-child .stepbystep__base,
.stepbystep__base .accordionpanel__content-wrapper>.text:last-child .textimage__base,
.layoutpanel__container>.stepbystep:last-child .stepbystep__base,
.stepbystep__base .layoutpanel__container>.text:last-child .textimage__base {
  padding-bottom: 50px
}

@media (min-width: 768px) {

  .accordionpanel__content-wrapper>.stepbystep:last-child .stepbystep__base,
  .stepbystep__base .accordionpanel__content-wrapper>.text:last-child .textimage__base,
  .layoutpanel__container>.stepbystep:last-child .stepbystep__base,
  .stepbystep__base .layoutpanel__container>.text:last-child .textimage__base {
    padding-bottom: 70px
  }
}

.layoutpanel .columncontrol__base--control-transparent .columncontrol__column>.stepbystep:not(.text):not(.calltoaction) .stepbystep__base {
  padding-bottom: 0;
  padding-top: 0
}

.columncontrol__column>.stepbystep:first-child .stepbystep__base {
  padding-top: 0
}

.columncontrol__column>.stepbystep:last-child .stepbystep__base {
  padding-bottom: 0
}

@media (max-width: 639px) {
  .layoutpanel__wrapper--white .stepbystep__base {
    padding-left: 10px;
    padding-right: 10px
  }

  .layoutpanel__base .columncontrol__base .stepbystep__base {
    padding-left: 0;
    padding-right: 0
  }
}

.stepbystep__base::before,
.stepbystep__base::after {
  content: '';
  display: block;
  height: 0;
  overflow: hidden
}

.stepbystep__base::after {
  clear: both
}

@media (min-width: 768px) {
  .stepbystep__base {
    margin-left: -10px;
    margin-right: -10px
  }
}

.stepbystep__title {
  padding-top: 60px;
  -webkit-transform: translateY(-60px);
  transform: translateY(-60px)
}

.element {
  width: 100%
}

.element:nth-of-type(3n+1) .element__container--composed .element__content {
  background-image: url("assets/step-1-bg.svg")
}

@media (min-width: 640px) {
  .element:nth-of-type(3n+1) .element__container--composed .element__content {
    background-image: url("assets/step-1-bg-wide.svg")
  }
}

@media (min-width: 768px) {
  .element:nth-of-type(3n+1) .element__container--composed .element__content {
    background-image: url("assets/step-1-bg.svg")
  }
}

.element:nth-of-type(3n+1) .element__container--simple .element__content {
  background-image: url("assets/step-1-bg-wide.svg")
}

.element:nth-of-type(3n+1) .element__video .video__wrapper::after {
  background-image: url("assets/step-video-mask-1.png")
}

.element:nth-of-type(3n+2) .element__container--composed .element__content {
  background-image: url("assets/step-2-bg.svg")
}

@media (min-width: 640px) {
  .element:nth-of-type(3n+2) .element__container--composed .element__content {
    background-image: url("assets/step-2-bg-wide.svg")
  }
}

@media (min-width: 768px) {
  .element:nth-of-type(3n+2) .element__container--composed .element__content {
    background-image: url("assets/step-2-bg.svg")
  }
}

.element:nth-of-type(3n+2) .element__container--simple .element__content {
  background-image: url("assets/step-2-bg-wide.svg")
}

.element:nth-of-type(3n+2) .element__video .video__wrapper::after {
  background-image: url("assets/step-video-mask-2.png")
}

.element:nth-of-type(3n+3) .element__container--composed .element__content {
  background-image: url("assets/step-3-bg.svg")
}

@media (min-width: 640px) {
  .element:nth-of-type(3n+3) .element__container--composed .element__content {
    background-image: url("assets/step-3-bg-wide.svg")
  }
}

@media (min-width: 768px) {
  .element:nth-of-type(3n+3) .element__container--composed .element__content {
    background-image: url("assets/step-3-bg.svg")
  }
}

.element:nth-of-type(3n+3) .element__container--simple .element__content {
  background-image: url("assets/step-3-bg-wide.svg")
}

.element:nth-of-type(3n+3) .element__video .video__wrapper::after {
  background-image: url("assets/step-video-mask-3.png")
}

.element__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative
}

@media (min-width: 768px) {
  .element__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
}

@media screen and (min-width: 768px) and (-ms-high-contrast: active),
(min-width: 768px) and (-ms-high-contrast: none) {
  .element__container {
    height: 525px
  }
}

.element__container--simple {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (min-width: 768px) {
  .element__container--simple {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.element__content {
  padding: 40px 50px 85px 50px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: 4
}

@media (min-width: 1280px) {
  .element__content {
    padding: 40px 50px 85px 50px
  }
}

.element__container--composed .element__content {
  width: 100%;
  -webkit-transform: translate(0, -55px);
  transform: translate(0, -55px)
}

@media (min-width: 640px) {
  .element__container--composed .element__content {
    width: 557px
  }
}

@media (min-width: 768px) {
  .element__container--composed .element__content {
    width: 292px
  }
}

@media (min-width: 1024px) {
  .element__container--composed .element__content {
    width: 382px
  }
}

@media (min-width: 1280px) {
  .element__container--composed .element__content {
    width: 415px
  }
}

@media (min-width: 640px) {
  .element__container--composed .element__content {
    -ms-flex-item-align: end;
    align-self: flex-end
  }
}

@media (min-width: 768px) {
  .element__container--composed .element__content {
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-transform: translate(-80px, 25px);
    transform: translate(-80px, 25px)
  }
}

.element__container--simple .element__content {
  width: 100%
}

@media (min-width: 640px) {
  .element__container--simple .element__content {
    width: 500px
  }
}

@media (min-width: 768px) {
  .element__container--simple .element__content {
    width: 474px
  }
}

@media (min-width: 1024px) {
  .element__container--simple .element__content {
    width: 543px
  }
}

@media (min-width: 1280px) {
  .element__container--simple .element__content {
    width: 672px
  }
}

.element__title {
  font-size: 33px;
  font-family: Arial, sans-serif;
  line-height: 41px;
  text-transform: uppercase;
  -ms-flex-item-align: start;
  align-self: flex-start;
  color: #e3032b;
  display: inline-block;
  overflow: hidden;
  text-transform: uppercase;
  width: 100%
}

body.fontsReady .element__title {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .element__title {
    font-size: 37px;
    font-family: Arial, sans-serif;
    line-height: 50px
  }

  body.fontsReady .element__title {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.element__text {
  font-size: 17px;
  font-family: Arial, sans-serif;
  line-height: 27px
}

body.fontsReady .element__text {
  font-family: "FuturaBook", Arial, sans-serif
}

@media (min-width: 1024px) {
  .element__text {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 29px
  }

  body.fontsReady .element__text {
    font-family: "FuturaBook", Arial, sans-serif
  }
}

.element__text ol {
  list-style: decimal inside
}

.element__text ul {
  list-style: disc inside
}

.element__image {
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative
}

@media (min-width: 640px) {
  .element__image {
    width: 80%
  }
}

@media (min-width: 768px) {
  .element__image {
    width: 65%
  }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  .element__image {
    min-height: 300px
  }
}

@media screen and (min-width: 768px) and (-ms-high-contrast: active),
(min-width: 768px) and (-ms-high-contrast: none) {
  .element__svg {
    height: 375px
  }
}

.element__video {
  width: 100%
}

@media (min-width: 640px) {
  .element__video {
    width: 80%
  }
}

@media (min-width: 768px) {
  .element__video {
    width: 65%
  }
}

.element__video .video__base {
  padding: 20px 10px
}

.element__video .video__wrapper {
  background: #000;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0 0 22px 25px;
  width: 100%
}

.element__video .video__wrapper::after {
  background-repeat: repeat;
  z-index: 9999
}

.element__svg-wrapper {
  height: 100%
}

.slide__row {
  zoom: 1;
  margin-left: -8px;
  margin-right: -8px
}

.slide__row::before,
.slide__row::after {
  content: '';
  display: block;
  height: 0;
  overflow: hidden
}

.slide__row::after {
  clear: both
}

@media (min-width: 768px) {
  .slide__row {
    margin-left: -10px;
    margin-right: -10px
  }
}

.slide__base {
  height: calc(150vw - 90px);
  min-height: 484px;
  width: 100%;
  background-color: #bdbdbd;
  position: relative
}

@media (min-width: 640px) {
  .slide__base {
    height: 400px;
    min-height: auto
  }
}

@media (min-width: 768px) {
  .slide__base {
    height: 365px
  }
}

@media (min-width: 1024px) {
  .slide__base {
    height: 456px
  }
}

@media (min-width: 1280px) {
  .slide__base {
    height: 600px
  }
}

@media (min-width: 640px) {
  .slide__base {
    margin-bottom: auto
  }
}

@media (min-width: 768px) {
  .slide__base {
    min-height: 100%
  }
}

.slide__base.slide--withImage {
  background-color: rgba(0, 0, 0, 0)
}

.slide__image {
  height: calc(150vw - 90px);
  min-height: 484px;
  width: 100%;
  background-color: #bdbdbd;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  position: relative
}

@media (min-width: 640px) {
  .slide__image {
    height: 400px;
    min-height: auto
  }
}

@media (min-width: 768px) {
  .slide__image {
    height: 365px
  }
}

@media (min-width: 1024px) {
  .slide__image {
    height: 456px
  }
}

@media (min-width: 1280px) {
  .slide__image {
    height: 600px
  }
}

.slide__content-wrapper {
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.slide__content {
  padding-left: 8.33333%;
  padding-right: 8.33333%;
  max-width: 100%
}

@media (min-width: 640px) {
  .slide__content {
    max-width: 83.33333%
  }
}

@media (min-width: 768px) {
  .slide__content {
    padding-left: 8.33333%;
    padding-right: 8.33333%;
    max-width: 58.33333%
  }
}

.slide__heading {
  margin-top: 48px
}

@media (min-width: 1024px) {
  .slide__heading {
    margin-top: 75px
  }
}

@media (min-width: 1280px) {
  .slide__heading {
    margin-top: 87px
  }
}

.slide__title {
  margin-bottom: 18px;
  color: #e3032b;
  position: relative
}

.slide__title.fancy-title {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.slide__title.fancy-title--h1 {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .86px
}

body.fontsReady .slide__title.fancy-title--h1 {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .slide__title.fancy-title--h1 {
    font-size: 60px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1.29px
  }

  body.fontsReady .slide__title.fancy-title--h1 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .slide__title.fancy-title--h1 {
    font-size: 90px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.93px
  }

  body.fontsReady .slide__title.fancy-title--h1 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.slide__title.fancy-title--h1 .fancy-title__letter--small {
  font-size: 35px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .67px
}

body.fontsReady .slide__title.fancy-title--h1 .fancy-title__letter--small {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .slide__title.fancy-title--h1 .fancy-title__letter--small {
    font-size: 50px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1px
  }

  body.fontsReady .slide__title.fancy-title--h1 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .slide__title.fancy-title--h1 .fancy-title__letter--small {
    font-size: 80px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.5px
  }

  body.fontsReady .slide__title.fancy-title--h1 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.slide__title.fancy-title--h1 .fancy-title__letter--big {
  font-size: 40px;
  font-family: Arial, sans-serif;
  line-height: 25px;
  letter-spacing: .86px
}

body.fontsReady .slide__title.fancy-title--h1 .fancy-title__letter--big {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .slide__title.fancy-title--h1 .fancy-title__letter--big {
    font-size: 60px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1.29px
  }

  body.fontsReady .slide__title.fancy-title--h1 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .slide__title.fancy-title--h1 .fancy-title__letter--big {
    font-size: 90px;
    font-family: Arial, sans-serif;
    line-height: 80px;
    letter-spacing: 1.93px
  }

  body.fontsReady .slide__title.fancy-title--h1 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.slide__title.fancy-title--h2 {
  font-size: 31px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .slide__title.fancy-title--h2 {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .slide__title.fancy-title--h2 {
    font-size: 65px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .slide__title.fancy-title--h2 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .slide__title.fancy-title--h2 {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .slide__title.fancy-title--h2 {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.slide__title.fancy-title--h2 .fancy-title__letter--small {
  font-size: 27px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .slide__title.fancy-title--h2 .fancy-title__letter--small {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .slide__title.fancy-title--h2 .fancy-title__letter--small {
    font-size: 55px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .slide__title.fancy-title--h2 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .slide__title.fancy-title--h2 .fancy-title__letter--small {
    font-size: 90px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .slide__title.fancy-title--h2 .fancy-title__letter--small {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.slide__title.fancy-title--h2 .fancy-title__letter--big {
  font-size: 31px;
  font-family: Arial, sans-serif;
  font-weight: 200;
  line-height: 30px
}

body.fontsReady .slide__title.fancy-title--h2 .fancy-title__letter--big {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 640px) {
  .slide__title.fancy-title--h2 .fancy-title__letter--big {
    font-size: 65px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 70px
  }

  body.fontsReady .slide__title.fancy-title--h2 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

@media (min-width: 1024px) {
  .slide__title.fancy-title--h2 .fancy-title__letter--big {
    font-size: 100px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 80px
  }

  body.fontsReady .slide__title.fancy-title--h2 .fancy-title__letter--big {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.slide__title.fancy-title .fancy-title__span {
  display: inline-block;
  text-align: center;
  max-width: 100%
}

.slide__title.fancy-title .fancy-title__span:nth-child(2) {
  padding-left: 7px
}

@media (min-width: 640px) {
  .slide__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 13px
  }
}

@media (min-width: 768px) {
  .slide__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 16px
  }
}

@media (min-width: 1024px) {
  .slide__title.fancy-title .fancy-title__span:nth-child(2) {
    padding-left: 20px
  }
}

.slide__title.fancy-title .fancy-title__letter--big,
.slide__title.fancy-title .fancy-title__letter--small {
  font-style: normal
}

.slide__title.fancy-title .fancy-title__span {
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 12px 35px 0 rgba(50, 50, 93, 0.1), rgba(50, 50, 93, 0.06) 0 2px 6px 0;
  box-shadow: 0 12px 35px 0 rgba(50, 50, 93, 0.1), rgba(50, 50, 93, 0.06) 0 2px 6px 0;
  position: relative;
  z-index: 6
}

.slide__title.fancy-title .fancy-title__span:nth-child(1) {
  z-index: 5
}

.slide__title.fancy-title .fancy-title__span:nth-child(2) {
  z-index: 4
}

.slide__title.fancy-title .fancy-title__span:nth-child(3) {
  z-index: 3
}

.slide__title.fancy-title--h1 .fancy-title__span {
  padding: 13px 10px 7px
}

@media (min-width: 640px) {
  .slide__title.fancy-title--h1 .fancy-title__span {
    padding: 20px 15px 12px
  }
}

@media (min-width: 1024px) {
  .slide__title.fancy-title--h1 .fancy-title__span {
    padding: 14px 20px 8px
  }
}

.slide__title.fancy-title--h1 .fancy-title__span:nth-child(1) {
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg)
}

.slide__title.fancy-title--h1 .fancy-title__span:nth-child(2) {
  margin-left: 32px;
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg)
}

.slide__title.fancy-title--h2 .fancy-title__span {
  margin: 0 0 5px;
  padding: 6px 5px 0
}

@media (min-width: 640px) {
  .slide__title.fancy-title--h2 .fancy-title__span {
    margin: 0 0 10px
  }
}

@media (min-width: 768px) {
  .slide__title.fancy-title--h2 .fancy-title__span {
    padding: 10px 15px 0
  }
}

@media (min-width: 1024px) {
  .slide__title.fancy-title--h2 .fancy-title__span {
    padding: 10px 20px 8px
  }
}

.slide__title.fancy-title--h2 .fancy-title__span:nth-child(1) {
  -webkit-transform: rotate(1deg);
  transform: rotate(1deg)
}

.slide__title.fancy-title--h2 .fancy-title__span:nth-child(2) {
  margin-left: 60px;
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg)
}

@media (min-width: 640px) {
  .slide__title {
    margin-bottom: 20px
  }
}

@media (min-width: 1024px) {
  .slide__title {
    margin-bottom: 22px
  }
}

@media (min-width: 1280px) {
  .slide__title {
    margin-bottom: 37px
  }
}

.slide__subtitle {
  font-size: 33px;
  font-family: Arial, sans-serif;
  line-height: 41px;
  text-transform: uppercase;
  position: relative;
  color: #fff
}

body.fontsReady .slide__subtitle {
  font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
}

@media (min-width: 1024px) {
  .slide__subtitle {
    font-size: 37px;
    font-family: Arial, sans-serif;
    line-height: 50px
  }

  body.fontsReady .slide__subtitle {
    font-family: "FranklinGothicExtraCond", "FuturaCondensedBold", Arial, sans-serif
  }
}

.slide--dark .slide__subtitle {
  color: #232023;
  text-shadow: 0 2px 14px #fff
}

.slide__subtitle,
.slide__button {
  margin-left: 8.33333%;
  margin-right: 8.33333%
}

.slide__button {
  margin-top: 18px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}

@media (min-width: 640px) {
  .slide__button {
    margin-top: 20px
  }
}

@media (min-width: 1024px) {
  .slide__button {
    margin-top: 27px
  }
}

@media (min-width: 1280px) {
  .slide__button {
    margin-top: 37px
  }
}


.footer {
  position: absolute;
  background-color: #e3032b;
  width: 100%;
  height: 10vh;
  left: 0%;
  bottom: 0vh;
  z-index: 0;
}

@media (max-width: 768px) {
  .footer {
    height: 40%;
    bottom: -16vh;
  }

  .tot {
    position: sticky;
    top: 0;
    height: 40vh;
    height: calc(var(--vh, 1vh) * 140);
    flex: 1;
    display: flex;
    justify-content: center;
    border: 0px solid #555;
    box-sizing: border-box;
    overflow: hidden;
  }

  #background {
    height: 70%;
  }

  #instaButtonArea {
    width: 100%;
    height: 50%;
    left: 0%;
    top: 20vh;
  }

  #ARButtonArea {
    width: 100%;
    height: 50%;
    left: 0%;
    top: 35vh;
  }

  #gewinnspielButtonArea {
    width: 100%;
    height: 50%;
    left: 0%;
    top: 55vh;
  }
}