@charset "UTF-8";
@font-face {
  font-family: "Modus W00 Light";
  src: url('vhs-assets-css-6c6873d828cd751f318d5ee5d012c416.eot?#iefix');
  src: url('vhs-assets-css-6c6873d828cd751f318d5ee5d012c416.eot?#iefix') format("eot"), url('vhs-assets-css-c824ce755b2182dd845d10557e2fecd7.woff2') format("woff2"), url('vhs-assets-css-e31b0d19140fdd091235549d3b0db916.woff') format("woff"), url('vhs-assets-css-89ff7447d4e2f0f067d7a1330bd6f91d.ttf') format("truetype");
}
@font-face {
  font-family: "Modus W00 Regular";
  src: url('vhs-assets-css-123cec7c57efd51be20eedeb84cdd57e.eot?#iefix');
  src: url('vhs-assets-css-123cec7c57efd51be20eedeb84cdd57e.eot?#iefix') format("eot"), url('vhs-assets-css-b6c5cd0cf2cd001c256174e27518278f.woff2') format("woff2"), url('vhs-assets-css-3ab82847b2dba92347e99138963b5c11.woff') format("woff"), url('vhs-assets-css-9f315cae20b08084d15adeed9f648e17.ttf') format("truetype");
}
@font-face {
  font-family: "Modus W00 Bold";
  src: url('vhs-assets-css-078c7cb6d63f08b2ae6fd73834da586c.eot?#iefix');
  src: url('vhs-assets-css-078c7cb6d63f08b2ae6fd73834da586c.eot?#iefix') format("eot"), url('vhs-assets-css-f7717fc5a679af2a7c5d2fa95ae563ee.woff2') format("woff2"), url('vhs-assets-css-223b69bf362163477095a267df421da2.woff') format("woff"), url('vhs-assets-css-a0f095a1a37c63fb569090e7cafd5064.ttf') format("truetype");
}
:root {
  --color-black-to-white: #000;
  --color-blue-to-white: #01B4FE;
  --color-blue-to-black: #01B4FE;
  --color-white-to-black: #FFFFFF;
  --color-link: #01B4FE;
  --color-link-hover: #000;
  --color-input: #C2C2C2;
  --color-input-bg: #FFFFFF;
  --color-transparent-to-black: transparent;
}

:root body.contrast {
  --color-black-to-white: #FFFFFF;
  --color-blue-to-white: #FFFFFF;
  --color-blue-to-black: #000;
  --color-white-to-black: #000;
  --color-link: #000;
  --color-link-hover: #000;
  --color-input: #000;
  --color-input-bg: #FFFFFF;
  --color-transparent-to-black: rgba(0,0,0,.8);
}

.container-style {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  .container-style {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container-style {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container-style {
    width: 1170px;
  }
}
@media (min-width: 1440px) {
  .container,
.container-style {
    width: 1170px;
  }
}
@media (min-width: 1470px) {
  .container,
.container-style {
    width: 1440px;
  }
}
.presentedBox {
  bottom: -4.1rem;
}

.lastLink .link {
  text-decoration: underline;
}

#pressDetail .noteBox {
  margin-top: 1.8rem;
}

.extbase-debugger input[type=checkbox],
.extbase-debugger input[type=radio] {
  clip: auto;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
*:before, *:after {
  box-sizing: border-box;
}

.tia-icon-arrow-left:before {
  content: "\e911";
}

.tia-icon-minus:before {
  content: "\e906";
}

.tia-icon-plus:before {
  content: "\e907";
}

body {
  font-family: "Modus W00 Regular", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #000;
  padding-top: 11.1rem;
}
@media screen and (max-width: 991px) {
  body {
    padding-top: 11.1rem;
  }
}
@media screen and (max-width: 767px) {
  body {
    padding-top: 5.9rem;
  }
}
body.stage_page {
  padding-top: 0;
}
body .only-mobile {
  display: none;
}

html.desktop .onlyMob {
  display: none;
}

html.mobile .onlyDesk {
  display: none;
}
html.mobile .only-mobile {
  display: block;
}

.relative-box {
  float: left;
  width: 100%;
  position: relative;
}

#loading {
  background: #FFFFFF;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10000;
  text-align: center;
}
#loading img {
  width: 12.8rem;
}
.no-js #loading {
  display: none;
}

img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

a, .link {
  transition: color 0.35s ease-in-out;
}
a:hover, a:focus, a:active, a:focus:active, .link:hover, .link:focus, .link:active, .link:focus:active {
  outline: none;
}

.link {
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-decoration: underline;
}
body.contrast .link {
  text-decoration: underline solid 1px;
  text-underline-offset: 3px;
}

button {
  outline: none;
}
button.link {
  background: none;
  border: none;
  outline: none;
}

.big {
  font-size: 1.8rem;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .big {
    font-size: 1.6rem;
    line-height: 1;
  }
}
.center .big {
  display: inline-block;
  margin-top: 3.3rem;
}
@media screen and (max-width: 767px) {
  .center .big {
    margin-top: 2rem;
  }
}

ul {
  margin: 0;
  padding: 0;
}

p:last-child {
  margin: 0;
}

.color-red {
  color: #01B4FE;
}

.color-black {
  color: #000;
}

.center {
  text-align: center;
}

.big {
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

.light {
  font-family: "Modus W00 Regular", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

p.small {
  font-size: 1.4rem;
  line-height: 1.2;
  margin: 0 0 1rem 0;
  font-family: "Modus W00 Regular", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
p.big {
  font-size: 1.8rem;
  line-height: 1.334;
  margin: 1rem 0 1rem 0;
  font-family: "Modus W00 Regular", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
p.bigger {
  font-size: 2.4rem;
  line-height: 1;
  margin: 0;
  font-family: "Modus W00 Regular", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
p.noMargin {
  margin-bottom: 0;
}

a[href*=mailto],
a[href*=http] {
  -ms-word-break: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.noUnderline a, .noUnderline button {
  text-decoration: none;
}

div.small {
  font-size: 1.4rem;
  line-height: 1.2;
  margin: 0 0 1rem 0;
  font-family: "Modus W00 Regular", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

.small-text {
  font-size: 1.4rem;
  line-height: 1.2;
  margin: 0 0 1rem 0;
  font-family: "Modus W00 Regular", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

.show-sm {
  display: none;
}
@media screen and (max-width: 991px) {
  .show-sm {
    display: inline-block;
  }
}

.underline {
  text-decoration: underline;
}

.uc {
  text-transform: uppercase;
}

.backgroundBox {
  padding: 1.7rem;
  background: repeating-linear-gradient(-23deg, rgba(255, 81, 64, 0.5) 0px, #FFFFFF 1px, #FFFFFF 9px, rgba(255, 81, 64, 0.5) 10px);
  position: relative;
}
.backgroundBox .safari-box {
  display: none;
}
html.safari .backgroundBox {
  background: #FFFFFF;
}
html.safari .backgroundBox .safari-box {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  overflow: hidden;
  display: none;
}
html.safari .backgroundBox .safari-box:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: -250rem;
  left: -250rem;
  display: block;
  background: url("/typo3conf/ext/tbs/Resources/Public/Images/svg-test.svg") repeat;
  background-size: auto;
  height: 500rem;
  width: 500rem;
  -webkit-transform: rotate(-23deg);
  transform: rotate(-23deg);
  pointer-events: none;
  opacity: 0.8;
}
html.safari .backgroundBox > * {
  position: relative;
  z-index: 10;
}
html.safari body.contrast .backgroundBox .safari-box:after {
  background: none;
}
.backgroundBox.lessPadd {
  padding-left: 0;
  padding-right: 0;
}

.colorBack, .colorBack .infoBox, .gridBack, .gridBack .infoBox {
  background: var(--color-blue-to-black);
}

.grid-block.coloredBack.full-back {
  background: #01B4FE;
}

.colorBack-2, .colorBack-2 .infoBox {
  background: #ECECEC;
}
body.contrast .colorBack-2, body.contrast .colorBack-2 .infoBox {
  background: #FFFFFF;
  border: 1px solid #000;
}

.colorBack-0, .colorBack-0 .infoBox {
  background: #FFFFFF;
}

.colorBack-3, .colorBack-3 .infoBox {
  background: #000;
}

span.small {
  display: inline-block;
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

i.turn {
  display: inline-block;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

strong {
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

.noteBox {
  padding: 1.2rem 1.6rem;
}

.socialBox ul {
  list-style: none;
}
.socialBox ul li {
  float: left;
  margin-right: 1.4rem;
  font-size: 2.8rem;
}
.socialBox a {
  text-decoration: none;
}
body.contrast .socialBox a {
  position: relative;
  display: inline-block;
  isolation: isolate;
}
body.contrast .socialBox a:hover i, body.contrast .socialBox a:focus i {
  color: #FFFFFF !important;
}
body.contrast .socialBox a:hover::before, body.contrast .socialBox a:hover::after, body.contrast .socialBox a:focus::before, body.contrast .socialBox a:focus::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
}
body.contrast .socialBox a:hover::before, body.contrast .socialBox a:focus::before {
  background-color: #000;
  z-index: -1;
}
body.contrast .socialBox a:hover::after, body.contrast .socialBox a:focus::after {
  border: 1px solid #000;
  z-index: 10;
}
.socialBox a i {
  float: left;
}

.tia-icon-mobility-check {
  color: #99D946;
}
.tia-icon-mobility-false {
  color: #01B4FE;
}

.image .imgBox {
  position: relative;
  overflow: hidden;
}
.image .imgBox .credit {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #FFFFFF;
  font-size: 1.8rem;
  line-height: 1.278;
  padding-right: 0.5rem;
  background: none;
  border: none;
  outline: none;
  z-index: 20;
  text-align: left;
}
body.contrast .image .imgBox .credit {
  padding-left: 0.5rem;
  background-color: #000;
}
.image .imgBox .credit:hover .content {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.image .imgBox .credit .content {
  width: 29rem;
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  transition: transform 0.35s ease-in-out;
  background: #000;
  z-index: 10;
  padding: 1.5rem;
  font-size: 1.6rem;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .image .imgBox .credit .content {
    width: 23rem;
  }
}
@media screen and (min-width: 992px) {
  .sidelist .image .imgBox .credit .content {
    width: 37rem;
    max-width: none;
    padding: 0.6rem;
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1469px) {
  .sidelist .image .imgBox .credit .content {
    width: 29.5rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .sidelist .image .imgBox .credit .content {
    width: 24rem;
  }
}
.image.stageSlider .creditStyle, .image.contentSlider .creditStyle {
  position: relative;
  overflow: hidden;
}
.image.stageSlider .creditStyle .credit, .image.contentSlider .creditStyle .credit {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #FFFFFF;
  font-size: 1.8rem;
  line-height: 1.278;
  padding-right: 0.5rem;
  background: none;
  border: none;
  outline: none;
  z-index: 20;
  text-align: left;
}
body.contrast .image.stageSlider .creditStyle .credit, body.contrast .image.contentSlider .creditStyle .credit {
  padding-left: 0.5rem;
  background-color: #000;
}
.image.stageSlider .creditStyle .credit:hover .content, .image.contentSlider .creditStyle .credit:hover .content {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.image.stageSlider .creditStyle .credit .content, .image.contentSlider .creditStyle .credit .content {
  width: 29rem;
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  transition: transform 0.35s ease-in-out;
  background: #000;
  z-index: 10;
  padding: 1.5rem;
  font-size: 1.6rem;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .image.stageSlider .creditStyle .credit .content, .image.contentSlider .creditStyle .credit .content {
    width: 23rem;
  }
}
@media screen and (min-width: 992px) {
  .sidelist .image.stageSlider .creditStyle .credit .content, .sidelist .image.contentSlider .creditStyle .credit .content {
    width: 37rem;
    max-width: none;
    padding: 0.6rem;
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1469px) {
  .sidelist .image.stageSlider .creditStyle .credit .content, .sidelist .image.contentSlider .creditStyle .credit .content {
    width: 29.5rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .sidelist .image.stageSlider .creditStyle .credit .content, .sidelist .image.contentSlider .creditStyle .credit .content {
    width: 24rem;
  }
}
.stage_page .image.stageSlider .credit, .stage_page .image.contentSlider .credit {
  display: none;
}
.image.parallax .block {
  position: relative;
  overflow: hidden;
}
.image.parallax .block .credit {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #FFFFFF;
  font-size: 1.8rem;
  line-height: 1.278;
  padding-right: 0.5rem;
  background: none;
  border: none;
  outline: none;
  z-index: 20;
  text-align: left;
}
body.contrast .image.parallax .block .credit {
  padding-left: 0.5rem;
  background-color: #000;
}
.image.parallax .block .credit:hover .content {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.image.parallax .block .credit .content {
  width: 29rem;
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  transition: transform 0.35s ease-in-out;
  background: #000;
  z-index: 10;
  padding: 1.5rem;
  font-size: 1.6rem;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .image.parallax .block .credit .content {
    width: 23rem;
  }
}
@media screen and (min-width: 992px) {
  .sidelist .image.parallax .block .credit .content {
    width: 37rem;
    max-width: none;
    padding: 0.6rem;
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1469px) {
  .sidelist .image.parallax .block .credit .content {
    width: 29.5rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .sidelist .image.parallax .block .credit .content {
    width: 24rem;
  }
}
.stage_page #stage .image .credit {
  display: none;
}

.image.module + .module.textElement, .image#prodFilterPrevNextMonth + .module.textElement, .image.module + .textElement#prodFilterPrevNextMonth, .image#prodFilterPrevNextMonth + .textElement#prodFilterPrevNextMonth,
.videoElement.module + .module.textElement,
.videoElement#prodFilterPrevNextMonth + .module.textElement,
.videoElement.module + .textElement#prodFilterPrevNextMonth,
.videoElement#prodFilterPrevNextMonth + .textElement#prodFilterPrevNextMonth {
  padding-top: 0;
}

@media screen and (min-width: 992px) {
  .smaller-pad-half *[class*=col-xs-6]:first-child {
    padding-right: 0.6rem;
  }
  .smaller-pad-half *[class*=col-xs-6]:last-child {
    padding-left: 0.6rem;
  }
}
.styled-table {
  display: table;
  width: 100%;
  height: 100%;
}

.styled-table-row {
  display: table-row;
}

.styled-cell {
  display: table-cell;
  float: none;
  vertical-align: top;
}
.styled-cell.half {
  width: 50%;
}
.styled-cell.align.middle {
  vertical-align: middle;
}
.styled-cell.align.center {
  text-align: center;
}

@media (max-width: 991px) {
  .bigView .styled-table,
.bigView .styled-table-row,
.bigView .styled-cell {
    display: block;
    float: left;
    width: 100%;
  }
}
#main-container > *:not(.container) {
  float: left;
  width: 100%;
}

.liveLink a {
  background: #01B4FE;
  text-align: center;
  color: white;
  padding: 0.8rem 0.8rem 0.8rem 5.3rem;
  min-width: 24.3rem;
  display: inline-block;
  position: relative;
  white-space: nowrap;
  transition: background 0.35s ease-in-out;
}
.liveLink a i {
  position: absolute;
  left: 1.5rem;
  top: 50%;
  margin-top: -0.5em;
  font-size: 2.3rem;
  color: #FFFFFF;
  line-height: 0.95;
}
.liveLink a:before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 5.3rem;
  left: 0;
  top: 0;
  background: #000;
}
.liveLink a:hover, .liveLink a:focus, .liveLink a:active, .liveLink a:focus:active {
  color: #FFFFFF;
  text-decoration: none;
  background: #000;
}

.padBox {
  float: left;
  width: 100%;
}

.grid-padding .col-sm-offset-pad-1 > .padBox,
.grid-padding .col-sm-offset-pad-right-1 > .padBox {
  padding-top: 7.2rem;
  padding-bottom: 7.2rem;
}
@media (min-width: 768px) {
  .grid-padding .col-sm-offset-pad-1 {
    padding-left: 8.33333333%;
    padding-right: 8.33333333%;
  }
  .grid-padding .col-sm-offset-pad-1 > .padBox {
    padding-left: 15px;
    padding-right: 15px;
  }
  .grid-padding .col-sm-offset-pad-right-1 {
    padding-right: 8.33333333%;
    padding-left: 8.33333333%;
  }
  .grid-padding .col-sm-offset-pad-right-1 > .padBox {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 992px) {
  .grid-padding .col-sm-offset-pad-1 {
    padding-right: 5.65%;
  }
  .grid-padding .col-sm-offset-pad-right-1 {
    padding-left: 15px;
  }
}
@media (min-width: 1200px) {
  .grid-padding .col-sm-offset-pad-1 {
    padding-right: 5.8%;
  }
}
@media (min-width: 1470px) {
  .grid-padding .col-sm-offset-pad-1 {
    padding-right: 6.005%;
  }
}

@media (min-width: 992px) {
  .grid-big-width {
    width: 62.45%;
  }
}
@media (min-width: 1200px) {
  .grid-big-width {
    width: 62.65%;
  }
}
@media (min-width: 1470px) {
  .grid-big-width {
    width: 62.95%;
  }
}
@media screen and (max-width: 767px) {
  #main {
    overflow-x: hidden;
  }
  [class*=col-xs-] {
    width: 100%;
  }
}
body {
  font-family: "Modus W00 Regular", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 1.5;
}

h1, h2.big {
  font-size: 4.8rem;
  line-height: 1;
  margin: 0 0 2.6rem 0;
}
.sidelist h1, .sidelist h2.big {
  font-size: 3rem;
  line-height: 1;
}
@media screen and (max-width: 991px) {
  h1, h2.big {
    font-size: 3rem;
    line-height: 1;
    margin: 0 0 2rem 0;
  }
}
@media only screen and (max-width: 767px) {
  h1, h2.big {
    font-size: 3.2rem;
    margin: 0 0 2.6rem 0;
  }
}

h2, h3.big {
  font-size: 3rem;
  line-height: 1;
  margin: 0 0 1.2rem 0;
  margin: 0 0 0 0;
}
h2.marg-btm, h3.big.marg-btm {
  margin-bottom: 2.1rem;
}
@media screen and (max-width: 991px) {
  h2, h3.big {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 767px) {
  h2, h3.big {
    font-size: 2.4rem;
  }
}

h3 {
  font-size: 2.4rem;
  line-height: 1;
  margin: 0 0 0.2rem 0;
  margin: 0 0 0 0;
}
@media screen and (max-width: 767px) {
  h3 {
    font-size: 1.8rem;
    line-height: 1.334;
  }
}
h3 + span.small {
  margin-bottom: 2.4rem;
}

h4 {
  font-size: 1.8rem;
  line-height: 1;
  margin: 0 0 0.2rem 0;
  margin: 0;
}

h5 {
  font-size: 1.6rem;
  line-height: 1;
  margin: 0 0 0.2rem 0;
  margin: 0;
}

h1, h2, h3, h4, h5 {
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
h1.light, h2.light, h3.light, h4.light, h5.light {
  font-family: "Modus W00 Regular", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

a, .link {
  color: var(--color-link);
}
#grid.page-journal a, #grid.page-journal .link {
  color: var(--color-black-to-black);
}
a:hover, .link:hover {
  color: var(--color-link-hover);
}
a:focus, .link:focus {
  color: var(--color-link-hover);
}
a:active, .link:active {
  color: var(--color-link-hover);
}
.colorBack a, .colorBack .link {
  color: var(--color-black-to-white);
}
.colorBack a:hover, .colorBack .link:hover {
  color: var(--color-black-to-white);
}
.colorBack a:focus, .colorBack .link:focus {
  color: var(--color-black-to-white);
}
.colorBack a:active, .colorBack .link:active {
  color: var(--color-black-to-white);
}
.colorBack-2 a, .colorBack-2 .link {
  color: #000;
}
.colorBack-2 a:hover, .colorBack-2 .link:hover {
  color: var(--color-blue-to-black);
}
.colorBack-2 a:focus, .colorBack-2 .link:focus {
  color: var(--color-blue-to-black);
}
.colorBack-2 a:active, .colorBack-2 .link:active {
  color: var(--color-blue-to-black);
}
.colorBack-3 a, .colorBack-3 .link {
  color: var(--color-blue-to-white);
}
.colorBack-3 a:hover, .colorBack-3 .link:hover {
  color: var(--color-white-to-black);
}
.colorBack-3 a:focus, .colorBack-3 .link:focus {
  color: var(--color-white-to-black);
}
.colorBack-3 a:active, .colorBack-3 .link:active {
  color: var(--color-white-to-black);
}
a.black-link, .link.black-link {
  color: var(--color-black-to-white);
  text-decoration: underline;
}
a.black-link:hover, a.black-link:focus, a.black-link:active, .link.black-link:hover, .link.black-link:focus, .link.black-link:active {
  text-decoration: none;
}
#main-header a, #main-footer a, #main-header .link, #main-footer .link {
  text-decoration: none;
}

.text h1:first-child, .text h2:first-child, .text h3:first-child, .text h4:first-child, .text h5:first-child {
  margin-top: 0;
}
.text p:first-child, .text ul:first-child, .text ol:first-child, .text.smaller p:first-child, .text.smaller ul:first-child, .text.smaller ol:first-child, .text.bigger p:first-child, .text.bigger ul:first-child, .text.bigger ol:first-child {
  margin-top: 0;
}
.text *:last-child {
  margin-bottom: 0;
}
.text h1, .text h2.big {
  margin: 0 0 7.2rem 0;
}
.text h1.light, .text h2.big.light {
  margin: 0 0 2.5rem 0;
}
.text h2 {
  margin: 0 0 2.8rem 0;
}
.text h2.light {
  margin: 0 0 2.6rem 0;
}
.text h3 {
  margin: 0 0 1.3rem 0;
}
.text h3.light {
  margin: 0 0 1.3rem 0;
}
.text h4 {
  margin: 0 0 0.2rem 0;
}
.text h4.light {
  margin: 0 0 0.2rem 0;
}
.text h5 {
  margin: 0 0 0.2rem 0;
}
.text h5.light {
  margin: 0 0 0.2rem 0;
}
.text h1 + p, .sidelist .text h1 + p, .text h1 + ul, .sidelist .text h1 + ul, .text h1 + ol, .sidelist .text h1 + ol, .text h2 + p, .sidelist .text h2 + p, .text h2 + ul, .sidelist .text h2 + ul, .text h2 + ol, .sidelist .text h2 + ol, .text h3 + p, .sidelist .text h3 + p, .text h3 + ul, .sidelist .text h3 + ul, .text h3 + ol, .sidelist .text h3 + ol, .text h4 + p, .sidelist .text h4 + p, .text h4 + ul, .sidelist .text h4 + ul, .text h4 + ol, .sidelist .text h4 + ol, .text h5 + p, .sidelist .text h5 + p, .text h5 + ul, .sidelist .text h5 + ul, .text h5 + ol, .sidelist .text h5 + ol {
  margin-top: 0;
}
.sidelist .text h1 + h1, .sidelist .text h1 + h2, .sidelist .text h1 + h3, .sidelist .text h1 + h4, .sidelist .text h1 + h5, .sidelist .text h2 + h1, .sidelist .text h2 + h2, .sidelist .text h2 + h3, .sidelist .text h2 + h4, .sidelist .text h2 + h5, .sidelist .text h3 + h1, .sidelist .text h3 + h2, .sidelist .text h3 + h3, .sidelist .text h3 + h4, .sidelist .text h3 + h5, .sidelist .text h4 + h1, .sidelist .text h4 + h2, .sidelist .text h4 + h3, .sidelist .text h4 + h4, .sidelist .text h4 + h5, .sidelist .text h5 + h1, .sidelist .text h5 + h2, .sidelist .text h5 + h3, .sidelist .text h5 + h4, .sidelist .text h5 + h5 {
  margin-top: 1.2rem;
}
.text p, .text ul, .text ol {
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 1rem 0 3.2rem 0;
  font-family: "Modus W00 Regular", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.sidelist .text p, .sidelist .text ul, .sidelist .text ol {
  margin: 1rem 0 1.6rem 0;
}
.text p a, .text ul a, .text ol a {
  text-decoration: underline;
}
.text p a.link, .text ul a.link, .text ol a.link {
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.text p + p, .text p + ul, .text p + ol, .text ul + p, .text ul + ul, .text ul + ol, .text ol + p, .text ol + ul, .text ol + ol {
  margin-top: 2.5rem;
}
.sidelist .text p + p, .sidelist .text p + ul, .sidelist .text p + ol, .sidelist .text ul + p, .sidelist .text ul + ul, .sidelist .text ul + ol, .sidelist .text ol + p, .sidelist .text ol + ul, .sidelist .text ol + ol {
  margin-top: 1.25rem;
}
.text p + h1, .text p + h2, .text p + h3, .text p + h4, .text p + h5, .text ul + h1, .text ul + h2, .text ul + h3, .text ul + h4, .text ul + h5, .text ol + h1, .text ol + h2, .text ol + h3, .text ol + h4, .text ol + h5 {
  margin-top: 6.4rem;
}
.sidelist .text p + h4, .sidelist .text ul + h4, .sidelist .text ol + h4 {
  font-size: 1.6rem;
  line-height: 1;
  margin: 0 0 0.2rem 0;
}
.sidelist .text p + h3, .sidelist .text ul + h3, .sidelist .text ol + h3 {
  margin-top: 4.5rem;
}
.sidelist .text p + h4, .sidelist .text p + h5, .sidelist .text ul + h4, .sidelist .text ul + h5, .sidelist .text ol + h4, .sidelist .text ol + h5 {
  margin-top: 2rem;
}
.text p .colored, .text ul .colored, .text ol .colored {
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: var(--color-blue-to-black);
}
.text.smaller p, .text.smaller ul, .text.smaller ol {
  font-size: 1.4rem;
  line-height: 1.2;
  margin: 0 0 1rem 0;
  font-family: "Modus W00 Regular", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.text.bigger p, .text.bigger ul, .text.bigger ol {
  font-size: 1.8rem;
  line-height: 1.334;
  margin: 1rem 0 1rem 0;
  font-family: "Modus W00 Regular", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.text ul, .text ol {
  list-style: none;
}
.text ul li, .text ol li {
  margin-bottom: 1rem;
}
.text ul li:last-child, .text ol li:last-child {
  margin-bottom: 0;
}
.text ul {
  padding-left: 2.5rem;
  line-height: 1.5;
}
.text ul li {
  position: relative;
}
.text ul li:before {
  position: absolute;
  content: "";
  top: 1rem;
  left: -2.3rem;
  height: 0.8rem;
  width: 0.8rem;
  background-color: var(--color-blue-to-black);
}
.grid-block.coloredBack .text ul li:before {
  background-color: #FFFFFF;
}
.text ol {
  counter-reset: section;
  padding-left: 2.5rem;
  line-height: 1.5;
}
.text ol li {
  position: relative;
}
.text ol li:before {
  position: absolute;
  counter-increment: section;
  content: counter(section) ".";
  top: 0;
  left: -2.5rem;
}
.text > *:last-child {
  margin-bottom: 0 !important;
}
.text .foldable {
  position: relative;
  transition: height 0.35s ease-in-out;
  height: 26rem;
}
.text .foldable.back {
  overflow: hidden;
}
.text .foldable.back:after {
  display: block;
}
.text .foldable:after {
  content: "";
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3rem;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=0 );
}
.text .foldable.open:after {
  opacity: 0;
}
.text .foldable + .fold-it {
  display: none;
}
.text .foldable + .fold-it.canSeeIt {
  display: block;
}
.no-js .text .foldable {
  height: auto;
}
.text a.primary-btn, .text button.primary-btn {
  margin-top: 3.6rem;
}
.sidelist .text.spacer h1, .sidelist .text.spacer h2, .sidelist .text.spacer h3, .sidelist .text.spacer h4, .sidelist .text.spacer h5 {
  margin: 4.5rem 0 1.2rem !important;
}

blockquote {
  border-left: 0.5rem solid #ECECEC;
  font-size: 1.6rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.5;
  margin: 0 0 2rem 0;
  padding: 1rem 2rem;
  font-family: "Modus W00 Regular", "Helvetica Neue", Arial, sans-serif;
}
body.contrast blockquote {
  border-color: black;
}
blockquote *:not(cite) {
  font-family: inherit;
}
blockquote.colored-quotation-marks {
  border-left: none;
  font-size: 3rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.5;
  padding: 0;
  margin: 0 0 2rem 0;
  font-family: "Modus W00 Regular", "Helvetica Neue", Arial, sans-serif;
}
blockquote.colored-quotation-marks:before, blockquote.colored-quotation-marks:after {
  display: inline-block;
  color: #3B3231;
  width: 1.5rem;
}
blockquote.colored-quotation-marks:before {
  content: "„";
  text-align: left;
}
blockquote.colored-quotation-marks:after {
  content: "“";
  text-align: right;
}

cite {
  font-size: 1.6rem;
  line-height: 1.5;
  color: #ECECEC;
  font-family: "Modus W00 Light", "Helvetica Neue", Arial, sans-serif;
}

table {
  width: 100%;
  color: #000;
  font-size: 1.6rem;
  line-height: 1.5;
  font-family: "Modus W00 Regular", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  margin: 0 0 1rem 0;
}
table thead {
  background: #ECECEC;
  color: #000;
  font-size: 1.6rem;
  line-height: 1.5;
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
table tfoot {
  color: #000;
  font-size: 1.6rem;
  line-height: 1.5;
  font-family: "Modus W00 Regular", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
table tr th, table tr td {
  padding: 0.8rem;
  border: 0.1rem solid #ECECEC;
}

@media screen and (max-width: 767px) {
  .mobile-slide-wrap {
    position: relative;
    margin: 0 0 1rem 0;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  .mobile-slide-wrap .mobile-table-wrap {
    overflow: auto;
  }
  .mobile-slide-wrap .mobile-table-wrap:before, .mobile-slide-wrap .mobile-table-wrap:after {
    content: "";
    height: 100%;
    position: absolute;
    width: 1.5rem;
    top: 0;
  }
  .mobile-slide-wrap .mobile-table-wrap:after {
    right: 0;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgb(255, 255, 255) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgb(255, 255, 255) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgb(255, 255, 255) 100%);
  }
  .mobile-slide-wrap .mobile-table-wrap:before {
    left: 0;
    background: -moz-linear-gradient(left, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  }
  .mobile-slide-wrap .mobile-table-wrap .scrollable {
    padding: 0 1.5rem;
    min-width: 50rem;
  }
  .mobile-slide-wrap .mobile-table-wrap .scrollable table {
    margin: 0;
  }
}
h2.text-style {
  font-family: "Modus W00 Regular", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 0 0 10px 0;
}

a.primary-btn, button.primary-btn {
  display: inline-block;
  text-decoration: none;
  font-size: 1.8rem;
  line-height: 1.278;
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  min-width: 14.2rem;
  text-align: center;
  padding: 1rem 1.4rem 0.9rem;
  border: 0.2rem solid #01B4FE;
  border-radius: 0;
  color: #FFFFFF;
  background-color: var(--color-blue-to-black);
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border 0.35s ease-in-out;
  margin-top: 0.6rem;
}
body.contrast a.primary-btn, body.contrast button.primary-btn {
  border-color: #000;
}
@media screen and (min-width: 992px) {
  a.primary-btn.no-mag, button.primary-btn.no-mag {
    margin: 0;
  }
}
#grid.page-journal a.primary-btn, #grid.page-journal button.primary-btn {
  border-color: #000;
  background-color: #000;
  color: #FFFFFF;
}
body.contrast #grid.page-journal a.primary-btn.trigger, body.contrast #grid.page-journal button.primary-btn.trigger {
  border-color: #FFFFFF;
  background-color: #FFFFFF;
  color: #000;
}
.colorBack a.primary-btn, .colorBack .infoBox a.primary-btn, .gridBack a.primary-btn, .gridBack .infoBox a.primary-btn, .coloredBack.full-back a.primary-btn, .colorBack button.primary-btn, .colorBack .infoBox button.primary-btn, .gridBack button.primary-btn, .gridBack .infoBox button.primary-btn, .coloredBack.full-back button.primary-btn {
  border-color: #FFFFFF;
  background-color: #FFFFFF;
  color: var(--color-blue-to-black);
}
#grid.page-journal .colorBack a.primary-btn, #grid.page-journal .colorBack .infoBox a.primary-btn, #grid.page-journal .gridBack a.primary-btn, #grid.page-journal .gridBack .infoBox a.primary-btn, #grid.page-journal .coloredBack.full-back a.primary-btn, #grid.page-journal .colorBack button.primary-btn, #grid.page-journal .colorBack .infoBox button.primary-btn, #grid.page-journal .gridBack button.primary-btn, #grid.page-journal .gridBack .infoBox button.primary-btn, #grid.page-journal .coloredBack.full-back button.primary-btn {
  border-color: #FFFFFF;
  background-color: #FFFFFF;
  color: #000;
}
a.primary-btn:hover, a.primary-btn.hover, a.primary-btn:focus, a.primary-btn.focus, a.primary-btn:active, a.primary-btn.active, button.primary-btn:hover, button.primary-btn.hover, button.primary-btn:focus, button.primary-btn.focus, button.primary-btn:active, button.primary-btn.active {
  color: var(--color-white-to-black);
  background-color: var(--color-black-to-white);
  border: 0.2rem solid #000;
}
body.contrast a.primary-btn:hover, body.contrast a.primary-btn.hover, body.contrast a.primary-btn:focus, body.contrast a.primary-btn.focus, body.contrast a.primary-btn:active, body.contrast a.primary-btn.active, body.contrast button.primary-btn:hover, body.contrast button.primary-btn.hover, body.contrast button.primary-btn:focus, body.contrast button.primary-btn.focus, body.contrast button.primary-btn:active, body.contrast button.primary-btn.active {
  border-color: #000;
}
a.primary-btn.inactive, button.primary-btn.inactive {
  pointer-events: none;
  color: #ECECEC;
  background-color: #ECECEC;
  border: 0.2rem solid #ECECEC;
}
a.primary-btn.line, button.primary-btn.line {
  background-color: transparent;
  color: var(--color-blue-to-black);
}
a.primary-btn.line:hover, a.primary-btn.line.hover, a.primary-btn.line:focus, a.primary-btn.line.focus, a.primary-btn.line:active, a.primary-btn.line.active, button.primary-btn.line:hover, button.primary-btn.line.hover, button.primary-btn.line:focus, button.primary-btn.line.focus, button.primary-btn.line:active, button.primary-btn.line.active {
  color: var(--color-black-to-white);
  background-color: var(--color-white-to-black);
  border: 0.2rem solid #000;
}
a.primary-btn.line.inactive, button.primary-btn.line.inactive {
  pointer-events: none;
  color: #01B4FE;
  background-color: #ECECEC;
  border: 0.2rem solid #ECECEC;
}
a.primary-btn.revert, button.primary-btn.revert {
  color: var(--color-blue-to-black);
  background-color: #FFFFFF;
  border: 0.2rem solid #FFFFFF;
}
body.contrast a.primary-btn.revert, body.contrast button.primary-btn.revert {
  border-color: #FFFFFF;
}
a.primary-btn.revert:hover, a.primary-btn.revert.hover, button.primary-btn.revert:hover, button.primary-btn.revert.hover {
  color: #FFFFFF;
  background-color: #000;
  border: 0.2rem solid #000;
}
a.primary-btn.revert:focus, a.primary-btn.revert.focus, button.primary-btn.revert:focus, button.primary-btn.revert.focus {
  color: #FFFFFF;
  background-color: #000;
  border: 0.2rem solid #000;
}
a.primary-btn.revert:active, a.primary-btn.revert.active, button.primary-btn.revert:active, button.primary-btn.revert.active {
  color: #FFFFFF;
  background-color: #000;
  border: 0.2rem solid #000;
}
a.primary-btn.revert.inactive, button.primary-btn.revert.inactive {
  pointer-events: none;
  color: #ECECEC;
  background-color: #ECECEC;
  border: 0.2rem solid #ECECEC;
}
a.primary-btn.revert.line, button.primary-btn.revert.line {
  background-color: transparent;
  color: #FFFFFF;
}
a.primary-btn.revert.line:hover, a.primary-btn.revert.line.hover, button.primary-btn.revert.line:hover, button.primary-btn.revert.line.hover {
  color: #000;
  background-color: transparent;
  border: 0.2rem solid #000;
}
a.primary-btn.revert.line:focus, a.primary-btn.revert.line.focus, button.primary-btn.revert.line:focus, button.primary-btn.revert.line.focus {
  color: #000;
  background-color: transparent;
  border: 0.2rem solid #000;
}
a.primary-btn.revert.line:active, a.primary-btn.revert.line.active, button.primary-btn.revert.line:active, button.primary-btn.revert.line.active {
  color: #000;
  background-color: transparent;
  border: 0.2rem solid #000;
}
a.primary-btn.revert.line.inactive, button.primary-btn.revert.line.inactive {
  pointer-events: none;
  color: #01B4FE;
  background-color: #ECECEC;
  border: 0.2rem solid #ECECEC;
}
a.primary-btn.revert-hover:hover, a.primary-btn.revert-hover.hover, button.primary-btn.revert-hover:hover, button.primary-btn.revert-hover.hover {
  color: #01B4FE;
  background-color: #FFFFFF;
  border: 0.2rem solid #FFFFFF;
}
a.primary-btn.revert-hover:focus, a.primary-btn.revert-hover.focus, button.primary-btn.revert-hover:focus, button.primary-btn.revert-hover.focus {
  color: #01B4FE;
  background-color: #FFFFFF;
  border: 0.2rem solid #FFFFFF;
}
a.primary-btn.revert-hover:active, a.primary-btn.revert-hover.active, button.primary-btn.revert-hover:active, button.primary-btn.revert-hover.active {
  color: #01B4FE;
  background-color: #FFFFFF;
  border: 0.2rem solid #FFFFFF;
}
a.primary-btn.revert-hover.inactive, button.primary-btn.revert-hover.inactive {
  pointer-events: none;
  color: #01B4FE;
  background-color: #FFFFFF;
  border: 0.2rem solid #FFFFFF;
}
a.primary-btn.black, button.primary-btn.black {
  color: #FFFFFF;
  background-color: #000;
  border: 0.2rem solid #000;
}
.colorBack a.primary-btn.black.on-back:hover, .colorBack a.primary-btn.black.on-back.hover, .colorBack a.primary-btn.black.on-back:focus, .colorBack a.primary-btn.black.on-back.focus, .colorBack a.primary-btn.black.on-back:active, .colorBack a.primary-btn.black.on-back.active, .colorBack button.primary-btn.black.on-back:hover, .colorBack button.primary-btn.black.on-back.hover, .colorBack button.primary-btn.black.on-back:focus, .colorBack button.primary-btn.black.on-back.focus, .colorBack button.primary-btn.black.on-back:active, .colorBack button.primary-btn.black.on-back.active {
  background-color: #FFFFFF;
  color: #000;
  border: 0.2rem solid #FFFFFF;
}
a.primary-btn.black:hover, a.primary-btn.black.hover, button.primary-btn.black:hover, button.primary-btn.black.hover {
  color: #FFFFFF;
  background-color: #01B4FE;
  border: 0.2rem solid #01B4FE;
}
a.primary-btn.black:focus, a.primary-btn.black.focus, button.primary-btn.black:focus, button.primary-btn.black.focus {
  color: #FFFFFF;
  background-color: #01B4FE;
  border: 0.2rem solid #01B4FE;
}
a.primary-btn.black:active, a.primary-btn.black.active, button.primary-btn.black:active, button.primary-btn.black.active {
  color: #FFFFFF;
  background-color: #01B4FE;
  border: 0.2rem solid #01B4FE;
}
a.primary-btn.black.inactive, button.primary-btn.black.inactive {
  pointer-events: none;
  color: #FFFFFF;
  background-color: #01B4FE;
  border: 0.2rem solid #01B4FE;
}
a.primary-btn.black.line, button.primary-btn.black.line {
  background-color: #FFFFFF;
  color: #000;
  border: 0.2rem solid #000;
}
.colorBack a.primary-btn.black.line.on-back:hover, .colorBack a.primary-btn.black.line.on-back.hover, .colorBack a.primary-btn.black.line.on-back:focus, .colorBack a.primary-btn.black.line.on-back.focus, .colorBack a.primary-btn.black.line.on-back:active, .colorBack a.primary-btn.black.line.on-back.active, .colorBack button.primary-btn.black.line.on-back:hover, .colorBack button.primary-btn.black.line.on-back.hover, .colorBack button.primary-btn.black.line.on-back:focus, .colorBack button.primary-btn.black.line.on-back.focus, .colorBack button.primary-btn.black.line.on-back:active, .colorBack button.primary-btn.black.line.on-back.active {
  background-color: #000;
  color: #FFFFFF;
  border: 0.2rem solid #000;
}
a.primary-btn.black.line:hover, a.primary-btn.black.line.hover, button.primary-btn.black.line:hover, button.primary-btn.black.line.hover {
  color: #01B4FE;
  background-color: transparent;
  border: 0.2rem solid #01B4FE;
}
a.primary-btn.black.line:focus, a.primary-btn.black.line.focus, button.primary-btn.black.line:focus, button.primary-btn.black.line.focus {
  color: #01B4FE;
  background-color: transparent;
  border: 0.2rem solid #01B4FE;
}
a.primary-btn.black.line:active, a.primary-btn.black.line.active, button.primary-btn.black.line:active, button.primary-btn.black.line.active {
  color: #01B4FE;
  background-color: transparent;
  border: 0.2rem solid #01B4FE;
}
a.primary-btn.clear, button.primary-btn.clear {
  color: #01B4FE;
  background-color: transparent;
  border: 0.2rem solid #01B4FE;
}
a.primary-btn.clear:hover, a.primary-btn.clear.hover, button.primary-btn.clear:hover, button.primary-btn.clear.hover {
  color: #000;
  background-color: transparent;
  border: 0.2rem solid #000;
}
a.primary-btn.clear:focus, a.primary-btn.clear.focus, button.primary-btn.clear:focus, button.primary-btn.clear.focus {
  color: #000;
  background-color: transparent;
  border: 0.2rem solid #000;
}
a.primary-btn.clear:active, a.primary-btn.clear.active, button.primary-btn.clear:active, button.primary-btn.clear.active {
  color: #000;
  background-color: transparent;
  border: 0.2rem solid #000;
}
a.primary-btn.clear.inactive, button.primary-btn.clear.inactive {
  pointer-events: none;
  color: #ECECEC;
  background-color: transparent;
  border: 0.2rem solid #ECECEC;
}
.colorBack a.primary-btn.clear, .colorBack button.primary-btn.clear {
  border: 0.2rem solid #01B4FE;
}
.colorBack a.primary-btn.clear:hover, .colorBack a.primary-btn.clear.hover, .colorBack a.primary-btn.clear:focus, .colorBack a.primary-btn.clear.focus, .colorBack a.primary-btn.clear:active, .colorBack a.primary-btn.clear.active, .colorBack a.primary-btn.clear.inactive, .colorBack button.primary-btn.clear:hover, .colorBack button.primary-btn.clear.hover, .colorBack button.primary-btn.clear:focus, .colorBack button.primary-btn.clear.focus, .colorBack button.primary-btn.clear:active, .colorBack button.primary-btn.clear.active, .colorBack button.primary-btn.clear.inactive {
  border: 0.2rem solid #01B4FE;
}
a.primary-btn.backgroundBox, button.primary-btn.backgroundBox {
  background-color: #FFFFFF !important;
  border-width: 1px;
  color: var(--color-blue-to-black);
}
a.primary-btn.full, button.primary-btn.full {
  width: 100%;
  max-width: none;
}
body.contrast a.primary-btn.no-btn, body.contrast button.primary-btn.no-btn {
  color: #000;
  background: transparent;
}
@media screen and (max-width: 767px) {
  a.primary-btn, button.primary-btn {
    font-size: 1.6rem;
    line-height: 1;
    min-width: 11.1rem;
  }
}
a.primary-btn.no-btn, button.primary-btn.no-btn {
  background: none;
  color: #000;
  border: 2px solid #000;
  cursor: default;
  padding: 1.2rem 1.4rem 1rem;
  font-size: 1.4rem;
  line-height: 1.2;
}
a.primary-btn.no-btn:hover, a.primary-btn.no-btn.hover, a.primary-btn.no-btn:focus, a.primary-btn.no-btn.focus, a.primary-btn.no-btn:active, a.primary-btn.no-btn:active:focus, button.primary-btn.no-btn:hover, button.primary-btn.no-btn.hover, button.primary-btn.no-btn:focus, button.primary-btn.no-btn.focus, button.primary-btn.no-btn:active, button.primary-btn.no-btn:active:focus {
  border: none;
}
.colorBack a.primary-btn.no-btn, .colorBack button.primary-btn.no-btn {
  color: #FFFFFF;
  border-color: #FFFFFF;
}
.colorBack a.primary-btn.no-btn:hover, .colorBack a.primary-btn.no-btn.hover, .colorBack a.primary-btn.no-btn:focus, .colorBack a.primary-btn.no-btn.focus, .colorBack a.primary-btn.no-btn:active, .colorBack a.primary-btn.no-btn:active:focus, .colorBack button.primary-btn.no-btn:hover, .colorBack button.primary-btn.no-btn.hover, .colorBack button.primary-btn.no-btn:focus, .colorBack button.primary-btn.no-btn.focus, .colorBack button.primary-btn.no-btn:active, .colorBack button.primary-btn.no-btn:active:focus {
  border: none;
}
.colorBack-2 a.primary-btn.no-btn, .colorBack-2 button.primary-btn.no-btn {
  color: #000;
  border-color: #000;
}
.colorBack-2 a.primary-btn.no-btn:hover, .colorBack-2 a.primary-btn.no-btn.hover, .colorBack-2 a.primary-btn.no-btn:focus, .colorBack-2 a.primary-btn.no-btn.focus, .colorBack-2 a.primary-btn.no-btn:active, .colorBack-2 a.primary-btn.no-btn:active:focus, .colorBack-2 button.primary-btn.no-btn:hover, .colorBack-2 button.primary-btn.no-btn.hover, .colorBack-2 button.primary-btn.no-btn:focus, .colorBack-2 button.primary-btn.no-btn.focus, .colorBack-2 button.primary-btn.no-btn:active, .colorBack-2 button.primary-btn.no-btn:active:focus {
  border: none;
}
.colorBack-3 a.primary-btn.no-btn, .colorBack-3 button.primary-btn.no-btn {
  color: #01B4FE;
  border-color: #01B4FE;
}
.colorBack-3 a.primary-btn.no-btn:hover, .colorBack-3 a.primary-btn.no-btn.hover, .colorBack-3 a.primary-btn.no-btn:focus, .colorBack-3 a.primary-btn.no-btn.focus, .colorBack-3 a.primary-btn.no-btn:active, .colorBack-3 a.primary-btn.no-btn:active:focus, .colorBack-3 button.primary-btn.no-btn:hover, .colorBack-3 button.primary-btn.no-btn.hover, .colorBack-3 button.primary-btn.no-btn:focus, .colorBack-3 button.primary-btn.no-btn.focus, .colorBack-3 button.primary-btn.no-btn:active, .colorBack-3 button.primary-btn.no-btn:active:focus {
  border: none;
}
a.primary-btn.no-btn.revert, button.primary-btn.no-btn.revert {
  border: 2px solid #000;
  color: #000;
  background: none;
}
a.primary-btn.no-btn:hover, a.primary-btn.no-btn.hover, a.primary-btn.no-btn:focus, a.primary-btn.no-btn.focus, a.primary-btn.no-btn:active, a.primary-btn.no-btn:active:focus, a.primary-btn.no-btn.revert:hover, a.primary-btn.no-btn.revert.hover, a.primary-btn.no-btn.revert:focus, a.primary-btn.no-btn.revert.focus, a.primary-btn.no-btn.revert:active, a.primary-btn.no-btn.revert:active:focus, .colorBack a.primary-btn.no-btn:hover, .colorBack a.primary-btn.no-btn.hover, .colorBack a.primary-btn.no-btn:focus, .colorBack a.primary-btn.no-btn.focus, .colorBack a.primary-btn.no-btn:active, .colorBack a.primary-btn.no-btn:active:focus, button.primary-btn.no-btn:hover, button.primary-btn.no-btn.hover, button.primary-btn.no-btn:focus, button.primary-btn.no-btn.focus, button.primary-btn.no-btn:active, button.primary-btn.no-btn:active:focus, button.primary-btn.no-btn.revert:hover, button.primary-btn.no-btn.revert.hover, button.primary-btn.no-btn.revert:focus, button.primary-btn.no-btn.revert.focus, button.primary-btn.no-btn.revert:active, button.primary-btn.no-btn.revert:active:focus, .colorBack button.primary-btn.no-btn:hover, .colorBack button.primary-btn.no-btn.hover, .colorBack button.primary-btn.no-btn:focus, .colorBack button.primary-btn.no-btn.focus, .colorBack button.primary-btn.no-btn:active, .colorBack button.primary-btn.no-btn:active:focus {
  outline: none;
  border: none;
}
a.primary-btn.no-btn.revert:hover, a.primary-btn.no-btn.revert.hover, a.primary-btn.no-btn.revert:focus, a.primary-btn.no-btn.revert.focus, a.primary-btn.no-btn.revert:active, a.primary-btn.no-btn.revert:active:focus, button.primary-btn.no-btn.revert:hover, button.primary-btn.no-btn.revert.hover, button.primary-btn.no-btn.revert:focus, button.primary-btn.no-btn.revert.focus, button.primary-btn.no-btn.revert:active, button.primary-btn.no-btn.revert:active:focus {
  border: 2px solid #000;
}
a.primary-btn.big, button.primary-btn.big {
  max-width: 21rem;
  min-width: 21rem;
  padding: 1.8rem 1.5rem;
}
a.primary-btn.big + a.primary-btn, a.primary-btn.big + button.primary-btn, button.primary-btn.big + a.primary-btn, button.primary-btn.big + button.primary-btn {
  clear: both;
  margin-top: 0.8rem;
}
a.icon, button.icon {
  padding-right: 5rem;
  text-align: left;
  position: relative;
}
a.icon i, button.icon i {
  position: absolute;
  right: 1.3rem;
  top: 50%;
  margin-top: -0.5em;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
a.icon.download, button.icon.download {
  padding-left: 5rem;
  padding-right: 1.4rem;
}
a.icon.download i, button.icon.download i {
  right: 0;
  left: 1.3rem;
  font-size: 2.4rem;
  -webkit-transform: none;
  transform: none;
}
a.full, button.full {
  width: 100%;
  max-width: none;
}
a.wide, button.wide {
  max-width: 100%;
  width: auto;
}
a.bigSpace, button.bigSpace {
  margin-top: 3.6rem;
}
a.no-btn, button.no-btn {
  background: none;
  color: #000;
  border: 2px solid #000;
  cursor: default;
  padding: 1.2rem 1.4rem 1rem;
  font-size: 1.4rem;
  line-height: 1.2;
}
a.no-btn:hover, a.no-btn.hover, a.no-btn:focus, a.no-btn.focus, a.no-btn:active, a.no-btn:active:focus, button.no-btn:hover, button.no-btn.hover, button.no-btn:focus, button.no-btn.focus, button.no-btn:active, button.no-btn:active:focus {
  border: none;
}
.colorBack a.no-btn, .colorBack button.no-btn {
  color: #FFFFFF;
  border-color: #FFFFFF;
}
.colorBack a.no-btn:hover, .colorBack a.no-btn.hover, .colorBack a.no-btn:focus, .colorBack a.no-btn.focus, .colorBack a.no-btn:active, .colorBack a.no-btn:active:focus, .colorBack button.no-btn:hover, .colorBack button.no-btn.hover, .colorBack button.no-btn:focus, .colorBack button.no-btn.focus, .colorBack button.no-btn:active, .colorBack button.no-btn:active:focus {
  border: none;
}
.colorBack-2 a.no-btn, .colorBack-2 button.no-btn {
  color: #000;
  border-color: #000;
}
.colorBack-2 a.no-btn:hover, .colorBack-2 a.no-btn.hover, .colorBack-2 a.no-btn:focus, .colorBack-2 a.no-btn.focus, .colorBack-2 a.no-btn:active, .colorBack-2 a.no-btn:active:focus, .colorBack-2 button.no-btn:hover, .colorBack-2 button.no-btn.hover, .colorBack-2 button.no-btn:focus, .colorBack-2 button.no-btn.focus, .colorBack-2 button.no-btn:active, .colorBack-2 button.no-btn:active:focus {
  border: none;
}
.colorBack-3 a.no-btn, .colorBack-3 button.no-btn {
  color: #01B4FE;
  border-color: #01B4FE;
}
.colorBack-3 a.no-btn:hover, .colorBack-3 a.no-btn.hover, .colorBack-3 a.no-btn:focus, .colorBack-3 a.no-btn.focus, .colorBack-3 a.no-btn:active, .colorBack-3 a.no-btn:active:focus, .colorBack-3 button.no-btn:hover, .colorBack-3 button.no-btn.hover, .colorBack-3 button.no-btn:focus, .colorBack-3 button.no-btn.focus, .colorBack-3 button.no-btn:active, .colorBack-3 button.no-btn:active:focus {
  border: none;
}
a.no-btn.revert, button.no-btn.revert {
  border: 2px solid #000;
  color: #000;
  background: none;
}
a.no-btn:hover, a.no-btn.hover, a.no-btn:focus, a.no-btn.focus, a.no-btn:active, a.no-btn:active:focus, a.no-btn.revert:hover, a.no-btn.revert.hover, a.no-btn.revert:focus, a.no-btn.revert.focus, a.no-btn.revert:active, a.no-btn.revert:active:focus, .colorBack a.no-btn:hover, .colorBack a.no-btn.hover, .colorBack a.no-btn:focus, .colorBack a.no-btn.focus, .colorBack a.no-btn:active, .colorBack a.no-btn:active:focus, button.no-btn:hover, button.no-btn.hover, button.no-btn:focus, button.no-btn.focus, button.no-btn:active, button.no-btn:active:focus, button.no-btn.revert:hover, button.no-btn.revert.hover, button.no-btn.revert:focus, button.no-btn.revert.focus, button.no-btn.revert:active, button.no-btn.revert:active:focus, .colorBack button.no-btn:hover, .colorBack button.no-btn.hover, .colorBack button.no-btn:focus, .colorBack button.no-btn.focus, .colorBack button.no-btn:active, .colorBack button.no-btn:active:focus {
  outline: none;
  border: none;
}
a.no-btn.revert:hover, a.no-btn.revert.hover, a.no-btn.revert:focus, a.no-btn.revert.focus, a.no-btn.revert:active, a.no-btn.revert:active:focus, button.no-btn.revert:hover, button.no-btn.revert.hover, button.no-btn.revert:focus, button.no-btn.revert.focus, button.no-btn.revert:active, button.no-btn.revert:active:focus {
  border: 2px solid #000;
}
.button a, .button button {
  margin-top: 3rem;
}

.tag {
  border: 1px solid rgba(59, 50, 49, 0.3);
  padding: 0.6rem 0.6rem 0.5rem;
  font-size: 1.2rem;
  line-height: 1;
  color: rgba(59, 50, 49, 0.3);
  float: left;
  margin: 0.6rem 0.6rem 0 0;
}
.tag:last-child {
  margin-right: 0;
}

label {
  color: #C2C2C2;
  font-size: 1.6rem;
  line-height: 1.5;
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.input-block.error label {
  color: #01B4FE;
}
@media screen and (max-width: 767px) {
  label {
    font-size: 1.4rem;
    line-height: 1.2;
  }
}
label.ph-dummy {
  color: #C2C2C2;
}

.backgroundBox a, #main-footer .backgroundBox a {
  color: var(--color-blue-to-black);
  text-decoration: underline;
}
.backgroundBox a:hover, .backgroundBox a:focus, .backgroundBox a:active, .backgroundBox a:focus:active, #main-footer .backgroundBox a:hover, #main-footer .backgroundBox a:focus, #main-footer .backgroundBox a:active, #main-footer .backgroundBox a:focus:active {
  color: #000;
}
.backgroundBox a.primary-btn, .backgroundBox button.link-style.primary-btn, #main-footer .backgroundBox a.primary-btn, #main-footer .backgroundBox button.link-style.primary-btn {
  display: inline-block;
  text-decoration: none;
  font-size: 1.8rem;
  line-height: 1.278;
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  min-width: 14.2rem;
  text-align: center;
  padding: 1rem 1.4rem 0.9rem;
  border: 0.2rem solid #01B4FE;
  border-radius: 0;
  color: #FFFFFF;
  background-color: var(--color-blue-to-black);
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border 0.35s ease-in-out;
  margin-top: 0.6rem;
}
body.contrast .backgroundBox a.primary-btn, body.contrast .backgroundBox button.link-style.primary-btn, body.contrast #main-footer .backgroundBox a.primary-btn, body.contrast #main-footer .backgroundBox button.link-style.primary-btn {
  border-color: #000;
}
@media screen and (min-width: 992px) {
  .backgroundBox a.primary-btn.no-mag, .backgroundBox button.link-style.primary-btn.no-mag, #main-footer .backgroundBox a.primary-btn.no-mag, #main-footer .backgroundBox button.link-style.primary-btn.no-mag {
    margin: 0;
  }
}
#grid.page-journal .backgroundBox a.primary-btn, #grid.page-journal .backgroundBox button.link-style.primary-btn, #grid.page-journal #main-footer .backgroundBox a.primary-btn, #grid.page-journal #main-footer .backgroundBox button.link-style.primary-btn {
  border-color: #000;
  background-color: #000;
  color: #FFFFFF;
}
body.contrast #grid.page-journal .backgroundBox a.primary-btn.trigger, body.contrast #grid.page-journal .backgroundBox button.link-style.primary-btn.trigger, body.contrast #grid.page-journal #main-footer .backgroundBox a.primary-btn.trigger, body.contrast #grid.page-journal #main-footer .backgroundBox button.link-style.primary-btn.trigger {
  border-color: #FFFFFF;
  background-color: #FFFFFF;
  color: #000;
}
.colorBack .backgroundBox a.primary-btn, .colorBack .infoBox .backgroundBox a.primary-btn, .gridBack .backgroundBox a.primary-btn, .gridBack .infoBox .backgroundBox a.primary-btn, .coloredBack.full-back .backgroundBox a.primary-btn, .colorBack .backgroundBox button.link-style.primary-btn, .colorBack .infoBox .backgroundBox button.link-style.primary-btn, .gridBack .backgroundBox button.link-style.primary-btn, .gridBack .infoBox .backgroundBox button.link-style.primary-btn, .coloredBack.full-back .backgroundBox button.link-style.primary-btn, .colorBack #main-footer .backgroundBox a.primary-btn, .colorBack .infoBox #main-footer .backgroundBox a.primary-btn, .gridBack #main-footer .backgroundBox a.primary-btn, .gridBack .infoBox #main-footer .backgroundBox a.primary-btn, .coloredBack.full-back #main-footer .backgroundBox a.primary-btn, .colorBack #main-footer .backgroundBox button.link-style.primary-btn, .colorBack .infoBox #main-footer .backgroundBox button.link-style.primary-btn, .gridBack #main-footer .backgroundBox button.link-style.primary-btn, .gridBack .infoBox #main-footer .backgroundBox button.link-style.primary-btn, .coloredBack.full-back #main-footer .backgroundBox button.link-style.primary-btn {
  border-color: #FFFFFF;
  background-color: #FFFFFF;
  color: var(--color-blue-to-black);
}
#grid.page-journal .colorBack .backgroundBox a.primary-btn, #grid.page-journal .colorBack .infoBox .backgroundBox a.primary-btn, #grid.page-journal .gridBack .backgroundBox a.primary-btn, #grid.page-journal .gridBack .infoBox .backgroundBox a.primary-btn, #grid.page-journal .coloredBack.full-back .backgroundBox a.primary-btn, #grid.page-journal .colorBack .backgroundBox button.link-style.primary-btn, #grid.page-journal .colorBack .infoBox .backgroundBox button.link-style.primary-btn, #grid.page-journal .gridBack .backgroundBox button.link-style.primary-btn, #grid.page-journal .gridBack .infoBox .backgroundBox button.link-style.primary-btn, #grid.page-journal .coloredBack.full-back .backgroundBox button.link-style.primary-btn, #grid.page-journal .colorBack #main-footer .backgroundBox a.primary-btn, #grid.page-journal .colorBack .infoBox #main-footer .backgroundBox a.primary-btn, #grid.page-journal .gridBack #main-footer .backgroundBox a.primary-btn, #grid.page-journal .gridBack .infoBox #main-footer .backgroundBox a.primary-btn, #grid.page-journal .coloredBack.full-back #main-footer .backgroundBox a.primary-btn, #grid.page-journal .colorBack #main-footer .backgroundBox button.link-style.primary-btn, #grid.page-journal .colorBack .infoBox #main-footer .backgroundBox button.link-style.primary-btn, #grid.page-journal .gridBack #main-footer .backgroundBox button.link-style.primary-btn, #grid.page-journal .gridBack .infoBox #main-footer .backgroundBox button.link-style.primary-btn, #grid.page-journal .coloredBack.full-back #main-footer .backgroundBox button.link-style.primary-btn {
  border-color: #FFFFFF;
  background-color: #FFFFFF;
  color: #000;
}
.backgroundBox a.primary-btn:hover, .backgroundBox a.primary-btn.hover, .backgroundBox a.primary-btn:focus, .backgroundBox a.primary-btn.focus, .backgroundBox a.primary-btn:active, .backgroundBox a.primary-btn.active, .backgroundBox button.link-style.primary-btn:hover, .backgroundBox button.link-style.primary-btn.hover, .backgroundBox button.link-style.primary-btn:focus, .backgroundBox button.link-style.primary-btn.focus, .backgroundBox button.link-style.primary-btn:active, .backgroundBox button.link-style.primary-btn.active, #main-footer .backgroundBox a.primary-btn:hover, #main-footer .backgroundBox a.primary-btn.hover, #main-footer .backgroundBox a.primary-btn:focus, #main-footer .backgroundBox a.primary-btn.focus, #main-footer .backgroundBox a.primary-btn:active, #main-footer .backgroundBox a.primary-btn.active, #main-footer .backgroundBox button.link-style.primary-btn:hover, #main-footer .backgroundBox button.link-style.primary-btn.hover, #main-footer .backgroundBox button.link-style.primary-btn:focus, #main-footer .backgroundBox button.link-style.primary-btn.focus, #main-footer .backgroundBox button.link-style.primary-btn:active, #main-footer .backgroundBox button.link-style.primary-btn.active {
  color: var(--color-white-to-black);
  background-color: var(--color-black-to-white);
  border: 0.2rem solid #000;
}
body.contrast .backgroundBox a.primary-btn:hover, body.contrast .backgroundBox a.primary-btn.hover, body.contrast .backgroundBox a.primary-btn:focus, body.contrast .backgroundBox a.primary-btn.focus, body.contrast .backgroundBox a.primary-btn:active, body.contrast .backgroundBox a.primary-btn.active, body.contrast .backgroundBox button.link-style.primary-btn:hover, body.contrast .backgroundBox button.link-style.primary-btn.hover, body.contrast .backgroundBox button.link-style.primary-btn:focus, body.contrast .backgroundBox button.link-style.primary-btn.focus, body.contrast .backgroundBox button.link-style.primary-btn:active, body.contrast .backgroundBox button.link-style.primary-btn.active, body.contrast #main-footer .backgroundBox a.primary-btn:hover, body.contrast #main-footer .backgroundBox a.primary-btn.hover, body.contrast #main-footer .backgroundBox a.primary-btn:focus, body.contrast #main-footer .backgroundBox a.primary-btn.focus, body.contrast #main-footer .backgroundBox a.primary-btn:active, body.contrast #main-footer .backgroundBox a.primary-btn.active, body.contrast #main-footer .backgroundBox button.link-style.primary-btn:hover, body.contrast #main-footer .backgroundBox button.link-style.primary-btn.hover, body.contrast #main-footer .backgroundBox button.link-style.primary-btn:focus, body.contrast #main-footer .backgroundBox button.link-style.primary-btn.focus, body.contrast #main-footer .backgroundBox button.link-style.primary-btn:active, body.contrast #main-footer .backgroundBox button.link-style.primary-btn.active {
  border-color: #000;
}
.backgroundBox a.primary-btn.inactive, .backgroundBox button.link-style.primary-btn.inactive, #main-footer .backgroundBox a.primary-btn.inactive, #main-footer .backgroundBox button.link-style.primary-btn.inactive {
  pointer-events: none;
  color: #ECECEC;
  background-color: #ECECEC;
  border: 0.2rem solid #ECECEC;
}
.backgroundBox a.primary-btn.line, .backgroundBox button.link-style.primary-btn.line, #main-footer .backgroundBox a.primary-btn.line, #main-footer .backgroundBox button.link-style.primary-btn.line {
  background-color: transparent;
  color: var(--color-blue-to-black);
}
.backgroundBox a.primary-btn.line:hover, .backgroundBox a.primary-btn.line.hover, .backgroundBox a.primary-btn.line:focus, .backgroundBox a.primary-btn.line.focus, .backgroundBox a.primary-btn.line:active, .backgroundBox a.primary-btn.line.active, .backgroundBox button.link-style.primary-btn.line:hover, .backgroundBox button.link-style.primary-btn.line.hover, .backgroundBox button.link-style.primary-btn.line:focus, .backgroundBox button.link-style.primary-btn.line.focus, .backgroundBox button.link-style.primary-btn.line:active, .backgroundBox button.link-style.primary-btn.line.active, #main-footer .backgroundBox a.primary-btn.line:hover, #main-footer .backgroundBox a.primary-btn.line.hover, #main-footer .backgroundBox a.primary-btn.line:focus, #main-footer .backgroundBox a.primary-btn.line.focus, #main-footer .backgroundBox a.primary-btn.line:active, #main-footer .backgroundBox a.primary-btn.line.active, #main-footer .backgroundBox button.link-style.primary-btn.line:hover, #main-footer .backgroundBox button.link-style.primary-btn.line.hover, #main-footer .backgroundBox button.link-style.primary-btn.line:focus, #main-footer .backgroundBox button.link-style.primary-btn.line.focus, #main-footer .backgroundBox button.link-style.primary-btn.line:active, #main-footer .backgroundBox button.link-style.primary-btn.line.active {
  color: var(--color-black-to-white);
  background-color: var(--color-white-to-black);
  border: 0.2rem solid #000;
}
.backgroundBox a.primary-btn.line.inactive, .backgroundBox button.link-style.primary-btn.line.inactive, #main-footer .backgroundBox a.primary-btn.line.inactive, #main-footer .backgroundBox button.link-style.primary-btn.line.inactive {
  pointer-events: none;
  color: #01B4FE;
  background-color: #ECECEC;
  border: 0.2rem solid #ECECEC;
}
.backgroundBox a.primary-btn.revert, .backgroundBox button.link-style.primary-btn.revert, #main-footer .backgroundBox a.primary-btn.revert, #main-footer .backgroundBox button.link-style.primary-btn.revert {
  color: var(--color-blue-to-black);
  background-color: #FFFFFF;
  border: 0.2rem solid #FFFFFF;
}
body.contrast .backgroundBox a.primary-btn.revert, body.contrast .backgroundBox button.link-style.primary-btn.revert, body.contrast #main-footer .backgroundBox a.primary-btn.revert, body.contrast #main-footer .backgroundBox button.link-style.primary-btn.revert {
  border-color: #FFFFFF;
}
.backgroundBox a.primary-btn.revert:hover, .backgroundBox a.primary-btn.revert.hover, .backgroundBox button.link-style.primary-btn.revert:hover, .backgroundBox button.link-style.primary-btn.revert.hover, #main-footer .backgroundBox a.primary-btn.revert:hover, #main-footer .backgroundBox a.primary-btn.revert.hover, #main-footer .backgroundBox button.link-style.primary-btn.revert:hover, #main-footer .backgroundBox button.link-style.primary-btn.revert.hover {
  color: #FFFFFF;
  background-color: #000;
  border: 0.2rem solid #000;
}
.backgroundBox a.primary-btn.revert:focus, .backgroundBox a.primary-btn.revert.focus, .backgroundBox button.link-style.primary-btn.revert:focus, .backgroundBox button.link-style.primary-btn.revert.focus, #main-footer .backgroundBox a.primary-btn.revert:focus, #main-footer .backgroundBox a.primary-btn.revert.focus, #main-footer .backgroundBox button.link-style.primary-btn.revert:focus, #main-footer .backgroundBox button.link-style.primary-btn.revert.focus {
  color: #FFFFFF;
  background-color: #000;
  border: 0.2rem solid #000;
}
.backgroundBox a.primary-btn.revert:active, .backgroundBox a.primary-btn.revert.active, .backgroundBox button.link-style.primary-btn.revert:active, .backgroundBox button.link-style.primary-btn.revert.active, #main-footer .backgroundBox a.primary-btn.revert:active, #main-footer .backgroundBox a.primary-btn.revert.active, #main-footer .backgroundBox button.link-style.primary-btn.revert:active, #main-footer .backgroundBox button.link-style.primary-btn.revert.active {
  color: #FFFFFF;
  background-color: #000;
  border: 0.2rem solid #000;
}
.backgroundBox a.primary-btn.revert.inactive, .backgroundBox button.link-style.primary-btn.revert.inactive, #main-footer .backgroundBox a.primary-btn.revert.inactive, #main-footer .backgroundBox button.link-style.primary-btn.revert.inactive {
  pointer-events: none;
  color: #ECECEC;
  background-color: #ECECEC;
  border: 0.2rem solid #ECECEC;
}
.backgroundBox a.primary-btn.revert.line, .backgroundBox button.link-style.primary-btn.revert.line, #main-footer .backgroundBox a.primary-btn.revert.line, #main-footer .backgroundBox button.link-style.primary-btn.revert.line {
  background-color: transparent;
  color: #FFFFFF;
}
.backgroundBox a.primary-btn.revert.line:hover, .backgroundBox a.primary-btn.revert.line.hover, .backgroundBox button.link-style.primary-btn.revert.line:hover, .backgroundBox button.link-style.primary-btn.revert.line.hover, #main-footer .backgroundBox a.primary-btn.revert.line:hover, #main-footer .backgroundBox a.primary-btn.revert.line.hover, #main-footer .backgroundBox button.link-style.primary-btn.revert.line:hover, #main-footer .backgroundBox button.link-style.primary-btn.revert.line.hover {
  color: #000;
  background-color: transparent;
  border: 0.2rem solid #000;
}
.backgroundBox a.primary-btn.revert.line:focus, .backgroundBox a.primary-btn.revert.line.focus, .backgroundBox button.link-style.primary-btn.revert.line:focus, .backgroundBox button.link-style.primary-btn.revert.line.focus, #main-footer .backgroundBox a.primary-btn.revert.line:focus, #main-footer .backgroundBox a.primary-btn.revert.line.focus, #main-footer .backgroundBox button.link-style.primary-btn.revert.line:focus, #main-footer .backgroundBox button.link-style.primary-btn.revert.line.focus {
  color: #000;
  background-color: transparent;
  border: 0.2rem solid #000;
}
.backgroundBox a.primary-btn.revert.line:active, .backgroundBox a.primary-btn.revert.line.active, .backgroundBox button.link-style.primary-btn.revert.line:active, .backgroundBox button.link-style.primary-btn.revert.line.active, #main-footer .backgroundBox a.primary-btn.revert.line:active, #main-footer .backgroundBox a.primary-btn.revert.line.active, #main-footer .backgroundBox button.link-style.primary-btn.revert.line:active, #main-footer .backgroundBox button.link-style.primary-btn.revert.line.active {
  color: #000;
  background-color: transparent;
  border: 0.2rem solid #000;
}
.backgroundBox a.primary-btn.revert.line.inactive, .backgroundBox button.link-style.primary-btn.revert.line.inactive, #main-footer .backgroundBox a.primary-btn.revert.line.inactive, #main-footer .backgroundBox button.link-style.primary-btn.revert.line.inactive {
  pointer-events: none;
  color: #01B4FE;
  background-color: #ECECEC;
  border: 0.2rem solid #ECECEC;
}
.backgroundBox a.primary-btn.revert-hover:hover, .backgroundBox a.primary-btn.revert-hover.hover, .backgroundBox button.link-style.primary-btn.revert-hover:hover, .backgroundBox button.link-style.primary-btn.revert-hover.hover, #main-footer .backgroundBox a.primary-btn.revert-hover:hover, #main-footer .backgroundBox a.primary-btn.revert-hover.hover, #main-footer .backgroundBox button.link-style.primary-btn.revert-hover:hover, #main-footer .backgroundBox button.link-style.primary-btn.revert-hover.hover {
  color: #01B4FE;
  background-color: #FFFFFF;
  border: 0.2rem solid #FFFFFF;
}
.backgroundBox a.primary-btn.revert-hover:focus, .backgroundBox a.primary-btn.revert-hover.focus, .backgroundBox button.link-style.primary-btn.revert-hover:focus, .backgroundBox button.link-style.primary-btn.revert-hover.focus, #main-footer .backgroundBox a.primary-btn.revert-hover:focus, #main-footer .backgroundBox a.primary-btn.revert-hover.focus, #main-footer .backgroundBox button.link-style.primary-btn.revert-hover:focus, #main-footer .backgroundBox button.link-style.primary-btn.revert-hover.focus {
  color: #01B4FE;
  background-color: #FFFFFF;
  border: 0.2rem solid #FFFFFF;
}
.backgroundBox a.primary-btn.revert-hover:active, .backgroundBox a.primary-btn.revert-hover.active, .backgroundBox button.link-style.primary-btn.revert-hover:active, .backgroundBox button.link-style.primary-btn.revert-hover.active, #main-footer .backgroundBox a.primary-btn.revert-hover:active, #main-footer .backgroundBox a.primary-btn.revert-hover.active, #main-footer .backgroundBox button.link-style.primary-btn.revert-hover:active, #main-footer .backgroundBox button.link-style.primary-btn.revert-hover.active {
  color: #01B4FE;
  background-color: #FFFFFF;
  border: 0.2rem solid #FFFFFF;
}
.backgroundBox a.primary-btn.revert-hover.inactive, .backgroundBox button.link-style.primary-btn.revert-hover.inactive, #main-footer .backgroundBox a.primary-btn.revert-hover.inactive, #main-footer .backgroundBox button.link-style.primary-btn.revert-hover.inactive {
  pointer-events: none;
  color: #01B4FE;
  background-color: #FFFFFF;
  border: 0.2rem solid #FFFFFF;
}
.backgroundBox a.primary-btn.black, .backgroundBox button.link-style.primary-btn.black, #main-footer .backgroundBox a.primary-btn.black, #main-footer .backgroundBox button.link-style.primary-btn.black {
  color: #FFFFFF;
  background-color: #000;
  border: 0.2rem solid #000;
}
.colorBack .backgroundBox a.primary-btn.black.on-back:hover, .colorBack .backgroundBox a.primary-btn.black.on-back.hover, .colorBack .backgroundBox a.primary-btn.black.on-back:focus, .colorBack .backgroundBox a.primary-btn.black.on-back.focus, .colorBack .backgroundBox a.primary-btn.black.on-back:active, .colorBack .backgroundBox a.primary-btn.black.on-back.active, .colorBack .backgroundBox button.link-style.primary-btn.black.on-back:hover, .colorBack .backgroundBox button.link-style.primary-btn.black.on-back.hover, .colorBack .backgroundBox button.link-style.primary-btn.black.on-back:focus, .colorBack .backgroundBox button.link-style.primary-btn.black.on-back.focus, .colorBack .backgroundBox button.link-style.primary-btn.black.on-back:active, .colorBack .backgroundBox button.link-style.primary-btn.black.on-back.active, .colorBack #main-footer .backgroundBox a.primary-btn.black.on-back:hover, .colorBack #main-footer .backgroundBox a.primary-btn.black.on-back.hover, .colorBack #main-footer .backgroundBox a.primary-btn.black.on-back:focus, .colorBack #main-footer .backgroundBox a.primary-btn.black.on-back.focus, .colorBack #main-footer .backgroundBox a.primary-btn.black.on-back:active, .colorBack #main-footer .backgroundBox a.primary-btn.black.on-back.active, .colorBack #main-footer .backgroundBox button.link-style.primary-btn.black.on-back:hover, .colorBack #main-footer .backgroundBox button.link-style.primary-btn.black.on-back.hover, .colorBack #main-footer .backgroundBox button.link-style.primary-btn.black.on-back:focus, .colorBack #main-footer .backgroundBox button.link-style.primary-btn.black.on-back.focus, .colorBack #main-footer .backgroundBox button.link-style.primary-btn.black.on-back:active, .colorBack #main-footer .backgroundBox button.link-style.primary-btn.black.on-back.active {
  background-color: #FFFFFF;
  color: #000;
  border: 0.2rem solid #FFFFFF;
}
.backgroundBox a.primary-btn.black:hover, .backgroundBox a.primary-btn.black.hover, .backgroundBox button.link-style.primary-btn.black:hover, .backgroundBox button.link-style.primary-btn.black.hover, #main-footer .backgroundBox a.primary-btn.black:hover, #main-footer .backgroundBox a.primary-btn.black.hover, #main-footer .backgroundBox button.link-style.primary-btn.black:hover, #main-footer .backgroundBox button.link-style.primary-btn.black.hover {
  color: #FFFFFF;
  background-color: #01B4FE;
  border: 0.2rem solid #01B4FE;
}
.backgroundBox a.primary-btn.black:focus, .backgroundBox a.primary-btn.black.focus, .backgroundBox button.link-style.primary-btn.black:focus, .backgroundBox button.link-style.primary-btn.black.focus, #main-footer .backgroundBox a.primary-btn.black:focus, #main-footer .backgroundBox a.primary-btn.black.focus, #main-footer .backgroundBox button.link-style.primary-btn.black:focus, #main-footer .backgroundBox button.link-style.primary-btn.black.focus {
  color: #FFFFFF;
  background-color: #01B4FE;
  border: 0.2rem solid #01B4FE;
}
.backgroundBox a.primary-btn.black:active, .backgroundBox a.primary-btn.black.active, .backgroundBox button.link-style.primary-btn.black:active, .backgroundBox button.link-style.primary-btn.black.active, #main-footer .backgroundBox a.primary-btn.black:active, #main-footer .backgroundBox a.primary-btn.black.active, #main-footer .backgroundBox button.link-style.primary-btn.black:active, #main-footer .backgroundBox button.link-style.primary-btn.black.active {
  color: #FFFFFF;
  background-color: #01B4FE;
  border: 0.2rem solid #01B4FE;
}
.backgroundBox a.primary-btn.black.inactive, .backgroundBox button.link-style.primary-btn.black.inactive, #main-footer .backgroundBox a.primary-btn.black.inactive, #main-footer .backgroundBox button.link-style.primary-btn.black.inactive {
  pointer-events: none;
  color: #FFFFFF;
  background-color: #01B4FE;
  border: 0.2rem solid #01B4FE;
}
.backgroundBox a.primary-btn.black.line, .backgroundBox button.link-style.primary-btn.black.line, #main-footer .backgroundBox a.primary-btn.black.line, #main-footer .backgroundBox button.link-style.primary-btn.black.line {
  background-color: #FFFFFF;
  color: #000;
  border: 0.2rem solid #000;
}
.colorBack .backgroundBox a.primary-btn.black.line.on-back:hover, .colorBack .backgroundBox a.primary-btn.black.line.on-back.hover, .colorBack .backgroundBox a.primary-btn.black.line.on-back:focus, .colorBack .backgroundBox a.primary-btn.black.line.on-back.focus, .colorBack .backgroundBox a.primary-btn.black.line.on-back:active, .colorBack .backgroundBox a.primary-btn.black.line.on-back.active, .colorBack .backgroundBox button.link-style.primary-btn.black.line.on-back:hover, .colorBack .backgroundBox button.link-style.primary-btn.black.line.on-back.hover, .colorBack .backgroundBox button.link-style.primary-btn.black.line.on-back:focus, .colorBack .backgroundBox button.link-style.primary-btn.black.line.on-back.focus, .colorBack .backgroundBox button.link-style.primary-btn.black.line.on-back:active, .colorBack .backgroundBox button.link-style.primary-btn.black.line.on-back.active, .colorBack #main-footer .backgroundBox a.primary-btn.black.line.on-back:hover, .colorBack #main-footer .backgroundBox a.primary-btn.black.line.on-back.hover, .colorBack #main-footer .backgroundBox a.primary-btn.black.line.on-back:focus, .colorBack #main-footer .backgroundBox a.primary-btn.black.line.on-back.focus, .colorBack #main-footer .backgroundBox a.primary-btn.black.line.on-back:active, .colorBack #main-footer .backgroundBox a.primary-btn.black.line.on-back.active, .colorBack #main-footer .backgroundBox button.link-style.primary-btn.black.line.on-back:hover, .colorBack #main-footer .backgroundBox button.link-style.primary-btn.black.line.on-back.hover, .colorBack #main-footer .backgroundBox button.link-style.primary-btn.black.line.on-back:focus, .colorBack #main-footer .backgroundBox button.link-style.primary-btn.black.line.on-back.focus, .colorBack #main-footer .backgroundBox button.link-style.primary-btn.black.line.on-back:active, .colorBack #main-footer .backgroundBox button.link-style.primary-btn.black.line.on-back.active {
  background-color: #000;
  color: #FFFFFF;
  border: 0.2rem solid #000;
}
.backgroundBox a.primary-btn.black.line:hover, .backgroundBox a.primary-btn.black.line.hover, .backgroundBox button.link-style.primary-btn.black.line:hover, .backgroundBox button.link-style.primary-btn.black.line.hover, #main-footer .backgroundBox a.primary-btn.black.line:hover, #main-footer .backgroundBox a.primary-btn.black.line.hover, #main-footer .backgroundBox button.link-style.primary-btn.black.line:hover, #main-footer .backgroundBox button.link-style.primary-btn.black.line.hover {
  color: #01B4FE;
  background-color: transparent;
  border: 0.2rem solid #01B4FE;
}
.backgroundBox a.primary-btn.black.line:focus, .backgroundBox a.primary-btn.black.line.focus, .backgroundBox button.link-style.primary-btn.black.line:focus, .backgroundBox button.link-style.primary-btn.black.line.focus, #main-footer .backgroundBox a.primary-btn.black.line:focus, #main-footer .backgroundBox a.primary-btn.black.line.focus, #main-footer .backgroundBox button.link-style.primary-btn.black.line:focus, #main-footer .backgroundBox button.link-style.primary-btn.black.line.focus {
  color: #01B4FE;
  background-color: transparent;
  border: 0.2rem solid #01B4FE;
}
.backgroundBox a.primary-btn.black.line:active, .backgroundBox a.primary-btn.black.line.active, .backgroundBox button.link-style.primary-btn.black.line:active, .backgroundBox button.link-style.primary-btn.black.line.active, #main-footer .backgroundBox a.primary-btn.black.line:active, #main-footer .backgroundBox a.primary-btn.black.line.active, #main-footer .backgroundBox button.link-style.primary-btn.black.line:active, #main-footer .backgroundBox button.link-style.primary-btn.black.line.active {
  color: #01B4FE;
  background-color: transparent;
  border: 0.2rem solid #01B4FE;
}
.backgroundBox a.primary-btn.clear, .backgroundBox button.link-style.primary-btn.clear, #main-footer .backgroundBox a.primary-btn.clear, #main-footer .backgroundBox button.link-style.primary-btn.clear {
  color: #01B4FE;
  background-color: transparent;
  border: 0.2rem solid #01B4FE;
}
.backgroundBox a.primary-btn.clear:hover, .backgroundBox a.primary-btn.clear.hover, .backgroundBox button.link-style.primary-btn.clear:hover, .backgroundBox button.link-style.primary-btn.clear.hover, #main-footer .backgroundBox a.primary-btn.clear:hover, #main-footer .backgroundBox a.primary-btn.clear.hover, #main-footer .backgroundBox button.link-style.primary-btn.clear:hover, #main-footer .backgroundBox button.link-style.primary-btn.clear.hover {
  color: #000;
  background-color: transparent;
  border: 0.2rem solid #000;
}
.backgroundBox a.primary-btn.clear:focus, .backgroundBox a.primary-btn.clear.focus, .backgroundBox button.link-style.primary-btn.clear:focus, .backgroundBox button.link-style.primary-btn.clear.focus, #main-footer .backgroundBox a.primary-btn.clear:focus, #main-footer .backgroundBox a.primary-btn.clear.focus, #main-footer .backgroundBox button.link-style.primary-btn.clear:focus, #main-footer .backgroundBox button.link-style.primary-btn.clear.focus {
  color: #000;
  background-color: transparent;
  border: 0.2rem solid #000;
}
.backgroundBox a.primary-btn.clear:active, .backgroundBox a.primary-btn.clear.active, .backgroundBox button.link-style.primary-btn.clear:active, .backgroundBox button.link-style.primary-btn.clear.active, #main-footer .backgroundBox a.primary-btn.clear:active, #main-footer .backgroundBox a.primary-btn.clear.active, #main-footer .backgroundBox button.link-style.primary-btn.clear:active, #main-footer .backgroundBox button.link-style.primary-btn.clear.active {
  color: #000;
  background-color: transparent;
  border: 0.2rem solid #000;
}
.backgroundBox a.primary-btn.clear.inactive, .backgroundBox button.link-style.primary-btn.clear.inactive, #main-footer .backgroundBox a.primary-btn.clear.inactive, #main-footer .backgroundBox button.link-style.primary-btn.clear.inactive {
  pointer-events: none;
  color: #ECECEC;
  background-color: transparent;
  border: 0.2rem solid #ECECEC;
}
.colorBack .backgroundBox a.primary-btn.clear, .colorBack .backgroundBox button.link-style.primary-btn.clear, .colorBack #main-footer .backgroundBox a.primary-btn.clear, .colorBack #main-footer .backgroundBox button.link-style.primary-btn.clear {
  border: 0.2rem solid #01B4FE;
}
.colorBack .backgroundBox a.primary-btn.clear:hover, .colorBack .backgroundBox a.primary-btn.clear.hover, .colorBack .backgroundBox a.primary-btn.clear:focus, .colorBack .backgroundBox a.primary-btn.clear.focus, .colorBack .backgroundBox a.primary-btn.clear:active, .colorBack .backgroundBox a.primary-btn.clear.active, .colorBack .backgroundBox a.primary-btn.clear.inactive, .colorBack .backgroundBox button.link-style.primary-btn.clear:hover, .colorBack .backgroundBox button.link-style.primary-btn.clear.hover, .colorBack .backgroundBox button.link-style.primary-btn.clear:focus, .colorBack .backgroundBox button.link-style.primary-btn.clear.focus, .colorBack .backgroundBox button.link-style.primary-btn.clear:active, .colorBack .backgroundBox button.link-style.primary-btn.clear.active, .colorBack .backgroundBox button.link-style.primary-btn.clear.inactive, .colorBack #main-footer .backgroundBox a.primary-btn.clear:hover, .colorBack #main-footer .backgroundBox a.primary-btn.clear.hover, .colorBack #main-footer .backgroundBox a.primary-btn.clear:focus, .colorBack #main-footer .backgroundBox a.primary-btn.clear.focus, .colorBack #main-footer .backgroundBox a.primary-btn.clear:active, .colorBack #main-footer .backgroundBox a.primary-btn.clear.active, .colorBack #main-footer .backgroundBox a.primary-btn.clear.inactive, .colorBack #main-footer .backgroundBox button.link-style.primary-btn.clear:hover, .colorBack #main-footer .backgroundBox button.link-style.primary-btn.clear.hover, .colorBack #main-footer .backgroundBox button.link-style.primary-btn.clear:focus, .colorBack #main-footer .backgroundBox button.link-style.primary-btn.clear.focus, .colorBack #main-footer .backgroundBox button.link-style.primary-btn.clear:active, .colorBack #main-footer .backgroundBox button.link-style.primary-btn.clear.active, .colorBack #main-footer .backgroundBox button.link-style.primary-btn.clear.inactive {
  border: 0.2rem solid #01B4FE;
}
.backgroundBox a.primary-btn.backgroundBox, .backgroundBox button.link-style.primary-btn.backgroundBox, #main-footer .backgroundBox a.primary-btn.backgroundBox, #main-footer .backgroundBox button.link-style.primary-btn.backgroundBox {
  background-color: #FFFFFF !important;
  border-width: 1px;
  color: var(--color-blue-to-black);
}
.backgroundBox a.primary-btn.full, .backgroundBox button.link-style.primary-btn.full, #main-footer .backgroundBox a.primary-btn.full, #main-footer .backgroundBox button.link-style.primary-btn.full {
  width: 100%;
  max-width: none;
}
body.contrast .backgroundBox a.primary-btn.no-btn, body.contrast .backgroundBox button.link-style.primary-btn.no-btn, body.contrast #main-footer .backgroundBox a.primary-btn.no-btn, body.contrast #main-footer .backgroundBox button.link-style.primary-btn.no-btn {
  color: #000;
  background: transparent;
}

form input, form textarea {
  margin-bottom: 3rem;
}
@media screen and (min-width: 992px) {
  form input.no-mag, form textarea.no-mag {
    margin: 0;
  }
}
form .col-xs-6.pull-right.checkbox .note {
  bottom: 0;
}

h3 + form {
  margin-top: 1.5rem;
}

div.has-error + span.error.help-block {
  color: #000;
  margin-top: -10px;
  display: block;
}

.has-error .input input {
  background: #FFA89F;
}

span.error.help-block {
  position: absolute;
  bottom: 1rem;
  font-size: 1.2rem;
  line-height: 1.25;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 0;
  color: #000;
}

input[type=text],
input[type=email],
input[type=tel],
textarea {
  font-family: "Modus W00 Regular", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  width: 100%;
  padding: 2.1rem;
  border: 1px solid #C2C2C2;
  background: var(--color-input-bg);
  color: var(--color-input);
  font-size: 1.8rem;
  line-height: 1.4;
  height: 6.4rem;
  transition: border 0.35s ease-in-out, background 0.35s ease-in-out;
}
input[type=text]::-webkit-input-placeholder, input[type=text]:-moz-placeholder, input[type=text]::-moz-placeholder, input[type=text]:-ms-input-placeholder, input[type=text]::-ms-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=email]:-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=email]::-ms-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=tel]:-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=tel]::-ms-input-placeholder,
textarea::-webkit-input-placeholder,
textarea:-moz-placeholder,
textarea::-moz-placeholder,
textarea:-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #ECECEC;
}
input[type=text]:hover,
input[type=email]:hover,
input[type=tel]:hover,
textarea:hover {
  border: 1px solid #01B4FE;
  background: #FFFFFF;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
textarea:focus {
  border: 1px solid #01B4FE;
  background: #FFFFFF;
}
.input-block.error input[type=text],
.input-block.error input[type=email],
.input-block.error input[type=tel],
.input-block.error textarea {
  background: #01B4FE;
}
input[type=text] + button.primary-btn, input[type=text] + input[type=submit].primary-btn,
input[type=email] + button.primary-btn,
input[type=email] + input[type=submit].primary-btn,
input[type=tel] + button.primary-btn,
input[type=tel] + input[type=submit].primary-btn,
textarea + button.primary-btn,
textarea + input[type=submit].primary-btn {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  input[type=text],
input[type=email],
input[type=tel],
textarea {
    height: 5.7rem;
  }
}

input[type=checkbox],
input[type=radio] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 0.1rem;
  margin: -0.1rem;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0.1rem;
}
input[type=checkbox]:focus + label:before,
input[type=radio]:focus + label:before {
  border-color: #555;
}
input[type=checkbox] + label,
input[type=radio] + label {
  font-family: "Modus W00 Regular", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  position: relative;
  padding-left: 2.6rem;
  vertical-align: middle;
  word-wrap: break-word;
  margin-bottom: 1.5rem;
  line-height: 1.5;
}
input[type=checkbox] + label a, #main-footer .backgroundBox input[type=checkbox] + label a,
input[type=radio] + label a,
#main-footer .backgroundBox input[type=radio] + label a {
  color: #000;
}
input[type=checkbox] + label a:hover, input[type=checkbox] + label a:focus, input[type=checkbox] + label a:active, input[type=checkbox] + label a:focus:active, #main-footer .backgroundBox input[type=checkbox] + label a:hover, #main-footer .backgroundBox input[type=checkbox] + label a:focus, #main-footer .backgroundBox input[type=checkbox] + label a:active, #main-footer .backgroundBox input[type=checkbox] + label a:focus:active,
input[type=radio] + label a:hover,
input[type=radio] + label a:focus,
input[type=radio] + label a:active,
input[type=radio] + label a:focus:active,
#main-footer .backgroundBox input[type=radio] + label a:hover,
#main-footer .backgroundBox input[type=radio] + label a:focus,
#main-footer .backgroundBox input[type=radio] + label a:active,
#main-footer .backgroundBox input[type=radio] + label a:focus:active {
  color: #000;
}
input[type=checkbox] + label:before,
input[type=radio] + label:before {
  content: "";
  position: absolute;
  top: 0.3rem;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
  outline: 0.1rem solid var(--color-blue-to-white);
  background-color: var(--color-white-to-black);
  box-shadow: none;
  font-size: 1.8rem;
  line-height: 2.1rem;
  text-align: center;
}
input[type=checkbox] .error,
input[type=radio] .error {
  color: #C63123;
}

input[type=checkbox]:checked + label:before {
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--color-blue-to-white);
  border: 0.2rem solid var(--color-white-to-black);
  box-shadow: none;
}
body.contrast input[type=checkbox]:checked + label:before {
  border-width: 0.3rem;
}

@keyframes borderscale {
  50% {
    box-shadow: 0 0 0 0.4rem orange;
  }
}
input[type=checkbox] {
  width: auto;
  height: auto;
  float: left;
  margin-top: 0.8rem;
  margin-right: 1.2rem;
}

textarea {
  resize: none;
}

.input-block {
  position: relative;
  float: left;
  width: 100%;
}
.input-block .color-red {
  font-family: "Modus W00 Regular", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.input-block .ph-dummy {
  font-family: "Modus W00 Regular", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  position: absolute;
  top: 0;
  font-size: 1.8rem;
  height: 6.4rem;
  line-height: 1.4;
  padding: 2.1rem;
  cursor: text;
  pointer-events: none;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .input-block .ph-dummy {
    height: 5.7rem;
    padding: 1.8rem 1rem 1.7rem 1rem;
  }
}
.input-block .icon-block {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 3rem;
}
.input-block .icon-block input[type=text],
.input-block .icon-block input[type=email],
.input-block .icon-block input[type=tel],
.input-block .icon-block textarea {
  margin-bottom: 0;
  padding-right: 7rem;
}
.input-block .icon-block i {
  color: #01B4FE;
  font-size: 3rem;
  position: absolute;
  right: 2rem;
  top: 50%;
  margin-top: -0.5em;
}

.module.filter .icon-block, .filter#prodFilterPrevNextMonth .icon-block,
.module.filter input[type=text],
.filter#prodFilterPrevNextMonth input[type=text],
.module.filter input[type=email],
.filter#prodFilterPrevNextMonth input[type=email],
.module.filter input[type=tel],
.filter#prodFilterPrevNextMonth input[type=tel],
.module.filter textarea,
.filter#prodFilterPrevNextMonth textarea {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .module.filter form, .filter#prodFilterPrevNextMonth form {
    margin-top: 2rem;
  }
}

input[type=submit].primary-btn {
  display: inline-block;
  text-decoration: none;
  font-size: 1.8rem;
  line-height: 1.278;
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  min-width: 14.2rem;
  text-align: center;
  padding: 1rem 1.4rem 0.9rem;
  border: 0.2rem solid #01B4FE;
  border-radius: 0;
  color: #FFFFFF;
  background-color: var(--color-blue-to-black);
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border 0.35s ease-in-out;
  margin-top: 0.6rem;
}
body.contrast input[type=submit].primary-btn {
  border-color: #000;
}
@media screen and (min-width: 992px) {
  input[type=submit].primary-btn.no-mag {
    margin: 0;
  }
}
#grid.page-journal input[type=submit].primary-btn {
  border-color: #000;
  background-color: #000;
  color: #FFFFFF;
}
body.contrast #grid.page-journal input[type=submit].primary-btn.trigger {
  border-color: #FFFFFF;
  background-color: #FFFFFF;
  color: #000;
}
.colorBack input[type=submit].primary-btn, .colorBack .infoBox input[type=submit].primary-btn, .gridBack input[type=submit].primary-btn, .gridBack .infoBox input[type=submit].primary-btn, .coloredBack.full-back input[type=submit].primary-btn {
  border-color: #FFFFFF;
  background-color: #FFFFFF;
  color: var(--color-blue-to-black);
}
#grid.page-journal .colorBack input[type=submit].primary-btn, #grid.page-journal .colorBack .infoBox input[type=submit].primary-btn, #grid.page-journal .gridBack input[type=submit].primary-btn, #grid.page-journal .gridBack .infoBox input[type=submit].primary-btn, #grid.page-journal .coloredBack.full-back input[type=submit].primary-btn {
  border-color: #FFFFFF;
  background-color: #FFFFFF;
  color: #000;
}
input[type=submit].primary-btn:hover, input[type=submit].primary-btn.hover, input[type=submit].primary-btn:focus, input[type=submit].primary-btn.focus, input[type=submit].primary-btn:active, input[type=submit].primary-btn.active {
  color: var(--color-white-to-black);
  background-color: var(--color-black-to-white);
  border: 0.2rem solid #000;
}
body.contrast input[type=submit].primary-btn:hover, body.contrast input[type=submit].primary-btn.hover, body.contrast input[type=submit].primary-btn:focus, body.contrast input[type=submit].primary-btn.focus, body.contrast input[type=submit].primary-btn:active, body.contrast input[type=submit].primary-btn.active {
  border-color: #000;
}
input[type=submit].primary-btn.inactive {
  pointer-events: none;
  color: #ECECEC;
  background-color: #ECECEC;
  border: 0.2rem solid #ECECEC;
}
input[type=submit].primary-btn.line {
  background-color: transparent;
  color: var(--color-blue-to-black);
}
input[type=submit].primary-btn.line:hover, input[type=submit].primary-btn.line.hover, input[type=submit].primary-btn.line:focus, input[type=submit].primary-btn.line.focus, input[type=submit].primary-btn.line:active, input[type=submit].primary-btn.line.active {
  color: var(--color-black-to-white);
  background-color: var(--color-white-to-black);
  border: 0.2rem solid #000;
}
input[type=submit].primary-btn.line.inactive {
  pointer-events: none;
  color: #01B4FE;
  background-color: #ECECEC;
  border: 0.2rem solid #ECECEC;
}
input[type=submit].primary-btn.revert {
  color: var(--color-blue-to-black);
  background-color: #FFFFFF;
  border: 0.2rem solid #FFFFFF;
}
body.contrast input[type=submit].primary-btn.revert {
  border-color: #FFFFFF;
}
input[type=submit].primary-btn.revert:hover, input[type=submit].primary-btn.revert.hover {
  color: #FFFFFF;
  background-color: #000;
  border: 0.2rem solid #000;
}
input[type=submit].primary-btn.revert:focus, input[type=submit].primary-btn.revert.focus {
  color: #FFFFFF;
  background-color: #000;
  border: 0.2rem solid #000;
}
input[type=submit].primary-btn.revert:active, input[type=submit].primary-btn.revert.active {
  color: #FFFFFF;
  background-color: #000;
  border: 0.2rem solid #000;
}
input[type=submit].primary-btn.revert.inactive {
  pointer-events: none;
  color: #ECECEC;
  background-color: #ECECEC;
  border: 0.2rem solid #ECECEC;
}
input[type=submit].primary-btn.revert.line {
  background-color: transparent;
  color: #FFFFFF;
}
input[type=submit].primary-btn.revert.line:hover, input[type=submit].primary-btn.revert.line.hover {
  color: #000;
  background-color: transparent;
  border: 0.2rem solid #000;
}
input[type=submit].primary-btn.revert.line:focus, input[type=submit].primary-btn.revert.line.focus {
  color: #000;
  background-color: transparent;
  border: 0.2rem solid #000;
}
input[type=submit].primary-btn.revert.line:active, input[type=submit].primary-btn.revert.line.active {
  color: #000;
  background-color: transparent;
  border: 0.2rem solid #000;
}
input[type=submit].primary-btn.revert.line.inactive {
  pointer-events: none;
  color: #01B4FE;
  background-color: #ECECEC;
  border: 0.2rem solid #ECECEC;
}
input[type=submit].primary-btn.revert-hover:hover, input[type=submit].primary-btn.revert-hover.hover {
  color: #01B4FE;
  background-color: #FFFFFF;
  border: 0.2rem solid #FFFFFF;
}
input[type=submit].primary-btn.revert-hover:focus, input[type=submit].primary-btn.revert-hover.focus {
  color: #01B4FE;
  background-color: #FFFFFF;
  border: 0.2rem solid #FFFFFF;
}
input[type=submit].primary-btn.revert-hover:active, input[type=submit].primary-btn.revert-hover.active {
  color: #01B4FE;
  background-color: #FFFFFF;
  border: 0.2rem solid #FFFFFF;
}
input[type=submit].primary-btn.revert-hover.inactive {
  pointer-events: none;
  color: #01B4FE;
  background-color: #FFFFFF;
  border: 0.2rem solid #FFFFFF;
}
input[type=submit].primary-btn.black {
  color: #FFFFFF;
  background-color: #000;
  border: 0.2rem solid #000;
}
.colorBack input[type=submit].primary-btn.black.on-back:hover, .colorBack input[type=submit].primary-btn.black.on-back.hover, .colorBack input[type=submit].primary-btn.black.on-back:focus, .colorBack input[type=submit].primary-btn.black.on-back.focus, .colorBack input[type=submit].primary-btn.black.on-back:active, .colorBack input[type=submit].primary-btn.black.on-back.active {
  background-color: #FFFFFF;
  color: #000;
  border: 0.2rem solid #FFFFFF;
}
input[type=submit].primary-btn.black:hover, input[type=submit].primary-btn.black.hover {
  color: #FFFFFF;
  background-color: #01B4FE;
  border: 0.2rem solid #01B4FE;
}
input[type=submit].primary-btn.black:focus, input[type=submit].primary-btn.black.focus {
  color: #FFFFFF;
  background-color: #01B4FE;
  border: 0.2rem solid #01B4FE;
}
input[type=submit].primary-btn.black:active, input[type=submit].primary-btn.black.active {
  color: #FFFFFF;
  background-color: #01B4FE;
  border: 0.2rem solid #01B4FE;
}
input[type=submit].primary-btn.black.inactive {
  pointer-events: none;
  color: #FFFFFF;
  background-color: #01B4FE;
  border: 0.2rem solid #01B4FE;
}
input[type=submit].primary-btn.black.line {
  background-color: #FFFFFF;
  color: #000;
  border: 0.2rem solid #000;
}
.colorBack input[type=submit].primary-btn.black.line.on-back:hover, .colorBack input[type=submit].primary-btn.black.line.on-back.hover, .colorBack input[type=submit].primary-btn.black.line.on-back:focus, .colorBack input[type=submit].primary-btn.black.line.on-back.focus, .colorBack input[type=submit].primary-btn.black.line.on-back:active, .colorBack input[type=submit].primary-btn.black.line.on-back.active {
  background-color: #000;
  color: #FFFFFF;
  border: 0.2rem solid #000;
}
input[type=submit].primary-btn.black.line:hover, input[type=submit].primary-btn.black.line.hover {
  color: #01B4FE;
  background-color: transparent;
  border: 0.2rem solid #01B4FE;
}
input[type=submit].primary-btn.black.line:focus, input[type=submit].primary-btn.black.line.focus {
  color: #01B4FE;
  background-color: transparent;
  border: 0.2rem solid #01B4FE;
}
input[type=submit].primary-btn.black.line:active, input[type=submit].primary-btn.black.line.active {
  color: #01B4FE;
  background-color: transparent;
  border: 0.2rem solid #01B4FE;
}
input[type=submit].primary-btn.clear {
  color: #01B4FE;
  background-color: transparent;
  border: 0.2rem solid #01B4FE;
}
input[type=submit].primary-btn.clear:hover, input[type=submit].primary-btn.clear.hover {
  color: #000;
  background-color: transparent;
  border: 0.2rem solid #000;
}
input[type=submit].primary-btn.clear:focus, input[type=submit].primary-btn.clear.focus {
  color: #000;
  background-color: transparent;
  border: 0.2rem solid #000;
}
input[type=submit].primary-btn.clear:active, input[type=submit].primary-btn.clear.active {
  color: #000;
  background-color: transparent;
  border: 0.2rem solid #000;
}
input[type=submit].primary-btn.clear.inactive {
  pointer-events: none;
  color: #ECECEC;
  background-color: transparent;
  border: 0.2rem solid #ECECEC;
}
.colorBack input[type=submit].primary-btn.clear {
  border: 0.2rem solid #01B4FE;
}
.colorBack input[type=submit].primary-btn.clear:hover, .colorBack input[type=submit].primary-btn.clear.hover, .colorBack input[type=submit].primary-btn.clear:focus, .colorBack input[type=submit].primary-btn.clear.focus, .colorBack input[type=submit].primary-btn.clear:active, .colorBack input[type=submit].primary-btn.clear.active, .colorBack input[type=submit].primary-btn.clear.inactive {
  border: 0.2rem solid #01B4FE;
}
input[type=submit].primary-btn.backgroundBox {
  background-color: #FFFFFF !important;
  border-width: 1px;
  color: var(--color-blue-to-black);
}
input[type=submit].primary-btn.full {
  width: 100%;
  max-width: none;
}
body.contrast input[type=submit].primary-btn.no-btn {
  color: #000;
  background: transparent;
}

.specialForm:first-child {
  margin-top: 1.8rem;
}

.smaller-pad-half {
  margin-top: 26px;
  margin-bottom: 77px;
}
.smaller-pad-half .show-search-result {
  color: #01B4FE;
  background: none;
  border: none;
  font-size: 2em;
  position: absolute;
  right: 0.5em;
  top: 0.35em;
  transition: color 0.35s ease-in-out;
}
.smaller-pad-half .show-search-result:focus-visible {
  color: #000;
}

body:not(.contrast) .clever_form_error * {
  color: #ff0000 !important;
}

body.contrast .clever_form_error {
  position: relative;
  border: 1px dashed;
}
body.contrast .clever_form_error::after {
  content: "!";
  position: absolute;
  top: 0;
  left: 100%;
  padding-inline: 1rem;
  background-color: #FFFFFF;
  color: #000;
}

input[type=text].clever_form_error,
input[type=email].clever_form_error,
input[type=tel].clever_form_error {
  border-color: #ff0000;
  border-width: 2px;
}
body.contrast input[type=text].clever_form_error,
body.contrast input[type=email].clever_form_error,
body.contrast input[type=tel].clever_form_error {
  border-color: #000 !important;
}

.no-js form label.ph-dummy {
  top: 0;
  position: relative;
  padding: 0;
  height: auto;
}
.no-js form label.ph-dummy + input, .no-js form label.ph-dummy + textarea {
  margin-top: 0;
}
.no-js form label.select {
  display: block;
  margin-top: 4rem;
}
.no-js form label.select.req:after {
  content: " *";
  color: rgba(59, 50, 49, 0.3);
}
.no-js form select {
  display: block;
  width: 100%;
  padding-left: 1rem;
}

#main-header {
  position: fixed;
  background: var(--color-transparent-to-black);
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  padding: 4.7rem 0 1.5rem;
  border-bottom: 1px solid transparent;
  transition: background 0.35s ease-in-out, padding 0.35s ease-in-out, border 0.35s ease-in-out;
}
#main-header.scrollDown, #main-header.open-menu {
  background-color: var(--color-blue-to-black);
}
#main-header.scrollDown {
  border-bottom-color: #FFFFFF;
}
#main-header a {
  color: #FFFFFF;
}
#main-header #lang-menu a {
  color: #FFFFFF;
}
@media screen and (max-width: 767px) {
  #main-header #header-button-tp22 {
    display: none;
  }
}
#main-header #header-button, #main-header #header-button-tp22 {
  color: var(--color-blue-to-black);
  background-color: #FFFFFF;
  border: 2px solid #FFFFFF;
}
#main-header #header-button:hover, #main-header #header-button:focus, #main-header #header-button-tp22:hover, #main-header #header-button-tp22:focus {
  color: var(--color-blue-to-white);
  background-color: var(--color-white-to-black);
  border-color: var(--color-blue-to-white);
}
#main-header:not(.scrollDown) #header-button {
  color: var(--color-white-to-black);
  background-color: var(--color-blue-to-white);
  border: 2px solid var(--color-blue-to-white);
}
#main-header.scrollDown #header-button:hover, #main-header.scrollDown #header-button:focus, #main-header.scrollDown #header-button-tp22:hover, #main-header.scrollDown #header-button-tp22:focus {
  border-color: #FFFFFF;
}
@media screen and (min-width: 768px) {
  #main-header.smallHeader {
    padding-top: 1.8rem;
  }
  #main-header.smallHeader #stickyLogo {
    transform: scale(0.625);
  }
  #main-header.smallHeader #head-meta {
    opacity: 0;
    pointer-events: none;
  }
  #main-header.smallHeader .menu-wrap {
    top: 86px;
    height: calc(100vh - 86px);
  }
}
#main-header.smallHeader #stickyLogo .scaling-box.name {
  opacity: 0;
  pointer-events: none;
}
#main-header ul {
  list-style: none;
}
@media screen and (min-width: 992px) {
  html.desktop #main-header {
    padding-left: 18.5rem;
  }
}
#main-header .mobile-dropOut {
  width: 100%;
}
@media screen and (max-width: 767px) {
  #main-header {
    padding: 3rem 0 2.9rem;
  }
}
#main-header #top-menu {
  float: right;
  transition: margin 0.35s ease-in-out;
  padding-left: 0.5rem;
}
@media screen and (max-width: 767px) {
  #main-header #top-menu {
    margin: 0;
    position: absolute;
    top: 1rem;
    padding: 0;
    right: 5.2rem;
  }
}
#main-header #stickyLogo {
  position: absolute;
  left: 2.1rem;
  top: 2.1rem;
  z-index: 35;
  transition: top 0.35s ease-in-out, width 0.35s ease-in-out, left 0.35s ease-in-out, transform 0.35s ease-in-out;
  pointer-events: auto;
}
@media screen and (max-width: 767px) {
  #main-header #stickyLogo {
    opacity: 1 !important;
    left: 1.5rem;
    top: 1rem;
    transform: scale(0.5625);
  }
}
@media screen and (max-width: 359px) {
  #main-header #stickyLogo {
    top: 1.6rem;
    transform: scale(0.3958333);
  }
}
#main-header #stickyLogo a {
  float: left;
  width: 100%;
}
#main-header #stickyLogo .scaling-box {
  position: absolute;
  left: 0;
  top: 0;
  transition: opacity 0.35s ease-in-out;
}
#main-header #stickyLogo .scaling-box.main {
  width: 10.6rem;
}
#main-header #stickyLogo .scaling-box.main .scaling-logo {
  padding-bottom: 65.09433%;
}
#main-header #stickyLogo .scaling-box.name {
  width: 12.1rem;
  left: 11.9rem;
}
#main-header #stickyLogo .scaling-box.name .scaling-logo {
  padding-bottom: 12%;
}
#main-header .btn-contrast {
  position: relative;
  padding-inline: 0.8rem;
  height: 2.4rem;
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  background-color: #FFFFFF !important;
  border: 0;
}
#main-header .btn-contrast--mobile {
  float: left;
  margin-right: 1rem;
  padding: 0;
  color: #FFFFFF;
  background-color: transparent !important;
  transform: translateY(-3px);
}
#main-header .btn-contrast--mobile img {
  filter: none !important;
}
#main-header .btn-contrast img {
  width: 2rem;
  height: auto;
  margin-left: 0.4rem;
  filter: invert(1);
}

.scaling-logo {
  padding-bottom: 100%;
}
.scaling-logo svg {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

#head-meta {
  position: absolute;
  top: 1.2rem;
  right: 2.1rem;
  display: flex;
  gap: 0.2rem;
  transition: opacity 0.35s ease-in-out;
}
#main-header.smallHeader.open-menu #head-meta {
  opacity: 1 !important;
  top: 3.2rem;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  pointer-events: auto;
}
#head-meta .head-meta__wrap {
  padding-inline: 0.8rem;
  height: 2.4rem;
  display: flex;
  align-items: center;
  color: #000;
  background-color: #FFFFFF !important;
}
#head-meta .head-meta__wrap a {
  color: #000 !important;
  font-size: 1.4rem;
}
#head-meta .head-meta__wrap #lang-menu {
  display: flex;
  align-items: center;
  float: none;
}
#head-meta .head-meta__wrap #lang-menu li.current a {
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
}
#head-meta .head-meta__wrap li {
  padding: 0 !important;
  margin: 0 !important;
  float: none;
}
#head-meta .head-meta__wrap li.current {
  font-family: "Modus W00 Regular", "Helvetica Neue", Arial, sans-serif;
}
#head-meta .head-meta__wrap li:first-child::after {
  display: none;
}
#head-meta .head-meta__wrap li:not(:first-child)::before {
  content: " /  ";
  margin: 0 0.3rem 0 0.8rem;
}
#head-meta .head-meta__wrap li::after {
  color: inherit !important;
}
#head-meta .head-meta__wrap > * {
  margin-right: 0 !important;
}

#main-header .showSearch {
  background: none;
  border: none;
}
#main-header .showSearch i {
  font-size: 2.9rem;
  color: #FFFFFF;
  transition: color 0.35s ease-in-out;
}
#main-header .showSearch:hover, #main-header .showSearch:active, #main-header .showSearch:focus, #main-header .showSearch:focus:active, #main-header .showSearch.active {
  outline: none;
}
#main-header #head-link, #main-header #head-Link-mobile {
  float: left;
  margin-right: 1.2rem;
  line-height: 1;
  color: #FFFFFF;
}
#main-header #head-Link-mobile {
  line-height: 1.2;
  margin-right: 1rem;
}

#head-link, #head-Link-mobile {
  display: inline-block;
}

#head-Link-mobile {
  padding-top: 1px;
  font-size: 1.4rem;
}

#langBox,
#searchIcon,
#header-button,
#header-button-tp22 {
  float: left;
  margin: 0 2.1rem 0 0.8rem;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  #langBox,
#searchIcon,
#pageSearch,
#head-meta {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  #langBoxMobile {
    display: none !important;
  }
}
#searchIcon {
  margin-top: 1.1rem;
  margin-right: 0.7rem;
}

#header-button,
#header-button-tp22 {
  margin-left: 0;
  margin-top: 0.4rem;
  min-width: 13.4rem;
}
@media screen and (max-width: 767px) {
  #header-button,
#header-button-tp22 {
    margin: 0;
  }
}

#main-menu-container .relative-box {
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  #main-menu-container .relative-box {
    display: none;
  }
}

#jumplinks {
  font-size: 1.4rem;
}
#jumplinks a {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  padding: 0.5rem 1rem;
  color: #01B4FE;
  background: #000;
  z-index: 99;
  pointer-events: none;
}
#jumplinks a:focus {
  opacity: 1;
}
#main-header #jumplinks a:focus {
  color: #01B4FE;
}

#lang-menu, #lang-menu-mobile {
  float: left;
  list-style: none;
  text-transform: uppercase;
}
#lang-menu li, #lang-menu-mobile li {
  float: left;
  margin-right: 0.4rem;
  position: relative;
  padding-top: 1px;
}
#lang-menu li:first-child, #lang-menu-mobile li:first-child {
  padding-right: 1rem;
}
#lang-menu li:first-child:after, #lang-menu-mobile li:first-child:after {
  font-family: "Modus W00 Regular", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  content: "/";
  color: #01B4FE;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
#lang-menu li:last-child, #lang-menu-mobile li:last-child {
  margin-right: 0;
}
#lang-menu li.current, #lang-menu-mobile li.current {
  padding-top: 0;
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

#lang-menu-mobile li {
  padding-top: 0;
}

#langBoxMobile {
  position: fixed;
  top: 1.2rem;
  left: 1.1rem;
  width: 100%;
  text-align: left;
  margin: 0 0 0 -1.25rem;
  line-height: 1;
  display: none;
  padding-left: 2.5rem;
}
@media screen and (max-width: 767px) {
  #langBoxMobile {
    top: 1.9rem;
  }
}
body.mobile-menu #langBoxMobile {
  display: block;
}
#langBoxMobile #lang-menu-mobile {
  font-size: 1.8rem;
  display: inline-block;
}
#langBoxMobile .float-box {
  display: inline-block;
}

#pageSearch {
  position: fixed;
  top: 0;
  left: 100%;
  width: 100%;
  background: #000;
  height: 7.8rem;
  color: #FFFFFF;
  padding: 0 11.5rem 0 9.7rem;
  z-index: 99;
}
body.contrast #pageSearch {
  box-shadow: 0px 1px 0px 0px #FFFFFF;
}
#pageSearch form, #pageSearch button {
  display: none;
}
#pageSearch.showIt form, #pageSearch.showIt button {
  display: block;
}
#pageSearch.showIt input {
  margin: 0;
  background: none;
}
#pageSearch label {
  color: #FFFFFF;
  font-family: "Modus W00 Regular", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
#pageSearch input[type=text],
#pageSearch input[type=email],
#pageSearch input[type=tel] {
  border: none;
  color: #FFFFFF;
  font-family: "Modus W00 Regular", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
#pageSearch input[type=text]:focus, #pageSearch input[type=text]:active, #pageSearch input[type=text]:active:focus,
#pageSearch input[type=email]:focus,
#pageSearch input[type=email]:active,
#pageSearch input[type=email]:active:focus,
#pageSearch input[type=tel]:focus,
#pageSearch input[type=tel]:active,
#pageSearch input[type=tel]:active:focus {
  outline: none;
}
#pageSearch input[type=text],
#pageSearch input[type=email],
#pageSearch input[type=tel],
#pageSearch label {
  font-size: 1.8rem;
}
#pageSearch .fadeIt {
  opacity: 0;
}
#pageSearch .magnifierIcon,
#pageSearch .closeIcon {
  position: absolute;
  top: 50%;
  left: 3.3rem;
  font-size: 3.8rem;
  margin-top: -0.5em;
}
#pageSearch .closeIcon {
  left: auto;
  right: 3.2rem;
  font-size: 3.4rem;
  cursor: pointer;
  background: none;
  border: none;
}
#pageSearch .closeIcon i {
  float: left;
}

#main-header .mobileSearchBox input {
  margin-bottom: 0;
}
#main-header .mobileSearchBox input[type=text],
#main-header .mobileSearchBox input[type=email],
#main-header .mobileSearchBox input[type=tel] {
  border: none;
  color: #000;
  background: #FFFFFF;
  height: 3.8rem;
  padding: 0.7rem 6rem 0.7rem 5.1rem;
}
#main-header .mobileSearchBox input[type=text]:focus, #main-header .mobileSearchBox input[type=text]:active, #main-header .mobileSearchBox input[type=text]:active:focus,
#main-header .mobileSearchBox input[type=email]:focus,
#main-header .mobileSearchBox input[type=email]:active,
#main-header .mobileSearchBox input[type=email]:active:focus,
#main-header .mobileSearchBox input[type=tel]:focus,
#main-header .mobileSearchBox input[type=tel]:active,
#main-header .mobileSearchBox input[type=tel]:active:focus {
  outline: none;
}
#main-header .mobileSearchBox input[type=submit] {
  color: #FFFFFF;
  background: var(--color-blue-to-black);
  position: absolute;
  right: 0;
  top: 0;
  border: 0.1rem solid var(--color-blue-to-white);
  padding: 0 1.4rem;
  height: 3.8rem;
  text-transform: uppercase;
}
#main-header .mobileSearchBox i:before {
  color: var(--color-blue-to-black);
}
#main-header .mobileSearchBox label {
  padding: 0.7rem 0.6rem 0.7rem 5.1rem;
  color: #000;
  opacity: 0.2;
}
body.contrast #main-header .mobileSearchBox label {
  opacity: 1;
}
#main-header .mobileSearchBox .input-block .ph-dummy {
  height: 3.5rem;
}
#main-header .mobileSearchBox .magnifierIcon {
  color: #01B4FE;
  position: absolute;
  top: 50%;
  left: 1rem;
  font-size: 2.4rem;
  line-height: 0.9;
  margin-top: -0.5em;
}

#main-menu {
  float: left;
  width: 100%;
}
#main-menu ul {
  list-style: none;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
#main-menu ul li {
  float: left;
  position: relative;
  margin-right: 5.4rem;
  font-size: 2.4rem;
}
#main-menu ul li:last-child {
  margin: 0;
}
#main-menu ul li a {
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  padding-bottom: 1.2rem;
  display: inline-block;
  position: relative;
  overflow: hidden;
  float: left;
  color: #01B4FE;
}
#main-menu ul li a:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -0.6rem;
  height: 0.6rem;
  transition: bottom 0.2s ease-in-out;
  background: #01B4FE;
}
#main-menu ul li:hover a, #main-menu ul li:active a, #main-menu ul li:focus a, #main-menu ul li.active a {
  color: #01B4FE;
}
#main-menu ul li:hover a:after, #main-menu ul li:active a:after, #main-menu ul li:focus a:after, #main-menu ul li.active a:after {
  bottom: 0;
}
#main-menu ul ul {
  position: absolute;
  top: 100%;
  width: auto;
  min-width: 14.6rem;
  height: 0;
  overflow: hidden;
  text-align: left;
  padding: 0;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
  background: #FFFFFF;
  margin-top: 1px;
}
#main-menu ul ul li {
  padding: 0;
  margin: 0;
  width: 100%;
  font-size: 1.8rem;
  line-height: 1.5;
  background-color: #FFFFFF;
  border: 1px solid #01B4FE;
  border-top: none;
  border-bottom: none;
}
#main-menu ul ul li:last-child {
  border-bottom: 1px solid #01B4FE;
}
#main-menu ul ul li a {
  white-space: nowrap;
  display: block;
  color: #01B4FE;
  position: relative;
  padding: 0.6rem 1.7rem 0.6rem 1.6rem;
  transition: color 0.35s ease-in-out, background 0.35s ease-in-out;
  background: #FFFFFF;
  overflow: auto;
  float: none;
}
#main-menu ul ul li a:after {
  display: none;
}
#main-menu ul ul li a:hover, #main-menu ul ul li a:active, #main-menu ul ul li a:focus, #main-menu ul ul li a.active {
  color: #FFFFFF;
  background: #01B4FE;
}
@media screen and (max-width: 991px) {
  #main-menu ul ul li:last-child a:after {
    display: none;
  }
}
#main-menu ul .focus-open ul {
  height: auto;
}

@media (max-width: 1235px) {
  #main-menu ul li {
    font-size: 2rem;
    margin-right: 4.3rem;
  }
  #main-menu ul li a {
    padding-bottom: 1.5rem;
  }
  #main-menu ul ul li {
    font-size: 1.7rem;
  }
}
@media (max-width: 1060px) {
  #main-menu ul li {
    font-size: 1.8rem;
  }
  #main-menu ul li a {
    padding-bottom: 1.6rem;
  }
  #main-menu ul ul li {
    font-size: 1.6rem;
  }
}
#mobile-menu {
  float: left;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #mobile-menu {
    display: none;
  }
}
#mobile-menu ul li {
  font-size: 1.6rem;
}
#mobile-menu ul a {
  display: inline-block;
  width: 100%;
  padding: 0.7rem 0;
}
#mobile-menu .social-box,
#mobile-menu .mobile-nav-box {
  margin-top: 4rem;
}

#mobile-open {
  float: left;
  border: none;
  outline: 0;
  border-radius: 0;
  background: none;
  z-index: 50;
  padding: 0;
  margin: 0 0.5rem 0 1rem;
  color: #01B4FE;
  font-size: 1.8rem;
  display: inline-block;
}
#mobile-open .icon-bar {
  width: 3.7rem;
  height: 0.3rem;
}
#mobile-open .icon-bar + .icon-bar {
  margin-top: 1rem;
}
#mobile-open span {
  background: #FFFFFF;
}
#mobile-open i {
  font-size: 2.9rem;
  color: #FFFFFF;
  padding: 1.1rem 1.6rem;
  transition: opacity 0.2s ease-in-out;
  line-height: 1;
  float: left;
  width: 100%;
  z-index: 10;
}
.mobile-menu #mobile-open i {
  opacity: 0;
}
#mobile-open i.close-it {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  background: #000;
  z-index: 15;
}
.mobile-menu #mobile-open i.close-it {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  #main-header #mobile-open i.close-it {
    background: none;
  }
  #main-header.scrollDown #mobile-open i.close-it {
    background: var(--color-blue-to-white);
  }
  body.contrast #main-header.scrollDown #mobile-open i.close-it {
    color: #000;
  }
}
@media screen and (max-width: 767px) {
  #mobile-open i {
    margin-top: 0.7rem;
    margin-right: 0.7rem;
    padding: 0.8rem;
  }
}
@media screen and (max-width: 767px) {
  #mobile-open {
    position: fixed;
    top: 0;
    right: 0;
    margin: 0;
  }
}

#mobile-back {
  position: absolute;
  z-index: 50;
  top: 1.4rem;
  left: 2.5rem;
  padding-left: 2.8rem;
  font-size: 1.6rem;
  cursor: pointer;
}
#mobile-back, #mobile-back i {
  color: #01B4FE;
  transition: color 0.35s ease-in-out;
}
#mobile-back i {
  display: inline-block;
  font-size: 1.5rem;
  position: absolute;
  margin-top: -0.5em;
  left: 0;
  top: 50%;
  line-height: 0.9;
}
#mobile-back:hover, #mobile-back:hover i, #mobile-back:active, #mobile-back:active i, #mobile-back:focus, #mobile-back:focus i, #mobile-back:focus:active, #mobile-back:focus:active i, #mobile-back.active, #mobile-back.active i {
  color: #000;
}

#logo {
  padding-top: 1.5rem;
}
#logo svg {
  width: 12.5rem;
  height: 8.6rem;
}

#main-header #scroller > ul > li:last-child li:last-child {
  padding-bottom: 2rem;
}
#main-header #scroller .toggle span {
  transition: color 0.35s ease-in-out;
}
#main-header #scroller .toggle, #main-header #scroller .no-sub a {
  padding: 2rem 0 2rem 0;
}
#main-header #scroller a, #main-header #scroller .toggle span {
  font-size: 4.8rem;
  line-height: 1;
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  margin: 0;
}
@media screen and (max-width: 991px) {
  #main-header #scroller a, #main-header #scroller .toggle span {
    font-size: 3rem;
    line-height: 1;
  }
}
#main-header #scroller a, #main-header #scroller a i, #main-header #scroller .toggle span, #main-header #scroller .toggle span i {
  color: #FFFFFF;
}
body.contrast #main-header #scroller a, body.contrast #main-header #scroller a i, body.contrast #main-header #scroller .toggle span, body.contrast #main-header #scroller .toggle span i {
  text-decoration: underline solid 1px;
  text-underline-offset: 3px;
}
#main-header #scroller a:hover, #main-header #scroller a:hover i, #main-header #scroller a:active, #main-header #scroller a:active i, #main-header #scroller a:focus, #main-header #scroller a:focus i, #main-header #scroller a:focus:active, #main-header #scroller a:focus:active i, #main-header #scroller a.active, #main-header #scroller a.active i, #main-header #scroller .toggle span:hover, #main-header #scroller .toggle span:hover i, #main-header #scroller .toggle span:active, #main-header #scroller .toggle span:active i, #main-header #scroller .toggle span:focus, #main-header #scroller .toggle span:focus i, #main-header #scroller .toggle span:focus:active, #main-header #scroller .toggle span:focus:active i, #main-header #scroller .toggle span.active, #main-header #scroller .toggle span.active i {
  color: var(--color-blue-to-white);
}
body.contrast #main-header #scroller a:hover, body.contrast #main-header #scroller a:hover i, body.contrast #main-header #scroller a:active, body.contrast #main-header #scroller a:active i, body.contrast #main-header #scroller a:focus, body.contrast #main-header #scroller a:focus i, body.contrast #main-header #scroller a:focus:active, body.contrast #main-header #scroller a:focus:active i, body.contrast #main-header #scroller a.active, body.contrast #main-header #scroller a.active i, body.contrast #main-header #scroller .toggle span:hover, body.contrast #main-header #scroller .toggle span:hover i, body.contrast #main-header #scroller .toggle span:active, body.contrast #main-header #scroller .toggle span:active i, body.contrast #main-header #scroller .toggle span:focus, body.contrast #main-header #scroller .toggle span:focus i, body.contrast #main-header #scroller .toggle span:focus:active, body.contrast #main-header #scroller .toggle span:focus:active i, body.contrast #main-header #scroller .toggle span.active, body.contrast #main-header #scroller .toggle span.active i {
  text-decoration-style: solid;
}
#main-header #scroller .has-submenu ul a, #main-header #scroller .has-submenu ul .toggle span {
  font-size: 3rem;
  line-height: 1;
  margin: 0 0 1.2rem 0;
  margin: 0 0 0 0;
}
@media screen and (max-width: 991px) {
  #main-header #scroller .has-submenu ul a, #main-header #scroller .has-submenu ul .toggle span {
    font-size: 2.6rem;
  }
}
#main-header #scroller .toggle-slide li {
  padding: 1.5rem 0 0;
}
#main-header #scroller .toggle-slide li:last-child {
  padding-bottom: 4rem;
}
#main-header #scroller .social-box a {
  font-size: 4.1rem;
  margin: 0 2.2rem 0 0;
  transition: color 0.35s ease-in-out;
}
#main-header #scroller .mobile-nav-box a {
  font-family: "Modus W00 Regular", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 2.4rem;
  line-height: 1;
}
#main-header .menu-wrap {
  visibility: hidden;
}
#main-header .menu-wrap a {
  color: #FFFFFF;
}
#main-header .menu-wrap a:hover, #main-header .menu-wrap a:active, #main-header .menu-wrap a:focus, #main-header .menu-wrap a.active {
  color: #01B4FE;
}
#main-header.open-menu .menu-wrap {
  outline: 1px solid #000;
}
#main-header.scroller-isOpen #head-meta,
#main-header.scroller-isOpen #mobile-menu {
  display: none;
}

#lang-menu li:first-child:after,
#lang-menu-mobile li:first-child:after {
  color: #FFFFFF;
}

#langBox {
  position: relative;
  text-align: center;
  line-height: 1;
  margin-left: 0;
}
#langBox #lang-menu {
  display: inline-block;
  float: left;
}

.menu-wrap {
  position: absolute;
  width: 100%;
  z-index: 40;
  display: block;
  left: 100%;
  top: 0;
  background-color: #000;
  transition: none;
  height: 100vh;
}
@media screen and (min-width: 768px) {
  .menu-wrap {
    top: 114px;
    height: calc(100vh - 114px);
  }
  body.contrast .menu-wrap {
    top: 115px;
    height: calc(100vh - 115px);
  }
}
.menu-wrap.white-back .menu-container {
  background: #FFFFFF;
}
.menu-wrap .mobile-dropOut {
  width: 100%;
  height: 100%;
  padding: 0;
  border-top: 11.3rem solid #000;
  border-left: 1px solid #000;
  overflow: hidden;
  overflow-y: auto;
}
@media screen and (max-width: 767px) {
  .menu-wrap .mobile-dropOut {
    border-top-width: 5.9rem;
  }
}
@media screen and (min-width: 768px) {
  .menu-wrap .mobile-dropOut {
    border-top: 0;
  }
}
.menu-wrap .mobile-dropOut #mobile-close {
  display: block;
}
.menu-wrap .mobile-dropOut #head-meta {
  position: static;
  top: auto;
  left: auto;
  right: auto;
  float: left;
  width: 100%;
  padding-right: 2.5rem;
}
.menu-wrap .mobile-dropOut #head-meta > ul {
  transition: none;
}
.menu-wrap .mobile-dropOut #head-meta.open > ul {
  opacity: 1;
  visibility: visible;
}
.menu-wrap .mobile-dropOut .menu-container {
  height: 100%;
  float: left;
  width: 100%;
  margin-bottom: 2rem;
}

#main-menu {
  margin: 0 0 1.6rem 0;
  float: left;
  width: 100%;
  position: relative;
  top: 0;
  right: auto;
}
@media screen and (max-width: 767px) {
  #main-menu {
    margin-top: 0;
  }
}
#main-menu ul li, #main-menu ul li li {
  float: left;
  width: 100%;
  font-size: 2.4rem;
  line-height: 1.3;
  padding: 0;
  margin: 0;
}
#main-menu ul li a, #main-menu ul li span, #main-menu ul li li a, #main-menu ul li li span {
  color: #FFFFFF;
  text-align: left;
  padding: 0;
}
#main-menu ul li:hover a, #main-menu ul li:active a, #main-menu ul li:focus a, #main-menu ul li.active a, #main-menu ul li li:hover a, #main-menu ul li li:active a, #main-menu ul li li:focus a, #main-menu ul li li.active a {
  color: #000;
}
#main-menu ul li a, #main-menu ul li li a {
  width: 100%;
  padding: 0.7rem 0;
}
#main-menu ul li a:after, #main-menu ul li li a:after {
  display: none;
}
#main-menu ul li span, #main-menu ul li li span {
  float: none;
}
#main-menu ul li span:before, #main-menu ul li li span:before {
  display: none;
}
#main-menu ul li a, #main-menu ul li span, #main-menu ul li li a, #main-menu ul li li span {
  display: block;
}
#main-menu #scroller > ul > li a:after {
  display: none;
}
#main-menu #scroller > ul > li ul {
  position: relative;
  top: 0;
  left: 0;
  height: auto;
  min-width: 0;
  box-shadow: none;
  padding: 2rem 0;
  background: none;
  float: left;
  width: 100%;
  position: relative;
  top: 0;
  right: auto;
}
#main-menu #scroller > ul > li ul li {
  border: none;
}
#main-menu #scroller > ul > li ul li a {
  background: none;
}
#main-menu #scroller > ul > li ul ul li, #main-menu #scroller > ul > li ul ul li li {
  float: left;
  width: 100%;
  font-size: 2.4rem;
  line-height: 1.3;
  padding: 0;
  margin: 0;
}
#main-menu #scroller > ul > li ul ul li a, #main-menu #scroller > ul > li ul ul li span, #main-menu #scroller > ul > li ul ul li li a, #main-menu #scroller > ul > li ul ul li li span {
  color: #FFFFFF;
  text-align: left;
  padding: 0;
}
#main-menu #scroller > ul > li ul ul li:hover a, #main-menu #scroller > ul > li ul ul li:active a, #main-menu #scroller > ul > li ul ul li:focus a, #main-menu #scroller > ul > li ul ul li.active a, #main-menu #scroller > ul > li ul ul li li:hover a, #main-menu #scroller > ul > li ul ul li li:active a, #main-menu #scroller > ul > li ul ul li li:focus a, #main-menu #scroller > ul > li ul ul li li.active a {
  color: #000;
}
#main-menu #scroller > ul > li ul ul li a, #main-menu #scroller > ul > li ul ul li li a {
  width: 100%;
  padding: 0.7rem 0;
}
#main-menu #scroller > ul > li ul ul li a:after, #main-menu #scroller > ul > li ul ul li li a:after {
  display: none;
}
#main-menu #scroller > ul > li ul ul li span, #main-menu #scroller > ul > li ul ul li li span {
  float: none;
}
#main-menu #scroller > ul > li ul ul li span:before, #main-menu #scroller > ul > li ul ul li li span:before {
  display: none;
}
#main-menu #scroller > ul > li ul ul li a, #main-menu #scroller > ul > li ul ul li span, #main-menu #scroller > ul > li ul ul li li a, #main-menu #scroller > ul > li ul ul li li span {
  display: block;
}
#main-menu #scroller > ul > li ul.big {
  border: none;
}
#main-menu #scroller > ul > li.open ul {
  height: auto;
  display: block;
}
#main-menu #scroller.accordionList ul:before,
#main-menu #scroller.accordionList ul li:before,
#main-menu #scroller.accordionList .toggle-slide:before {
  display: none;
}
#main-menu #scroller.accordionList ul {
  padding: 0;
}
#main-menu #scroller.accordionList ul, #main-menu #scroller.accordionList ul li {
  background: none;
}
#main-menu #scroller.accordionList .toggle {
  padding: 2rem 0 1.3rem 0;
}
#main-menu #scroller.accordionList .toggle button {
  display: none;
}

#main-menu-container {
  position: relative;
  float: left;
  width: 100%;
}

body.mobile-menu {
  overflow: hidden;
  height: 100%;
}
body.mobile-menu #main-container {
  pointer-events: none;
}
body #grid {
  overflow: hidden;
}

#main-header .logo-wrap .grey-menu {
  float: left;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #f8f8f8;
  height: 5rem;
}

#main-menu ul {
  width: 100%;
}
#main-menu #scroller {
  width: 100%;
  z-index: 50;
  background: #000;
  padding: 2rem 2.5rem;
  min-height: calc(100vh - 11.3rem - (2rem * 2));
}
@media screen and (max-width: 767px) {
  #main-menu #scroller {
    min-height: calc(100vh - 5.9rem - (2rem * 2));
  }
}
#main-menu .mini-menu-only {
  z-index: 20;
  position: relative;
}

#main {
  overflow-x: hidden;
}

@media print {
  #main-header {
    position: relative;
  }
  #main-header .menu-wrap, #main-header #main-menu-container {
    display: none;
  }
}
.social-box {
  font-size: 0;
  float: left;
  width: 100%;
  text-align: center;
}
.social-box > * {
  font-size: 4.1rem;
}
.social-box .centerBox {
  display: inline-block;
}
.social-box a {
  position: relative;
  margin: 0 3rem;
  float: left;
  isolation: isolate;
  text-decoration: none !important;
}
.social-box a i {
  float: left;
}
body.contrast .social-box a i {
  text-decoration: none !important;
}
body.contrast .social-box a {
  text-decoration: none !important;
}
body.contrast .social-box a:hover i, body.contrast .social-box a:focus i {
  color: #000 !important;
}
body.contrast .social-box a:hover::before, body.contrast .social-box a:hover::after, body.contrast .social-box a:focus::before, body.contrast .social-box a:focus::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
}
body.contrast .social-box a:hover::before, body.contrast .social-box a:focus::before {
  background-color: #FFFFFF;
  z-index: -1;
}
body.contrast .social-box a:hover::after, body.contrast .social-box a:focus::after {
  border: 1px solid #FFFFFF;
  z-index: 10;
}
@media screen and (min-width: 992px) {
  #main-footer .social-box a {
    color: #01B4FE;
  }
  #main-footer .social-box a:hover, #main-footer .social-box a:focus, #main-footer .social-box a:active, #main-footer .social-box a:focus:active {
    color: #FFFFFF;
  }
}

#mobile-menu .social-box {
  text-align: left;
}
#mobile-menu .social-box .centerBox {
  display: block;
}
#mobile-menu .social-box a {
  margin: 0 2.2rem 0 0;
}

@media screen and (max-width: 991px) {
  .social-box {
    text-align: left;
  }
  .social-box .centerBox {
    display: block;
  }
  .social-box a {
    margin: 0 2.2rem 0 0;
  }
}
#main-footer .middleBox {
  float: left;
  width: 100%;
  margin: 3.4rem 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  #main-footer .middleBox {
    text-align: center;
  }
}
@media screen and (min-width: 992px) {
  #main-footer .middleBox {
    margin: 1.2rem 0 1.1rem;
  }
  #main-footer .social-box .centerBox {
    pointer-events: visible;
  }
}
@media screen and (max-width: 767px) {
  #main-footer .social-box {
    float: none;
    width: auto;
    display: inline-block;
  }
}

.presentedBox {
  position: absolute;
  bottom: -4.1rem;
  right: 1.7rem;
  padding-right: 4.5rem;
}
.presentedBox span {
  font-size: 1.2rem;
  color: #01B4FE;
  float: left;
  line-height: 0.6;
  white-space: nowrap;
}
.presentedBox i {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 2.6rem;
}

@media (max-width: 991px) {
  .presentedBox {
    bottom: 1.5rem;
    right: 2.5rem;
    padding: 0;
  }
  .presentedBox span {
    color: #FFFFFF;
    float: none;
    display: block;
    margin-bottom: 0.5rem;
  }
  .presentedBox i {
    position: static;
    font-size: 5.1rem;
    float: left;
  }
}
html.tablet .presentedBox {
  bottom: 1.5rem;
  right: 2.5rem;
  padding: 0;
}
html.tablet .presentedBox span {
  color: #FFFFFF;
  float: none;
  display: block;
  margin-bottom: 0.5rem;
}
html.tablet .presentedBox i {
  position: static;
  font-size: 5.1rem;
  float: left;
}

#main-footer .presentedBox {
  bottom: 1.5rem;
  right: 2.5rem;
  padding: 0;
}
#main-footer .presentedBox span {
  color: #FFFFFF;
  float: none;
  display: block;
  margin-bottom: 0.5rem;
}
#main-footer .presentedBox i {
  position: static;
  font-size: 5.1rem;
  float: left;
}
#main-footer .presentedBox {
  bottom: 0;
}
@media (min-width: 992px) {
  #main-footer .presentedBox {
    position: absolute;
    left: 0;
    top: -100px;
    right: auto;
    bottom: auto;
    pointer-events: visible;
  }
  #main-footer .presentedBox span {
    font-size: 1.2rem;
    line-height: 1.25;
  }
}
@media (max-width: 991px) {
  #main-footer .presentedBox {
    right: 0;
    bottom: -1.1rem;
  }
}

.module, #prodFilterPrevNextMonth {
  padding: 3.6rem 0;
  clear: both;
}
.module:last-child, #prodFilterPrevNextMonth:last-child {
  margin-bottom: 3rem;
}
.module.map:last-child, .map#prodFilterPrevNextMonth:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  .module.textElement.headerOnly + .module, .textElement.headerOnly#prodFilterPrevNextMonth + .module, .module.textElement.headerOnly + #prodFilterPrevNextMonth, .textElement.headerOnly#prodFilterPrevNextMonth + #prodFilterPrevNextMonth {
    padding-top: 0;
    margin-top: -0.9rem;
  }
}
.sidelist .module, .sidelist #prodFilterPrevNextMonth {
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.sidelist .module + .module, .sidelist #prodFilterPrevNextMonth + .module, .sidelist .module + #prodFilterPrevNextMonth, .sidelist #prodFilterPrevNextMonth + #prodFilterPrevNextMonth {
  padding-top: 0;
}
.module .lastLink, #prodFilterPrevNextMonth .lastLink {
  margin-bottom: -3.6rem;
}
.module.noPadBttm, .noPadBttm#prodFilterPrevNextMonth {
  padding-bottom: 0;
}
.grid-block.two-columns-big .module.dl-list, .grid-block.two-columns-big .dl-list#prodFilterPrevNextMonth {
  padding: 3.6rem 0 1rem;
}
.grid-block.two-columns-big .sidelist .module.dl-list, .grid-block.two-columns-big .sidelist .dl-list#prodFilterPrevNextMonth {
  padding: 0;
}
.module.full + .module.full.colorBack, .full#prodFilterPrevNextMonth + .module.full.colorBack, .module.full + .full.colorBack#prodFilterPrevNextMonth, .full#prodFilterPrevNextMonth + .full.colorBack#prodFilterPrevNextMonth {
  margin-top: 3.6rem;
}
@media screen and (max-width: 767px) {
  .module.full + .module.full.colorBack, .full#prodFilterPrevNextMonth + .module.full.colorBack, .module.full + .full.colorBack#prodFilterPrevNextMonth, .full#prodFilterPrevNextMonth + .full.colorBack#prodFilterPrevNextMonth {
    margin-top: 2rem;
  }
}

.container.module, .container#prodFilterPrevNextMonth {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.container.module.bigView, .container.bigView#prodFilterPrevNextMonth, .container.module.map, .container.map#prodFilterPrevNextMonth {
  padding-left: 0;
  padding-right: 0;
}

.container .container.module, .container .container#prodFilterPrevNextMonth {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.container .container.module .row:not(.no-margin-reset), .container .container#prodFilterPrevNextMonth .row:not(.no-margin-reset) {
  margin: 0;
}
.container .container.module .row:not(.no-margin-reset) [class*=col-]:not(.no-margin-reset), .container .container#prodFilterPrevNextMonth .row:not(.no-margin-reset) [class*=col-]:not(.no-margin-reset) {
  margin: 0;
  padding: 0;
  width: 100%;
}
.container .module .container, .container #prodFilterPrevNextMonth .container {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.container .module .container .row:not(.no-margin-reset), .container #prodFilterPrevNextMonth .container .row:not(.no-margin-reset) {
  margin: 0;
}
.container .module .container .row:not(.no-margin-reset) [class*=col-]:not(.no-margin-reset), .container #prodFilterPrevNextMonth .container .row:not(.no-margin-reset) [class*=col-]:not(.no-margin-reset) {
  margin: 0;
  padding: 0;
  width: 100%;
}

.grid-block.coloredBack {
  padding: 3.6rem 0;
}
.grid-block.coloredBack > .gridBack {
  padding: 3.6rem 1.5rem;
}
.grid-block.coloredBack * {
  color: #FFFFFF;
}
.grid-block.coloredBack + .grid-block.coloredBack {
  margin-top: -3.6rem;
  padding-top: 0;
}
.grid-block.coloredBack.full-back {
  padding: 0;
  margin: 3.6rem 0;
}
.grid-block .headerLine h1, .grid-block .headerLine h2.big, .grid-block .headerLine h3 {
  margin-bottom: 4rem;
  margin-top: 3.4rem;
}
@media only screen and (max-width: 767px) {
  .grid-block .headerLine h1, .grid-block .headerLine h2.big, .grid-block .headerLine h3 {
    margin-bottom: 0;
  }
}
.grid-block .headerLine h1, .grid-block .headerLine h2.big {
  font-size: 4.8rem;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .grid-block .headerLine h1, .grid-block .headerLine h2.big {
    font-size: 3.2rem;
  }
}
.grid-block .hasHeaderLine .module:first-child, .grid-block .hasHeaderLine #prodFilterPrevNextMonth:first-child {
  padding-top: 3.6rem;
}
@media only screen and (max-width: 767px) {
  .grid-block .hasHeaderLine .module:first-child, .grid-block .hasHeaderLine #prodFilterPrevNextMonth:first-child {
    padding-top: 2.7rem;
  }
}
.grid-block .hasHeaderLine .accordionList .module:first-child, .grid-block .hasHeaderLine .accordionList #prodFilterPrevNextMonth:first-child {
  padding-top: 0;
}
.grid-block .module .container, .grid-block #prodFilterPrevNextMonth .container, .grid-block .module.container, .grid-block .container#prodFilterPrevNextMonth {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.grid-block .module .container .row:not(.no-margin-reset), .grid-block #prodFilterPrevNextMonth .container .row:not(.no-margin-reset), .grid-block .module.container .row:not(.no-margin-reset), .grid-block .container#prodFilterPrevNextMonth .row:not(.no-margin-reset) {
  margin: 0;
}
.grid-block .module .container .row:not(.no-margin-reset) [class*=col-]:not(.no-margin-reset), .grid-block #prodFilterPrevNextMonth .container .row:not(.no-margin-reset) [class*=col-]:not(.no-margin-reset), .grid-block .module.container .row:not(.no-margin-reset) [class*=col-]:not(.no-margin-reset), .grid-block .container#prodFilterPrevNextMonth .row:not(.no-margin-reset) [class*=col-]:not(.no-margin-reset) {
  margin: 0;
  padding: 0;
  width: 100%;
}
.grid-block .module, .grid-block #prodFilterPrevNextMonth {
  margin-bottom: 0;
}
.grid-block:last-child {
  margin-bottom: 3rem;
}
.grid-block.nomarg .grid-column {
  width: 66.66666667%;
}
@media screen and (max-width: 991px) {
  .grid-block.nomarg .grid-column.col-sm-12 {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .grid-block.nomarg .grid-column {
    width: 100%;
  }
}
.grid-block.nomarg .grid-column-offset {
  margin-left: 0;
}
.grid-block + .grid-block {
  margin-top: 3.6rem;
}

#main-container > *:first-child {
  margin-top: 1.2rem;
}
#main-container > *:first-child.coloredBack {
  margin-top: 0;
}
#main-container > #stage, #main-container > #prodDetail, #main-container > #pressDetail {
  margin-top: 0;
}
#main-container > .breadcrumb, #main-container > #prodList {
  margin-top: 5.4rem;
}
@media only screen and (max-width: 767px) {
  #main-container > .breadcrumb, #main-container > #prodList {
    margin-top: 3.5rem;
  }
}
#main-container > .breadcrumb.detail, #main-container > #prodList.detail {
  padding-top: 0;
}
#main-container > .headline:first-child {
  margin-top: 1.8rem;
}
@media only screen and (max-width: 767px) {
  #main-container > .headline:first-child {
    margin-top: 0;
  }
}
#main-container > .breadcrumb:first-child {
  padding-top: 0;
}
#main-container > .module.textElement.headerOnly, #main-container > .textElement.headerOnly#prodFilterPrevNextMonth {
  margin-top: 1.8rem;
}
#main-container #stage + .grid-block.two-columns-big .row.headerLine h1, #main-container #stage + .grid-block.two-columns-big .row.headerLine h2, #main-container #stage + .grid-block.two-columns-big .row.headerLine h3 {
  margin-top: 5.4rem;
}
@media only screen and (max-width: 767px) {
  #main-container #stage + .grid-block.two-columns-big .row.headerLine h1, #main-container #stage + .grid-block.two-columns-big .row.headerLine h2, #main-container #stage + .grid-block.two-columns-big .row.headerLine h3 {
    margin-top: 3.5rem;
  }
}
#main-container > .grid-block.two-columns-big:first-child .row.headerLine h1, #main-container > .grid-block.two-columns-big:first-child .row.headerLine h2, #main-container > .grid-block.two-columns-big:first-child .row.headerLine h3 {
  margin-top: 4.2rem;
}
@media only screen and (max-width: 767px) {
  #main-container > .grid-block.two-columns-big:first-child .row.headerLine h1, #main-container > .grid-block.two-columns-big:first-child .row.headerLine h2, #main-container > .grid-block.two-columns-big:first-child .row.headerLine h3 {
    margin-top: 3.5rem;
  }
}
#main-container > a[id] {
  margin-top: 0;
}
#main-container > a[id] + * {
  margin-top: 3.6rem;
}
#main-container > a[id] + *.breadcrumb {
  margin-top: 0;
}

#main-footer {
  float: left;
  width: 100%;
  background: #000;
  color: var(--color-blue-to-white);
  position: relative;
}
#main-footer .backgroundBox {
  color: #000;
}
#main-footer a, #grid.page-journal #main-footer a {
  color: var(--color-blue-to-white);
}
body.contrast #main-footer a, body.contrast #grid.page-journal #main-footer a {
  text-decoration: underline solid 1px;
  text-underline-offset: 3px;
}
#main-footer a:hover, #main-footer a:active, #main-footer a:focus, #main-footer a:focus:active, #grid.page-journal #main-footer a:hover, #grid.page-journal #main-footer a:active, #grid.page-journal #main-footer a:focus, #grid.page-journal #main-footer a:focus:active {
  color: #FFFFFF;
}
#grid.page-journal #main-footer a.primary-btn, #grid.page-journal #main-footer button.primary-btn {
  background: var(--color-blue-to-black);
  border-color: #01B4FE;
}
#main-footer .inner-wrap {
  overflow: hidden;
}
#main-footer .inner-wrap ul {
  list-style-type: none;
  float: left;
  width: 100%;
}
#main-footer .inner-wrap ul li {
  float: left;
  width: 25%;
  padding-right: 15px;
  margin-top: 1.4rem;
}
#main-footer .inner-wrap ul li:last-child {
  padding-right: 0;
}
#main-footer .inner-wrap ul li > a, #main-footer .inner-wrap ul li .like-a-link {
  line-height: 2.11111;
  font-size: 1.8rem;
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
#main-footer .inner-wrap ul li.external-link {
  margin-top: -0.5rem;
}
#main-footer .inner-wrap ul li ul.sub {
  width: 100%;
}
#main-footer .inner-wrap ul li ul.sub li {
  float: none;
  padding: 0;
  width: 100%;
  margin: 0;
}
#main-footer .inner-wrap ul li ul.sub li a {
  font-family: "Modus W00 Regular", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 1.875;
}
#main-footer label {
  color: var(--color-blue-to-white);
  margin-bottom: 3rem;
  cursor: pointer;
}
#main-footer label.ph-dummy {
  color: var(--color-blue-to-black);
}
#main-footer label a {
  text-decoration: underline;
}
#main-footer h6 {
  margin-top: 0;
  font-size: 1.8rem;
  line-height: 2.11111;
}
#main-footer address {
  font-size: 1.6rem;
  line-height: 1.5;
}
#main-footer #footer-menu-wrap .inner-wrap {
  padding: 0 0 3.6rem;
}
#main-footer #footer-menu-wrap form .input-block .ph-dummy {
  height: 6.4rem;
  padding: 2.1rem;
}
body.contrast #main-footer #footer-menu-wrap form .input-block input {
  border-color: #FFFFFF;
}
#main-footer #footer-menu-wrap form a.primary-btn,
#main-footer #footer-menu-wrap form button.primary-btn {
  padding: 1.9rem 1.4rem 1.8rem;
}
body.contrast #main-footer #footer-menu-wrap form a.primary-btn,
body.contrast #main-footer #footer-menu-wrap form button.primary-btn {
  border-color: #FFFFFF;
  box-shadow: inset 2px 0 0 0 #000;
}
#main-footer #footer-menu-wrap form a.primary-btn:hover, #main-footer #footer-menu-wrap form a.primary-btn:focus,
#main-footer #footer-menu-wrap form button.primary-btn:hover,
#main-footer #footer-menu-wrap form button.primary-btn:focus {
  background: #FFFFFF;
  color: var(--color-blue-to-black);
  border-color: var(--color-blue-to-black);
}
#main-footer .color-red {
  color: var(--color-blue-to-white);
}
#main-footer .inner-box {
  padding-top: 1.4rem;
}
#main-footer .floating-box {
  float: left;
  width: 100%;
}
#main-footer .floating-box a.primary-btn, #main-footer .floating-box button.primary-btn {
  margin-top: 0;
}
#main-footer .floating-box .left-box,
#main-footer .floating-box .right-box {
  float: left;
}
#main-footer .floating-box .left-box {
  width: 65%;
}
@media screen and (max-width: 1199px) {
  #main-footer .floating-box .left-box {
    width: 57.9%;
  }
}
@media screen and (max-width: 991px) {
  #main-footer .floating-box .left-box {
    width: 80.3%;
  }
}
@media screen and (max-width: 701px) {
  #main-footer .floating-box .left-box {
    width: 100%;
  }
}
@media screen and (max-width: 701px) {
  #main-footer .floating-box .left-box input {
    margin-bottom: 0;
  }
}
#main-footer .floating-box .right-box {
  width: 35%;
}
@media screen and (max-width: 1199px) {
  #main-footer .floating-box .right-box {
    width: 42.1%;
  }
}
@media screen and (max-width: 991px) {
  #main-footer .floating-box .right-box {
    width: 19.7%;
  }
}
@media screen and (max-width: 701px) {
  #main-footer .floating-box .right-box {
    width: 100%;
  }
}
@media screen and (max-width: 701px) {
  #main-footer .floating-box .right-box button {
    margin-bottom: 3rem;
  }
}
@media (min-width: 992px) {
  #main-footer #footer-menu-wrap .sidelist .container {
    width: 100%;
    padding: 0;
  }
  #main-footer #social-row {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 2rem;
    pointer-events: none;
  }
}
@media screen and (max-width: 991px) {
  #main-footer #footer-menu-wrap > .container {
    width: 100%;
  }
  #main-footer #footer-menu-wrap .styled-table,
#main-footer #footer-menu-wrap .styled-cell {
    display: block;
  }
  #main-footer #footer-menu-wrap .grid-big-width {
    display: none;
  }
  #main-footer #footer-menu-wrap ul.col-left li, #main-footer #footer-menu-wrap ul.col-right li {
    float: none;
    width: 100%;
    padding: 0;
  }
  #main-footer #footer-menu-wrap ul.col-right {
    float: right;
  }
  #main-footer .divider.revert {
    display: none;
  }
}
@media screen and (max-width: 767.98px) {
  #main-footer #conditions-imprint-row ul {
    display: none;
  }
}

#conditions-imprint-row {
  float: left;
  width: 100%;
  padding: 4rem 0;
  background: #000;
  color: #01B4FE;
  position: relative;
}
#conditions-imprint-row:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-size: 6px 3px;
  background-repeat: repeat-x;
  z-index: 500;
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_white.png);
  top: 0;
  bottom: auto;
}
#conditions-imprint-row a {
  color: var(--color-blue-to-white);
}
#conditions-imprint-row a:hover, #conditions-imprint-row a:focus {
  color: #FFFFFF;
}
#conditions-imprint-row ul {
  float: left;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 0;
}
#conditions-imprint-row ul li {
  float: left;
  margin-right: 2.2rem;
}
#conditions-imprint-row ul li a {
  font-size: 1.4rem;
}
#conditions-imprint-row ul li:last-child {
  margin-right: 0;
}

#up-button {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index: 999999;
  opacity: 0;
  transition: opacity 0.35s ease-in-out;
}
#up-button.no-fix {
  position: relative;
}
#up-button.no-fix .container {
  float: right;
  width: auto;
  max-width: none;
  padding: 0;
}
#up-button.no-fix #up {
  transform: translateY(0);
  right: 0;
  margin-bottom: 0;
}
#up-button #up {
  position: relative;
  float: right;
  text-decoration: underline;
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  margin-bottom: 4rem;
  pointer-events: auto;
  right: -1rem;
}
body.contrast #up-button #up {
  text-decoration: underline solid 1px;
  text-underline-offset: 3px;
}
#up-button #up.button-style {
  padding: 1rem;
  background: var(--color-blue-to-black);
  margin-bottom: 0;
}
body.contrast #up-button #up.button-style {
  border: 0.1rem solid #FFFFFF;
  border-bottom-width: 0;
}
#up-button #up.button-style .inner-up-button {
  color: #FFFFFF;
}
#up-button #up .inner-up-button {
  position: relative;
  display: block;
  padding-right: 3rem;
  line-height: 1.5;
}
#up-button #up .inner-up-button i {
  transition: none;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 2.4rem;
}

.stage_page .stageVideo, .stage_page .stageSlider {
  float: left;
  width: 100%;
  min-height: 68.5rem;
  overflow: hidden;
}
.stage_page .stageVideo:first-child, .stage_page .stageSlider:first-child {
  padding: 0;
}
html.desktop .stage_page .stageVideo, html.tablet .stage_page .stageVideo, html.desktop .stage_page .stageSlider, html.tablet .stage_page .stageSlider {
  max-height: 100vh;
}
.stage_page .stageSlider.singleImage {
  min-height: 0;
}

#stage.stageVideo:first-child {
  padding: 0;
}

body:not(.stage_page) #stage, body:not(.stage_page) #prodDetailStage {
  max-height: calc(100vh - 30rem);
  overflow: hidden;
}
body:not(.stage_page) #stage > .creditStyle, body:not(.stage_page) #prodDetailStage > .creditStyle {
  max-height: calc(100vh - 30rem);
  overflow: hidden;
}

#stage {
  position: relative;
}
#stage .customSlider {
  padding: 0;
}
#stage .overlay-link {
  float: left;
  width: 100%;
}
#stage .item {
  position: relative;
  width: 100%;
  overflow: hidden;
  min-height: 68.5rem;
  max-height: 46.614vw;
}
@media screen and (max-height: 46.614vw) and (min-width: 1371px) {
  #stage .item {
    max-height: 100vh;
  }
}
body:not(.stage_page) #stage .item {
  min-height: 0;
  max-height: calc(100vh - 30rem);
}
#stage .item .slide-overlay {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 3.6rem;
  z-index: 11;
}
#stage .item .slide-overlay .imageBottom {
  position: static;
}
#stage .item .slide-overlay .imageBottom .textbox {
  position: absolute;
  bottom: 50px;
  left: 0;
  width: 100%;
}
#stage .item .textbox {
  color: #FFFFFF;
}
#stage .item .textbox p {
  font-size: 3rem;
  line-height: 1;
}
#stage .item .textbox .primary-btn {
  margin-top: 1rem;
}
#stage .item .textbox a {
  display: inline-block;
  text-decoration: none;
}
#stage .item.invert .textbox {
  color: #000 !important;
}
#stage .item img {
  position: relative;
  width: 100%;
  z-index: 10;
}
#stage .item.placeholder-box {
  position: relative;
  background: #ECECEC;
}
#stage .item.placeholder-box .placeholder-image {
  width: 100%;
  height: auto;
}
#stage .item.placeholder-box .overlay-img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
#stage .item.placeholder-box .overlay-img img {
  height: 100%;
  width: auto;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
#stage.stageVideo {
  background-color: black;
}
#stage.stageVideo video {
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 68.5rem;
}
#stage.stageVideo video.positionTop {
  top: 50%;
}
#stage.stageVideo video.positionLeft {
  left: 50%;
}
#stage.stageVideo .svg-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  max-width: 52.7rem;
}
#stage.stageVideo .svg-box .scaling-logo {
  padding-bottom: 64.1366223909%;
}
#stage.stageVideo .image-poster {
  width: auto;
  height: 100vh;
  max-width: none;
}
#stage.stageVideo .image-poster.positionLeft {
  left: 50%;
}
#stage.stageVideo .videoLink {
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  position: absolute;
  bottom: 3.9rem;
  right: 2.7rem;
  z-index: 50;
  padding-left: 3.5rem;
  text-decoration: underline;
  color: #01B4FE;
  background: none;
  border: none;
  transition: color 0.35s ease-in-out;
}
#stage.stageVideo .videoLink:hover, #stage.stageVideo .videoLink:focus, #stage.stageVideo .videoLink:active, #stage.stageVideo .videoLink:focus:active {
  color: #000;
}
#stage.stageVideo .videoLink i {
  font-size: 2.7rem;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.5em;
  line-height: 0.9;
}
#stage.stageSlider .slick-slider {
  max-height: 46.614vw;
}
body.contrast #stage.stageSlider:not(.singleImage) .textbox {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 0.2rem;
}
body.contrast #stage.stageSlider:not(.singleImage) .textbox h2::after {
  content: "\a";
  white-space: pre;
}
body.contrast #stage.stageSlider:not(.singleImage) .textbox > *:not(a) {
  display: inline-block;
  color: #FFFFFF;
  background-color: #000;
  padding: 0.2rem 0.4rem;
}
body.contrast #stage.stageSlider:not(.singleImage) .invert .textbox > *:not(a) {
  color: #000;
  background-color: #FFFFFF;
}
body.contrast #stage.stageSlider:not(.singleImage) .invert .textbox > *:empty {
  display: none !important;
}
#stage + .breadcrumb {
  margin-top: -3.6rem;
}
#stage.singleImage.color-1 {
  background: var(--color-blue-to-black);
}
#stage.singleImage.color-1 .textbox {
  color: #FFFFFF;
}
#stage.singleImage.color-2 {
  background: #000;
}
#stage.singleImage.color-2 .textbox {
  color: var(--color-blue-to-white);
}
body.contrast #stage.singleImage.color-2 .textbox {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
}
body.contrast #stage.singleImage.color-2 .textbox h2::after {
  content: "\a";
  white-space: pre;
}
body.contrast #stage.singleImage.color-2 .textbox > *:not(a) {
  display: inline-block;
  color: #FFFFFF;
  background-color: #000;
  padding: 0.2rem 0.4rem;
}
body.contrast #stage.singleImage.color-2 .textbox > *:empty {
  display: none;
}
body.contrast #stage.singleImage.color-2 .invert .textbox > *:not(a) {
  color: #000;
  background-color: #FFFFFF;
}
#stage.singleImage .textbox h2.class-1 {
  font-size: 4.8rem;
  line-height: 1;
}
@media screen and (max-width: 450px) {
  #stage.singleImage .textbox h2.class-1 {
    font-size: 10.22223vw;
  }
}
#stage.singleImage .textbox h2.class-2 {
  font-size: 6.3rem;
  line-height: 1.0677966;
}
@media screen and (max-width: 600px) {
  #stage.singleImage .textbox h2.class-2 {
    font-size: 10.5vw;
  }
}
#stage.singleImage .textbox h2.class-3 {
  font-size: 7.4rem;
  line-height: 1.275862;
}
@media screen and (max-width: 830px) {
  #stage.singleImage .textbox h2.class-3 {
    font-size: 8.91566vw;
  }
}
#stage.singleImage .textbox h2.class-4 {
  font-size: 9.5rem;
  line-height: 1.091954;
}
@media screen and (max-width: 991px) {
  #stage.singleImage .textbox h2.class-4 {
    font-size: 9.58627vw;
  }
}
#stage.singleImage .textbox h2.class-5 {
  font-size: 12rem;
  line-height: 1.090909;
}
#stage.singleImage .textbox h2.class-6 {
  font-size: 16.5rem;
  line-height: 1.1149;
}
@media screen and (max-width: 1199px) {
  #stage.singleImage .textbox h2.class-5 {
    font-size: 10.00834vw;
  }
  #stage.singleImage .textbox h2.class-6 {
    font-size: 13.76146vw;
  }
}
#stage.singleImage .item .slide-overlay {
  top: 0;
  bottom: auto;
  padding-top: 10.5rem;
  height: 100%;
}
#stage.singleImage .item .textbox {
  text-align: center;
}

@media screen and (max-height: 46.614vw) and (min-width: 1371px) {
  .stage_page #stage.stageSlider .slick-slider {
    max-height: 100vh;
  }
}
@media screen and (max-width: 1470px) {
  .stage_page #stage.stageSlider .slick-slider {
    max-height: none;
  }
  .stage_page #stage.stageSlider .item {
    height: 68.5rem;
    min-height: 0;
    max-height: none;
  }
  .stage_page #stage.stageSlider .item img {
    position: absolute;
    top: 0;
    left: 50%;
    width: auto;
    max-width: none;
    min-width: 0;
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .stage_page .stageVideo, .stage_page .stageSlider {
    min-height: 56.8rem;
  }
  .stage_page #stage .item, .stage_page #stage.stageSlider .item {
    height: 56.8rem;
  }
  body:not(.stage_page) #stage .item, body:not(.stage_page) #stage.stageSlider .item {
    height: auto;
  }
  body:not(.stage_page) #stage .item img, body:not(.stage_page) #stage.stageSlider .item img {
    position: static;
    width: 100%;
    height: auto;
  }
  #stage.stageVideo {
    min-height: auto;
  }
  #stage.stageVideo .svg-box {
    display: none;
  }
  #stage.stageVideo .item {
    height: 100vh;
    min-height: auto;
  }
  #stage.stageVideo .item .slide-overlay {
    bottom: 7.5rem;
  }
  #stage.stageVideo .videoLink {
    width: auto;
    bottom: 3rem;
    left: 1.5rem;
    right: auto;
  }
}
.download-list {
  float: left;
  width: 100%;
  margin-bottom: -1.4rem;
}
.sidelist .download-list, .accordionList .download-list {
  margin-bottom: 0;
}
.download-list p {
  margin-bottom: 3.5rem;
}
.download-list li {
  width: 100%;
  float: left;
  list-style: none;
}
.accordionList .toggle-slide .download-list li:last-child a {
  border-bottom: none !important;
}
.download-list li a {
  display: block;
  position: relative;
  padding: 0 0 2rem 4.8rem;
  margin-bottom: 1.4rem;
  text-decoration: none;
  position: relative;
}
.download-list li a:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-size: 6px 3px;
  background-repeat: repeat-x;
  z-index: 500;
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_blue.png);
  top: auto;
  bottom: 0;
}
body.contrast .download-list li a {
  position: relative;
}
body.contrast .download-list li a:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-size: 6px 3px;
  background-repeat: repeat-x;
  z-index: 500;
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_black.png);
  top: auto;
  bottom: 0;
}
body.contrast #grid.page-journal .gridBack .download-list li a {
  position: relative;
}
body.contrast #grid.page-journal .gridBack .download-list li a:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-size: 6px 3px;
  background-repeat: repeat-x;
  z-index: 500;
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_white.png);
  top: auto;
  bottom: 0;
}
.accordionList .toggle-slide .download-list li a {
  border-bottom: 1px dotted #C2C2C2;
}
.accordionList .toggle-slide .download-list li a:before {
  display: none;
}
.download-list li a, .download-list li a .styled-table {
  min-height: 5rem;
}
.download-list li a:hover a, .download-list li a:focus a, .download-list li a:active a, .download-list li a:focus:active a {
  color: var(--color-blue-to-black);
}
.download-list li a:hover i, .download-list li a:focus i, .download-list li a:active i, .download-list li a:focus:active i {
  color: var(--color-blue-to-black);
}
.download-list li a:hover i.animate, .download-list li a:focus i.animate, .download-list li a:active i.animate, .download-list li a:focus:active i.animate {
  -webkit-animation: downloadAnimation 0.5s 1;
  -moz-animation: downloadAnimation 0.5s 1;
  -o-animation: downloadAnimation 0.5s 1;
  animation: downloadAnimation 0.5s 1;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes downloadAnimation {
  0% {
    -webkit-transform: translatey(0%);
    transform: translatey(0%);
  }
  48% {
    opacity: 1;
  }
  49% {
    opacity: 0;
    -webkit-transform: translatey(100%);
    transform: translatey(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translatey(-100%);
    transform: translatey(-100%);
  }
  51% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translatey(0%);
    transform: translatey(0%);
  }
}
@-moz-keyframes downloadAnimation {
  0% {
    -webkit-transform: translatey(0%);
    transform: translatey(0%);
  }
  48% {
    opacity: 1;
  }
  49% {
    opacity: 0;
    -webkit-transform: translatey(100%);
    transform: translatey(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translatey(-100%);
    transform: translatey(-100%);
  }
  51% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translatey(0%);
    transform: translatey(0%);
  }
}
@-o-keyframes downloadAnimation {
  0% {
    -webkit-transform: translatey(0%);
    transform: translatey(0%);
  }
  48% {
    opacity: 1;
  }
  49% {
    opacity: 0;
    -webkit-transform: translatey(100%);
    transform: translatey(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translatey(-100%);
    transform: translatey(-100%);
  }
  51% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translatey(0%);
    transform: translatey(0%);
  }
}
@keyframes downloadAnimation {
  0% {
    -webkit-transform: translatey(0%);
    transform: translatey(0%);
  }
  48% {
    opacity: 1;
  }
  49% {
    opacity: 0;
    -webkit-transform: translatey(100%);
    transform: translatey(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translatey(-100%);
    transform: translatey(-100%);
  }
  51% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translatey(0%);
    transform: translatey(0%);
  }
}
.download-list li a:hover .color-black, .download-list li a:focus .color-black, .download-list li a:active .color-black, .download-list li a:focus:active .color-black {
  color: var(--color-blue-to-black);
}
.download-list li a.ext-link {
  padding-left: 0;
}
.download-list li a.ext-link .linkBox {
  padding-left: 4.2rem;
  position: relative;
}
.download-list li a.ext-link .linkBox .color-black {
  font-size: 1.8rem;
  line-height: 1;
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  .download-list li a.ext-link .linkBox {
    padding-left: 2.8rem;
  }
}
.download-list li a.ext-link .linkBox .iconBox {
  position: absolute;
  left: -0.1rem;
  top: 50%;
  margin-top: -0.5em;
  font-size: 3rem;
  overflow: hidden;
  height: 3rem;
  width: 3rem;
}
.download-list li a.ext-link .linkBox .iconBox i {
  position: absolute;
  line-height: 0.9;
  left: -0.1rem;
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  .download-list li a.ext-link .linkBox .iconBox {
    left: 0.1rem;
  }
}
@media screen and (max-width: 991px) {
  .download-list li a.ext-link .linkBox .iconBox {
    left: -0.1rem;
  }
}
.download-list li a.ext-link:hover i.animate, .download-list li a.ext-link:focus i.animate, .download-list li a.ext-link:active i.animate, .download-list li a.ext-link:focus:active i.animate {
  -webkit-animation: extLinkAnimation 0.5s 1;
  -moz-animation: extLinkAnimation 0.5s 1;
  -o-animation: extLinkAnimation 0.5s 1;
  animation: extLinkAnimation 0.5s 1;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes extLinkAnimation {
  0% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  48% {
    opacity: 1;
  }
  49% {
    opacity: 0;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(-100%, 50%);
    transform: translate(-100%, 50%);
  }
  51% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
}
@-moz-keyframes extLinkAnimation {
  0% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  48% {
    opacity: 1;
  }
  49% {
    opacity: 0;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(-100%, 50%);
    transform: translate(-100%, 50%);
  }
  51% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
}
@-o-keyframes extLinkAnimation {
  0% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  48% {
    opacity: 1;
  }
  49% {
    opacity: 0;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(-100%, 50%);
    transform: translate(-100%, 50%);
  }
  51% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
}
@keyframes extLinkAnimation {
  0% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  48% {
    opacity: 1;
  }
  49% {
    opacity: 0;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(-100%, 50%);
    transform: translate(-100%, 50%);
  }
  51% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
}
.download-list li .iconBox {
  position: absolute;
  left: 0;
  top: 0.1rem;
  font-size: 2.8rem;
  overflow: hidden;
  height: 2.8rem;
}
.download-list li .iconBox i {
  color: var(--color-blue-to-black);
  float: left;
}
.download-list li .iconBox .animate {
  position: absolute;
  left: 0;
  top: 0;
}
.download-list li .color-black {
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 2.1rem;
  line-height: 1;
  margin-top: 0;
  transition: color 0.35s ease-in-out;
}
.download-list li .info {
  font-size: 1.4rem;
  line-height: 1.2;
  display: block;
  text-decoration: underline;
}
@media screen and (min-width: 767px) {
  .download-list li {
    width: 50%;
  }
  .download-list li:nth-child(even) {
    padding-left: 1.5rem;
  }
  .download-list li:nth-child(odd) {
    padding-right: 1.5rem;
  }
}
.download-list ul li:last-child a {
  margin-bottom: 0;
}
.two-columns .download-list li, .sidelist .download-list li {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (min-width: 992px) {
  .sidelist .download-list li a {
    padding: 0 0 2rem 4.8rem;
    margin-bottom: 0.9rem;
    word-break: break-word;
  }
  .sidelist .download-list li a.ext-link {
    padding-left: 0;
  }
  .sidelist .download-list li a .linkBox {
    padding-left: 5rem;
  }
  .sidelist .download-list li .color-black {
    font-size: 1.8rem;
    line-height: 1;
  }
}
.sidelist .download-list li a.ext-link .linkBox {
  padding-left: 4.2rem;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .sidelist .download-list li a {
    padding: 0 0 2rem 2.5rem;
  }
  .sidelist .download-list li a.ext-link {
    padding-left: 0;
  }
  .sidelist .download-list li a.ext-link .iconBox {
    height: 1.5rem;
    width: 1.5rem;
  }
  .sidelist .download-list li a.ext-link .linkBox .iconBox {
    margin-top: -0.8rem;
  }
  .sidelist .download-list li a.ext-link, .sidelist .download-list li a .styled-table {
    min-height: 0;
  }
  .sidelist .download-list li a .linkBox {
    padding-left: 2.5rem;
    min-height: 0;
  }
  .sidelist .download-list li a i {
    font-size: 1.5rem;
  }
  .sidelist .download-list li .iconBox {
    top: 0.3rem;
    height: 1.5rem;
  }
}
.sidelist .dl-list .download-list li a {
  border-bottom: none;
}
.sidelist .dl-list .download-list li:last-child a {
  margin-bottom: 0;
}

.accordionList .download-list ul li:last-child a {
  margin-bottom: 0.5rem;
}

.divider {
  width: 100%;
  border-top: 1px solid var(--color-blue-to-white);
}
#grid.page-journal .divider {
  border-color: #000;
}
.divider.revert {
  border-color: #FFFFFF;
}
.divider.dashed {
  height: 3px;
  border: none;
  position: relative;
}
.divider.dashed:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-size: 6px 3px;
  background-repeat: repeat-x;
  z-index: 500;
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_blue.png);
  top: 0;
  bottom: auto;
}
body.contrast .divider.dashed {
  position: relative;
}
body.contrast .divider.dashed:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-size: 6px 3px;
  background-repeat: repeat-x;
  z-index: 500;
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_black.png);
  top: 0;
  bottom: auto;
}
#grid.page-journal .divider.dashed:before {
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_black.png);
}
.divider.dashed.revert:before {
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_white.png);
}
.divider.module, .divider#prodFilterPrevNextMonth {
  padding: 0 0 3.9rem;
  margin-top: 3.6rem;
}
body.contrast .divider.module, body.contrast .divider#prodFilterPrevNextMonth {
  border-color: #000;
}
@media screen and (max-width: 767px) {
  .divider.module, .divider#prodFilterPrevNextMonth {
    padding: 0 0 1.5rem;
    margin-top: 1.8rem;
  }
}

.accordionList > ul {
  list-style-type: none;
  margin-bottom: 0;
  position: relative;
}
.accordionList > ul:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-size: 6px 3px;
  background-repeat: repeat-x;
  z-index: 500;
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_black.png);
  top: auto;
  bottom: 0;
}
#grid.page-journal .accordionList > ul:before {
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_black.png);
}
.accordionList > ul > li {
  overflow: hidden;
  position: relative;
}
.accordionList > ul > li:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-size: 6px 3px;
  background-repeat: repeat-x;
  z-index: 500;
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_black.png);
  top: 0;
  bottom: auto;
}
#grid.page-journal .accordionList > ul > li:before {
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_black.png);
}
.accordionList > ul > li button:not(.no-btn--extended) {
  position: absolute;
  left: 0;
  top: 0;
  width: 2.8rem;
  height: 5.8rem;
  border: none;
  background: none;
  padding-top: 0.3rem;
}
.accordionList .color-black {
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.accordionList .toggle {
  position: relative;
  cursor: pointer;
  padding: 2rem 2rem 1.3rem 4.5rem;
}
.accordionList .toggle.a-active, .accordionList .toggle:hover, .accordionList .toggle:focus {
  color: #01B4FE;
}
.accordionList .toggle-slide {
  overflow: hidden;
  padding: 2.8rem 0 2.5rem;
  position: relative;
}
.accordionList .toggle-slide:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-size: 6px 3px;
  background-repeat: repeat-x;
  z-index: 500;
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_black.png);
  top: 0;
  bottom: auto;
}
#grid.page-journal .accordionList .toggle-slide:before {
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_black.png);
}
.accordionList .toggle *[class*=icon] {
  color: var(--color-blue-to-black);
  display: inline-block;
  transition: transform 0.35s ease-in-out, color 0.35s ease-in-out;
  position: relative;
  top: 0.2rem;
  font-size: 1.4rem;
  left: 0.1rem;
}
#grid.page-journal .accordionList .toggle *[class*=icon] {
  color: #000;
}
.accordionList .toggle *[class*=icon].a-open {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  color: var(--color-blue-to-black);
}
.accordionList .toggle:hover *[class*=icon], .accordionList .toggle:focus *[class*=icon], .accordionList .toggle:active *[class*=icon], .accordionList .toggle:focus:active *[class*=icon] {
  color: var(--color-blue-to-black);
}
.accordionList .module, .accordionList #prodFilterPrevNextMonth {
  padding: 0;
}
.accordionList.searchList .color-black {
  color: var(--color-blue-to-black);
  font-size: 3.6rem;
  transition: color 0.35s ease-in-out;
}
#grid.page-journal .accordionList.searchList .color-black {
  color: #000;
}
.accordionList.searchList .toggle {
  padding: 0.2rem 2rem 0.2rem 4.5rem;
}
.accordionList.searchList .toggle.a-active .color-black, .accordionList.searchList .toggle:hover .color-black, .accordionList.searchList .toggle:focus .color-black {
  color: var(--color-blue-to-black);
}
@media screen and (max-width: 767px) {
  .accordionList.searchList .toggle-slide {
    padding-left: 4.5rem;
  }
}
.accordionList.searchList .toggle-slide a {
  color: #000;
  text-decoration: underline;
  margin-bottom: 2.5rem;
  display: inline-block;
}
.sidelist .accordionList.extract-plugin .headline {
  color: var(--color-blue-to-black);
}
.sidelist .accordionList.extract-plugin .toggle-slide .item {
  border-bottom: 1px dotted #ECECEC;
  padding: 0 1.8rem 2rem;
  margin-bottom: 2rem;
}
body.contrast .sidelist .accordionList.extract-plugin .toggle-slide .item {
  border-color: #000;
}
.sidelist .accordionList.extract-plugin .toggle-slide .item:last-child {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0;
}
.sidelist .accordionList.extract-plugin .item p {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 0;
}
.sidelist .accordionList.extract-plugin .item p + p {
  margin-top: 10px;
}
.sidelist .accordionList.extract-plugin .item a.primary-btn,
.sidelist .accordionList.extract-plugin .item button.primary-btn {
  margin-top: 0.1rem;
}
.sidelist .accordionList.extract-plugin .item .ticketbtn.no-btn {
  text-transform: uppercase;
  font-size: 1.6rem;
  width: auto;
}
.accordionList.transcript {
  margin-top: 2.6rem;
}
.accordionList.transcript .toggle {
  padding-top: 1.6rem;
}
.accordionList.transcript > ul > li button:not(.no-btn--extended) {
  height: 5rem;
}
@media screen and (max-width: 767px) {
  .accordionList.transcript {
    margin-top: 1.8rem;
  }
}

@media print {
  .accordionList .toggle-slide {
    display: block !important;
  }
}
.news-list li {
  list-style: none;
  border-bottom: 1px solid #01B4FE;
  margin-bottom: 1.7rem;
  padding-bottom: 1.2rem;
}
.news-list li:last-child {
  margin-bottom: 0;
}
.news-list a {
  display: inline-block;
  text-decoration: none;
}
.news-list a:hover .color-red, .news-list a:focus .color-red, .news-list a:active .color-red, .news-list a:focus:active .color-red {
  color: #000;
}
.news-list .color-red {
  text-decoration: underline;
  transition: color 0.35s ease-in-out;
}
.miniList .news-list .item {
  border-bottom-style: solid;
}

.module.breadcrumb, .breadcrumb#prodFilterPrevNextMonth {
  background: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 5.3rem;
  font-size: 1.4rem;
  line-height: 1.2;
}
@media only screen and (max-width: 767px) {
  .module.breadcrumb, .breadcrumb#prodFilterPrevNextMonth {
    padding-top: 3.5rem;
  }
}
.module.breadcrumb ul, .breadcrumb#prodFilterPrevNextMonth ul {
  float: left;
  width: 100%;
  list-style: none;
}
.module.breadcrumb ul li, .breadcrumb#prodFilterPrevNextMonth ul li {
  float: left;
  padding-left: 2.5rem;
  position: relative;
}
.module.breadcrumb ul li a, .breadcrumb#prodFilterPrevNextMonth ul li a {
  text-decoration: underline;
}
.module.breadcrumb ul li a:hover .color-black, .breadcrumb#prodFilterPrevNextMonth ul li a:hover .color-black, .module.breadcrumb ul li a:hover i, .breadcrumb#prodFilterPrevNextMonth ul li a:hover i, .module.breadcrumb ul li a:focus .color-black, .breadcrumb#prodFilterPrevNextMonth ul li a:focus .color-black, .module.breadcrumb ul li a:focus i, .breadcrumb#prodFilterPrevNextMonth ul li a:focus i, .module.breadcrumb ul li a:active .color-black, .breadcrumb#prodFilterPrevNextMonth ul li a:active .color-black, .module.breadcrumb ul li a:active i, .breadcrumb#prodFilterPrevNextMonth ul li a:active i, .module.breadcrumb ul li a:focus:active .color-black, .module.breadcrumb ul li a:focus:active i {
  color: #000;
}
body.contrast .module.breadcrumb ul li a, body.contrast .breadcrumb#prodFilterPrevNextMonth ul li a {
  color: #000 !important;
  text-decoration: underline solid 1px;
  text-underline-offset: 3px;
}
.module.breadcrumb ul li i, .breadcrumb#prodFilterPrevNextMonth ul li i {
  position: absolute;
  left: 0;
  top: 0;
}
body.contrast .module.breadcrumb ul li i, body.contrast .breadcrumb#prodFilterPrevNextMonth ul li i {
  color: #000;
}
.module.breadcrumb ul li i, .breadcrumb#prodFilterPrevNextMonth ul li i, .module.breadcrumb ul li .color-black, .breadcrumb#prodFilterPrevNextMonth ul li .color-black {
  transition: color 0.35s ease-in-out;
}
.module.breadcrumb + .grid-block, .breadcrumb#prodFilterPrevNextMonth + .grid-block, .module.breadcrumb + .module, .breadcrumb#prodFilterPrevNextMonth + .module, .module.breadcrumb + #prodFilterPrevNextMonth, .breadcrumb#prodFilterPrevNextMonth + #prodFilterPrevNextMonth, .module.breadcrumb + .news, .breadcrumb#prodFilterPrevNextMonth + .news {
  margin-top: -3.6rem;
}

.shortBuy {
  padding-left: 12rem;
}
@media screen and (min-width: 992px) {
  .two-columns-big .container.module .shortBuy, .two-columns-big .container#prodFilterPrevNextMonth .shortBuy {
    padding-left: 0;
  }
  .two-columns-big .container.module .shortBuy h2.big, .two-columns-big .container#prodFilterPrevNextMonth .shortBuy h2.big {
    font-size: 2.4rem;
    line-height: 1;
  }
  .two-columns-big .container.module .shortBuy .row, .two-columns-big .container#prodFilterPrevNextMonth .shortBuy .row {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  .two-columns-big .container.module .shortBuy [class*=col-xs-6], .two-columns-big .container#prodFilterPrevNextMonth .shortBuy [class*=col-xs-6] {
    width: 50%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media screen and (max-width: 1469px) {
  .shortBuy {
    padding-left: 8rem;
  }
}
@media screen and (max-width: 1199px) {
  .shortBuy {
    padding-left: 4rem;
  }
}
@media screen and (max-width: 991px) {
  .shortBuy {
    padding-left: 0;
  }
}

form .selectboxit-container {
  margin-bottom: 3rem;
}
form .selectboxit-container {
  width: 100%;
}
form .selectboxit-container * {
  font-family: "Modus W00 Light", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 1.334;
  color: #01B4FE;
}
form .selectboxit-container .selectboxit-text {
  font-family: "Modus W00 Light", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #000;
}
form .selectboxit-container .selectboxit {
  border-radius: 0;
  border: 1px solid #000;
  background: #FFFFFF;
  width: 100%;
}
form .selectboxit-container .selectboxit[class*=tia-icon-] {
  padding-left: 4rem;
  position: relative;
}
form .selectboxit-container .selectboxit[class*=tia-icon-]:before {
  position: absolute;
  left: 0.9rem;
  top: 50%;
  margin-top: -0.5em;
  display: block;
  line-height: 1;
}
form .selectboxit-container .selectboxit.tia-icon-cal:before {
  font-size: 2.5rem;
}
form .selectboxit-container .selectboxit.tia-icon-pin:before {
  font-size: 2.5rem;
}
form .selectboxit-container .selectboxit.tia-icon-logo:before {
  font-size: 2.5rem;
}
form .selectboxit-container .selectboxit-arrow-container .selectboxit-arrow {
  display: none;
}
form .selectboxit-container .selectboxit-options {
  border-radius: 0;
  border: 1px solid var(--color-blue-to-black);
  margin-top: 2px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
}
form .selectboxit-container .selectboxit-options * {
  text-decoration: none;
}
form .selectboxit-container .selectboxit-options .selectboxit-option {
  float: left;
  width: 100%;
  height: 3.8rem;
}
form .selectboxit-container .selectboxit-options .selectboxit-option-anchor {
  text-indent: 0;
  padding: 0.7rem 1.4rem 0 1.4rem;
  height: 3.8rem;
  line-height: 1.5;
  transition: color 0.35s ease-in-out, background 0.35s ease-in-out;
}
form .selectboxit-container .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
  background: var(--color-blue-to-black);
  color: #FFFFFF;
}
form .selectboxit-container span {
  height: 6.4rem;
  line-height: 3.5;
}
form .selectboxit-container .selectboxit-options a, form .selectboxit-container .selectboxit-options a span {
  height: auto;
  line-height: 1.5;
}
form .selectboxit-container .selectboxit-btn.selectboxit-enabled:hover,
form .selectboxit-container .selectboxit-btn.selectboxit-enabled:focus,
form .selectboxit-container .selectboxit-btn.selectboxit-enabled:active {
  background: #FFFFFF;
  color: #01B4FE;
}
form .selectboxit-container .selectboxit-btn.selectboxit-enabled, form .selectboxit-container .selectboxit-btn.selectboxit-enabled * {
  transition: color 0.35s ease-in-out;
}
form .selectboxit-container .selectboxit-btn.selectboxit-enabled .selectboxit-arrow:before {
  transition: border 0.35s ease-in-out;
}
form .selectboxit-container .selectboxit-btn.selectboxit-enabled:hover, form .selectboxit-container .selectboxit-btn.selectboxit-enabled:hover * {
  color: #000;
}
form .selectboxit-container .selectboxit-btn.selectboxit-enabled:hover .selectboxit-arrow:before {
  border-top-color: #000;
}
form .selectboxit-container .selectboxit.selectboxit-disabled,
form .selectboxit-container .selectboxit-options .selectboxit-disabled {
  color: #000;
  opacity: 1;
  filter: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: default;
  border-color: #C2C2C2;
}
form .selectboxit-container .selectboxit.selectboxit-disabled *,
form .selectboxit-container .selectboxit-options .selectboxit-disabled * {
  color: rgba(59, 50, 49, 0.5);
}
form .selectboxit-container .selectboxit.selectboxit-disabled .selectboxit-arrow-container .selectboxit-arrow:before,
form .selectboxit-container .selectboxit-options .selectboxit-disabled .selectboxit-arrow-container .selectboxit-arrow:before {
  border-top-color: rgba(59, 50, 49, 0.5);
}
form .selectboxit-container .selectboxit-text {
  max-width: 80% !important;
  width: 100%;
}
form .input-block .note {
  position: absolute;
  bottom: 1rem;
  left: 0;
  font-size: 1.2rem;
  line-height: 1.25;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
form#programmFilter {
  padding: 0;
  border: none;
}
form#programmFilter label {
  color: #000;
  font-size: 1.8rem;
  line-height: 1.7777777778;
}
form#programmFilter input {
  font-size: 16px;
  text-transform: lowercase;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
form#programmFilter input::placeholder {
  color: #000;
  opacity: 1;
  text-transform: none !important;
}
form#programmFilter label {
  padding: 0 0.5rem;
  position: absolute;
  display: inline-block;
  top: -1.1rem;
  left: 1rem;
  color: #000;
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.4rem;
  background-color: #FFFFFF;
  z-index: 800;
}
form#programmFilter select {
  display: none;
}
form#programmFilter .selectboxit-container span {
  height: 5.6rem;
  line-height: 3.2;
}
form#programmFilter .selectboxit .selectboxit-option-icon-container {
  margin-left: 9px;
}
form#programmFilter .filter {
  padding: 0;
  min-height: 0;
  background-color: #FFFFFF;
  border: none;
}
form#programmFilter .filter__row {
  margin-left: -8px;
  margin-right: -8px;
}
form#programmFilter .filter__group {
  padding-left: 8px;
  padding-right: 8px;
}
form#programmFilter .filter__autocomplete, form#programmFilter .filter__select {
  position: relative;
  border: none;
  height: 5.6rem;
}
form#programmFilter .filter__select--month {
  grid-area: search;
}
form#programmFilter .filter__autocomplete {
  grid-area: search;
  position: relative;
}
form#programmFilter .filter__autocomplete input {
  padding: 0 1.5rem;
  position: relative;
  width: 100%;
  top: 1.2rem;
  color: #FFFFFF;
  font-family: '"Modus W00 Bold", "Helvetica Neue", Arial, sans-serif';
  background: transparent;
  border: 0;
  outline: none !important;
  box-shadow: none !important;
}
form#programmFilter .filter__select:nth-child(2) {
  grid-area: select1;
}
form#programmFilter .filter__select:nth-child(3) {
  grid-area: select2;
}
form#programmFilter .filter__select-val {
  padding: 0 3.5rem 0 1.5rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #C2C2C2;
  font-family: '"Modus W00 Bold", "Helvetica Neue", Arial, sans-serif';
  font-size: 16px;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
form#programmFilter .filter__select-val::after {
  content: "";
  position: absolute;
  top: 2rem;
  left: auto;
  right: 1.5rem;
  transform: scaleY(1);
  pointer-events: none;
}
form#programmFilter .filter__select-val[aria-expanded=true]::after {
  transform: scaleY(-1);
}
form#programmFilter .filter__select-val.selected {
  color: #FFFFFF;
}
form#programmFilter .filter__select--month {
  max-height: 28rem;
  overflow-y: auto;
}
form#programmFilter .filter-feedback {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.7s ease-in-out;
}
form#programmFilter .filter-feedback[aria-hidden=true] {
  display: none;
}
form#programmFilter .filter-feedback.on {
  max-height: 100vh;
}
form#programmFilter .filter-feedback__inner {
  padding: 8rem 0 2.8rem;
}
@media screen and (max-width: 767.98px) {
  form#programmFilter .filter-feedback__inner {
    padding: 4rem 0 1.8rem;
  }
}
form#programmFilter .filter-feedback__filter {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: normal;
  align-items: center;
}
form#programmFilter .filter-feedback .container {
  padding: 0 3rem;
}
form#programmFilter .filter-feedback .btn--tiny {
  margin: 0;
}
form#programmFilter .filter-feedback [aria-hidden=true] {
  display: none;
}
form#programmFilter .popupbox {
  display: none;
  position: absolute;
  top: 100%;
  left: -0.1rem;
  right: -0.1rem;
  background-color: #000;
  border: 0.1rem solid #C2C2C2;
  z-index: 898;
}
form#programmFilter .popupbox[aria-hidden=false] {
  display: block;
}
form#programmFilter .popupbox__item {
  padding: 0.5rem 1rem;
  cursor: pointer;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
form#programmFilter .popupbox__mark {
  color: #C2C2C2;
  font-family: '"Modus W00 Bold", "Helvetica Neue", Arial, sans-serif';
  background-color: transparent;
  pointer-events: none;
}
form#programmFilter .popupbox__item:hover, form#programmFilter .popupbox__active {
  color: #000;
  background-color: #C2C2C2;
}
form#programmFilter .popupbox__item:hover *, form#programmFilter .popupbox__active * {
  color: #000;
}

#prodList {
  margin-bottom: 3.6rem;
  margin-top: 3.8rem;
}
#prodList.teaser .month:last-child:before {
  display: none;
}

.prodPreview.teaser .month {
  position: relative;
}
.prodPreview.teaser .month:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-size: 6px 3px;
  background-repeat: repeat-x;
  z-index: 500;
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_blue.png);
  top: auto;
  bottom: 0;
}
body.contrast .prodPreview.teaser .month {
  position: relative;
}
body.contrast .prodPreview.teaser .month:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-size: 6px 3px;
  background-repeat: repeat-x;
  z-index: 500;
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_black.png);
  top: auto;
  bottom: 0;
}

#prodList .content-list, .prodPreview .content-list {
  min-height: 450px;
}
#prodList .animate-btn, .prodPreview .animate-btn {
  opacity: 0;
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border 0.35s ease-in-out, opacity 0.35s ease-in-out;
}
#prodList .animate-btn.show-btn, .prodPreview .animate-btn.show-btn {
  opacity: 1;
}
#prodList a.primary-btn, #prodList button.primary-btn, .prodPreview a.primary-btn, .prodPreview button.primary-btn {
  color: #000;
  border: 1px solid #000;
  background-color: #FFFFFF;
}
body.contrast #prodList a.primary-btn, body.contrast #prodList button.primary-btn, body.contrast .prodPreview a.primary-btn, body.contrast .prodPreview button.primary-btn {
  border-width: 1px !important;
}
#prodList a.primary-btn:hover, #prodList button.primary-btn:hover, .prodPreview a.primary-btn:hover, .prodPreview button.primary-btn:hover {
  background-color: #000;
  color: #FFFFFF;
}
#prodList a.primary-btn.ticket-btn, #prodList button.primary-btn.ticket-btn, .prodPreview a.primary-btn.ticket-btn, .prodPreview button.primary-btn.ticket-btn {
  border: 0.2rem solid #01B4FE;
  color: var(--color-black-to-white);
  background-color: var(--color-blue-to-black);
}
body.contrast #prodList a.primary-btn.ticket-btn, body.contrast #prodList button.primary-btn.ticket-btn, body.contrast .prodPreview a.primary-btn.ticket-btn, body.contrast .prodPreview button.primary-btn.ticket-btn {
  border-color: #000;
}
#prodList a.primary-btn.ticket-btn:hover, #prodList button.primary-btn.ticket-btn:hover, .prodPreview a.primary-btn.ticket-btn:hover, .prodPreview button.primary-btn.ticket-btn:hover {
  border-color: #000;
  color: var(--color-blue-to-black);
  background-color: var(--color-black-to-white);
}
#prodList a.primary-btn.ticketbtn, #prodList button.primary-btn.ticketbtn, #prodList .modal-content a.primary-btn.ticketbtn, #prodList .modal-content button.primary-btn.ticketbtn, .prodPreview a.primary-btn.ticketbtn, .prodPreview button.primary-btn.ticketbtn, .prodPreview .modal-content a.primary-btn.ticketbtn, .prodPreview .modal-content button.primary-btn.ticketbtn {
  border: none;
}
#prodList h3, .prodPreview h3 {
  font-size: 3.6rem;
  line-height: 1;
  margin: 0 0 0.9rem 0;
}
@media only screen and (max-width: 767px) {
  #prodList h3, .prodPreview h3 {
    font-size: 2.8rem;
  }
}
#prodList .day, .prodPreview .day {
  border-bottom: 1px solid #01B4FE;
  margin-top: 3.6rem;
  padding-bottom: 0;
  padding-top: 2.2rem;
}
#prodList .day.module:last-child, #prodList .day#prodFilterPrevNextMonth:last-child, .prodPreview .day.module:last-child, .prodPreview .day#prodFilterPrevNextMonth:last-child {
  margin-bottom: 0;
}
#prodList .day:first-child, .prodPreview .day:first-child {
  margin-top: 0;
}
#prodList .day .dateBox .dayDate, .prodPreview .day .dateBox .dayDate {
  padding-top: 2.1rem;
  background: #FFFFFF;
  position: relative;
  z-index: 480;
}
#prodList .day .dateBox .dayDate h2.big, .prodPreview .day .dateBox .dayDate h2.big {
  margin-bottom: 0.9rem;
}
@media screen and (max-width: 1199px) {
  #prodList .day .dateBox .dayDate h2.big, .prodPreview .day .dateBox .dayDate h2.big {
    font-size: 3.5rem;
  }
}
#prodList .day .dateBox:not(.sticky) .container-style, .prodPreview .day .dateBox:not(.sticky) .container-style {
  margin: 0;
  padding: 0;
  width: 100%;
}
#prodList .day .dateBox:not(.sticky) .container-style .row, .prodPreview .day .dateBox:not(.sticky) .container-style .row {
  margin: 0;
}
#prodList .day .dateBox:not(.sticky) .container-style .row [class*=col-], .prodPreview .day .dateBox:not(.sticky) .container-style .row [class*=col-] {
  margin: 0;
  padding: 0;
  width: 100%;
}
#prodList .day .dateBox.sticky .dayDate, .prodPreview .day .dateBox.sticky .dayDate {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 450;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
#prodList .item, .prodPreview .item {
  margin-bottom: 7.2rem;
  position: relative;
  margin-top: 1.7rem;
  float: left;
  width: 100%;
  z-index: 450;
}
#prodList .item.colorBack-tp22 .infoBox .styled-table, .prodPreview .item.colorBack-tp22 .infoBox .styled-table {
  background: #00f800;
}
#prodList .item.colorBack-tp22 a, .prodPreview .item.colorBack-tp22 a {
  color: #000;
}
#prodList .item.colorBack-tp22 ~ .colorBack-tp22, .prodPreview .item.colorBack-tp22 ~ .colorBack-tp22 {
  margin-top: 0;
}
#prodList .item.colorBack-tp22 ~ .colorBack-tp22 .infoBox, .prodPreview .item.colorBack-tp22 ~ .colorBack-tp22 .infoBox {
  border-top: 3px dotted #fff;
  background: #00f800;
}
#prodList .item .date, .prodPreview .item .date {
  font-size: 3.2rem;
  line-height: 1.334;
  margin-bottom: 1.6rem;
  max-width: 70rem;
}
#prodList .item .date.big, .prodPreview .item .date.big {
  position: relative;
  padding-left: 7.5rem;
}
#prodList .item .date.big strong, .prodPreview .item .date.big strong {
  position: absolute;
  top: 0;
  left: 0;
}
#prodList .item .date a, .prodPreview .item .date a {
  color: #000;
}
#prodList .item .date a:hover, #prodList .item .date a:focus, #prodList .item .date a:active, #prodList .item .date a:focus:active, .prodPreview .item .date a:hover, .prodPreview .item .date a:focus, .prodPreview .item .date a:active, .prodPreview .item .date a:focus:active {
  color: #000;
}
#prodList .item .date .maps, .prodPreview .item .date .maps {
  display: none;
}
#prodList .item .date .event-container, .prodPreview .item .date .event-container {
  margin-left: 0;
}
#prodList .item .date .event-container a, .prodPreview .item .date .event-container a {
  margin-bottom: 3px;
}
#prodList .item .date .event-container a:last-child, .prodPreview .item .date .event-container a:last-child {
  width: 100%;
}
#prodList .item .date .event-container a span, .prodPreview .item .date .event-container a span {
  color: var(--color-blue-to-black) !important;
}
#prodList .item .date .event-venue--extended, .prodPreview .item .date .event-venue--extended {
  width: 100%;
  float: left;
  background: url("/typo3conf/ext/tbsproductions/Resources/Public/Maps/Libraries/images/gmaps_pin_2_hau_blue.svg") left 0.2rem no-repeat;
  display: inline-block;
  color: var(--color-blue-to-black) !important;
  font-size: 1.4rem;
  padding-left: 20.4px;
  background-size: 1rem;
  font-family: "Modus W00 Regular", "Helvetica Neue", Arial, sans-serif !important;
  text-decoration: none;
}
body.contrast #prodList .item .date .event-venue--extended, body.contrast .prodPreview .item .date .event-venue--extended {
  background: url("/typo3conf/ext/tbsproductions/Resources/Public/Maps/Libraries/images/gmaps_pin_2_hau_black.svg") left 0.2rem no-repeat;
  background-size: 1rem auto;
}
#prodList .item.canceled h3, #prodList .item.canceled h4, #prodList .item.canceled p, .prodPreview .item.canceled h3, .prodPreview .item.canceled h4, .prodPreview .item.canceled p {
  color: rgba(59, 50, 49, 0.5);
}
#prodList .item.canceled .image .overlay .tag, .prodPreview .item.canceled .image .overlay .tag {
  background: #ECECEC;
  color: #000;
}
#prodList .item.canceled .image .overlay .tag:before, #prodList .item.canceled .image .overlay .tag:after, .prodPreview .item.canceled .image .overlay .tag:before, .prodPreview .item.canceled .image .overlay .tag:after {
  background: #ECECEC;
}
@media screen and (max-width: 991px) {
  #prodList .item.colorBack .date .event-venue--extended, #prodList .item.colorBack-2 .date .event-venue--extended, .prodPreview .item.colorBack .date .event-venue--extended, .prodPreview .item.colorBack-2 .date .event-venue--extended {
    background: url("/typo3conf/ext/tbsproductions/Resources/Public/Maps/Libraries/images/gmaps_pin_2_hau.svg") left 0.2rem no-repeat;
    background-size: 1rem;
    color: #000 !important;
  }
  #prodList .item.colorBack .date .event-venue--extended span, #prodList .item.colorBack-2 .date .event-venue--extended span, .prodPreview .item.colorBack .date .event-venue--extended span, .prodPreview .item.colorBack-2 .date .event-venue--extended span {
    color: #000 !important;
  }
}
body.contrast #prodList .item.colorBack-2 .infoBox, body.contrast .prodPreview .item.colorBack-2 .infoBox {
  background: black;
}
@media screen and (max-width: 991px) {
  body.contrast #prodList .item.colorBack-2 .infoBox, body.contrast .prodPreview .item.colorBack-2 .infoBox {
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 991px) {
  #prodList .item.colorBack-3 .date .event-venue--extended, #prodList .item.colorBack-0 .date .event-venue--extended, .prodPreview .item.colorBack-3 .date .event-venue--extended, .prodPreview .item.colorBack-0 .date .event-venue--extended {
    background: url("/typo3conf/ext/tbsproductions/Resources/Public/Maps/Libraries/images/gmaps_pin_2_hau_blue.svg") left 0.2rem no-repeat;
    background-size: 1rem;
    color: var(--color-blue-to-black) !important;
  }
  #prodList .item.colorBack-3 .date .event-venue--extended span, #prodList .item.colorBack-0 .date .event-venue--extended span, .prodPreview .item.colorBack-3 .date .event-venue--extended span, .prodPreview .item.colorBack-0 .date .event-venue--extended span {
    color: var(--color-blue-to-black) !important;
  }
}
body.contrast #prodList .item.colorBack, body.contrast #prodList .item.colorBack-2, body.contrast #prodList .item.colorBack-3, body.contrast .prodPreview .item.colorBack, body.contrast .prodPreview .item.colorBack-2, body.contrast .prodPreview .item.colorBack-3 {
  background-color: transparent;
  border: 0;
}
body.contrast #prodList .item.colorBack:hover, body.contrast #prodList .item.colorBack:focus, body.contrast #prodList .item.colorBack:active, body.contrast #prodList .item.colorBack-2:hover, body.contrast #prodList .item.colorBack-2:focus, body.contrast #prodList .item.colorBack-2:active, body.contrast #prodList .item.colorBack-3:hover, body.contrast #prodList .item.colorBack-3:focus, body.contrast #prodList .item.colorBack-3:active, body.contrast .prodPreview .item.colorBack:hover, body.contrast .prodPreview .item.colorBack:focus, body.contrast .prodPreview .item.colorBack:active, body.contrast .prodPreview .item.colorBack-2:hover, body.contrast .prodPreview .item.colorBack-2:focus, body.contrast .prodPreview .item.colorBack-2:active, body.contrast .prodPreview .item.colorBack-3:hover, body.contrast .prodPreview .item.colorBack-3:focus, body.contrast .prodPreview .item.colorBack-3:active {
  background-color: transparent;
}
body.contrast #prodList .item.colorBack .info-wrap p a, body.contrast #prodList .item.colorBack-2 .info-wrap p a, body.contrast #prodList .item.colorBack-3 .info-wrap p a, body.contrast .prodPreview .item.colorBack .info-wrap p a, body.contrast .prodPreview .item.colorBack-2 .info-wrap p a, body.contrast .prodPreview .item.colorBack-3 .info-wrap p a {
  color: #FFFFFF !important;
}
body.contrast #prodList .item.colorBack .styled-table, body.contrast #prodList .item.colorBack-2 .styled-table, body.contrast #prodList .item.colorBack-3 .styled-table, body.contrast .prodPreview .item.colorBack .styled-table, body.contrast .prodPreview .item.colorBack-2 .styled-table, body.contrast .prodPreview .item.colorBack-3 .styled-table {
  color: #FFFFFF;
  background-color: #000;
}
body.contrast #prodList .item.colorBack .primary-btn, body.contrast #prodList .item.colorBack-2 .primary-btn, body.contrast #prodList .item.colorBack-3 .primary-btn, body.contrast .prodPreview .item.colorBack .primary-btn, body.contrast .prodPreview .item.colorBack-2 .primary-btn, body.contrast .prodPreview .item.colorBack-3 .primary-btn {
  color: #FFFFFF;
  border: 1px solid #FFFFFF !important;
  background-color: #000;
}
body.contrast #prodList .item.colorBack .primary-btn:hover, body.contrast #prodList .item.colorBack .primary-btn:focus, body.contrast #prodList .item.colorBack .primary-btn:active, body.contrast #prodList .item.colorBack-2 .primary-btn:hover, body.contrast #prodList .item.colorBack-2 .primary-btn:focus, body.contrast #prodList .item.colorBack-2 .primary-btn:active, body.contrast #prodList .item.colorBack-3 .primary-btn:hover, body.contrast #prodList .item.colorBack-3 .primary-btn:focus, body.contrast #prodList .item.colorBack-3 .primary-btn:active, body.contrast .prodPreview .item.colorBack .primary-btn:hover, body.contrast .prodPreview .item.colorBack .primary-btn:focus, body.contrast .prodPreview .item.colorBack .primary-btn:active, body.contrast .prodPreview .item.colorBack-2 .primary-btn:hover, body.contrast .prodPreview .item.colorBack-2 .primary-btn:focus, body.contrast .prodPreview .item.colorBack-2 .primary-btn:active, body.contrast .prodPreview .item.colorBack-3 .primary-btn:hover, body.contrast .prodPreview .item.colorBack-3 .primary-btn:focus, body.contrast .prodPreview .item.colorBack-3 .primary-btn:active {
  color: #000;
  background-color: #FFFFFF;
}
body.contrast #prodList .item.colorBack .primary-btn.ticket-btn, body.contrast #prodList .item.colorBack-2 .primary-btn.ticket-btn, body.contrast #prodList .item.colorBack-3 .primary-btn.ticket-btn, body.contrast .prodPreview .item.colorBack .primary-btn.ticket-btn, body.contrast .prodPreview .item.colorBack-2 .primary-btn.ticket-btn, body.contrast .prodPreview .item.colorBack-3 .primary-btn.ticket-btn {
  color: #000;
  border: 1px solid #FFFFFF !important;
  background-color: #FFFFFF;
}
body.contrast #prodList .item.colorBack .primary-btn.ticket-btn:hover, body.contrast #prodList .item.colorBack .primary-btn.ticket-btn:focus, body.contrast #prodList .item.colorBack .primary-btn.ticket-btn:active, body.contrast #prodList .item.colorBack-2 .primary-btn.ticket-btn:hover, body.contrast #prodList .item.colorBack-2 .primary-btn.ticket-btn:focus, body.contrast #prodList .item.colorBack-2 .primary-btn.ticket-btn:active, body.contrast #prodList .item.colorBack-3 .primary-btn.ticket-btn:hover, body.contrast #prodList .item.colorBack-3 .primary-btn.ticket-btn:focus, body.contrast #prodList .item.colorBack-3 .primary-btn.ticket-btn:active, body.contrast .prodPreview .item.colorBack .primary-btn.ticket-btn:hover, body.contrast .prodPreview .item.colorBack .primary-btn.ticket-btn:focus, body.contrast .prodPreview .item.colorBack .primary-btn.ticket-btn:active, body.contrast .prodPreview .item.colorBack-2 .primary-btn.ticket-btn:hover, body.contrast .prodPreview .item.colorBack-2 .primary-btn.ticket-btn:focus, body.contrast .prodPreview .item.colorBack-2 .primary-btn.ticket-btn:active, body.contrast .prodPreview .item.colorBack-3 .primary-btn.ticket-btn:hover, body.contrast .prodPreview .item.colorBack-3 .primary-btn.ticket-btn:focus, body.contrast .prodPreview .item.colorBack-3 .primary-btn.ticket-btn:active {
  color: #FFFFFF;
  background-color: #000;
}
body.contrast #prodList .item.colorBack .primary-btn.no-btn, body.contrast #prodList .item.colorBack-2 .primary-btn.no-btn, body.contrast #prodList .item.colorBack-3 .primary-btn.no-btn, body.contrast .prodPreview .item.colorBack .primary-btn.no-btn, body.contrast .prodPreview .item.colorBack-2 .primary-btn.no-btn, body.contrast .prodPreview .item.colorBack-3 .primary-btn.no-btn {
  color: #FFFFFF;
  border: 1px solid #000 !important;
  background-color: #000;
}
body.contrast #prodList .item.colorBack .primary-btn.no-btn:hover, body.contrast #prodList .item.colorBack .primary-btn.no-btn:focus, body.contrast #prodList .item.colorBack .primary-btn.no-btn:active, body.contrast #prodList .item.colorBack-2 .primary-btn.no-btn:hover, body.contrast #prodList .item.colorBack-2 .primary-btn.no-btn:focus, body.contrast #prodList .item.colorBack-2 .primary-btn.no-btn:active, body.contrast #prodList .item.colorBack-3 .primary-btn.no-btn:hover, body.contrast #prodList .item.colorBack-3 .primary-btn.no-btn:focus, body.contrast #prodList .item.colorBack-3 .primary-btn.no-btn:active, body.contrast .prodPreview .item.colorBack .primary-btn.no-btn:hover, body.contrast .prodPreview .item.colorBack .primary-btn.no-btn:focus, body.contrast .prodPreview .item.colorBack .primary-btn.no-btn:active, body.contrast .prodPreview .item.colorBack-2 .primary-btn.no-btn:hover, body.contrast .prodPreview .item.colorBack-2 .primary-btn.no-btn:focus, body.contrast .prodPreview .item.colorBack-2 .primary-btn.no-btn:active, body.contrast .prodPreview .item.colorBack-3 .primary-btn.no-btn:hover, body.contrast .prodPreview .item.colorBack-3 .primary-btn.no-btn:focus, body.contrast .prodPreview .item.colorBack-3 .primary-btn.no-btn:active {
  color: #000;
  border: 1px solid #FFFFFF !important;
  background-color: #FFFFFF;
}
#prodList .infoBox, .prodPreview .infoBox {
  float: left;
  width: 100%;
  position: relative;
}
#prodList .infoBox .info-wrap, .prodPreview .infoBox .info-wrap {
  width: 100%;
  display: table-cell;
  vertical-align: top;
  padding-right: 2.7rem;
}
@media screen and (max-width: 991px) {
  #prodList .infoBox .info-wrap, .prodPreview .infoBox .info-wrap {
    float: left;
    display: block;
    width: 100%;
    padding-right: 0;
  }
}
#prodList .infoBox .info-wrap > a, .prodPreview .infoBox .info-wrap > a {
  text-decoration: underline;
}
#prodList .infoBox .button-wrap, .prodPreview .infoBox .button-wrap {
  position: relative;
  display: table-cell;
  vertical-align: bottom;
}
@media screen and (max-width: 991px) {
  #prodList .infoBox .button-wrap, .prodPreview .infoBox .button-wrap {
    margin-top: 1rem;
    display: block;
    width: 20rem;
    float: left;
  }
}
#prodList .infoBox .button-wrap .primary-btn, .prodPreview .infoBox .button-wrap .primary-btn {
  position: relative;
  right: 0;
  bottom: auto;
  z-index: 50;
  float: right;
  margin-top: 1.6rem;
}
#prodList .infoBox .button-wrap .primary-btn:first-child, .prodPreview .infoBox .button-wrap .primary-btn:first-child {
  margin-top: 0;
}
@media screen and (max-width: 991px) {
  #prodList .infoBox .button-wrap .primary-btn, .prodPreview .infoBox .button-wrap .primary-btn {
    float: left;
  }
}
#prodList .infoBox:hover .image img, #prodList .infoBox:focus .image img, #prodList .infoBox:active .image img, #prodList .infoBox:focus:active .image img, .prodPreview .infoBox:hover .image img, .prodPreview .infoBox:focus .image img, .prodPreview .infoBox:active .image img, .prodPreview .infoBox:focus:active .image img {
  opacity: 0.3;
}
#prodList .infoBox h3, .prodPreview .infoBox h3 {
  font-size: 3.2rem;
  line-height: 1;
  margin: 0 0 0.7rem 0;
}
@media screen and (max-width: 767px) {
  #prodList .infoBox h3, .prodPreview .infoBox h3 {
    font-size: 2.8rem;
  }
}
#prodList .infoBox h4, .prodPreview .infoBox h4 {
  font-size: 2.1rem;
  line-height: 1;
  margin: 0 0 1rem 0;
}
@media screen and (max-width: 767px) {
  #prodList .infoBox h4, .prodPreview .infoBox h4 {
    font-size: 1.8rem;
  }
}
#prodList .infoBox p, .prodPreview .infoBox p {
  font-size: 1.4rem;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  #prodList .infoBox p, .prodPreview .infoBox p {
    font-size: 1.3rem;
  }
}
#prodList .infoBox .cat, .prodPreview .infoBox .cat {
  font-size: 1.4rem;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  #prodList .infoBox .cat, .prodPreview .infoBox .cat {
    font-size: 1.3rem;
  }
}
#prodList .infoBox .cat-box, .prodPreview .infoBox .cat-box {
  float: left;
  width: 100%;
  margin-bottom: 0.5rem;
}
#prodList .infoBox .cat, .prodPreview .infoBox .cat {
  float: left;
  margin-right: 0.8rem;
  text-transform: uppercase;
  font-family: "Modus W00 Light", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
#prodList .infoBox .cat i, .prodPreview .infoBox .cat i {
  display: inline-block;
}
#prodList .infoBox p + .cat-box, .prodPreview .infoBox p + .cat-box {
  margin-top: 1.1rem;
}
#prodList .infoBox p, .prodPreview .infoBox p {
  font-size: 1.4rem;
  line-height: 1.429;
  margin-bottom: 0;
  font-family: "Modus W00 Light", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
#prodList .infoBox p a, .prodPreview .infoBox p a {
  text-decoration: underline;
}
#prodList .infoBox .primary-btn, .prodPreview .infoBox .primary-btn {
  position: absolute;
  right: 1.7rem;
  bottom: 1.7rem;
  z-index: 50;
}
@media screen and (min-width: 992px) and (max-width: 1469px) {
  #prodList .infoBox .primary-btn, .prodPreview .infoBox .primary-btn {
    max-width: 17rem;
    min-width: 17rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  #prodList .infoBox .primary-btn, .prodPreview .infoBox .primary-btn {
    max-width: 12rem;
    min-width: 12rem;
  }
}
@media screen and (max-width: 991px) {
  #prodList .infoBox .primary-btn, .prodPreview .infoBox .primary-btn {
    position: relative;
    max-width: none;
  }
}
#prodList .infoBox .wrappedLink, .prodPreview .infoBox .wrappedLink {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 25;
}
#prodList .content, .prodPreview .content {
  padding: 1.7rem 1.7rem 8rem 1.7rem;
  position: relative;
}
#prodList .content a, .prodPreview .content a {
  position: relative;
  z-index: 50;
}
#prodList .content.singleProd, .prodPreview .content.singleProd {
  padding: 1.7rem;
  color: #000;
}
#prodList .content.singleProd h2, .prodPreview .content.singleProd h2 {
  margin-bottom: 0;
}
#prodList .content.singleProd h3, .prodPreview .content.singleProd h3 {
  margin-top: 1rem;
  margin-bottom: 0;
}
#prodList .content.singleProd h3:first-child, .prodPreview .content.singleProd h3:first-child {
  margin: 0;
}
#prodList .image, .prodPreview .image {
  width: 52.4rem;
  position: relative;
}
#prodList .image img, .prodPreview .image img {
  opacity: 1;
  transition: opacity 0.35s ease-in-out;
}
#prodList .image .imgBox, .prodPreview .image .imgBox {
  background: #000;
}
#prodList .image .overlay, .prodPreview .image .overlay {
  position: absolute;
  left: -0.9rem;
  top: 2.3rem;
  z-index: 10;
}
#prodList .image .overlay .tag, .prodPreview .image .overlay .tag {
  position: relative;
  left: -8%;
  top: 0;
  -webkit-transform: rotate(-23deg);
  transform: rotate(-23deg);
  transform-origin: top right;
  background: #01B4FE;
  color: #FFFFFF;
  border: none;
  margin: 0;
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.8rem;
  padding: 1.2rem 2rem 1.1rem;
}
#prodList .image .overlay .tag:before, #prodList .image .overlay .tag:after, .prodPreview .image .overlay .tag:before, .prodPreview .image .overlay .tag:after {
  content: "";
  display: block;
  position: absolute;
  background: #01B4FE;
  width: 20px;
  top: 0;
  height: 100%;
  z-index: 10;
  -webkit-transform: skew(-23deg);
  transform: skew(-23deg);
}
#prodList .image .overlay .tag:before, .prodPreview .image .overlay .tag:before {
  left: -9px;
}
#prodList .image .overlay .tag:after, .prodPreview .image .overlay .tag:after {
  right: -9px;
}
#prodList .image .overlay .tag span, .prodPreview .image .overlay .tag span {
  position: relative;
  z-index: 20;
  white-space: nowrap;
}
.no-js #prodList .image .overlay, .no-js .prodPreview .image .overlay {
  top: 0.7rem;
}
.no-js #prodList .image .overlay .tag, .no-js .prodPreview .image .overlay .tag {
  -webkit-transform: none;
  transform: none;
  left: 0;
}
#prodList .colorBack .content.singleProd, .prodPreview .colorBack .content.singleProd {
  color: #FFFFFF;
}
#prodList form .selectboxit-container,
#prodList form input,
#prodList form textarea, .prodPreview form .selectboxit-container,
.prodPreview form input,
.prodPreview form textarea {
  margin: 0;
}
#prodList form .selectboxit-container ul,
#prodList form input ul,
#prodList form textarea ul, .prodPreview form .selectboxit-container ul,
.prodPreview form input ul,
.prodPreview form textarea ul {
  max-height: 300px;
  overflow-y: auto;
}
#prodList #prodFilter, .prodPreview #prodFilter {
  position: relative;
  z-index: 550;
  margin-bottom: 4.4rem;
}
#prodList #prodFilter #programmFilter, .prodPreview #prodFilter #programmFilter {
  padding-top: 1.6rem;
  padding-bottom: 1.2rem;
}
#prodList #prodFilter.sticky .filter, .prodPreview #prodFilter.sticky .filter {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 500;
  overflow: visible;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  max-height: calc(100vh - 11.2rem);
}
@media screen and (max-width: 767px) {
  #prodList #prodFilter.sticky .filter, .prodPreview #prodFilter.sticky .filter {
    max-height: calc(100vh - 6rem);
    overflow: auto;
  }
}
#prodList #prodFilter.sticky .filter .module, #prodList #prodFilter.sticky .filter #prodFilterPrevNextMonth, .prodPreview #prodFilter.sticky .filter .module, .prodPreview #prodFilter.sticky .filter #prodFilterPrevNextMonth {
  margin: 0;
}
#prodList #prodFilter .filter, .prodPreview #prodFilter .filter {
  background: #FFFFFF;
}
#prodList.list #prodFilter .filter h1, .prodPreview.list #prodFilter .filter h1 {
  margin-top: 5rem;
}
#prodList #filterButton, .prodPreview #filterButton {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 500;
  transition: transform 0.35s ease-in-out;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
#prodList #filterButton.showIt, .prodPreview #filterButton.showIt {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
#prodList #filterButton button, .prodPreview #filterButton button {
  margin-top: 0;
}
#prodList #filterButton button.backgroundBox, .prodPreview #filterButton button.backgroundBox {
  border-top: none;
}
.no-js #prodList #filterButton, .no-js .prodPreview #filterButton {
  display: none;
}
@media screen and (min-width: 992px) {
  #prodList .item.disturber.has-btn .infoBox .content, .prodPreview .item.disturber.has-btn .infoBox .content {
    padding-bottom: 7rem;
  }
}
#prodList .item.disturber .infoBox h3, .prodPreview .item.disturber .infoBox h3 {
  font-size: 3.6rem;
  line-height: 1;
  margin: 0 0 0.9rem 0;
}
@media screen and (max-width: 767px) {
  #prodList .item.disturber .infoBox h3, .prodPreview .item.disturber .infoBox h3 {
    font-size: 3.2rem;
  }
}
#prodList .item.disturber .infoBox p, .prodPreview .item.disturber .infoBox p {
  font-size: 1.8rem;
  line-height: 1;
  margin: 0 0 0.2rem 0;
}
@media screen and (max-width: 767px) {
  #prodList .item.disturber .infoBox p, .prodPreview .item.disturber .infoBox p {
    font-size: 1.6rem;
  }
}
#prodList .item.disturber .infoBox p:last-child, .prodPreview .item.disturber .infoBox p:last-child {
  margin-bottom: 0;
}
#prodList .divider.module, #prodList .divider#prodFilterPrevNextMonth, .prodPreview .divider.module, .prodPreview .divider#prodFilterPrevNextMonth {
  margin-top: 2.9rem;
  padding-bottom: 3.3rem;
}
body.contrast #prodList .divider.module, body.contrast #prodList .divider#prodFilterPrevNextMonth, body.contrast .prodPreview .divider.module, body.contrast .prodPreview .divider#prodFilterPrevNextMonth {
  position: relative;
}
body.contrast #prodList .divider.module:before, body.contrast #prodList .divider#prodFilterPrevNextMonth:before, body.contrast .prodPreview .divider.module:before, body.contrast .prodPreview .divider#prodFilterPrevNextMonth:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-size: 6px 3px;
  background-repeat: repeat-x;
  z-index: 500;
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_black.png);
  top: 0;
  bottom: auto;
}
@media screen and (max-width: 767px) {
  #prodList .divider.module, #prodList .divider#prodFilterPrevNextMonth, .prodPreview .divider.module, .prodPreview .divider#prodFilterPrevNextMonth {
    margin-top: 1.5rem;
    padding-bottom: 1.6rem;
  }
}
@media screen and (max-width: 1469px) {
  #prodList .image, .prodPreview .image {
    width: 42rem;
  }
  #prodList .item .date, .prodPreview .item .date {
    max-width: 50rem;
  }
}
@media screen and (max-width: 1199px) {
  #prodList .image, .prodPreview .image {
    width: 35rem;
  }
  #prodList .item .date, .prodPreview .item .date {
    max-width: 35rem;
  }
}
@media screen and (max-width: 991px) {
  #prodList .filter .module, #prodList .filter #prodFilterPrevNextMonth, .prodPreview .filter .module, .prodPreview .filter #prodFilterPrevNextMonth {
    padding-bottom: 1.4rem;
  }
  #prodList .filter .input-block, .prodPreview .filter .input-block {
    margin-bottom: 2.2rem;
  }
  #prodList .image, .prodPreview .image {
    width: 100%;
  }
  #prodList .image img, .prodPreview .image img {
    width: 100%;
  }
  #prodList .item .date, .prodPreview .item .date {
    max-width: none;
  }
  #prodList .infoBox .styled-table, #prodList .infoBox .styled-cell, .prodPreview .infoBox .styled-table, .prodPreview .infoBox .styled-cell {
    display: block;
  }
}
.module.calender-slider + #prodList.teaser, .calender-slider#prodFilterPrevNextMonth + #prodList.teaser, .module.calender-slider + .prodPreview.teaser, .calender-slider#prodFilterPrevNextMonth + .prodPreview.teaser {
  padding-top: 3.8rem;
  margin-bottom: 2rem;
}
#prodList.teaser .month, .prodPreview.teaser .month {
  float: left;
  width: 100%;
}
#prodList.teaser .month + .month, .prodPreview.teaser .month + .month {
  margin-top: 2rem;
}
#prodList.teaser.main .month:last-child:after, .prodPreview.teaser.main .month:last-child:after {
  display: none;
}
#prodList.teaser .month-box, .prodPreview.teaser .month-box {
  float: left;
  width: 100%;
  margin-bottom: 1rem;
}
#prodList.teaser .month-box + .day:before, .prodPreview.teaser .month-box + .day:before {
  display: none;
}
#prodList.teaser .day, .prodPreview.teaser .day {
  position: relative;
  margin-top: 1rem;
  float: left;
  width: 100%;
  padding: 0.3rem 0 0 18.1rem;
  border-bottom: none;
  position: relative;
}
#prodList.teaser .day:before, .prodPreview.teaser .day:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-size: 6px 3px;
  background-repeat: repeat-x;
  z-index: 500;
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_blue.png);
  top: 0;
  bottom: auto;
}
body.contrast #prodList.teaser .day, body.contrast .prodPreview.teaser .day {
  position: relative;
}
body.contrast #prodList.teaser .day:before, body.contrast .prodPreview.teaser .day:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-size: 6px 3px;
  background-repeat: repeat-x;
  z-index: 500;
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_black.png);
  top: 0;
  bottom: auto;
}
@media screen and (max-width: 1199px) {
  #prodList.teaser .day, .prodPreview.teaser .day {
    padding: 0.3rem 0 0 13rem;
  }
}
#prodList.teaser .dateBox, .prodPreview.teaser .dateBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 18.1rem;
  color: var(--color-blue-to-black);
}
#prodList.teaser .dateBox + .item.colorBack-0, .prodPreview.teaser .dateBox + .item.colorBack-0 {
  margin-top: 1.8rem;
}
@media screen and (max-width: 1199px) {
  #prodList.teaser .dateBox, .prodPreview.teaser .dateBox {
    max-width: 13rem;
  }
}
#prodList.teaser .item, .prodPreview.teaser .item {
  position: relative;
  padding-left: 21.5rem;
  margin: 1rem 0 0 0;
}
#prodList.teaser .item .date, .prodPreview.teaser .item .date {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 0;
  float: left;
  width: 100%;
  max-width: 20rem;
}
#prodList.teaser .item .date, #prodList.teaser .item .date *, .prodPreview.teaser .item .date, .prodPreview.teaser .item .date * {
  color: var(--color-blue-to-black);
}
#prodList.teaser .item .date strong, .prodPreview.teaser .item .date strong {
  position: relative;
}
#prodList.teaser .item .date a, #prodList.teaser .item .date .floats, .prodPreview.teaser .item .date a, .prodPreview.teaser .item .date .floats {
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  float: left;
}
#prodList.teaser .item .date .floats, .prodPreview.teaser .item .date .floats {
  margin-right: 0.7rem;
}
#prodList.teaser .item .date .floats--extended, .prodPreview.teaser .item .date .floats--extended {
  width: 100%;
}
@media screen and (max-width: 991px) {
  #prodList.teaser .item .date .floats--extended, .prodPreview.teaser .item .date .floats--extended {
    margin-bottom: 0;
  }
}
#prodList.teaser .item .date .floats-3--extended, .prodPreview.teaser .item .date .floats-3--extended {
  color: #000;
  font-size: 1.4rem;
  padding-left: 2rem;
  background-size: 1rem;
  font-family: '"Modus W00 Regular", "Helvetica Neue", Arial, sans-serif' !important;
  text-decoration: none;
}
@media screen and (max-width: 991px) {
  #prodList.teaser .item .date .floats-3--extended, .prodPreview.teaser .item .date .floats-3--extended {
    padding-left: 0;
    margin-left: 4px;
  }
}
#prodList.teaser .item .date .floats--no-margin, .prodPreview.teaser .item .date .floats--no-margin {
  margin-right: 0;
}
#prodList.teaser .item.colorBack .date, #prodList.teaser .item.colorBack-1 .date, #prodList.teaser .item.colorBack-2 .date, #prodList.teaser .item.colorBack-3 .date, .prodPreview.teaser .item.colorBack .date, .prodPreview.teaser .item.colorBack-1 .date, .prodPreview.teaser .item.colorBack-2 .date, .prodPreview.teaser .item.colorBack-3 .date {
  padding-top: 2.2rem;
}
#prodList.teaser .item.colorBack .date--extended, #prodList.teaser .item.colorBack-1 .date--extended, #prodList.teaser .item.colorBack-2 .date--extended, #prodList.teaser .item.colorBack-3 .date--extended, .prodPreview.teaser .item.colorBack .date--extended, .prodPreview.teaser .item.colorBack-1 .date--extended, .prodPreview.teaser .item.colorBack-2 .date--extended, .prodPreview.teaser .item.colorBack-3 .date--extended {
  padding-top: 0.8rem;
  padding-right: 2.5rem;
}
@media screen and (min-width: 992px) {
  #prodList.teaser .item .infoBox, .prodPreview.teaser .item .infoBox {
    position: relative;
    z-index: 25;
  }
  #prodList.teaser .item .infoBox:before, .prodPreview.teaser .item .infoBox:before {
    position: absolute;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-size: 6px 3px;
    background-repeat: repeat-x;
    z-index: 500;
    background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_white.png);
    top: 0;
    bottom: auto;
  }
  #prodList.teaser .item .infoBox:before, .prodPreview.teaser .item .infoBox:before {
    display: none;
  }
  #prodList.teaser .item[style*="display: none"] + .item .infoBox:before, #prodList.teaser .item[style*="display:none"] + .item .infoBox:before, .prodPreview.teaser .item[style*="display: none"] + .item .infoBox:before, .prodPreview.teaser .item[style*="display:none"] + .item .infoBox:before {
    display: none !important;
  }
}
#prodList.teaser .item .modal .primary-btn, #prodList.teaser .item.colorBack .modal .primary-btn, #prodList.teaser .item.colorBack-0 .modal .primary-btn, #prodList.teaser .item.colorBack-2 .modal .primary-btn, #prodList.teaser .item.colorBack-3 .modal .primary-btn, .prodPreview.teaser .item .modal .primary-btn, .prodPreview.teaser .item.colorBack .modal .primary-btn, .prodPreview.teaser .item.colorBack-0 .modal .primary-btn, .prodPreview.teaser .item.colorBack-2 .modal .primary-btn, .prodPreview.teaser .item.colorBack-3 .modal .primary-btn {
  color: #FFFFFF;
  background: #01B4FE;
  border-color: #01B4FE;
}
#prodList.teaser .item .modal .primary-btn:hover, #prodList.teaser .item .modal .primary-btn.hover, #prodList.teaser .item .modal .primary-btn:focus, #prodList.teaser .item .modal .primary-btn.focus, #prodList.teaser .item .modal .primary-btn:active, #prodList.teaser .item .modal .primary-btn.active, #prodList.teaser .item.colorBack .modal .primary-btn:hover, #prodList.teaser .item.colorBack .modal .primary-btn.hover, #prodList.teaser .item.colorBack .modal .primary-btn:focus, #prodList.teaser .item.colorBack .modal .primary-btn.focus, #prodList.teaser .item.colorBack .modal .primary-btn:active, #prodList.teaser .item.colorBack .modal .primary-btn.active, #prodList.teaser .item.colorBack-0 .modal .primary-btn:hover, #prodList.teaser .item.colorBack-0 .modal .primary-btn.hover, #prodList.teaser .item.colorBack-0 .modal .primary-btn:focus, #prodList.teaser .item.colorBack-0 .modal .primary-btn.focus, #prodList.teaser .item.colorBack-0 .modal .primary-btn:active, #prodList.teaser .item.colorBack-0 .modal .primary-btn.active, #prodList.teaser .item.colorBack-2 .modal .primary-btn:hover, #prodList.teaser .item.colorBack-2 .modal .primary-btn.hover, #prodList.teaser .item.colorBack-2 .modal .primary-btn:focus, #prodList.teaser .item.colorBack-2 .modal .primary-btn.focus, #prodList.teaser .item.colorBack-2 .modal .primary-btn:active, #prodList.teaser .item.colorBack-2 .modal .primary-btn.active, #prodList.teaser .item.colorBack-3 .modal .primary-btn:hover, #prodList.teaser .item.colorBack-3 .modal .primary-btn.hover, #prodList.teaser .item.colorBack-3 .modal .primary-btn:focus, #prodList.teaser .item.colorBack-3 .modal .primary-btn.focus, #prodList.teaser .item.colorBack-3 .modal .primary-btn:active, #prodList.teaser .item.colorBack-3 .modal .primary-btn.active, .prodPreview.teaser .item .modal .primary-btn:hover, .prodPreview.teaser .item .modal .primary-btn.hover, .prodPreview.teaser .item .modal .primary-btn:focus, .prodPreview.teaser .item .modal .primary-btn.focus, .prodPreview.teaser .item .modal .primary-btn:active, .prodPreview.teaser .item .modal .primary-btn.active, .prodPreview.teaser .item.colorBack .modal .primary-btn:hover, .prodPreview.teaser .item.colorBack .modal .primary-btn.hover, .prodPreview.teaser .item.colorBack .modal .primary-btn:focus, .prodPreview.teaser .item.colorBack .modal .primary-btn.focus, .prodPreview.teaser .item.colorBack .modal .primary-btn:active, .prodPreview.teaser .item.colorBack .modal .primary-btn.active, .prodPreview.teaser .item.colorBack-0 .modal .primary-btn:hover, .prodPreview.teaser .item.colorBack-0 .modal .primary-btn.hover, .prodPreview.teaser .item.colorBack-0 .modal .primary-btn:focus, .prodPreview.teaser .item.colorBack-0 .modal .primary-btn.focus, .prodPreview.teaser .item.colorBack-0 .modal .primary-btn:active, .prodPreview.teaser .item.colorBack-0 .modal .primary-btn.active, .prodPreview.teaser .item.colorBack-2 .modal .primary-btn:hover, .prodPreview.teaser .item.colorBack-2 .modal .primary-btn.hover, .prodPreview.teaser .item.colorBack-2 .modal .primary-btn:focus, .prodPreview.teaser .item.colorBack-2 .modal .primary-btn.focus, .prodPreview.teaser .item.colorBack-2 .modal .primary-btn:active, .prodPreview.teaser .item.colorBack-2 .modal .primary-btn.active, .prodPreview.teaser .item.colorBack-3 .modal .primary-btn:hover, .prodPreview.teaser .item.colorBack-3 .modal .primary-btn.hover, .prodPreview.teaser .item.colorBack-3 .modal .primary-btn:focus, .prodPreview.teaser .item.colorBack-3 .modal .primary-btn.focus, .prodPreview.teaser .item.colorBack-3 .modal .primary-btn:active, .prodPreview.teaser .item.colorBack-3 .modal .primary-btn.active {
  color: #FFFFFF;
  background: #000;
  border-color: #000;
}
@media screen and (min-width: 992px) {
  #prodList.teaser .item.colorBack, #prodList.teaser .item.colorBack-0, #prodList.teaser .item.colorBack-2, #prodList.teaser .item.colorBack-3, .prodPreview.teaser .item.colorBack, .prodPreview.teaser .item.colorBack-0, .prodPreview.teaser .item.colorBack-2, .prodPreview.teaser .item.colorBack-3 {
    background: none;
  }
  #prodList.teaser .item.colorBack-0, .prodPreview.teaser .item.colorBack-0 {
    padding-top: 0;
  }
}
#prodList.teaser .item.colorBack + .colorBack-0, #prodList.teaser .item.colorBack-2 + .colorBack-0, #prodList.teaser .item.colorBack-3 + .colorBack-0, .prodPreview.teaser .item.colorBack + .colorBack-0, .prodPreview.teaser .item.colorBack-2 + .colorBack-0, .prodPreview.teaser .item.colorBack-3 + .colorBack-0 {
  margin-top: 1.8rem;
}
#prodList.teaser .item.colorBack .infoBox, .prodPreview.teaser .item.colorBack .infoBox {
  color: #000;
}
#prodList.teaser .item.colorBack .primary-btn, .prodPreview.teaser .item.colorBack .primary-btn {
  color: #000;
  background: transparent;
  border-color: #000;
}
#prodList.teaser .item.colorBack .primary-btn.ticket-btn, .prodPreview.teaser .item.colorBack .primary-btn.ticket-btn {
  color: #FFFFFF;
  background: #000;
  border: #000;
}
#prodList.teaser .item.colorBack .primary-btn.ticket-btn:hover, .prodPreview.teaser .item.colorBack .primary-btn.ticket-btn:hover {
  color: #000;
  background: #FFFFFF;
  border: #FFFFFF;
}
body.contrast #prodList.teaser .item.colorBack .primary-btn.ticket-btn:hover, body.contrast .prodPreview.teaser .item.colorBack .primary-btn.ticket-btn:hover {
  border-color: #000;
}
#prodList.teaser .item.colorBack .primary-btn:hover, #prodList.teaser .item.colorBack .primary-btn.hover, #prodList.teaser .item.colorBack .primary-btn:focus, #prodList.teaser .item.colorBack .primary-btn.focus, #prodList.teaser .item.colorBack .primary-btn:active, #prodList.teaser .item.colorBack .primary-btn.active, .prodPreview.teaser .item.colorBack .primary-btn:hover, .prodPreview.teaser .item.colorBack .primary-btn.hover, .prodPreview.teaser .item.colorBack .primary-btn:focus, .prodPreview.teaser .item.colorBack .primary-btn.focus, .prodPreview.teaser .item.colorBack .primary-btn:active, .prodPreview.teaser .item.colorBack .primary-btn.active {
  color: #FFFFFF;
  background: #000;
  border-color: #000;
}
#prodList.teaser .item.colorBack .primary-btn.no-btn, #prodList.teaser .item.colorBack .primary-btn.no-btn:hover, #prodList.teaser .item.colorBack .primary-btn.no-btn.hover, #prodList.teaser .item.colorBack .primary-btn.no-btn:focus, #prodList.teaser .item.colorBack .primary-btn.no-btn.focus, #prodList.teaser .item.colorBack .primary-btn.no-btn:active, #prodList.teaser .item.colorBack .primary-btn.no-btn.active, .prodPreview.teaser .item.colorBack .primary-btn.no-btn, .prodPreview.teaser .item.colorBack .primary-btn.no-btn:hover, .prodPreview.teaser .item.colorBack .primary-btn.no-btn.hover, .prodPreview.teaser .item.colorBack .primary-btn.no-btn:focus, .prodPreview.teaser .item.colorBack .primary-btn.no-btn.focus, .prodPreview.teaser .item.colorBack .primary-btn.no-btn:active, .prodPreview.teaser .item.colorBack .primary-btn.no-btn.active {
  color: #000;
  background: none;
  border-color: #000;
  z-index: 10;
}
#prodList.teaser .item.colorBack p a, .prodPreview.teaser .item.colorBack p a {
  color: #000;
}
#prodList.teaser .item.colorBack p a:hover, #prodList.teaser .item.colorBack p a:focus, #prodList.teaser .item.colorBack p a:active, .prodPreview.teaser .item.colorBack p a:hover, .prodPreview.teaser .item.colorBack p a:focus, .prodPreview.teaser .item.colorBack p a:active {
  color: #000;
}
#prodList.teaser .item.colorBack-0 .primary-btn.no-btn, #prodList.teaser .item.colorBack-0 .primary-btn.no-btn:hover, #prodList.teaser .item.colorBack-0 .primary-btn.no-btn.hover, #prodList.teaser .item.colorBack-0 .primary-btn.no-btn:focus, #prodList.teaser .item.colorBack-0 .primary-btn.no-btn.focus, #prodList.teaser .item.colorBack-0 .primary-btn.no-btn:active, #prodList.teaser .item.colorBack-0 .primary-btn.no-btn.active, .prodPreview.teaser .item.colorBack-0 .primary-btn.no-btn, .prodPreview.teaser .item.colorBack-0 .primary-btn.no-btn:hover, .prodPreview.teaser .item.colorBack-0 .primary-btn.no-btn.hover, .prodPreview.teaser .item.colorBack-0 .primary-btn.no-btn:focus, .prodPreview.teaser .item.colorBack-0 .primary-btn.no-btn.focus, .prodPreview.teaser .item.colorBack-0 .primary-btn.no-btn:active, .prodPreview.teaser .item.colorBack-0 .primary-btn.no-btn.active {
  color: #000;
  background: none;
  border-color: #000;
  z-index: 10;
}
#prodList.teaser .item.colorBack-0 p a, .prodPreview.teaser .item.colorBack-0 p a {
  color: #000;
}
#prodList.teaser .item.colorBack-0 p a:hover, #prodList.teaser .item.colorBack-0 p a:focus, #prodList.teaser .item.colorBack-0 p a:active, .prodPreview.teaser .item.colorBack-0 p a:hover, .prodPreview.teaser .item.colorBack-0 p a:focus, .prodPreview.teaser .item.colorBack-0 p a:active {
  color: #01B4FE;
}
#prodList.teaser .item.colorBack-2 .primary-btn, .prodPreview.teaser .item.colorBack-2 .primary-btn {
  color: #FFFFFF;
  background: #000;
  border-color: #000;
}
#prodList.teaser .item.colorBack-2 .primary-btn:hover, #prodList.teaser .item.colorBack-2 .primary-btn.hover, #prodList.teaser .item.colorBack-2 .primary-btn:focus, #prodList.teaser .item.colorBack-2 .primary-btn.focus, #prodList.teaser .item.colorBack-2 .primary-btn:active, #prodList.teaser .item.colorBack-2 .primary-btn.active, .prodPreview.teaser .item.colorBack-2 .primary-btn:hover, .prodPreview.teaser .item.colorBack-2 .primary-btn.hover, .prodPreview.teaser .item.colorBack-2 .primary-btn:focus, .prodPreview.teaser .item.colorBack-2 .primary-btn.focus, .prodPreview.teaser .item.colorBack-2 .primary-btn:active, .prodPreview.teaser .item.colorBack-2 .primary-btn.active {
  color: #000;
  background: #01B4FE;
  border-color: #01B4FE;
}
#prodList.teaser .item.colorBack-2 .primary-btn.no-btn, #prodList.teaser .item.colorBack-2 .primary-btn.no-btn:hover, #prodList.teaser .item.colorBack-2 .primary-btn.no-btn.hover, #prodList.teaser .item.colorBack-2 .primary-btn.no-btn:focus, #prodList.teaser .item.colorBack-2 .primary-btn.no-btn.focus, #prodList.teaser .item.colorBack-2 .primary-btn.no-btn:active, #prodList.teaser .item.colorBack-2 .primary-btn.no-btn.active, .prodPreview.teaser .item.colorBack-2 .primary-btn.no-btn, .prodPreview.teaser .item.colorBack-2 .primary-btn.no-btn:hover, .prodPreview.teaser .item.colorBack-2 .primary-btn.no-btn.hover, .prodPreview.teaser .item.colorBack-2 .primary-btn.no-btn:focus, .prodPreview.teaser .item.colorBack-2 .primary-btn.no-btn.focus, .prodPreview.teaser .item.colorBack-2 .primary-btn.no-btn:active, .prodPreview.teaser .item.colorBack-2 .primary-btn.no-btn.active {
  color: #000;
  background: none;
  border-color: #000;
  z-index: 10;
}
#prodList.teaser .item.colorBack-2 p a, .prodPreview.teaser .item.colorBack-2 p a {
  color: #000;
}
#prodList.teaser .item.colorBack-2 p a:hover, #prodList.teaser .item.colorBack-2 p a:focus, #prodList.teaser .item.colorBack-2 p a:active, .prodPreview.teaser .item.colorBack-2 p a:hover, .prodPreview.teaser .item.colorBack-2 p a:focus, .prodPreview.teaser .item.colorBack-2 p a:active {
  color: #01B4FE;
}
#prodList.teaser .item.colorBack-3 .infoBox, .prodPreview.teaser .item.colorBack-3 .infoBox {
  color: #01B4FE;
}
#prodList.teaser .item.colorBack-3 .primary-btn, .prodPreview.teaser .item.colorBack-3 .primary-btn {
  color: #000;
  background: #01B4FE;
  border-color: #01B4FE;
}
#prodList.teaser .item.colorBack-3 .primary-btn:hover, #prodList.teaser .item.colorBack-3 .primary-btn.hover, #prodList.teaser .item.colorBack-3 .primary-btn:focus, #prodList.teaser .item.colorBack-3 .primary-btn.focus, #prodList.teaser .item.colorBack-3 .primary-btn:active, #prodList.teaser .item.colorBack-3 .primary-btn.active, .prodPreview.teaser .item.colorBack-3 .primary-btn:hover, .prodPreview.teaser .item.colorBack-3 .primary-btn.hover, .prodPreview.teaser .item.colorBack-3 .primary-btn:focus, .prodPreview.teaser .item.colorBack-3 .primary-btn.focus, .prodPreview.teaser .item.colorBack-3 .primary-btn:active, .prodPreview.teaser .item.colorBack-3 .primary-btn.active {
  color: #000;
  background: #FFFFFF;
  border-color: #FFFFFF;
}
#prodList.teaser .item.colorBack-3 .primary-btn.no-btn, #prodList.teaser .item.colorBack-3 .primary-btn.no-btn:hover, #prodList.teaser .item.colorBack-3 .primary-btn.no-btn.hover, #prodList.teaser .item.colorBack-3 .primary-btn.no-btn:focus, #prodList.teaser .item.colorBack-3 .primary-btn.no-btn.focus, #prodList.teaser .item.colorBack-3 .primary-btn.no-btn:active, #prodList.teaser .item.colorBack-3 .primary-btn.no-btn.active, .prodPreview.teaser .item.colorBack-3 .primary-btn.no-btn, .prodPreview.teaser .item.colorBack-3 .primary-btn.no-btn:hover, .prodPreview.teaser .item.colorBack-3 .primary-btn.no-btn.hover, .prodPreview.teaser .item.colorBack-3 .primary-btn.no-btn:focus, .prodPreview.teaser .item.colorBack-3 .primary-btn.no-btn.focus, .prodPreview.teaser .item.colorBack-3 .primary-btn.no-btn:active, .prodPreview.teaser .item.colorBack-3 .primary-btn.no-btn.active {
  color: #01B4FE;
  background: none;
  border-color: #01B4FE;
  z-index: 10;
}
#prodList.teaser .item.colorBack-3 p a, .prodPreview.teaser .item.colorBack-3 p a {
  color: #01B4FE;
}
#prodList.teaser .item.colorBack-3 p a:hover, #prodList.teaser .item.colorBack-3 p a:focus, #prodList.teaser .item.colorBack-3 p a:active, .prodPreview.teaser .item.colorBack-3 p a:hover, .prodPreview.teaser .item.colorBack-3 p a:focus, .prodPreview.teaser .item.colorBack-3 p a:active {
  color: #FFFFFF;
}
#prodList.teaser .item.colorBack + .colorBack, .prodPreview.teaser .item.colorBack + .colorBack {
  margin-top: 0;
}
#prodList.teaser .item.colorBack + .colorBack .infoBox:before, .prodPreview.teaser .item.colorBack + .colorBack .infoBox:before {
  display: block;
}
#prodList.teaser .item.colorBack-0 + .colorBack-0, .prodPreview.teaser .item.colorBack-0 + .colorBack-0 {
  margin-top: 0;
  padding-top: 2.2rem;
}
#prodList.teaser .item.colorBack-0 + .colorBack-0 .infoBox:before, .prodPreview.teaser .item.colorBack-0 + .colorBack-0 .infoBox:before {
  top: -1.8rem;
  display: block;
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_grey.png);
}
@media screen and (min-width: 992px) {
  #prodList.teaser .item.colorBack-0 + .colorBack-0 .date, .prodPreview.teaser .item.colorBack-0 + .colorBack-0 .date {
    top: 1.8rem;
  }
}
#prodList.teaser .item.colorBack-2 + .colorBack-2, .prodPreview.teaser .item.colorBack-2 + .colorBack-2 {
  margin-top: 0;
}
#prodList.teaser .item.colorBack-2 + .colorBack-2 .infoBox:before, .prodPreview.teaser .item.colorBack-2 + .colorBack-2 .infoBox:before {
  display: block;
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_black.png);
}
#prodList.teaser .item.colorBack-3 + .colorBack-3, .prodPreview.teaser .item.colorBack-3 + .colorBack-3 {
  margin-top: 0;
}
#prodList.teaser .item.colorBack-3 + .colorBack-3 .infoBox:before, .prodPreview.teaser .item.colorBack-3 + .colorBack-3 .infoBox:before {
  display: block;
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_blue.png);
}
#prodList.teaser .content, .prodPreview.teaser .content {
  padding-bottom: 1rem;
}
#prodList.teaser .infoBox.has-price-label .content, .prodPreview.teaser .infoBox.has-price-label .content {
  padding-bottom: 3.9rem;
}
@media screen and (max-width: 991px) {
  #prodList.teaser .infoBox.has-price-label .content, .prodPreview.teaser .infoBox.has-price-label .content {
    padding-bottom: 0rem;
  }
}
#prodList.teaser .item.disturber .content, .prodPreview.teaser .item.disturber .content {
  padding-right: 1.7rem;
}
#prodList.teaser .tagBox, .prodPreview.teaser .tagBox {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  float: left;
}
#prodList.teaser .tagBox .tag, .prodPreview.teaser .tagBox .tag {
  font-size: 1.4rem;
  text-transform: uppercase;
  width: auto;
  color: #000;
  border-color: #000;
  text-align: center;
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
@media screen and (max-width: 767px) {
  #prodList.teaser .tagBox .tag, .prodPreview.teaser .tagBox .tag {
    font-size: 1.2rem;
  }
}
#prodList.teaser .tagBox, .prodPreview.teaser .tagBox {
  margin-bottom: 1.5rem;
}
#prodList.teaser .tagBox .tag, .prodPreview.teaser .tagBox .tag {
  border-color: var(--color-blue-to-black);
  color: var(--color-blue-to-black);
}
#prodList.teaser.list .day:last-child, .prodPreview.teaser.list .day:last-child {
  padding-bottom: 1rem;
}
@media screen and (max-width: 991px) {
  #prodList.teaser .day, .prodPreview.teaser .day {
    padding: 0;
  }
  #prodList.teaser .day .dateBox .dayDate, .prodPreview.teaser .day .dateBox .dayDate {
    padding-top: 2.8rem;
  }
  #prodList.teaser .dateBox, #prodList.teaser .item .date, .prodPreview.teaser .dateBox, .prodPreview.teaser .item .date {
    top: 0;
    left: 0;
    bottom: auto;
    right: auto;
    position: relative;
    max-width: none;
  }
  #prodList.teaser .tagBox, .prodPreview.teaser .tagBox {
    margin-bottom: 0;
  }
  #prodList.teaser .item, .prodPreview.teaser .item {
    position: relative;
    z-index: 400;
  }
  #prodList.teaser .item:before, .prodPreview.teaser .item:before {
    position: absolute;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-size: 6px 3px;
    background-repeat: repeat-x;
    z-index: 500;
    background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_white.png);
    top: 0;
    bottom: auto;
  }
  body.modal-open #prodList.teaser .item, body.modal-open .prodPreview.teaser .item {
    z-index: unset;
  }
  #prodList.teaser .item:before, .prodPreview.teaser .item:before {
    display: none;
  }
  #prodList.teaser .item[style*="display: none"] + .item:before, #prodList.teaser .item[style*="display:none"] + .item:before, .prodPreview.teaser .item[style*="display: none"] + .item:before, .prodPreview.teaser .item[style*="display:none"] + .item:before {
    display: none !important;
  }
  #prodList.teaser .item .date, .prodPreview.teaser .item .date {
    padding-left: 1.2rem;
    margin-bottom: 0;
  }
  #prodList.teaser .item.colorBack .date, #prodList.teaser .item.colorBack .date *, .prodPreview.teaser .item.colorBack .date, .prodPreview.teaser .item.colorBack .date * {
    color: #000;
  }
  #prodList.teaser .item.colorBack .tagBox .tag, .prodPreview.teaser .item.colorBack .tagBox .tag {
    border-color: #000;
  }
  #prodList.teaser .item.colorBack + .colorBack:before, .prodPreview.teaser .item.colorBack + .colorBack:before {
    display: block;
  }
  #prodList.teaser .item.colorBack-0 .date, #prodList.teaser .item.colorBack-0 .date *, .prodPreview.teaser .item.colorBack-0 .date, .prodPreview.teaser .item.colorBack-0 .date * {
    color: var(--color-blue-to-black);
  }
  #prodList.teaser .item.colorBack-0 .tagBox .tag, .prodPreview.teaser .item.colorBack-0 .tagBox .tag {
    border-color: var(--color-blue-to-black);
    color: var(--color-blue-to-black);
  }
  #prodList.teaser .item.colorBack-0 + .colorBack-0:before, .prodPreview.teaser .item.colorBack-0 + .colorBack-0:before {
    display: block;
    background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_grey.png);
  }
  #prodList.teaser .item.colorBack-2 .date, #prodList.teaser .item.colorBack-2 .date *, .prodPreview.teaser .item.colorBack-2 .date, .prodPreview.teaser .item.colorBack-2 .date * {
    color: #000;
  }
  #prodList.teaser .item.colorBack-2 .tagBox .tag, .prodPreview.teaser .item.colorBack-2 .tagBox .tag {
    border-color: #000;
  }
  #prodList.teaser .item.colorBack-2 + .colorBack-2:before, .prodPreview.teaser .item.colorBack-2 + .colorBack-2:before {
    display: block;
    background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_black.png);
  }
  #prodList.teaser .item.colorBack-3 .date, #prodList.teaser .item.colorBack-3 .date *, .prodPreview.teaser .item.colorBack-3 .date, .prodPreview.teaser .item.colorBack-3 .date * {
    color: var(--color-blue-to-black);
  }
  #prodList.teaser .item.colorBack-3 .tagBox .tag, .prodPreview.teaser .item.colorBack-3 .tagBox .tag {
    border-color: var(--color-blue-to-black);
  }
  #prodList.teaser .item.colorBack-3 + .colorBack-3:before, .prodPreview.teaser .item.colorBack-3 + .colorBack-3:before {
    display: block;
    background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_blue.png);
  }
  #prodList.teaser .infoBox, .prodPreview.teaser .infoBox {
    padding-bottom: 1rem;
  }
  #prodList.teaser .infoBox.has-price-label, .prodPreview.teaser .infoBox.has-price-label {
    padding-bottom: 6.5rem;
  }
}
@media screen and (max-width: 991px) and (max-width: 991px) {
  #prodList.teaser .infoBox.has-price-label, .prodPreview.teaser .infoBox.has-price-label {
    padding-bottom: 1rem;
  }
}
@media screen and (max-width: 991px) {
  #prodList.teaser .infoBox .primary-btn, .prodPreview.teaser .infoBox .primary-btn {
    right: auto;
    top: auto;
    left: 0;
    bottom: auto;
  }
}
@media screen and (max-width: 991px) {
  #prodList.teaser .infoBox .primary-btn + .primary-btn + .primary-btn, .prodPreview.teaser .infoBox .primary-btn + .primary-btn + .primary-btn {
    bottom: 0;
  }
}
@media screen and (max-width: 991px) {
  #prodList.teaser .item.disturber .infoBox, .prodPreview.teaser .item.disturber .infoBox {
    padding-bottom: 0;
  }
  #prodList.teaser .item.disturber.has-btn .infoBox, .prodPreview.teaser .item.disturber.has-btn .infoBox {
    padding-bottom: 6.2rem;
  }
  #prodList.teaser .item.disturber .content, .prodPreview.teaser .item.disturber .content {
    padding: 1.7rem 1.2rem;
  }
}
@media screen and (max-width: 991px) {
  #prodList.teaser .content, .prodPreview.teaser .content {
    float: left;
    width: 100%;
    position: static;
    padding: 1.2rem 1.2rem 0 1.2rem;
  }
}
@media screen and (max-width: 991px) {
  #prodList.teaser .item, .prodPreview.teaser .item {
    padding: 0;
  }
}

#prodListPrevMonth, #prodListNextMonth {
  position: relative;
}
#prodListPrevMonth::before, #prodListNextMonth::before {
  content: "";
  position: absolute;
  top: 50%;
  height: 100%;
  width: 4rem;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: left center;
  -webkit-transition: background-image 0.35s ease-in-out;
  transition: background-image 0.35s ease-in-out;
}
@media only screen and (max-width: 767px) {
  #prodListPrevMonth::before, #prodListNextMonth::before {
    transform: scale(0.8) translateY(-50%);
    transform-origin: top;
  }
}

#prodListPrevMonth {
  padding-left: 6rem;
}
#prodListPrevMonth::before {
  left: 1rem;
  right: auto;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='24' viewBox='0 0 38 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-185 -593)'%3E%3Cg fill='%2301B4FE' fill-rule='nonzero'%3E%3Cpath d='M9.963 12.447L0.514 2.998 2.998 0.514 15.054 12.571 2.936 23.566 0.576 20.965z' transform='matrix(-1 0 0 1 222.878 593)'/%3E%3Cpath d='M11.051 2.998L13.534 0.514 25.591 12.571 13.473 23.566 11.113 20.965 20.5 12.447z' transform='matrix(-1 0 0 1 222.878 593)'/%3E%3Cpath d='M21.588 2.998L24.071 0.514 36.127 12.571 24.009 23.566 21.649 20.965 31.037 12.447z' transform='matrix(-1 0 0 1 222.878 593)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
body.contrast #prodListPrevMonth::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='24' viewBox='0 0 38 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-185 -593)'%3E%3Cg fill='%23000000' fill-rule='nonzero'%3E%3Cpath d='M9.963 12.447L0.514 2.998 2.998 0.514 15.054 12.571 2.936 23.566 0.576 20.965z' transform='matrix(-1 0 0 1 222.878 593)'/%3E%3Cpath d='M11.051 2.998L13.534 0.514 25.591 12.571 13.473 23.566 11.113 20.965 20.5 12.447z' transform='matrix(-1 0 0 1 222.878 593)'/%3E%3Cpath d='M21.588 2.998L24.071 0.514 36.127 12.571 24.009 23.566 21.649 20.965 31.037 12.447z' transform='matrix(-1 0 0 1 222.878 593)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
body.contrast #prodListPrevMonth:hover::before, body.contrast #prodListPrevMonth:focus::before, body.contrast #prodListPrevMonth:active::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='24' viewBox='0 0 38 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-185 -593)'%3E%3Cg fill='%23ffffff' fill-rule='nonzero'%3E%3Cpath d='M9.963 12.447L0.514 2.998 2.998 0.514 15.054 12.571 2.936 23.566 0.576 20.965z' transform='matrix(-1 0 0 1 222.878 593)'/%3E%3Cpath d='M11.051 2.998L13.534 0.514 25.591 12.571 13.473 23.566 11.113 20.965 20.5 12.447z' transform='matrix(-1 0 0 1 222.878 593)'/%3E%3Cpath d='M21.588 2.998L24.071 0.514 36.127 12.571 24.009 23.566 21.649 20.965 31.037 12.447z' transform='matrix(-1 0 0 1 222.878 593)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
@media only screen and (max-width: 767px) {
  #prodListPrevMonth {
    padding-left: 5rem;
  }
  #prodListPrevMonth::before {
    left: 0.5rem;
  }
}

#prodListNextMonth {
  padding-right: 6rem;
}
#prodListNextMonth::before {
  left: auto;
  right: 1rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='24' viewBox='0 0 37 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-1280 -592)'%3E%3Cg fill='%2301B4FE' fill-rule='nonzero'%3E%3Cpath d='M9.963 12.447L0.514 2.998 2.998 0.514 15.054 12.571 2.936 23.566 0.576 20.965z' transform='translate(1280 592)'/%3E%3Cpath d='M11.051 2.998L13.534 0.514 25.591 12.571 13.473 23.566 11.113 20.965 20.5 12.447z' transform='translate(1280 592)'/%3E%3Cpath d='M21.588 2.998L24.071 0.514 36.127 12.571 24.009 23.566 21.649 20.965 31.037 12.447z' transform='translate(1280 592)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
body.contrast #prodListNextMonth::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='24' viewBox='0 0 37 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-1280 -592)'%3E%3Cg fill='%23000000' fill-rule='nonzero'%3E%3Cpath d='M9.963 12.447L0.514 2.998 2.998 0.514 15.054 12.571 2.936 23.566 0.576 20.965z' transform='translate(1280 592)'/%3E%3Cpath d='M11.051 2.998L13.534 0.514 25.591 12.571 13.473 23.566 11.113 20.965 20.5 12.447z' transform='translate(1280 592)'/%3E%3Cpath d='M21.588 2.998L24.071 0.514 36.127 12.571 24.009 23.566 21.649 20.965 31.037 12.447z' transform='translate(1280 592)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
body.contrast #prodListNextMonth:hover::before, body.contrast #prodListNextMonth:focus::before, body.contrast #prodListNextMonth:active::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='24' viewBox='0 0 37 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-1280 -592)'%3E%3Cg fill='%23ffffff' fill-rule='nonzero'%3E%3Cpath d='M9.963 12.447L0.514 2.998 2.998 0.514 15.054 12.571 2.936 23.566 0.576 20.965z' transform='translate(1280 592)'/%3E%3Cpath d='M11.051 2.998L13.534 0.514 25.591 12.571 13.473 23.566 11.113 20.965 20.5 12.447z' transform='translate(1280 592)'/%3E%3Cpath d='M21.588 2.998L24.071 0.514 36.127 12.571 24.009 23.566 21.649 20.965 31.037 12.447z' transform='translate(1280 592)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
@media only screen and (max-width: 767px) {
  #prodListNextMonth {
    padding-right: 5rem;
  }
  #prodListNextMonth::before {
    right: 0.5rem;
  }
}

@media screen and (min-width: 992px) {
  #prodDetail .big-image {
    width: 115.8%;
  }
}
#prodDetail .big-image .slick-slider img {
  margin-right: 1px;
}
#prodDetail:not(.artist) h1, #prodDetail:not(.artist) h2.big {
  margin-bottom: 0.5rem;
}
#prodDetail:not(.artist) h3.big {
  margin-bottom: 2.8rem;
}
#prodDetail:not(.artist) h1.single {
  margin-bottom: 2.6rem;
}
#prodDetail:not(.artist) .subtitle {
  float: left;
  width: 100%;
}
#prodDetail:not(.artist) .subtitle, #prodDetail:not(.artist) .subtitle * {
  font-family: "Modus W00 Light", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
#prodDetail .secondplace {
  margin-top: 7.5rem;
}
#prodDetail .sidelist .module > *, #prodDetail .sidelist #prodFilterPrevNextMonth > * {
  float: left;
  width: 100%;
  margin-bottom: 3.6rem;
}
#prodDetail .sidelist .module > *:last-child, #prodDetail .sidelist #prodFilterPrevNextMonth > *:last-child {
  margin-bottom: 0;
}
#prodDetail .sidelist .tagBox {
  position: relative;
  top: 0;
  right: auto;
}
#prodDetail #stage {
  position: relative;
}
#prodDetail #stage .liveLink {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
#prodDetail #stage.stageSlider .slick-slider .slick-prev, #prodDetail #stage.stageSlider .slick-slider .slick-next {
  display: block;
}
#prodDetail .sideinfo {
  margin: 2.6rem 0;
}
#prodDetail .sideinfo * {
  font-size: 1.8rem;
}
#prodDetail .sideinfo p {
  margin: 0;
}
#prodDetail .module.prodSummary, #prodDetail .prodSummary#prodFilterPrevNextMonth {
  padding: 0;
}
#prodDetail .prodSummary .content .item {
  border-bottom: 1px solid #000;
}
#prodDetail .socialBox ul li {
  font-size: 4rem;
  margin-right: 1.8rem;
}
#prodDetail .extra-text {
  font-size: 3rem;
  line-height: 1;
}
#prodDetail .videoBox {
  margin-bottom: 5.4rem;
}
#prodDetail .sidelist .accordionList button.primary-btn.no-btn {
  position: relative;
  color: #000;
  border: none;
  padding: 0;
  width: auto;
  height: auto;
  min-width: 0;
  text-align: left;
}
#prodDetail .sidelist .accordionList .headline {
  color: var(--color-blue-to-black);
}
#prodDetail .sidelist .accordionList .toggle-slide .item {
  border-bottom: 1px dotted #ECECEC;
  padding: 0 1.8rem 2rem;
  margin-bottom: 2rem;
}
body.contrast #prodDetail .sidelist .accordionList .toggle-slide .item {
  border-color: #000;
}
#prodDetail .sidelist .accordionList .toggle-slide .item:last-child {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0;
}
#prodDetail .sidelist .accordionList .item .item button.primary-btn.no-btn {
  position: relative;
  color: #000;
  width: auto;
  height: auto;
  min-width: 14.2rem;
  text-align: left;
  background-color: transparent;
  border: 0;
  font-size: 1.4rem;
  margin-bottom: 1.6rem;
  padding: 1.2rem 0 1rem 0;
}
#prodDetail .sidelist .accordionList .item .item button.primary-btn.no-btn:hover {
  background-color: transparent;
  border: 0;
  color: black;
}
#prodDetail .sidelist .accordionList .item .item button.primary-btn {
  display: inline-block;
  text-decoration: none;
  font-size: 1.8rem;
  line-height: 1.278;
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  min-width: 14.2rem;
  text-align: center;
  padding: 1rem 1.4rem 0.9rem;
  border: 0.2rem solid #01B4FE;
  border-radius: 0;
  color: #FFFFFF;
  background-color: #01B4FE;
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border 0.35s ease-in-out;
  margin-top: 0.6rem;
  height: auto;
  position: relative;
}
#prodDetail .sidelist .accordionList .item .item button.primary-btn:hover {
  color: #FFFFFF;
  background-color: #000;
  border: 0.2rem solid #000;
}
#prodDetail .cat {
  font-size: 1.4rem;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  #prodDetail .cat {
    font-size: 1.3rem;
  }
}
#prodDetail .cat-box {
  float: left;
  width: 100%;
  margin-bottom: 0.5rem;
}
#prodDetail .cat {
  float: left;
  margin-right: 0.8rem;
  text-transform: uppercase;
  font-family: "Modus W00 Light", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
#prodDetail .cat i {
  display: inline-block;
}
#prodDetail .hashbox p.big {
  margin: 0;
}
#prodDetail.artist .module.breadcrumb, #prodDetail.artist .breadcrumb#prodFilterPrevNextMonth {
  padding-bottom: 0;
}
#prodDetail.artist .sidelist > .module:first-child, #prodDetail.artist .sidelist > #prodFilterPrevNextMonth:first-child {
  padding-top: 0;
}
#prodDetail.artist .sidelist .black-link {
  margin-bottom: 1.5rem;
  display: inline-block;
}
#prodDetail.artist .sidelist .black-link + .primary-btn {
  margin-top: 0;
}
#prodDetail.artist .text.bigger + .divider {
  margin-top: 3.6rem;
}
@media screen and (max-width: 767px) {
  #prodDetail.artist .text.bigger + .divider {
    margin-top: 1.8rem;
  }
}
#prodDetail.artist .divider + .text.bigger {
  margin-top: 3.6rem;
}
@media screen and (max-width: 767px) {
  #prodDetail.artist .divider + .text.bigger {
    margin-top: 1.8rem;
  }
}
#prodDetail .module.customSlider .slick-slider .slick-arrow.slick-prev, #prodDetail .customSlider#prodFilterPrevNextMonth .slick-slider .slick-arrow.slick-prev, #prodDetail .module.customSlider .slick-slider .slick-arrow.slick-next, #prodDetail .customSlider#prodFilterPrevNextMonth .slick-slider .slick-arrow.slick-next {
  color: #FFFFFF;
}
#prodDetail .module.customSlider .slick-slider .slick-arrow.slick-prev, #prodDetail .customSlider#prodFilterPrevNextMonth .slick-slider .slick-arrow.slick-prev {
  transition: color 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;
}
#prodDetail .module.customSlider .slick-slider .slick-arrow.slick-prev:hover, #prodDetail .customSlider#prodFilterPrevNextMonth .slick-slider .slick-arrow.slick-prev:hover, #prodDetail .module.customSlider .slick-slider .slick-arrow.slick-prev:focus, #prodDetail .customSlider#prodFilterPrevNextMonth .slick-slider .slick-arrow.slick-prev:focus, #prodDetail .module.customSlider .slick-slider .slick-arrow.slick-prev:active, #prodDetail .customSlider#prodFilterPrevNextMonth .slick-slider .slick-arrow.slick-prev:active, #prodDetail .module.customSlider .slick-slider .slick-arrow.slick-prev:focus:active {
  color: #000;
  left: 1.2rem;
}
body.contrast #prodDetail .module.customSlider .slick-slider .slick-arrow.slick-prev:hover, body.contrast #prodDetail .customSlider#prodFilterPrevNextMonth .slick-slider .slick-arrow.slick-prev:hover, body.contrast #prodDetail .module.customSlider .slick-slider .slick-arrow.slick-prev:focus, body.contrast #prodDetail .customSlider#prodFilterPrevNextMonth .slick-slider .slick-arrow.slick-prev:focus, body.contrast #prodDetail .module.customSlider .slick-slider .slick-arrow.slick-prev:active, body.contrast #prodDetail .customSlider#prodFilterPrevNextMonth .slick-slider .slick-arrow.slick-prev:active, body.contrast #prodDetail .module.customSlider .slick-slider .slick-arrow.slick-prev:focus:active {
  color: #FFFFFF;
}
#prodDetail .module.customSlider .slick-slider .slick-arrow.slick-prev:hover.turn, #prodDetail .customSlider#prodFilterPrevNextMonth .slick-slider .slick-arrow.slick-prev:hover.turn, #prodDetail .module.customSlider .slick-slider .slick-arrow.slick-prev:hover.slick-next, #prodDetail .customSlider#prodFilterPrevNextMonth .slick-slider .slick-arrow.slick-prev:hover.slick-next, #prodDetail .module.customSlider .slick-slider .slick-arrow.slick-prev:focus.turn, #prodDetail .customSlider#prodFilterPrevNextMonth .slick-slider .slick-arrow.slick-prev:focus.turn, #prodDetail .module.customSlider .slick-slider .slick-arrow.slick-prev:focus.slick-next, #prodDetail .customSlider#prodFilterPrevNextMonth .slick-slider .slick-arrow.slick-prev:focus.slick-next, #prodDetail .module.customSlider .slick-slider .slick-arrow.slick-prev:active.turn, #prodDetail .customSlider#prodFilterPrevNextMonth .slick-slider .slick-arrow.slick-prev:active.turn, #prodDetail .module.customSlider .slick-slider .slick-arrow.slick-prev:active.slick-next, #prodDetail .customSlider#prodFilterPrevNextMonth .slick-slider .slick-arrow.slick-prev:active.slick-next, #prodDetail .module.customSlider .slick-slider .slick-arrow.slick-prev:focus:active.turn, #prodDetail .module.customSlider .slick-slider .slick-arrow.slick-prev:focus:active.slick-next {
  right: 1.2rem;
  left: auto;
}
#prodDetail .module.customSlider .slick-slider .slick-arrow.slick-prev:hover, #prodDetail .customSlider#prodFilterPrevNextMonth .slick-slider .slick-arrow.slick-prev:hover, #prodDetail .module.customSlider .slick-slider .slick-arrow.slick-prev:focus, #prodDetail .customSlider#prodFilterPrevNextMonth .slick-slider .slick-arrow.slick-prev:focus, #prodDetail .module.customSlider .slick-slider .slick-arrow.slick-prev:active, #prodDetail .customSlider#prodFilterPrevNextMonth .slick-slider .slick-arrow.slick-prev:active, #prodDetail .module.customSlider .slick-slider .slick-arrow.slick-prev:focus:active {
  color: #01B4FE;
}
#prodDetail .module.customSlider .slick-slider .slick-arrow.slick-next, #prodDetail .customSlider#prodFilterPrevNextMonth .slick-slider .slick-arrow.slick-next {
  transition: color 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;
}
#prodDetail .module.customSlider .slick-slider .slick-arrow.slick-next:hover, #prodDetail .customSlider#prodFilterPrevNextMonth .slick-slider .slick-arrow.slick-next:hover, #prodDetail .module.customSlider .slick-slider .slick-arrow.slick-next:focus, #prodDetail .customSlider#prodFilterPrevNextMonth .slick-slider .slick-arrow.slick-next:focus, #prodDetail .module.customSlider .slick-slider .slick-arrow.slick-next:active, #prodDetail .customSlider#prodFilterPrevNextMonth .slick-slider .slick-arrow.slick-next:active, #prodDetail .module.customSlider .slick-slider .slick-arrow.slick-next:focus:active {
  color: #000;
  left: 1.2rem;
}
body.contrast #prodDetail .module.customSlider .slick-slider .slick-arrow.slick-next:hover, body.contrast #prodDetail .customSlider#prodFilterPrevNextMonth .slick-slider .slick-arrow.slick-next:hover, body.contrast #prodDetail .module.customSlider .slick-slider .slick-arrow.slick-next:focus, body.contrast #prodDetail .customSlider#prodFilterPrevNextMonth .slick-slider .slick-arrow.slick-next:focus, body.contrast #prodDetail .module.customSlider .slick-slider .slick-arrow.slick-next:active, body.contrast #prodDetail .customSlider#prodFilterPrevNextMonth .slick-slider .slick-arrow.slick-next:active, body.contrast #prodDetail .module.customSlider .slick-slider .slick-arrow.slick-next:focus:active {
  color: #FFFFFF;
}
#prodDetail .module.customSlider .slick-slider .slick-arrow.slick-next:hover.turn, #prodDetail .module.customSlider .slick-slider .slick-arrow.slick-next:hover.slick-next, #prodDetail .customSlider#prodFilterPrevNextMonth .slick-slider .slick-arrow.slick-next:hover.slick-next, #prodDetail .module.customSlider .slick-slider .slick-arrow.slick-next:focus.turn, #prodDetail .module.customSlider .slick-slider .slick-arrow.slick-next:focus.slick-next, #prodDetail .customSlider#prodFilterPrevNextMonth .slick-slider .slick-arrow.slick-next:focus.slick-next, #prodDetail .module.customSlider .slick-slider .slick-arrow.slick-next:active.turn, #prodDetail .module.customSlider .slick-slider .slick-arrow.slick-next:active.slick-next, #prodDetail .customSlider#prodFilterPrevNextMonth .slick-slider .slick-arrow.slick-next:active.slick-next, #prodDetail .module.customSlider .slick-slider .slick-arrow.slick-next:focus:active.turn, #prodDetail .module.customSlider .slick-slider .slick-arrow.slick-next:focus:active.slick-next {
  right: 1.2rem;
  left: auto;
}
#prodDetail .module.customSlider .slick-slider .slick-arrow.slick-next:hover, #prodDetail .customSlider#prodFilterPrevNextMonth .slick-slider .slick-arrow.slick-next:hover, #prodDetail .module.customSlider .slick-slider .slick-arrow.slick-next:focus, #prodDetail .customSlider#prodFilterPrevNextMonth .slick-slider .slick-arrow.slick-next:focus, #prodDetail .module.customSlider .slick-slider .slick-arrow.slick-next:active, #prodDetail .customSlider#prodFilterPrevNextMonth .slick-slider .slick-arrow.slick-next:active, #prodDetail .module.customSlider .slick-slider .slick-arrow.slick-next:focus:active {
  color: #01B4FE;
}
#prodDetail .mapList .item {
  padding-bottom: 3rem;
}
#prodDetail .mapList .textarea {
  float: left;
  width: 100%;
  margin-top: 3rem;
  position: relative;
}
#prodDetail .mapList .textarea:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-size: 6px 3px;
  background-repeat: repeat-x;
  z-index: 500;
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_blue.png);
  top: 0;
  bottom: auto;
}
body.contrast #prodDetail .mapList .textarea {
  position: relative;
}
body.contrast #prodDetail .mapList .textarea:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-size: 6px 3px;
  background-repeat: repeat-x;
  z-index: 500;
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_black.png);
  top: 0;
  bottom: auto;
}
#prodDetail .mapList .text {
  margin-top: 3rem;
}
#prodDetail .mapList .info {
  margin-top: 3rem;
}

#prodDetailStage.artistdetail {
  margin-top: 0;
}
#prodDetailStage.artistdetail + .breadcrumb {
  padding-bottom: 0;
}

#main-container > .videoElement {
  margin: 0 auto;
  float: none;
}
@media (max-width: 767px) {
  #main-container > .videoElement {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) {
  #main-container > .videoElement {
    max-width: 595px;
  }
}
@media (min-width: 992px) {
  #main-container > .videoElement {
    max-width: 778px;
  }
}
@media (min-width: 1200px) {
  #main-container > .videoElement {
    max-width: 945px;
  }
}
@media (min-width: 1470px) {
  #main-container > .videoElement {
    max-width: 1170px;
  }
}

.videoBox {
  margin-top: 3.6rem;
}
.videoBox .video-title {
  margin-top: 3.6rem;
}
.videoBox .video-title:first-child {
  margin-top: 0;
}
.videoBox .video-title + .video-wrap {
  margin-top: 1rem;
}
.videoBox .video-description {
  margin-top: 1rem;
}
.videoBox .video-wrap {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  overflow: hidden;
  height: auto;
  margin-top: 3.6rem;
}
.videoBox .video-wrap .video_trigger {
  height: 100%;
  width: 100%;
  padding: 40px;
  background: var(--color-blue-to-black);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
body.contrast #grid.page-journal .gridBack .videoBox .video-wrap .video_trigger {
  box-shadow: inset 0 0 0 1px #FFFFFF;
}
body.contrast .videoBox .video-wrap .video_trigger p a {
  color: #FFFFFF !important;
  text-underline-offset: 3px;
}
@media (max-width: 449px) {
  .videoBox .video-wrap .video_trigger {
    padding: 20px;
  }
}
@media (max-width: 1469px) {
  .grid-block.three-columns .videoBox .video-wrap .video_trigger, .grid-block.two-columns-big .sidelist .videoBox .video-wrap .video_trigger {
    padding: 30px;
  }
}
@media (max-width: 1199px) {
  .grid-block.three-columns .videoBox .video-wrap .video_trigger, .grid-block.two-columns-big .sidelist .videoBox .video-wrap .video_trigger {
    padding: 20px;
  }
}
@media (max-width: 991px) {
  .grid-block.three-columns .videoBox .video-wrap .video_trigger, .grid-block.two-columns-big .sidelist .videoBox .video-wrap .video_trigger {
    padding: 40px;
  }
}
@media (max-width: 449px) {
  .grid-block.three-columns .videoBox .video-wrap .video_trigger, .grid-block.two-columns-big .sidelist .videoBox .video-wrap .video_trigger {
    padding: 20px;
  }
}
.videoBox .video-wrap .video_trigger .inner-box {
  top: 50%;
  width: 100%;
  display: block;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 500px;
  margin: 0 auto;
}
.videoBox .video-wrap .video_trigger .text p {
  color: #FFFFFF;
  margin-bottom: 1.6rem;
}
@media (max-width: 449px) {
  .videoBox .video-wrap .video_trigger .text p {
    font-size: 1.2rem;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .grid-block.two-columns .videoBox .video-wrap .video_trigger .text p {
    font-size: 1.5rem;
  }
}
.grid-block.three-columns .videoBox .video-wrap .video_trigger .text p, .grid-block.two-columns-big .sidelist .videoBox .video-wrap .video_trigger .text p {
  font-size: 1.6rem;
}
@media (max-width: 1469px) {
  .grid-block.three-columns .videoBox .video-wrap .video_trigger .text p, .grid-block.two-columns-big .sidelist .videoBox .video-wrap .video_trigger .text p {
    font-size: 1.2rem;
  }
}
@media (max-width: 1199px) {
  .grid-block.three-columns .videoBox .video-wrap .video_trigger .text p, .grid-block.two-columns-big .sidelist .videoBox .video-wrap .video_trigger .text p {
    margin-bottom: 0.8rem;
    font-size: 1rem;
  }
}
@media (max-width: 991px) {
  .grid-block.three-columns .videoBox .video-wrap .video_trigger .text p, .grid-block.two-columns-big .sidelist .videoBox .video-wrap .video_trigger .text p {
    font-size: 1.8rem;
    margin-bottom: 1.6rem;
  }
}
@media (max-width: 449px) {
  .grid-block.three-columns .videoBox .video-wrap .video_trigger .text p, .grid-block.two-columns-big .sidelist .videoBox .video-wrap .video_trigger .text p {
    font-size: 1.2rem;
  }
}
.grid-block.three-columns .videoBox .video-wrap .video_trigger .text p:first-child, .grid-block.two-columns-big .sidelist .videoBox .video-wrap .video_trigger .text p:first-child {
  margin-top: 0;
}
.videoBox .video-wrap .video_trigger .text p a {
  color: #3B3231;
}
.videoBox .video-wrap .video_trigger .text p a:hover, .videoBox .video-wrap .video_trigger .text p a:focus {
  color: #FFFFFF;
}
@media (max-width: 449px) {
  .videoBox .video-wrap .video_trigger .primary-btn {
    font-size: 1.4rem;
  }
}
@media (max-width: 1469px) {
  .grid-block.three-columns .videoBox .video-wrap .video_trigger .primary-btn, .grid-block.two-columns-big .sidelist .videoBox .video-wrap .video_trigger .primary-btn {
    font-size: 1.4rem;
  }
}
@media (max-width: 1199px) {
  .grid-block.three-columns .videoBox .video-wrap .video_trigger .primary-btn, .grid-block.two-columns-big .sidelist .videoBox .video-wrap .video_trigger .primary-btn {
    font-size: 1.2rem;
  }
}
@media (max-width: 991px) {
  .grid-block.three-columns .videoBox .video-wrap .video_trigger .primary-btn, .grid-block.two-columns-big .sidelist .videoBox .video-wrap .video_trigger .primary-btn {
    font-size: 1.8rem;
  }
}
@media (max-width: 449px) {
  .grid-block.three-columns .videoBox .video-wrap .video_trigger .primary-btn, .grid-block.two-columns-big .sidelist .videoBox .video-wrap .video_trigger .primary-btn {
    font-size: 1.4rem;
  }
}
.videoBox .video-wrap .video-js, .videoBox .video-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.videoBox .video-wrap:first-child {
  margin-top: 0;
}
.videoBox .video-wrap.videoPlugin *[class=vjs-big-play-button]:before, .videoBox .video-wrap.videoPlugin *[class=vjs-big-play-button]:after,
.videoBox .video-wrap.videoPlugin *[class=vjs-big-play-button] *[class=vjs-icon-placeholder]:before,
.videoBox .video-wrap.videoPlugin *[class=vjs-big-play-button] *[class=vjs-icon-placeholder]:after {
  font-family: "tia-icon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.videoBox .video-wrap.videoPlugin *[class=vjs-big-play-button] {
  position: absolute;
  border: none;
  background: none;
  top: 50%;
  height: 8rem;
  margin-top: -4rem;
  left: 50%;
  width: 8rem;
  margin-left: -4rem;
}
body.contrast .videoBox .video-wrap.videoPlugin *[class=vjs-big-play-button] {
  border-radius: 50%;
  background-color: #000;
}
.videoBox .video-wrap.videoPlugin *[class=vjs-big-play-button]:before {
  content: "\e902";
}
.videoBox .video-wrap.videoPlugin *[class=vjs-big-play-button], .videoBox .video-wrap.videoPlugin *[class=vjs-big-play-button] *[class=vjs-icon-placeholder] {
  font-size: 8rem;
  color: var(--color-blue-to-white);
  line-height: 1;
}
.videoBox .video-wrap.videoPlugin *[class=vjs-big-play-button] *[class=vjs-icon-placeholder]:before, .videoBox .video-wrap.videoPlugin *[class=vjs-big-play-button] *[class=vjs-icon-placeholder]:after {
  position: absolute;
  top: 0;
  left: 0;
  transition: color 0.35s ease-in-out, opacity 0.35s ease-in-out;
}
.videoBox .video-wrap.videoPlugin *[class=vjs-big-play-button] *[class=vjs-icon-placeholder]:before {
  content: "\e903";
  opacity: 0;
}
.videoBox .video-wrap.videoPlugin *[class=vjs-big-play-button] *[class=vjs-icon-placeholder]:after {
  content: "\e904";
}
.videoBox .video-wrap.videoPlugin .video-js:hover *[class=vjs-big-play-button], .videoBox .video-wrap.videoPlugin .video-js:hover *[class=vjs-big-play-button] *[class=vjs-icon-placeholder], .videoBox .video-wrap.videoPlugin .video-js:focus *[class=vjs-big-play-button], .videoBox .video-wrap.videoPlugin .video-js:focus *[class=vjs-big-play-button] *[class=vjs-icon-placeholder], .videoBox .video-wrap.videoPlugin .video-js:active *[class=vjs-big-play-button], .videoBox .video-wrap.videoPlugin .video-js:active *[class=vjs-big-play-button] *[class=vjs-icon-placeholder], .videoBox .video-wrap.videoPlugin .video-js:focus:active *[class=vjs-big-play-button], .videoBox .video-wrap.videoPlugin .video-js:focus:active *[class=vjs-big-play-button] *[class=vjs-icon-placeholder] {
  color: var(--color-blue-to-white);
}
.videoBox .video-wrap.videoPlugin .video-js:hover *[class=vjs-big-play-button] *[class=vjs-icon-placeholder]:before, .videoBox .video-wrap.videoPlugin .video-js:focus *[class=vjs-big-play-button] *[class=vjs-icon-placeholder]:before, .videoBox .video-wrap.videoPlugin .video-js:active *[class=vjs-big-play-button] *[class=vjs-icon-placeholder]:before, .videoBox .video-wrap.videoPlugin .video-js:focus:active *[class=vjs-big-play-button] *[class=vjs-icon-placeholder]:before {
  opacity: 1;
}
.videoBox .video-wrap.videoPlugin .video-js:hover *[class=vjs-big-play-button] *[class=vjs-icon-placeholder]:after, .videoBox .video-wrap.videoPlugin .video-js:focus *[class=vjs-big-play-button] *[class=vjs-icon-placeholder]:after, .videoBox .video-wrap.videoPlugin .video-js:active *[class=vjs-big-play-button] *[class=vjs-icon-placeholder]:after, .videoBox .video-wrap.videoPlugin .video-js:focus:active *[class=vjs-big-play-button] *[class=vjs-icon-placeholder]:after {
  opacity: 0;
}
.modal.videoElement .videoBox .videoBox {
  max-height: calc(100vh - 3.4rem);
}
.videoBox:first-child {
  margin-top: 0;
}
.videoBox .vjs-poster {
  background-color: #000;
}
.videoBox .vjs-poster[style*=background-image] {
  background-color: transparent;
}
.videoBox .video-js:not(.vjs-has-started) .vjs-poster.vjs-hidden {
  display: block !important;
}

@media screen and (min-width: 768px) {
  .modal.videoElement {
    padding: 0 10rem !important;
  }
  .modal.videoElement .modal-dialog {
    width: 100%;
    max-width: none;
  }
}
.modal {
  height: 100%;
  padding: 0 15px;
}
.modal .modal-dialog {
  width: 100%;
  max-width: 63.5rem;
  margin: 0 auto;
  z-index: 50;
  background: #FFFFFF;
}
.modal .modal-header {
  padding: 1.5rem 0 0 0;
  border-bottom: none;
}
.modal .modal-header .modal-title {
  padding-bottom: 15px;
}
.modal .modal-header .module, .modal .modal-header #prodFilterPrevNextMonth {
  margin-top: 0 !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
}
.modal .modal-header .close {
  padding-right: 15px;
  opacity: 1;
  font-family: "Modus W00 Regular", "Helvetica Neue", Arial, sans-serif !important;
  font-weight: normal;
  font-size: 3rem;
  margin-top: -6px;
  position: relative;
  width: auto;
  height: auto;
  border: none;
  background: none;
  padding-top: 0;
}
.modal .modal-content {
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.modal .modal-content a.primary-btn.ticketbtn, .modal .modal-content button.primary-btn.ticketbtn {
  border: none;
}
.modal .backgroundBox {
  padding: 0;
  background: #FFFFFF !important;
}
.modal .modal-body {
  padding: 0;
}
.modal .modal-body__container {
  padding: 2rem;
}
.modal .modal-body__title {
  font-size: 3rem;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.83px;
  text-align: left;
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  padding-bottom: 15px;
}
.modal .modal-body__info {
  text-align: left;
}
.modal .modal-body__divider {
  margin-top: 0 !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
}
.modal .modal-body__button-container {
  padding-left: 3.1rem;
}
@media screen and (max-width: 991px) {
  .modal .modal-body__button-container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

#lexicon .lexicon-list .item {
  position: relative;
  padding: 0 0 0.7rem 11.5rem;
  min-height: 7.2rem;
  margin-bottom: 2.4rem;
  position: relative;
  float: left;
  width: 100%;
}
#lexicon .lexicon-list .item:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-size: 6px 3px;
  background-repeat: repeat-x;
  z-index: 500;
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_blue.png);
  top: auto;
  bottom: 0;
}
#lexicon .lexicon-list .item:last-child {
  margin-bottom: 0;
}
#lexicon .lexicon-list .item a {
  color: #000;
  text-decoration: underline;
  margin-bottom: 2rem;
  float: left;
  clear: both;
  font-size: 2.4rem;
  line-height: 1;
}
#lexicon .lexicon-list .item a:hover, #lexicon .lexicon-list .item a:focus, #lexicon .lexicon-list .item a:active, #lexicon .lexicon-list .item a:focus:active {
  color: #000;
}
@media screen and (max-width: 767px) {
  #lexicon .lexicon-list .item {
    min-height: 5.2rem;
    padding-left: 5.5rem;
  }
  #lexicon .lexicon-list .item a {
    font-size: 1.8rem;
    line-height: 1.334;
  }
}
#lexicon .lexicon-list .letter {
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 4.8rem;
  color: #01B4FE;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  #lexicon .lexicon-list .letter {
    font-size: 2.4rem;
  }
}

#lexiconFilter.lexiconFilter {
  margin-top: 0;
}
#lexiconFilter .backgroundBox {
  margin-bottom: 0;
}
#lexiconFilter .fixed-wrap .content {
  background: #FFFFFF;
  outline: 1px solid #01B4FE;
  padding-top: 1rem;
  float: left;
  width: 100%;
}
@media screen and (max-width: 1199px) {
  #lexiconFilter .fixed-wrap .content {
    padding-top: 0.7rem;
  }
}
#lexiconFilter .fixed-wrap .nav.fixed {
  position: fixed;
  z-index: 100;
  padding: 0;
}
@media screen and (max-width: 767px) {
  #lexiconFilter .fixed-wrap .nav.fixed {
    width: 100%;
  }
}
#lexiconFilter .fixed-wrap .item {
  float: left;
  width: 3.84%;
  text-align: center;
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 4.8rem;
  line-height: 1;
}
#lexiconFilter .fixed-wrap .item a {
  text-decoration: none;
}
#lexiconFilter .fixed-wrap .item a:hover, #lexiconFilter .fixed-wrap .item a:focus, #lexiconFilter .fixed-wrap .item a:active, #lexiconFilter .fixed-wrap .item a:focus:active {
  color: #000;
}
@media screen and (max-width: 1469px) {
  #lexiconFilter .fixed-wrap .item {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 1199px) {
  #lexiconFilter .fixed-wrap .item {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 1199px) {
  #lexiconFilter .fixed-wrap .item {
    font-size: 3rem;
    line-height: 1.5;
    width: 7.69%;
  }
}
@media screen and (max-width: 500px) {
  #lexiconFilter .fixed-wrap .item {
    width: 11%;
  }
}
#lexiconFilter .fixed-wrap .item .disable {
  color: #C2C2C2;
  pointer-events: none;
}
#lexiconFilter .fixed-wrap .item.active a {
  color: #000;
}

.module.parallax .parallax-window, .parallax#prodFilterPrevNextMonth .parallax-window {
  height: 50vh;
  min-height: 47.2rem;
}
@media screen and (max-width: 1469px) {
  .module.parallax .parallax-window, .parallax#prodFilterPrevNextMonth .parallax-window {
    min-height: 40rem;
  }
}
@media screen and (max-width: 1199px) {
  .module.parallax .parallax-window, .parallax#prodFilterPrevNextMonth .parallax-window {
    min-height: 35rem;
  }
}
@media screen and (max-width: 992px) {
  .module.parallax .parallax-window, .parallax#prodFilterPrevNextMonth .parallax-window {
    min-height: 28rem;
  }
}
.module.parallax .block, .parallax#prodFilterPrevNextMonth .block {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  font-size: 16px;
  padding: 3rem 0;
}
.module.parallax .textblock, .parallax#prodFilterPrevNextMonth .textblock {
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  position: relative;
  margin: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.module.parallax .textblock .box, .parallax#prodFilterPrevNextMonth .textblock .box {
  width: 33rem;
  color: var(--color-blue-to-black);
  text-align: left;
  margin: 0 auto;
}
body.contrast .module.parallax .textblock .box, body.contrast .parallax#prodFilterPrevNextMonth .textblock .box {
  padding-top: 0.3rem;
  background-color: #FFFFFF;
}
body.contrast .module.parallax .textblock .box:empty, body.contrast .parallax#prodFilterPrevNextMonth .textblock .box:empty {
  display: none;
}
.module.parallax .textblock .box.color-1, .parallax#prodFilterPrevNextMonth .textblock .box.color-1 {
  color: #FFFFFF;
}
body.contrast .module.parallax .textblock .box.color-1, body.contrast .parallax#prodFilterPrevNextMonth .textblock .box.color-1 {
  padding-top: 0.3rem;
  background-color: #000;
}
.module.parallax .textblock .box.textLeft, .parallax#prodFilterPrevNextMonth .textblock .box.textLeft {
  float: left;
}
.module.parallax .textblock .box.textCenter, .parallax#prodFilterPrevNextMonth .textblock .box.textCenter {
  float: none;
  text-align: center;
}
.module.parallax .textblock .box.textRight, .parallax#prodFilterPrevNextMonth .textblock .box.textRight {
  float: right;
}
.module.parallax .textblock .box h2, .parallax#prodFilterPrevNextMonth .textblock .box h2 {
  line-height: 1;
}
.module.parallax .img-parallax, .parallax#prodFilterPrevNextMonth .img-parallax {
  width: 100vmax;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .module.parallax .parallax-window, .parallax#prodFilterPrevNextMonth .parallax-window {
    background: #000;
    height: auto;
    min-height: 0;
  }
  .module.parallax .img-parallax, .parallax#prodFilterPrevNextMonth .img-parallax {
    z-index: 1;
  }
  .module.parallax .block, .parallax#prodFilterPrevNextMonth .block {
    padding: 6rem 0;
  }
  .module.parallax .textblock, .parallax#prodFilterPrevNextMonth .textblock {
    top: 0;
    -webkit-transform: none;
    transform: none;
  }
  .module.parallax .textblock .box, .parallax#prodFilterPrevNextMonth .textblock .box {
    float: left;
    width: 100%;
    text-align: left;
  }
}

.tagBox {
  position: absolute;
  top: -0.5rem;
  right: 0;
}

.tagBox {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  float: left;
}
.tagBox .tag {
  font-size: 1.4rem;
  text-transform: uppercase;
  width: auto;
  color: #000;
  border-color: #000;
  text-align: center;
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
@media screen and (max-width: 767px) {
  .tagBox .tag {
    font-size: 1.2rem;
  }
}

.sidelist .accordionList .tagBox {
  margin-bottom: 0;
}
.sidelist .accordionList .tagBox .tag {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

@media screen and (max-width: 991px) {
  .tagBox {
    position: relative;
    top: 0;
    left: 0;
    right: auto;
    margin-bottom: 1.6rem;
    float: left;
    width: 100%;
  }
}
.module.textElement h1:first-child, .textElement#prodFilterPrevNextMonth h1:first-child, .module.textElement h2:first-child, .textElement#prodFilterPrevNextMonth h2:first-child, .module.textElement h3:first-child, .textElement#prodFilterPrevNextMonth h3:first-child, .module.textElement h4:first-child, .textElement#prodFilterPrevNextMonth h4:first-child, .module.textElement h5:first-child, .textElement#prodFilterPrevNextMonth h5:first-child {
  margin-top: 0;
}
.module.textElement p:first-child, .textElement#prodFilterPrevNextMonth p:first-child, .module.textElement ul:first-child, .textElement#prodFilterPrevNextMonth ul:first-child, .module.textElement ol:first-child, .textElement#prodFilterPrevNextMonth ol:first-child, .module.textElement.smaller p:first-child, .module.textElement.smaller ul:first-child, .module.textElement.smaller ol:first-child, .module.textElement.bigger p:first-child, .module.textElement.bigger ul:first-child, .module.textElement.bigger ol:first-child {
  margin-top: 0;
}
.module.textElement h1:last-child, .textElement#prodFilterPrevNextMonth h1:last-child, .module.textElement h2:last-child, .textElement#prodFilterPrevNextMonth h2:last-child, .module.textElement h3:last-child, .textElement#prodFilterPrevNextMonth h3:last-child, .module.textElement h4:last-child, .textElement#prodFilterPrevNextMonth h4:last-child, .module.textElement h5:last-child, .textElement#prodFilterPrevNextMonth h5:last-child {
  margin-bottom: 0;
}
.module.textElement p:last-child, .textElement#prodFilterPrevNextMonth p:last-child, .module.textElement ul:last-child, .textElement#prodFilterPrevNextMonth ul:last-child, .module.textElement ol:last-child, .textElement#prodFilterPrevNextMonth ol:last-child, .module.textElement.smaller p:last-child, .module.textElement.smaller ul:last-child, .module.textElement.smaller ol:last-child, .module.textElement.bigger p:last-child, .module.textElement.bigger ul:last-child, .module.textElement.bigger ol:last-child {
  margin-bottom: 0;
}
.module.textElement h2, .textElement#prodFilterPrevNextMonth h2 {
  font-size: 3.6rem;
  line-height: 1;
  margin-bottom: 2rem;
  margin-top: 0;
}
.module.textElement h2 + h5, .textElement#prodFilterPrevNextMonth h2 + h5 {
  margin-top: -1.5rem;
}
@media only screen and (max-width: 767px) {
  .module.textElement h2, .textElement#prodFilterPrevNextMonth h2 {
    font-size: 2.8rem;
  }
}
.module.textElement h3, .textElement#prodFilterPrevNextMonth h3 {
  font-size: 3rem;
  line-height: 1.06667;
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 767px) {
  .module.textElement h3, .textElement#prodFilterPrevNextMonth h3 {
    font-size: 2.4rem;
  }
}
.module.textElement h4, .textElement#prodFilterPrevNextMonth h4 {
  font-size: 2.4rem;
  line-height: 1.5;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 767px) {
  .module.textElement h4, .textElement#prodFilterPrevNextMonth h4 {
    font-size: 2.1rem;
  }
}
.module.textElement h5, .textElement#prodFilterPrevNextMonth h5 {
  font-size: 1.8rem;
  line-height: 1.5;
  margin-bottom: 3.5rem;
}
.module.textElement .text + a, .textElement#prodFilterPrevNextMonth .text + a {
  margin-top: 2rem;
}
.module.textElement.headerOnly h1, .textElement.headerOnly#prodFilterPrevNextMonth h1, .module.textElement.headerOnly h2, .textElement.headerOnly#prodFilterPrevNextMonth h2, .module.textElement.headerOnly h3, .textElement.headerOnly#prodFilterPrevNextMonth h3 {
  margin-bottom: 0;
}
.module.textElement + .news > .module, .textElement#prodFilterPrevNextMonth + .news > .module, .module.textElement + .news > #prodFilterPrevNextMonth, .textElement#prodFilterPrevNextMonth + .news > #prodFilterPrevNextMonth {
  padding-top: 0;
}
body.contrast .module.textElement .text a, body.contrast .textElement#prodFilterPrevNextMonth .text a {
  text-decoration: underline solid 1px;
  text-underline-offset: 3px;
}

.module.customSlider, .customSlider#prodFilterPrevNextMonth {
  position: relative;
  padding-bottom: 0;
}
.module.customSlider--extended, .customSlider--extended#prodFilterPrevNextMonth {
  padding-top: 0;
}
.module.customSlider.stageSlider, .customSlider.stageSlider#prodFilterPrevNextMonth {
  padding: 0;
}
.module.customSlider .slick-slider, .customSlider#prodFilterPrevNextMonth .slick-slider {
  overflow: hidden;
}
.module.customSlider .slick-slider .slick-prev, .customSlider#prodFilterPrevNextMonth .slick-slider .slick-prev, .module.customSlider .slick-slider .slick-next, .customSlider#prodFilterPrevNextMonth .slick-slider .slick-next {
  display: none;
  position: absolute;
  top: 50%;
  margin-top: -3.25rem;
  font-size: 4rem;
  border: 0;
  outline: 0;
  background: none;
  line-height: 0.7;
}
.module.customSlider .slick-slider .slick-prev .txt, .customSlider#prodFilterPrevNextMonth .slick-slider .slick-prev .txt, .module.customSlider .slick-slider .slick-next .txt, .customSlider#prodFilterPrevNextMonth .slick-slider .slick-next .txt {
  display: none;
}
.module.customSlider .slick-slider .slick-prev.slick-arrow, .customSlider#prodFilterPrevNextMonth .slick-slider .slick-prev.slick-arrow, .module.customSlider .slick-slider .slick-next.slick-arrow, .customSlider#prodFilterPrevNextMonth .slick-slider .slick-next.slick-arrow {
  color: #01B4FE;
}
.module.customSlider .slick-slider .slick-prev.slick-arrow i, .customSlider#prodFilterPrevNextMonth .slick-slider .slick-prev.slick-arrow i, .module.customSlider .slick-slider .slick-next.slick-arrow i, .customSlider#prodFilterPrevNextMonth .slick-slider .slick-next.slick-arrow i {
  font-size: 6.5rem;
  display: inline-block;
}
.module.customSlider .slick-slider .slick-prev.slick-arrow i.right, .customSlider#prodFilterPrevNextMonth .slick-slider .slick-prev.slick-arrow i.right, .module.customSlider .slick-slider .slick-next.slick-arrow i.right, .customSlider#prodFilterPrevNextMonth .slick-slider .slick-next.slick-arrow i.right {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.stage_page .module.customSlider .slick-slider .slick-prev, .stage_page .customSlider#prodFilterPrevNextMonth .slick-slider .slick-prev, .stage_page .module.customSlider .slick-slider .slick-next, .stage_page .customSlider#prodFilterPrevNextMonth .slick-slider .slick-next {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .module.customSlider .slick-slider .slick-prev, .customSlider#prodFilterPrevNextMonth .slick-slider .slick-prev, .module.customSlider .slick-slider .slick-next, .customSlider#prodFilterPrevNextMonth .slick-slider .slick-next {
    margin-top: -1.45rem;
  }
  .module.customSlider .slick-slider .slick-prev.slick-arrow i, .customSlider#prodFilterPrevNextMonth .slick-slider .slick-prev.slick-arrow i, .module.customSlider .slick-slider .slick-next.slick-arrow i, .customSlider#prodFilterPrevNextMonth .slick-slider .slick-next.slick-arrow i {
    font-size: 2.9rem;
  }
}
.module.customSlider .slick-slider .slick-prev, .customSlider#prodFilterPrevNextMonth .slick-slider .slick-prev {
  left: 1.7rem;
}
.module.customSlider .slick-slider .slick-next, .customSlider#prodFilterPrevNextMonth .slick-slider .slick-next {
  right: 1.7rem;
}
.module.customSlider .slick-slider .controls-inner-wrap, .customSlider#prodFilterPrevNextMonth .slick-slider .controls-inner-wrap {
  position: absolute;
  bottom: 3.7rem;
  width: 100%;
  text-align: center;
  font-size: 0;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .module.customSlider .slick-slider .controls-inner-wrap, .customSlider#prodFilterPrevNextMonth .slick-slider .controls-inner-wrap {
    bottom: 1.5rem;
  }
}
.module.customSlider .slick-slider .controls-inner-wrap .slick-dots, .customSlider#prodFilterPrevNextMonth .slick-slider .controls-inner-wrap .slick-dots {
  display: inline-block;
  position: relative;
  top: 0.3rem;
  margin-bottom: 0;
  list-style-type: none;
  pointer-events: auto;
}
.module.customSlider .slick-slider .controls-inner-wrap .slick-dots li, .customSlider#prodFilterPrevNextMonth .slick-slider .controls-inner-wrap .slick-dots li {
  float: left;
  margin: 0 1rem;
}
.module.customSlider .slick-slider .controls-inner-wrap .slick-dots li button, .customSlider#prodFilterPrevNextMonth .slick-slider .controls-inner-wrap .slick-dots li button {
  position: relative;
  width: 1.6rem;
  height: 1.6rem;
}
.module.customSlider .slick-slider .controls-inner-wrap .slick-dots li button:before, .customSlider#prodFilterPrevNextMonth .slick-slider .controls-inner-wrap .slick-dots li button:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 75%;
  height: 75%;
  margin-left: calc((75% / 2) * -1);
  margin-top: calc((75% / 2) * -1);
  border-radius: 50%;
  border: 0.1rem solid #01B4FE;
  transition: background 0.35s linear;
}
.module.customSlider .slick-slider .controls-inner-wrap .slick-dots li.slick-active button:before, .customSlider#prodFilterPrevNextMonth .slick-slider .controls-inner-wrap .slick-dots li.slick-active button:before {
  background: #01B4FE;
}
.module.customSlider .slick-slider .controls-inner-wrap .slick-dots button, .customSlider#prodFilterPrevNextMonth .slick-slider .controls-inner-wrap .slick-dots button {
  float: left;
  border: none;
  background: none;
  color: #01B4FE;
}
.module.customSlider .slick-slider .controls-inner-wrap .slick-dots button span, .customSlider#prodFilterPrevNextMonth .slick-slider .controls-inner-wrap .slick-dots button span {
  display: none;
}
.module.customSlider .slick-slider .slider-controls, .customSlider#prodFilterPrevNextMonth .slick-slider .slider-controls {
  opacity: 1;
  transition: opacity 0.35s ease-in-out;
}
.module.customSlider .slick-slider.hideDots .slider-controls, .customSlider#prodFilterPrevNextMonth .slick-slider.hideDots .slider-controls {
  opacity: 0;
}

@media screen and (max-width: 767px) {
  .module.customSlider .slick-slider .slider-controls, .customSlider#prodFilterPrevNextMonth .slick-slider .slider-controls {
    bottom: 1rem;
  }
  .module.customSlider .slick-slider .slider-controls .controls-inner-wrap button.slick-prev, .customSlider#prodFilterPrevNextMonth .slick-slider .slider-controls .controls-inner-wrap button.slick-prev {
    margin-right: 0.6rem;
  }
  .module.customSlider .slick-slider .slider-controls .controls-inner-wrap button.slick-prev i.left, .customSlider#prodFilterPrevNextMonth .slick-slider .slider-controls .controls-inner-wrap button.slick-prev i.left {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  .module.customSlider .slick-slider .slider-controls .controls-inner-wrap button.slick-next, .customSlider#prodFilterPrevNextMonth .slick-slider .slider-controls .controls-inner-wrap button.slick-next {
    margin-left: 0.6rem;
  }
  .module.customSlider .slick-slider .slider-controls .controls-inner-wrap button.slick-arrow, .customSlider#prodFilterPrevNextMonth .slick-slider .slider-controls .controls-inner-wrap button.slick-arrow {
    width: 1.8rem;
    height: 1.8rem;
  }
  .module.customSlider .slick-slider .slider-controls .controls-inner-wrap button.slick-arrow i, .customSlider#prodFilterPrevNextMonth .slick-slider .slider-controls .controls-inner-wrap button.slick-arrow i {
    font-size: 1.8rem;
  }
  .module.customSlider .slick-slider .slider-controls .controls-inner-wrap ul li, .customSlider#prodFilterPrevNextMonth .slick-slider .slider-controls .controls-inner-wrap ul li {
    margin: 0 0.6rem;
  }
  .module.customSlider .slick-slider .slider-controls .controls-inner-wrap ul li button, .customSlider#prodFilterPrevNextMonth .slick-slider .slider-controls .controls-inner-wrap ul li button {
    width: 1.2rem;
    height: 1.2rem;
  }
}
.slick-loading .slick-list {
  background: #fff url('vhs-assets-css-1a1fd339c52bfd88ca768d6d1aacc940.gif') center center no-repeat;
}

@font-face {
  font-family: "slick";
  font-weight: normal;
  font-style: normal;
  src: url('vhs-assets-css-34c1ec1e6fc2aab17cbdea49d936cfe0.eot');
  src: url('vhs-assets-css-e7937c5a121fa85fbe1c1c354de7bb0b.eot?#iefix') format("embedded-opentype"), url('vhs-assets-css-84391f9da563a1eb358119de4d85818f.woff') format("woff"), url('vhs-assets-css-0652f79188f87b594b39f16c28cc5dca.ttf') format("truetype"), url('vhs-assets-css-f27213772978a3f9687f36f3542c114a.svg#slick') format("svg");
}
.module.contentSlider, .contentSlider#prodFilterPrevNextMonth {
  margin-bottom: 3.6rem;
}
.module.contentSlider:last-child, .contentSlider#prodFilterPrevNextMonth:last-child {
  margin-bottom: 0;
}
.module.contentSlider .slick-slider .item, .contentSlider#prodFilterPrevNextMonth .slick-slider .item {
  background-color: #ECECEC;
}
.module.contentSlider .slick-slider .item .imgBox, .contentSlider#prodFilterPrevNextMonth .slick-slider .item .imgBox {
  height: 100%;
  text-align: center;
}
.module.contentSlider .slick-slider img, .contentSlider#prodFilterPrevNextMonth .slick-slider img {
  height: 100%;
  max-height: 100%;
  width: auto;
  max-width: none;
  display: inline-block;
}
.module.contentSlider .slick-slider .controls-inner-wrap, .contentSlider#prodFilterPrevNextMonth .slick-slider .controls-inner-wrap {
  bottom: 1.5rem;
}
.module.contentSlider .slick-slider .controls-inner-wrap .slick-dots li, .contentSlider#prodFilterPrevNextMonth .slick-slider .controls-inner-wrap .slick-dots li {
  margin: 0 0.5rem;
}
.module.contentSlider .slick-slider .item, .contentSlider#prodFilterPrevNextMonth .slick-slider .item {
  height: 78.3rem;
}
@media screen and (max-width: 1469px) {
  .module.contentSlider .slick-slider .item, .contentSlider#prodFilterPrevNextMonth .slick-slider .item {
    height: 63.2rem;
  }
}
@media screen and (max-width: 1199px) {
  .module.contentSlider .slick-slider .item, .contentSlider#prodFilterPrevNextMonth .slick-slider .item {
    height: 52.2rem;
  }
}
.grid-block.two-columns .module.contentSlider .slick-slider .item, .grid-block.two-columns .contentSlider#prodFilterPrevNextMonth .slick-slider .item {
  height: 38.1rem;
}
@media screen and (max-width: 1469px) {
  .grid-block.two-columns .module.contentSlider .slick-slider .item, .grid-block.two-columns .contentSlider#prodFilterPrevNextMonth .slick-slider .item {
    height: 30.6rem;
  }
}
@media screen and (max-width: 1199px) {
  .grid-block.two-columns .module.contentSlider .slick-slider .item, .grid-block.two-columns .contentSlider#prodFilterPrevNextMonth .slick-slider .item {
    height: 25rem;
  }
}
.grid-block.two-columns-big .module.contentSlider .slick-slider .item, .grid-block.two-columns-big .contentSlider#prodFilterPrevNextMonth .slick-slider .item {
  height: 51.6rem;
}
@media screen and (max-width: 1469px) {
  .grid-block.two-columns-big .module.contentSlider .slick-slider .item, .grid-block.two-columns-big .contentSlider#prodFilterPrevNextMonth .slick-slider .item {
    height: 41.5rem;
  }
}
@media screen and (max-width: 1199px) {
  .grid-block.two-columns-big .module.contentSlider .slick-slider .item, .grid-block.two-columns-big .contentSlider#prodFilterPrevNextMonth .slick-slider .item {
    height: 34.1rem;
  }
}
#prodDetail .grid-block.two-columns-big .module.contentSlider .slick-slider .item, #prodDetail .grid-block.two-columns-big .contentSlider#prodFilterPrevNextMonth .slick-slider .item {
  height: 51.7rem;
}
@media screen and (max-width: 1469px) {
  #prodDetail .grid-block.two-columns-big .module.contentSlider .slick-slider .item, #prodDetail .grid-block.two-columns-big .contentSlider#prodFilterPrevNextMonth .slick-slider .item {
    height: 41.6rem;
  }
}
@media screen and (max-width: 1199px) {
  #prodDetail .grid-block.two-columns-big .module.contentSlider .slick-slider .item, #prodDetail .grid-block.two-columns-big .contentSlider#prodFilterPrevNextMonth .slick-slider .item {
    height: 34.1rem;
  }
}
@media screen and (max-width: 991px) {
  #prodDetail .grid-block.two-columns-big .module.contentSlider .slick-slider .item, #prodDetail .grid-block.two-columns-big .contentSlider#prodFilterPrevNextMonth .slick-slider .item {
    height: 39.6rem;
  }
}
.grid-block.two-columns-big .sidelist .module.contentSlider .slick-slider .item, .grid-block.two-columns-big .sidelist .contentSlider#prodFilterPrevNextMonth .slick-slider .item {
  height: 18.1rem;
}
@media screen and (max-width: 1469px) {
  .grid-block.two-columns-big .sidelist .module.contentSlider .slick-slider .item, .grid-block.two-columns-big .sidelist .contentSlider#prodFilterPrevNextMonth .slick-slider .item {
    height: 14.3rem;
  }
}
@media screen and (max-width: 1199px) {
  .grid-block.two-columns-big .sidelist .module.contentSlider .slick-slider .item, .grid-block.two-columns-big .sidelist .contentSlider#prodFilterPrevNextMonth .slick-slider .item {
    height: 11.6rem;
  }
}
@media screen and (max-width: 991px) {
  .module.contentSlider .slick-slider .item, .contentSlider#prodFilterPrevNextMonth .slick-slider .item, .grid-block.two-columns .module.contentSlider .slick-slider .item, .grid-block.two-columns-big .module.contentSlider .slick-slider .item, .grid-block.two-columns-big .sidelist .module.contentSlider .slick-slider .item {
    height: 39.9rem;
  }
}
@media screen and (max-width: 767px) {
  .module.contentSlider .slick-slider .item, .contentSlider#prodFilterPrevNextMonth .slick-slider .item, .grid-block.two-columns .module.contentSlider .slick-slider .item, .grid-block.two-columns-big .module.contentSlider .slick-slider .item, #prodDetail .grid-block.two-columns-big .module.contentSlider .slick-slider .item, .grid-block.two-columns-big .sidelist .module.contentSlider .slick-slider .item {
    height: 100%;
  }
  .module.contentSlider .slick-slider .item img, .contentSlider#prodFilterPrevNextMonth .slick-slider .item img, .grid-block.two-columns .module.contentSlider .slick-slider .item img, .grid-block.two-columns-big .module.contentSlider .slick-slider .item img, #prodDetail .grid-block.two-columns-big .module.contentSlider .slick-slider .item img, .grid-block.two-columns-big .sidelist .module.contentSlider .slick-slider .item img {
    width: auto;
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .module.contentSlider .slick-slider, .contentSlider#prodFilterPrevNextMonth .slick-slider {
    width: 100%;
    padding-top: 66.87%;
    position: relative;
    overflow: hidden;
    height: auto;
  }
  .module.contentSlider .slick-slider .slick-list, .contentSlider#prodFilterPrevNextMonth .slick-slider .slick-list {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .module.contentSlider .slick-slider .slick-list .slick-track, .contentSlider#prodFilterPrevNextMonth .slick-slider .slick-list .slick-track {
    height: 100%;
  }
}
#prodDetail .module.contentSlider .slick-slider, #prodDetail .contentSlider#prodFilterPrevNextMonth .slick-slider {
  overflow: visible;
}
#prodDetail .module.contentSlider .slick-slider .controls-inner-wrap, #prodDetail .contentSlider#prodFilterPrevNextMonth .slick-slider .controls-inner-wrap {
  bottom: -3rem;
}
.module.contentSlider.customSlider + .module.textElement, .contentSlider.customSlider#prodFilterPrevNextMonth + .module.textElement, .module.contentSlider.customSlider + .textElement#prodFilterPrevNextMonth, .contentSlider.customSlider#prodFilterPrevNextMonth + .textElement#prodFilterPrevNextMonth {
  padding-top: 0;
}
body.contrast .module.contentSlider .slick-slider .slider-controls .icon-arrow, body.contrast .contentSlider#prodFilterPrevNextMonth .slick-slider .slider-controls .icon-arrow, body.contrast .module.customSlider .slick-slider .slider-controls .icon-arrow, body.contrast .customSlider#prodFilterPrevNextMonth .slick-slider .slider-controls .icon-arrow {
  background-color: #000;
}
body.contrast .module.contentSlider .slick-slider .slider-controls .slick-dots li, body.contrast .contentSlider#prodFilterPrevNextMonth .slick-slider .slider-controls .slick-dots li, body.contrast .module.customSlider .slick-slider .slider-controls .slick-dots li, body.contrast .customSlider#prodFilterPrevNextMonth .slick-slider .slider-controls .slick-dots li {
  position: relative;
}
body.contrast .module.contentSlider .slick-slider .slider-controls .slick-dots li::before, body.contrast .contentSlider#prodFilterPrevNextMonth .slick-slider .slider-controls .slick-dots li::before, body.contrast .module.customSlider .slick-slider .slider-controls .slick-dots li::before, body.contrast .customSlider#prodFilterPrevNextMonth .slick-slider .slider-controls .slick-dots li::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background-color: white;
}
body.contrast .module.contentSlider .slick-slider .slider-controls .slick-dots li.slick-active button::before, body.contrast .contentSlider#prodFilterPrevNextMonth .slick-slider .slider-controls .slick-dots li.slick-active button::before, body.contrast .module.customSlider .slick-slider .slider-controls .slick-dots li.slick-active button::before, body.contrast .customSlider#prodFilterPrevNextMonth .slick-slider .slider-controls .slick-dots li.slick-active button::before {
  background-color: #000;
}
body.contrast .module.contentSlider .slick-slider .slider-controls .slick-dots button::before, body.contrast .contentSlider#prodFilterPrevNextMonth .slick-slider .slider-controls .slick-dots button::before, body.contrast .module.customSlider .slick-slider .slider-controls .slick-dots button::before, body.contrast .customSlider#prodFilterPrevNextMonth .slick-slider .slider-controls .slick-dots button::before {
  border-color: #000;
}

.teaserSlider {
  overflow: hidden;
}
.teaserSlider .slick-list {
  margin-left: -4px;
  margin-right: -4px;
}
.teaserSlider i {
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  z-index: 50;
  line-height: 1;
  left: 1rem;
  font-size: 5.4rem;
  color: #FFFFFF;
  cursor: pointer;
  transition: color 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;
}
.teaserSlider i:hover, .teaserSlider i:focus, .teaserSlider i:active, .teaserSlider i:focus:active {
  color: #000;
  left: 0.5rem;
}
body.contrast .teaserSlider i:hover, body.contrast .teaserSlider i:focus, body.contrast .teaserSlider i:active, body.contrast .teaserSlider i:focus:active {
  color: #FFFFFF;
}
.teaserSlider i:hover.turn, .teaserSlider i:hover.slick-next, .teaserSlider i:focus.turn, .teaserSlider i:focus.slick-next, .teaserSlider i:active.turn, .teaserSlider i:active.slick-next, .teaserSlider i:focus:active.turn, .teaserSlider i:focus:active.slick-next {
  right: 0.5rem;
  left: auto;
}
.teaserSlider i.turn {
  left: auto;
  right: 1rem;
}
@media screen and (max-width: 767px) {
  .teaserSlider i {
    font-size: 2.9rem;
    left: 2rem;
    transition: color 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;
  }
  .teaserSlider i:hover, .teaserSlider i:focus, .teaserSlider i:active, .teaserSlider i:focus:active {
    color: #000;
    left: 1.5rem;
  }
  body.contrast .teaserSlider i:hover, body.contrast .teaserSlider i:focus, body.contrast .teaserSlider i:active, body.contrast .teaserSlider i:focus:active {
    color: #FFFFFF;
  }
  .teaserSlider i:hover.turn, .teaserSlider i:hover.slick-next, .teaserSlider i:focus.turn, .teaserSlider i:focus.slick-next, .teaserSlider i:active.turn, .teaserSlider i:active.slick-next, .teaserSlider i:focus:active.turn, .teaserSlider i:focus:active.slick-next {
    right: 1.5rem;
    left: auto;
  }
  .teaserSlider i.turn {
    left: auto;
    right: 2rem;
  }
}
.teaserSlider .slick-disabled {
  display: none !important;
}
.teaserSlider.no-slider .item {
  width: calc(33.3333333333% - 1px);
  float: left;
  margin-bottom: 1px;
}
@media screen and (max-width: 1599px) {
  .teaserSlider.no-slider .item {
    width: calc(50% - 1px);
  }
}
@media screen and (max-width: 991px) {
  .teaserSlider.no-slider .item {
    width: 100%;
    margin-left: 0;
  }
}

.sliderElement .scroll-to-it {
  position: absolute;
  right: 4rem;
  margin-top: 3rem;
  padding: 1rem;
  background: #01B4FE;
  color: #01B4FE;
  transition: color 0.35s ease-in-out;
  text-decoration: underline;
}
@media screen and (max-width: 991px) {
  .sliderElement .scroll-to-it {
    margin-top: 1.5rem;
    right: 2rem;
  }
}
.sliderElement .scroll-to-it:hover, .sliderElement .scroll-to-itfocus {
  color: #FFFFFF;
}
.sliderElement .scroll-to-it .inner-up-button {
  position: relative;
  display: block;
  padding-left: 3rem;
  line-height: 1.5;
  color: #FFFFFF;
}
.sliderElement .scroll-to-it .inner-up-button i {
  transition: none;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  font-size: 1.8rem;
}

@media screen and (max-width: 991px) {
  #stage.scroll-down-button {
    margin-bottom: 5rem;
  }
}

.soundCloud iframe {
  margin-top: 3.6rem;
}
.soundCloud iframe:first-child {
  margin-top: 0;
}

.prodSummary h2 {
  margin-bottom: 2.3rem;
}
.prodSummary .content .item {
  position: relative;
  padding-right: 23rem;
  margin-bottom: 3rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid #01B4FE;
}
#grid.page-journal .prodSummary .content .item {
  border-color: #000;
}
.coloredBack .prodSummary .content .item, #grid.page-journal .coloredBack .prodSummary .content .item, .gridBack .prodSummary .content .item, #grid.page-journal .gridBack .prodSummary .content .item {
  border-color: #FFFFFF;
}
@media screen and (max-width: 499px) {
  .prodSummary .content .item {
    padding-right: 0;
  }
}
.accordionList .prodSummary .content .item {
  position: relative;
}
.accordionList .prodSummary .content .item:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-size: 6px 3px;
  background-repeat: repeat-x;
  z-index: 500;
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_blue.png);
  top: auto;
  bottom: 0;
}
#grid.page-journal .accordionList .prodSummary .content .item:before {
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_black.png);
}
.prodSummary .content .item:last-child {
  margin-bottom: 0;
}
.prodSummary .content .item.canceled * {
  color: rgba(59, 50, 49, 0.5);
}
.prodSummary .content .item.canceled a:hover, .prodSummary .content .item.canceled a:focus, .prodSummary .content .item.canceled a:active, .prodSummary .content .item.canceled a:focus:active, .colorBack .prodSummary .content .item.canceled a:hover, .colorBack .prodSummary .content .item.canceled a:focus, .colorBack .prodSummary .content .item.canceled a:active, .colorBack .prodSummary .content .item.canceled a:focus:active, .colorBack-2 .prodSummary .content .item.canceled a:hover, .colorBack-2 .prodSummary .content .item.canceled a:focus, .colorBack-2 .prodSummary .content .item.canceled a:active, .colorBack-2 .prodSummary .content .item.canceled a:focus:active {
  color: #FFFFFF;
}
.prodSummary .content .item .headline {
  font-size: 1.4rem;
  line-height: 1.2;
  margin-bottom: 0.7rem;
}
.prodSummary .content .item .headline.big {
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
}
.prodSummary .content .item h3 {
  margin-bottom: 1.2rem;
}
.prodSummary .content .item h3 + .primary-btn {
  margin-top: 0;
}
.prodSummary .content .item h3 + h5 {
  margin-top: -1rem;
}
.prodSummary .content .item h5 + .primary-btn {
  margin-top: 1.3rem;
}
.prodSummary .content .item .date {
  margin: 0;
}
.prodSummary .content .item .date a {
  margin-left: 1.5rem;
}
.prodSummary .content .item .primary-btn {
  position: absolute;
  right: 0;
  bottom: 3.5rem;
}
@media screen and (max-width: 499px) {
  .prodSummary .content .item .primary-btn {
    position: relative;
    bottom: 0;
    margin-top: 1.5rem;
  }
}
.prodSummary .content .item .modal-content .primary-btn {
  position: relative;
  right: auto;
  bottom: auto;
}
.prodSummary .content .item .cat {
  margin-bottom: 0;
  margin-top: 0.3rem;
}
.prodSummary .content .hide-it {
  display: none;
}
.prodSummary .content .news-productions .box {
  position: relative;
}
.prodSummary .content .news-productions .box:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-size: 6px 3px;
  background-repeat: repeat-x;
  z-index: 500;
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_blue.png);
  top: 0;
  bottom: auto;
}
.coloredBack .prodSummary .content .news-productions .box:before, #grid.page-journal .coloredBack .prodSummary .content .news-productions .box:before, .gridBack .prodSummary .content .news-productions .box:before, #grid.page-journal .gridBack .prodSummary .content .news-productions .box:before {
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_white.png);
}
#grid.page-journal .prodSummary .content .news-productions .box:before {
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_black.png);
}
.prodSummary .content .news-productions .item {
  margin-bottom: 0;
  padding-top: 3rem;
  border-color: #ECECEC;
  position: relative;
  padding-right: 0;
}
.prodSummary .content .news-productions .item:last-child {
  border-bottom: 0;
  position: relative;
}
.prodSummary .content .news-productions .item:last-child:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-size: 6px 3px;
  background-repeat: repeat-x;
  z-index: 500;
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_blue.png);
  top: auto;
  bottom: 0;
}
.coloredBack .prodSummary .content .news-productions .item:before, #grid.page-journal .coloredBack .prodSummary .content .news-productions .item:before, .gridBack .prodSummary .content .news-productions .item:before, #grid.page-journal .gridBack .prodSummary .content .news-productions .item:before {
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_white.png);
}
#grid.page-journal .prodSummary .content .news-productions .item:before {
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_black.png);
}
.prodSummary .content .news-productions .wrappedLink {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.prodSummary .content .news-productions .wrappedLink:hover ~ *, .prodSummary .content .news-productions .wrappedLink:focus ~ * {
  text-decoration: underline;
}
.prodSummary .center .big {
  margin-top: 0.3rem;
}
.prodSummary .modal .center .big {
  margin-top: 3.3rem;
}

.sidelist .prodSummary .content .item, .sidelist .prodSummary .accordionList .toggle-slide .item {
  padding-right: 0;
  margin-bottom: 3rem;
  padding-bottom: 3rem;
  border-bottom: none;
  position: relative;
}
.sidelist .prodSummary .content .item:before, .sidelist .prodSummary .accordionList .toggle-slide .item:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-size: 6px 3px;
  background-repeat: repeat-x;
  z-index: 500;
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_blue.png);
  top: auto;
  bottom: 0;
}
.sidelist .prodSummary .content .item:last-child, .sidelist .prodSummary .accordionList .toggle-slide .item:last-child {
  margin-bottom: 0.5rem;
}
.sidelist .prodSummary .content .item button, .sidelist .prodSummary .accordionList .toggle-slide .item button {
  position: relative;
}
.sidelist .prodSummary .content .item .tagBox, .sidelist .prodSummary .accordionList .toggle-slide .item .tagBox {
  left: 0;
}
.sidelist .prodSummary .content .date a, .sidelist .prodSummary .accordionList .toggle-slide .date a {
  margin-left: 1.5rem;
}
.sidelist .prodSummary .content .primary-btn, .sidelist .prodSummary .accordionList .toggle-slide .primary-btn {
  position: relative;
  right: auto;
  bottom: auto;
}

.module.quote, .quote#prodFilterPrevNextMonth {
  margin: 3.6rem 0;
  background: #000;
}
.module.quote *, .quote#prodFilterPrevNextMonth * {
  color: #FFFFFF;
}
.module.quote.revertColor *, .quote.revertColor#prodFilterPrevNextMonth * {
  color: var(--color-blue-to-white);
}
.module.quote + .module.quote, .quote#prodFilterPrevNextMonth + .module.quote, .module.quote + .quote#prodFilterPrevNextMonth, .quote#prodFilterPrevNextMonth + .quote#prodFilterPrevNextMonth {
  margin-top: -3.6rem;
}
.module.quote .box, .quote#prodFilterPrevNextMonth .box {
  padding: 3.6rem 0;
  max-width: 45rem;
  font-size: 3rem;
  line-height: 1.3;
  margin: 0 auto;
}
.module.quote .box p, .quote#prodFilterPrevNextMonth .box p {
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.grid-block .module.quote, .grid-block .quote#prodFilterPrevNextMonth, .module .module.quote, #prodFilterPrevNextMonth .module.quote, .module .quote#prodFilterPrevNextMonth, #prodFilterPrevNextMonth .quote#prodFilterPrevNextMonth {
  margin: 0;
  background: none;
  text-align: left;
}
.grid-block .module.quote *, .grid-block .quote#prodFilterPrevNextMonth *, .module .module.quote *, #prodFilterPrevNextMonth .module.quote *, .module .quote#prodFilterPrevNextMonth *, #prodFilterPrevNextMonth .quote#prodFilterPrevNextMonth * {
  color: #000;
}
.grid-block .module.quote .box, .grid-block .quote#prodFilterPrevNextMonth .box, .module .module.quote .box, #prodFilterPrevNextMonth .module.quote .box, .module .quote#prodFilterPrevNextMonth .box, #prodFilterPrevNextMonth .quote#prodFilterPrevNextMonth .box {
  text-align: left;
}
.grid-block .module.quote.revertColor *, .grid-block .quote.revertColor#prodFilterPrevNextMonth *, .module .module.quote.revertColor *, #prodFilterPrevNextMonth .module.quote.revertColor *, .module .quote.revertColor#prodFilterPrevNextMonth *, #prodFilterPrevNextMonth .quote.revertColor#prodFilterPrevNextMonth * {
  color: var(--color-blue-to-black);
}
.grid-block .sidelist .module.quote *, .grid-block .sidelist .quote#prodFilterPrevNextMonth *, .module .sidelist .module.quote *, #prodFilterPrevNextMonth .sidelist .module.quote *, .module .sidelist .quote#prodFilterPrevNextMonth *, #prodFilterPrevNextMonth .sidelist .quote#prodFilterPrevNextMonth * {
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 3.2rem;
  line-height: 1.3;
  color: var(--color-blue-to-black);
}
.grid-block .sidelist .module.quote .box, .grid-block .sidelist .quote#prodFilterPrevNextMonth .box, .module .sidelist .module.quote .box, #prodFilterPrevNextMonth .sidelist .module.quote .box, .module .sidelist .quote#prodFilterPrevNextMonth .box, #prodFilterPrevNextMonth .sidelist .quote#prodFilterPrevNextMonth .box {
  padding: 0.5rem 0 0;
  max-width: none;
}

.miniList .item {
  float: left;
  width: 100%;
  min-height: 10.5rem;
  margin-bottom: 1.5rem;
  padding-bottom: 1.4rem;
  position: relative;
}
.miniList .item:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-size: 6px 3px;
  background-repeat: repeat-x;
  z-index: 500;
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_blue.png);
  top: auto;
  bottom: 0;
}
body.contrast .miniList .item {
  position: relative;
}
body.contrast .miniList .item:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-size: 6px 3px;
  background-repeat: repeat-x;
  z-index: 500;
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_black.png);
  top: auto;
  bottom: 0;
}
.miniList .item .imgBlock {
  position: absolute;
  left: 0;
  top: 0;
  width: 9rem;
}
.miniList .item .box {
  position: relative;
  float: left;
  width: 100%;
  padding-left: 10.5rem;
  min-height: 9.1rem;
  text-decoration: none;
}
.miniList .item .box h4 {
  text-decoration: underline;
}
.miniList .item .box p {
  color: #000;
}
@media screen and (max-width: 1469px) and (min-width: 992px) {
  .sidelist .miniList .item {
    min-height: 8rem;
  }
  .sidelist .miniList .item .imgBlock {
    width: 6.5rem;
  }
  .sidelist .miniList .item .box {
    min-height: 6.6rem;
    padding-left: 8rem;
  }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  .sidelist .miniList .item {
    min-height: 3.7rem;
  }
  .sidelist .miniList .item .imgBlock {
    width: 2rem;
  }
  .sidelist .miniList .item .box {
    min-height: 2.3rem;
    padding-left: 3.5rem;
  }
}
.miniList .item.noImg {
  min-height: 0;
}
.miniList .item.noImg .box {
  padding-left: 0;
  min-height: 0;
}
.module.logos p, .logos#prodFilterPrevNextMonth p {
  margin: 0 0 2rem 0;
}
.module.logos .itemBox, .logos#prodFilterPrevNextMonth .itemBox {
  float: left;
  width: 100%;
  margin-bottom: -3.6rem;
}
.module.logos .itemBox .item, .logos#prodFilterPrevNextMonth .itemBox .item {
  margin-bottom: 3.6rem;
}
.module.logos .itemBox .item .styled-cell, .logos#prodFilterPrevNextMonth .itemBox .item .styled-cell {
  height: 12rem;
}
@media screen and (max-width: 1469px) {
  .module.logos .itemBox .item .styled-cell, .logos#prodFilterPrevNextMonth .itemBox .item .styled-cell {
    height: 12rem;
  }
}
@media screen and (max-width: 1199px) {
  .module.logos .itemBox .item .styled-cell, .logos#prodFilterPrevNextMonth .itemBox .item .styled-cell {
    height: 7rem;
  }
}
@media screen and (max-width: 992px) {
  .module.logos .itemBox .item .styled-cell, .logos#prodFilterPrevNextMonth .itemBox .item .styled-cell {
    height: 18rem;
  }
}
@media screen and (max-width: 767px) {
  .module.logos .itemBox .item .styled-cell, .logos#prodFilterPrevNextMonth .itemBox .item .styled-cell {
    height: 30vw;
  }
}
.module.logos .itemBox .item.hori .styled-cell.align.middle, .logos#prodFilterPrevNextMonth .itemBox .item.hori .styled-cell.align.middle {
  text-align: center;
}
.module.logos .itemBox .item.hori img, .logos#prodFilterPrevNextMonth .itemBox .item.hori img {
  width: auto;
  height: 100%;
  max-height: 100%;
}
.module.logos .itemBox .item.middle-padd .styled-cell, .logos#prodFilterPrevNextMonth .itemBox .item.middle-padd .styled-cell {
  padding: 1.5rem;
}
.module.logos .itemBox .item.middle-padd .styled-cell img, .logos#prodFilterPrevNextMonth .itemBox .item.middle-padd .styled-cell img {
  max-height: 9rem;
}
@media screen and (max-width: 1469px) {
  .module.logos .itemBox .item.middle-padd .styled-cell, .logos#prodFilterPrevNextMonth .itemBox .item.middle-padd .styled-cell {
    padding: 1.2rem;
  }
  .module.logos .itemBox .item.middle-padd .styled-cell img, .logos#prodFilterPrevNextMonth .itemBox .item.middle-padd .styled-cell img {
    max-height: 9.6rem;
  }
}
@media screen and (max-width: 1199px) {
  .module.logos .itemBox .item.middle-padd .styled-cell, .logos#prodFilterPrevNextMonth .itemBox .item.middle-padd .styled-cell {
    padding: 0.8rem;
  }
  .module.logos .itemBox .item.middle-padd .styled-cell img, .logos#prodFilterPrevNextMonth .itemBox .item.middle-padd .styled-cell img {
    max-height: 5.4rem;
  }
}
@media screen and (max-width: 992px) {
  .module.logos .itemBox .item.middle-padd .styled-cell, .logos#prodFilterPrevNextMonth .itemBox .item.middle-padd .styled-cell {
    padding: 2.5rem;
  }
  .module.logos .itemBox .item.middle-padd .styled-cell img, .logos#prodFilterPrevNextMonth .itemBox .item.middle-padd .styled-cell img {
    max-height: 13rem;
  }
}
@media screen and (max-width: 767px) {
  .module.logos .itemBox .item.middle-padd .styled-cell, .logos#prodFilterPrevNextMonth .itemBox .item.middle-padd .styled-cell {
    padding: 4vw;
  }
  .module.logos .itemBox .item.middle-padd .styled-cell img, .logos#prodFilterPrevNextMonth .itemBox .item.middle-padd .styled-cell img {
    max-height: 22vw;
  }
}
.module.logos .itemBox .bigItems .item .styled-cell, .logos#prodFilterPrevNextMonth .itemBox .bigItems .item .styled-cell {
  height: 17.5rem;
}
@media screen and (max-width: 1469px) {
  .module.logos .itemBox .bigItems .item .styled-cell, .logos#prodFilterPrevNextMonth .itemBox .bigItems .item .styled-cell {
    height: 13.7rem;
  }
}
@media screen and (max-width: 1199px) {
  .module.logos .itemBox .bigItems .item .styled-cell, .logos#prodFilterPrevNextMonth .itemBox .bigItems .item .styled-cell {
    height: 11rem;
  }
}
@media screen and (max-width: 992px) {
  .module.logos .itemBox .bigItems .item .styled-cell, .logos#prodFilterPrevNextMonth .itemBox .bigItems .item .styled-cell {
    height: 29rem;
  }
}
@media screen and (max-width: 767px) {
  .module.logos .itemBox .bigItems .item .styled-cell, .logos#prodFilterPrevNextMonth .itemBox .bigItems .item .styled-cell {
    height: 47vw;
  }
}
.module.logos .itemBox .bigItems .item.middle-padd .styled-cell, .logos#prodFilterPrevNextMonth .itemBox .bigItems .item.middle-padd .styled-cell {
  padding: 1.5rem;
}
.module.logos .itemBox .bigItems .item.middle-padd .styled-cell img, .logos#prodFilterPrevNextMonth .itemBox .bigItems .item.middle-padd .styled-cell img {
  max-height: 14.5rem;
}
@media screen and (max-width: 1469px) {
  .module.logos .itemBox .bigItems .item.middle-padd .styled-cell, .logos#prodFilterPrevNextMonth .itemBox .bigItems .item.middle-padd .styled-cell {
    padding: 1.2rem;
  }
  .module.logos .itemBox .bigItems .item.middle-padd .styled-cell img, .logos#prodFilterPrevNextMonth .itemBox .bigItems .item.middle-padd .styled-cell img {
    max-height: 11.3rem;
  }
}
@media screen and (max-width: 1199px) {
  .module.logos .itemBox .bigItems .item.middle-padd .styled-cell, .logos#prodFilterPrevNextMonth .itemBox .bigItems .item.middle-padd .styled-cell {
    padding: 0.8rem;
  }
  .module.logos .itemBox .bigItems .item.middle-padd .styled-cell img, .logos#prodFilterPrevNextMonth .itemBox .bigItems .item.middle-padd .styled-cell img {
    max-height: 9.4rem;
  }
}
@media screen and (max-width: 992px) {
  .module.logos .itemBox .bigItems .item.middle-padd .styled-cell, .logos#prodFilterPrevNextMonth .itemBox .bigItems .item.middle-padd .styled-cell {
    padding: 2.5rem;
  }
  .module.logos .itemBox .bigItems .item.middle-padd .styled-cell img, .logos#prodFilterPrevNextMonth .itemBox .bigItems .item.middle-padd .styled-cell img {
    max-height: 24rem;
  }
}
@media screen and (max-width: 767px) {
  .module.logos .itemBox .bigItems .item.middle-padd .styled-cell, .logos#prodFilterPrevNextMonth .itemBox .bigItems .item.middle-padd .styled-cell {
    padding: 4vw;
  }
  .module.logos .itemBox .bigItems .item.middle-padd .styled-cell img, .logos#prodFilterPrevNextMonth .itemBox .bigItems .item.middle-padd .styled-cell img {
    max-height: 39vw;
  }
}
.module.logos + .module.logos, .logos#prodFilterPrevNextMonth + .module.logos, .module.logos + .logos#prodFilterPrevNextMonth, .logos#prodFilterPrevNextMonth + .logos#prodFilterPrevNextMonth {
  padding-top: 0;
}
.module.logos + .module.logos .itemBox, .logos#prodFilterPrevNextMonth + .module.logos .itemBox, .module.logos + .logos#prodFilterPrevNextMonth .itemBox, .logos#prodFilterPrevNextMonth + .logos#prodFilterPrevNextMonth .itemBox {
  padding-top: 3.6rem;
}
@media screen and (max-width: 767px) {
  .module.logos .itemBox [class*=col-], .logos#prodFilterPrevNextMonth .itemBox [class*=col-] {
    width: 33.33333333%;
  }
}
@media screen and (max-width: 400px) {
  .module.logos .itemBox [class*=col-], .logos#prodFilterPrevNextMonth .itemBox [class*=col-] {
    width: 50%;
  }
}
.module.logos .text, .logos#prodFilterPrevNextMonth .text {
  margin-bottom: 2rem;
}
.grid-block .accordionList .module.logos, .grid-block .accordionList .logos#prodFilterPrevNextMonth {
  margin-top: 3.6rem;
}
.grid-block .accordionList .module.logos:first-child, .grid-block .accordionList .logos#prodFilterPrevNextMonth:first-child {
  margin-top: 0;
}
.grid-block .accordionList .module.logos .container .itemBox, .grid-block .accordionList .logos#prodFilterPrevNextMonth .container .itemBox {
  margin-bottom: 0;
}
.module.logos p.big, .logos#prodFilterPrevNextMonth p.big {
  font-size: 3rem;
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1.066666;
  margin-bottom: 2rem;
}
.module.logos p.big + p, .logos#prodFilterPrevNextMonth p.big + p {
  margin-bottom: 2rem;
}

.grid-block .module.logos + .module.logos .itemBox, .grid-block .logos#prodFilterPrevNextMonth + .module.logos .itemBox, .grid-block .module.logos + .logos#prodFilterPrevNextMonth .itemBox, .grid-block .logos#prodFilterPrevNextMonth + .logos#prodFilterPrevNextMonth .itemBox {
  padding-top: 1.8rem;
}
.grid-block .module.logos .container .itemBox, .grid-block .logos#prodFilterPrevNextMonth .container .itemBox {
  float: left;
  width: 100%;
  margin-bottom: -3.6rem;
}
.grid-block .module.logos .container .itemBox .item, .grid-block .logos#prodFilterPrevNextMonth .container .itemBox .item {
  margin-bottom: 3.6rem;
}
.grid-block .module.logos .container .itemBox .item .styled-cell, .grid-block .logos#prodFilterPrevNextMonth .container .itemBox .item .styled-cell {
  height: 12rem;
}
@media screen and (max-width: 1469px) {
  .grid-block .module.logos .container .itemBox .item .styled-cell, .grid-block .logos#prodFilterPrevNextMonth .container .itemBox .item .styled-cell {
    height: 12rem;
  }
}
@media screen and (max-width: 1199px) {
  .grid-block .module.logos .container .itemBox .item .styled-cell, .grid-block .logos#prodFilterPrevNextMonth .container .itemBox .item .styled-cell {
    height: 7rem;
  }
}
@media screen and (max-width: 992px) {
  .grid-block .module.logos .container .itemBox .item .styled-cell, .grid-block .logos#prodFilterPrevNextMonth .container .itemBox .item .styled-cell {
    height: 18rem;
  }
}
@media screen and (max-width: 767px) {
  .grid-block .module.logos .container .itemBox .item .styled-cell, .grid-block .logos#prodFilterPrevNextMonth .container .itemBox .item .styled-cell {
    height: 30vw;
  }
}
.grid-block .module.logos .container .itemBox .item.hori .styled-cell.align.middle, .grid-block .logos#prodFilterPrevNextMonth .container .itemBox .item.hori .styled-cell.align.middle {
  text-align: center;
}
.grid-block .module.logos .container .itemBox .item.hori img, .grid-block .logos#prodFilterPrevNextMonth .container .itemBox .item.hori img {
  width: auto;
  height: 100%;
  max-height: 100%;
}
.grid-block .module.logos .container .itemBox .item.middle-padd .styled-cell, .grid-block .logos#prodFilterPrevNextMonth .container .itemBox .item.middle-padd .styled-cell {
  padding: 1.5rem;
}
.grid-block .module.logos .container .itemBox .item.middle-padd .styled-cell img, .grid-block .logos#prodFilterPrevNextMonth .container .itemBox .item.middle-padd .styled-cell img {
  max-height: 9rem;
}
@media screen and (max-width: 1469px) {
  .grid-block .module.logos .container .itemBox .item.middle-padd .styled-cell, .grid-block .logos#prodFilterPrevNextMonth .container .itemBox .item.middle-padd .styled-cell {
    padding: 1.2rem;
  }
  .grid-block .module.logos .container .itemBox .item.middle-padd .styled-cell img, .grid-block .logos#prodFilterPrevNextMonth .container .itemBox .item.middle-padd .styled-cell img {
    max-height: 9.6rem;
  }
}
@media screen and (max-width: 1199px) {
  .grid-block .module.logos .container .itemBox .item.middle-padd .styled-cell, .grid-block .logos#prodFilterPrevNextMonth .container .itemBox .item.middle-padd .styled-cell {
    padding: 0.8rem;
  }
  .grid-block .module.logos .container .itemBox .item.middle-padd .styled-cell img, .grid-block .logos#prodFilterPrevNextMonth .container .itemBox .item.middle-padd .styled-cell img {
    max-height: 5.4rem;
  }
}
@media screen and (max-width: 992px) {
  .grid-block .module.logos .container .itemBox .item.middle-padd .styled-cell, .grid-block .logos#prodFilterPrevNextMonth .container .itemBox .item.middle-padd .styled-cell {
    padding: 2.5rem;
  }
  .grid-block .module.logos .container .itemBox .item.middle-padd .styled-cell img, .grid-block .logos#prodFilterPrevNextMonth .container .itemBox .item.middle-padd .styled-cell img {
    max-height: 13rem;
  }
}
@media screen and (max-width: 767px) {
  .grid-block .module.logos .container .itemBox .item.middle-padd .styled-cell, .grid-block .logos#prodFilterPrevNextMonth .container .itemBox .item.middle-padd .styled-cell {
    padding: 4vw;
  }
  .grid-block .module.logos .container .itemBox .item.middle-padd .styled-cell img, .grid-block .logos#prodFilterPrevNextMonth .container .itemBox .item.middle-padd .styled-cell img {
    max-height: 22vw;
  }
}
.grid-block .module.logos .container .itemBox .bigItems .item .styled-cell, .grid-block .logos#prodFilterPrevNextMonth .container .itemBox .bigItems .item .styled-cell {
  height: 17.5rem;
}
@media screen and (max-width: 1469px) {
  .grid-block .module.logos .container .itemBox .bigItems .item .styled-cell, .grid-block .logos#prodFilterPrevNextMonth .container .itemBox .bigItems .item .styled-cell {
    height: 13.7rem;
  }
}
@media screen and (max-width: 1199px) {
  .grid-block .module.logos .container .itemBox .bigItems .item .styled-cell, .grid-block .logos#prodFilterPrevNextMonth .container .itemBox .bigItems .item .styled-cell {
    height: 11rem;
  }
}
@media screen and (max-width: 992px) {
  .grid-block .module.logos .container .itemBox .bigItems .item .styled-cell, .grid-block .logos#prodFilterPrevNextMonth .container .itemBox .bigItems .item .styled-cell {
    height: 29rem;
  }
}
@media screen and (max-width: 767px) {
  .grid-block .module.logos .container .itemBox .bigItems .item .styled-cell, .grid-block .logos#prodFilterPrevNextMonth .container .itemBox .bigItems .item .styled-cell {
    height: 47vw;
  }
}
.grid-block .module.logos .container .itemBox .bigItems .item.middle-padd .styled-cell, .grid-block .logos#prodFilterPrevNextMonth .container .itemBox .bigItems .item.middle-padd .styled-cell {
  padding: 1.5rem;
}
.grid-block .module.logos .container .itemBox .bigItems .item.middle-padd .styled-cell img, .grid-block .logos#prodFilterPrevNextMonth .container .itemBox .bigItems .item.middle-padd .styled-cell img {
  max-height: 14.5rem;
}
@media screen and (max-width: 1469px) {
  .grid-block .module.logos .container .itemBox .bigItems .item.middle-padd .styled-cell, .grid-block .logos#prodFilterPrevNextMonth .container .itemBox .bigItems .item.middle-padd .styled-cell {
    padding: 1.2rem;
  }
  .grid-block .module.logos .container .itemBox .bigItems .item.middle-padd .styled-cell img, .grid-block .logos#prodFilterPrevNextMonth .container .itemBox .bigItems .item.middle-padd .styled-cell img {
    max-height: 11.3rem;
  }
}
@media screen and (max-width: 1199px) {
  .grid-block .module.logos .container .itemBox .bigItems .item.middle-padd .styled-cell, .grid-block .logos#prodFilterPrevNextMonth .container .itemBox .bigItems .item.middle-padd .styled-cell {
    padding: 0.8rem;
  }
  .grid-block .module.logos .container .itemBox .bigItems .item.middle-padd .styled-cell img, .grid-block .logos#prodFilterPrevNextMonth .container .itemBox .bigItems .item.middle-padd .styled-cell img {
    max-height: 9.4rem;
  }
}
@media screen and (max-width: 992px) {
  .grid-block .module.logos .container .itemBox .bigItems .item.middle-padd .styled-cell, .grid-block .logos#prodFilterPrevNextMonth .container .itemBox .bigItems .item.middle-padd .styled-cell {
    padding: 2.5rem;
  }
  .grid-block .module.logos .container .itemBox .bigItems .item.middle-padd .styled-cell img, .grid-block .logos#prodFilterPrevNextMonth .container .itemBox .bigItems .item.middle-padd .styled-cell img {
    max-height: 24rem;
  }
}
@media screen and (max-width: 767px) {
  .grid-block .module.logos .container .itemBox .bigItems .item.middle-padd .styled-cell, .grid-block .logos#prodFilterPrevNextMonth .container .itemBox .bigItems .item.middle-padd .styled-cell {
    padding: 4vw;
  }
  .grid-block .module.logos .container .itemBox .bigItems .item.middle-padd .styled-cell img, .grid-block .logos#prodFilterPrevNextMonth .container .itemBox .bigItems .item.middle-padd .styled-cell img {
    max-height: 39vw;
  }
}
.grid-block .module.logos .container .itemBox, .grid-block .logos#prodFilterPrevNextMonth .container .itemBox {
  margin-bottom: -1.8rem;
}
.grid-block .module.logos .container .itemBox .item, .grid-block .logos#prodFilterPrevNextMonth .container .itemBox .item {
  margin-bottom: 1.8rem;
}
.grid-block .module.logos .container .itemBox .row, .grid-block .logos#prodFilterPrevNextMonth .container .itemBox .row {
  margin-left: -10px;
  margin-right: -10px;
}
.grid-block .module.logos .container .itemBox .row [class*=col-], .grid-block .logos#prodFilterPrevNextMonth .container .itemBox .row [class*=col-] {
  width: 33.33333333%;
  padding-left: 10px;
  padding-right: 10px;
}
.grid-block .module.logos .container .itemBox .bigItems [class*=col-], .grid-block .logos#prodFilterPrevNextMonth .container .itemBox .bigItems [class*=col-] {
  width: 50%;
}

.bigLinkGrid:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.bigLinkGrid.overlayBox {
  border-left: 1px solid #FFFFFF;
}
.bigLinkGrid.overlayBox [class*=col-xs-] {
  padding: 0;
}
.bigLinkGrid.overlayBox [class*=col-xs-][class*=col-sm-offset-] {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media screen and (max-width: 1199px) {
  .bigLinkGrid.overlayBox [class*=col-xs-]:nth-child(6) {
    clear: none;
  }
  .bigLinkGrid.overlayBox [class*=col-xs-]:nth-child(4) {
    clear: both;
  }
}
@media screen and (max-width: 991px) {
  .bigLinkGrid.overlayBox [class*=col-xs-]:nth-child(4) {
    clear: none;
  }
}
.bigLinkGrid.overlayBox .item {
  margin: 0;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}
.bigLinkGrid .primary-btn {
  margin: 0;
}

.miniList .invert .imgBlock {
  background-color: #01B4FE;
}

.overlayBox .item {
  position: relative;
  background: #000;
  font-size: 25px;
  margin: 0 0 0 1px;
  outline: none;
  overflow: hidden;
}
.overlayBox .item img {
  width: 100%;
}
.overlayBox .item .content, .overlayBox .item .overlay, .overlayBox .item .innerText {
  display: block;
  padding: 1.5rem 1.8rem;
}
body.contrast .overlayBox .item h3,
body.contrast .overlayBox .item h4 {
  display: inline-block;
  background: #000;
  padding: 0.2rem 0.4rem;
  float: left;
}
.overlayBox .item h3 {
  font-size: 3rem;
  line-height: 1.0666666667;
}
body.contrast .overlayBox .item h3 {
  margin-bottom: 2px;
}
@media screen and (max-width: 470px) {
  .overlayBox .item h3 {
    font-size: 1.9rem;
  }
}
.overlayBox .item h4 {
  font-size: 2.4rem;
  line-height: 1.3333333333;
}
body.contrast .overlayBox .item h4 {
  clear: left;
}
@media screen and (max-width: 470px) {
  .overlayBox .item h4 {
    font-size: 1.6rem;
  }
}
.overlayBox .item .content {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 30;
}
.overlayBox .item .box {
  display: block;
  height: 100%;
  color: #FFFFFF;
  position: relative;
}
#grid.page-journal .overlayBox .item .box {
  color: var(--color-white-to-black);
}
.overlayBox .item .box .overlay {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  transition: opacity 0.35s ease-in-out;
  background: var(--color-blue-to-black);
  z-index: 15;
}
.overlayBox .item .box .overlay .innerText {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  font-size: 1.8rem;
  line-height: 1.334;
}
@media screen and (max-width: 470px) {
  .overlayBox .item .box .overlay .innerText {
    padding: 1.5rem 5rem;
    font-size: 1.2rem;
  }
}
#grid.page-journal .overlayBox .item .box .overlay {
  background: #000;
}
.overlayBox .item .box:hover .overlay {
  opacity: 0;
}
.overlayBox .item .box.revert .overlay {
  background: transparent;
  opacity: 1;
}
.overlayBox.layout-invert .box .overlay {
  opacity: 0;
}
.overlayBox.layout-invert .box:hover .overlay, .overlayBox.layout-invert .box:focus .overlay {
  opacity: 1;
}
.overlayBox.layout-invert .box.revert .overlay {
  background: var(--color-blue-to-black);
  opacity: 0;
}
.overlayBox.layout-invert .box.revert:hover .overlay, .overlayBox.layout-invert .box.revert:focus .overlay {
  opacity: 1;
}
.overlayBox.teaserSlider .item a {
  display: block;
  height: 100%;
  color: #FFFFFF;
  position: relative;
}
#grid.page-journal .overlayBox.teaserSlider .item a {
  color: var(--color-white-to-black);
}
.overlayBox.teaserSlider .item a .overlay {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  transition: opacity 0.35s ease-in-out;
  background: var(--color-blue-to-black);
  z-index: 15;
}
.overlayBox.teaserSlider .item a .overlay .innerText {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  font-size: 1.8rem;
  line-height: 1.334;
}
@media screen and (max-width: 470px) {
  .overlayBox.teaserSlider .item a .overlay .innerText {
    padding: 1.5rem 5rem;
    font-size: 1.2rem;
  }
}
#grid.page-journal .overlayBox.teaserSlider .item a .overlay {
  background: #000;
}
.overlayBox.teaserSlider .item a:hover .overlay {
  opacity: 0;
}
.overlayBox.teaserSlider .item a.revert .overlay {
  background: transparent;
  opacity: 1;
}
@media screen and (max-width: 470px) {
  .overlayBox.teaserSlider .content {
    padding: 1.5rem 5rem 0 5rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .overlayBox.bigLinkGrid.full .item h3 {
    font-size: 2.6rem;
  }
  .overlayBox.bigLinkGrid.full .item h4 {
    font-size: 2.1rem;
  }
}

.search-list .cat-box {
  margin-bottom: 3.5rem;
}
.search-list .cat-box .item {
  position: relative;
  padding-bottom: 2rem;
  margin-top: 2.5rem;
  position: relative;
}
.search-list .cat-box .item:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-size: 6px 3px;
  background-repeat: repeat-x;
  z-index: 500;
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_blue.png);
  top: auto;
  bottom: 0;
}
body.contrast .search-list .cat-box .item {
  position: relative;
}
body.contrast .search-list .cat-box .item:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-size: 6px 3px;
  background-repeat: repeat-x;
  z-index: 500;
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_black.png);
  top: auto;
  bottom: 0;
}
@media screen and (min-width: 768px) {
  .search-list .cat-box .item {
    padding-right: 22rem;
  }
  .search-list .cat-box .item .primary-btn {
    position: absolute;
    bottom: 2.7rem;
    right: 0;
    min-width: 17rem;
  }
}
.search-list .cat-box .foldable {
  display: none;
}
.search-list .divider {
  margin-bottom: 3.5rem;
}
@media screen and (max-width: 767px) {
  .search-list .divider {
    margin-bottom: 1.7rem;
  }
}

body.contrast #main-container #tx_indexedsearch .input-block input {
  border-color: #000;
}
body.contrast #main-container #tx_indexedsearch .input-block i {
  color: #000;
}

.live-box {
  position: relative;
  overflow: visible;
}
.live-box .styled-table {
  position: relative;
  top: 0;
  z-index: 50;
}
@media screen and (min-width: 501px) {
  .live-box .styled-table {
    -webkit-animation: zIndexRevserse 0.3s 1;
    -moz-animation: zIndexRevserse 0.3s 1;
    -o-animation: zIndexRevserse 0.3s 1;
    animation: zIndexRevserse 0.3s 1;
  }
  @-webkit-keyframes zIndexRevserse {
    from {
      z-index: 30;
    }
    49% {
      z-index: 30;
    }
    50% {
      z-index: 50;
    }
    100% {
      z-index: 50;
    }
  }
  @-moz-keyframes zIndexRevserse {
    from {
      z-index: 30;
    }
    49% {
      z-index: 30;
    }
    50% {
      z-index: 50;
    }
    100% {
      z-index: 50;
    }
  }
  @-o-keyframes zIndexRevserse {
    from {
      z-index: 30;
    }
    49% {
      z-index: 30;
    }
    50% {
      z-index: 50;
    }
    100% {
      z-index: 50;
    }
  }
  @keyframes zIndexRevserse {
    from {
      z-index: 30;
    }
    49% {
      z-index: 30;
    }
    50% {
      z-index: 50;
    }
    100% {
      z-index: 50;
    }
  }
}
@media screen and (max-width: 500px) {
  .live-box .styled-table {
    z-index: 1;
  }
}
.live-box a, .live-box a * {
  text-decoration: none;
}
.live-box .img-box {
  position: relative;
  overflow: hidden;
  height: 100%;
}
.live-box .img-box .original {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  height: 100%;
  width: auto;
  max-width: none;
}
.live-box .img-box i {
  color: #01B4FE;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 7.9rem;
}
.live-box .textbox {
  color: #FFFFFF;
  padding: 1.5rem 1.5rem 15rem 1.5rem;
}
@media screen and (max-width: 500px) {
  .live-box .textbox {
    padding-bottom: 10rem;
  }
}
.live-box .textbox.big {
  font-family: "Modus W00 Regular", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.live-box .info {
  display: block;
  margin-bottom: 2rem;
}
.live-box h3 {
  font-size: 3rem;
  line-height: 1;
  margin: 0 0 1.2rem 0;
}
.live-box h4 {
  font-size: 2.4rem;
  line-height: 1;
  margin-bottom: 2rem;
}
.live-box .overlay {
  position: absolute;
  right: -15px;
  bottom: 30px;
  z-index: 40;
}
@media screen and (max-width: 500px) {
  .live-box .overlay {
    right: 0;
    bottom: 15px;
    width: 99%;
  }
}
@media screen and (min-width: 501px) {
  .live-box:hover .styled-table, .live-box:focus .styled-table {
    -webkit-animation: zIndex 0.3s 1;
    -moz-animation: zIndex 0.3s 1;
    -o-animation: zIndex 0.3s 1;
    animation: zIndex 0.3s 1;
    z-index: 30;
  }
  @-webkit-keyframes zIndex {
    from {
      z-index: 50;
    }
    49% {
      z-index: 50;
    }
    50% {
      z-index: 30;
    }
    100% {
      z-index: 30;
    }
  }
  @-moz-keyframes zIndex {
    from {
      z-index: 50;
    }
    49% {
      z-index: 50;
    }
    50% {
      z-index: 30;
    }
    100% {
      z-index: 30;
    }
  }
  @-o-keyframes zIndex {
    from {
      z-index: 50;
    }
    49% {
      z-index: 50;
    }
    50% {
      z-index: 30;
    }
    100% {
      z-index: 30;
    }
  }
  @keyframes zIndex {
    from {
      z-index: 50;
    }
    49% {
      z-index: 50;
    }
    50% {
      z-index: 30;
    }
    100% {
      z-index: 30;
    }
  }
}
.live-box:hover .live-banner, .live-box:focus .live-banner {
  pointer-events: auto;
}
@media screen and (min-width: 501px) {
  .live-box:hover .live-banner, .live-box:focus .live-banner {
    -webkit-animation: liveBannerAnimation 0.3s 1;
    -moz-animation: liveBannerAnimation 0.3s 1;
    -o-animation: liveBannerAnimation 0.3s 1;
    animation: liveBannerAnimation 0.3s 1;
    margin-bottom: 3px;
    right: 2%;
  }
  @-webkit-keyframes liveBannerAnimation {
    from {
      margin-bottom: 30px;
      right: 10%;
    }
    50% {
      margin-bottom: 80px;
      right: -100%;
    }
    100% {
      margin-bottom: 3px;
      right: 2%;
    }
  }
  @-moz-keyframes liveBannerAnimation {
    from {
      margin-bottom: 30px;
      right: 10%;
    }
    50% {
      margin-bottom: 80px;
      right: -100%;
    }
    100% {
      margin-bottom: 3px;
      right: 2%;
    }
  }
  @-o-keyframes liveBannerAnimation {
    from {
      margin-bottom: 30px;
      right: 10%;
    }
    50% {
      margin-bottom: 80px;
      right: -100%;
    }
    100% {
      margin-bottom: 3px;
      right: 2%;
    }
  }
  @keyframes liveBannerAnimation {
    from {
      margin-bottom: 30px;
      right: 10%;
    }
    50% {
      margin-bottom: 80px;
      right: -100%;
    }
    100% {
      margin-bottom: 3px;
      right: 2%;
    }
  }
}
html.tablet .live-box .styled-table, html.mobile .live-box .styled-table {
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  animation: none;
  z-index: 30;
}
html.tablet .live-box .live-banner, html.mobile .live-box .live-banner {
  pointer-events: auto;
  -webkit-animation: none 0.3s 1;
  -moz-animation: none 0.3s 1;
  -o-animation: none 0.3s 1;
  animation: none 0.3s 1;
  margin-bottom: 3px;
  right: 2%;
}
.live-box .live-banner {
  position: relative;
  background: #C2C2C2;
  color: #FFFFFF;
  font-size: 2.4rem;
  right: 2px;
  width: 100%;
  min-width: 23rem;
  text-align: center;
  padding: 2rem;
  line-height: 1;
  pointer-events: auto;
}
@media screen and (min-width: 501px) {
  .live-box .live-banner {
    width: auto;
    margin-bottom: 30px;
    right: 10%;
    -webkit-transform: rotate(-23deg);
    transform: rotate(-23deg);
    pointer-events: none;
    -webkit-animation: liveBannerAnimationReverse 0.3s 1;
    -moz-animation: liveBannerAnimationReverse 0.3s 1;
    -o-animation: liveBannerAnimationReverse 0.3s 1;
    animation: liveBannerAnimationReverse 0.3s 1;
  }
  @-webkit-keyframes liveBannerAnimationReverse {
    from {
      margin-bottom: 3px;
      right: 2%;
    }
    50% {
      margin-bottom: 80px;
      right: -100%;
    }
    100% {
      margin-bottom: 30px;
      right: 10%;
    }
  }
  @-moz-keyframes liveBannerAnimationReverse {
    from {
      margin-bottom: 3px;
      right: 2%;
    }
    50% {
      margin-bottom: 80px;
      right: -100%;
    }
    100% {
      margin-bottom: 30px;
      right: 10%;
    }
  }
  @-o-keyframes liveBannerAnimationReverse {
    from {
      margin-bottom: 3px;
      right: 2%;
    }
    50% {
      margin-bottom: 80px;
      right: -100%;
    }
    100% {
      margin-bottom: 30px;
      right: 10%;
    }
  }
  @keyframes liveBannerAnimationReverse {
    from {
      margin-bottom: 3px;
      right: 2%;
    }
    50% {
      margin-bottom: 80px;
      right: -100%;
    }
    100% {
      margin-bottom: 30px;
      right: 10%;
    }
  }
}
.live-box .live-banner span {
  white-space: nowrap;
  padding-right: 4rem;
  position: relative;
}
.live-box .live-banner span i {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  display: inline-block;
  margin-left: 1.5rem;
  position: absolute;
  top: 50%;
  right: 0.2rem;
  margin-top: -0.5em;
  line-height: 0.9;
  z-index: 20;
}
.live-box .live-banner:before, .live-box .live-banner:after {
  content: "";
  display: block;
  position: absolute;
  background: #C2C2C2;
  width: 3rem;
  top: 0;
  height: 100%;
  z-index: 10;
  -webkit-transform: skew(-23deg);
  transform: skew(-23deg);
}
.live-box .live-banner:before {
  left: -1.5rem;
}
.live-box .live-banner:after {
  right: -1.5rem;
}
@media screen and (max-width: 500px) {
  .live-box .styled-table, .live-box, .live-box .styled-cell {
    display: block;
    width: 100%;
  }
}

.module.calender-slider, .calender-slider#prodFilterPrevNextMonth {
  padding: 0 0 2rem 0;
}
.module.calender-slider .item, .calender-slider#prodFilterPrevNextMonth .item {
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  position: relative;
  padding-top: 4.2rem;
}
.module.calender-slider .item a, .calender-slider#prodFilterPrevNextMonth .item a, .module.calender-slider .item .no-link, .calender-slider#prodFilterPrevNextMonth .item .no-link {
  font-size: 3.6rem;
  text-decoration: none;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .module.calender-slider .item a, .calender-slider#prodFilterPrevNextMonth .item a, .module.calender-slider .item .no-link, .calender-slider#prodFilterPrevNextMonth .item .no-link {
    font-size: 2.5rem;
  }
}
body.contrast .module.calender-slider .item a, body.contrast .calender-slider#prodFilterPrevNextMonth .item a {
  text-decoration: underline 1px;
  text-underline-offset: 3px;
}
.module.calender-slider .item .no-link, .calender-slider#prodFilterPrevNextMonth .item .no-link {
  color: #E6E6E6;
}
body.contrast .module.calender-slider .item .no-link, body.contrast .calender-slider#prodFilterPrevNextMonth .item .no-link {
  color: #FFFFFF;
  -webkit-text-stroke: 1px #000;
}
.module.calender-slider .item span, .calender-slider#prodFilterPrevNextMonth .item span {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .module.calender-slider .item span, .calender-slider#prodFilterPrevNextMonth .item span {
    font-size: 1.2rem;
  }
}
.module.calender-slider .item span.day, .calender-slider#prodFilterPrevNextMonth .item span.day {
  font-family: "Modus W00 Light", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  display: block;
  color: var(--color-blue-to-black);
  top: 2.1rem;
  width: 100%;
}
.module.calender-slider .item span.fix, .calender-slider#prodFilterPrevNextMonth .item span.fix {
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: var(--color-blue-to-black);
}
.module.calender-slider .item:first-child[data-month] .fix, .calender-slider#prodFilterPrevNextMonth .item:first-child[data-month] .fix {
  display: none;
}
.module.calender-slider #month-box, .calender-slider#prodFilterPrevNextMonth #month-box {
  position: absolute;
  left: 1.5rem;
  top: 0;
  font-size: 1.4rem;
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: var(--color-blue-to-black);
}
@media screen and (max-width: 767px) {
  .module.calender-slider #month-box, .calender-slider#prodFilterPrevNextMonth #month-box {
    left: 5.5rem;
  }
}
.module.calender-slider #month-box span, .calender-slider#prodFilterPrevNextMonth #month-box span {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  z-index: 30;
  background: #FFFFFF;
}
.module.calender-slider #month-box span:first-child, .calender-slider#prodFilterPrevNextMonth #month-box span:first-child {
  display: block;
}
.module.calender-slider #month-box span.show-it, .calender-slider#prodFilterPrevNextMonth #month-box span.show-it {
  display: block;
  z-index: 40;
  width: 70px;
}
@media screen and (max-width: 767px) {
  .module.calender-slider .slick-slider, .calender-slider#prodFilterPrevNextMonth .slick-slider {
    padding: 0 4.1rem;
  }
}
.module.calender-slider .slick-arrow, .calender-slider#prodFilterPrevNextMonth .slick-arrow {
  position: absolute;
  bottom: 0;
  z-index: 50;
  line-height: 1;
  left: -5.5rem;
  font-size: 3.8rem;
  color: var(--color-blue-to-black);
  cursor: pointer;
  transition: color 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;
}
.module.calender-slider .slick-arrow:hover, .calender-slider#prodFilterPrevNextMonth .slick-arrow:hover, .module.calender-slider .slick-arrow:focus, .calender-slider#prodFilterPrevNextMonth .slick-arrow:focus, .module.calender-slider .slick-arrow:active, .calender-slider#prodFilterPrevNextMonth .slick-arrow:active, .module.calender-slider .slick-arrow:focus:active {
  color: #000;
  left: -6rem;
}
body.contrast .module.calender-slider .slick-arrow:hover, body.contrast .calender-slider#prodFilterPrevNextMonth .slick-arrow:hover, body.contrast .module.calender-slider .slick-arrow:focus, body.contrast .calender-slider#prodFilterPrevNextMonth .slick-arrow:focus, body.contrast .module.calender-slider .slick-arrow:active, body.contrast .calender-slider#prodFilterPrevNextMonth .slick-arrow:active, body.contrast .module.calender-slider .slick-arrow:focus:active {
  color: #FFFFFF;
}
.module.calender-slider .slick-arrow:hover.turn, .calender-slider#prodFilterPrevNextMonth .slick-arrow:hover.turn, .module.calender-slider .slick-arrow:hover.slick-next, .calender-slider#prodFilterPrevNextMonth .slick-arrow:hover.slick-next, .module.calender-slider .slick-arrow:focus.turn, .calender-slider#prodFilterPrevNextMonth .slick-arrow:focus.turn, .module.calender-slider .slick-arrow:focus.slick-next, .calender-slider#prodFilterPrevNextMonth .slick-arrow:focus.slick-next, .module.calender-slider .slick-arrow:active.turn, .calender-slider#prodFilterPrevNextMonth .slick-arrow:active.turn, .module.calender-slider .slick-arrow:active.slick-next, .calender-slider#prodFilterPrevNextMonth .slick-arrow:active.slick-next, .module.calender-slider .slick-arrow:focus:active.turn, .module.calender-slider .slick-arrow:focus:active.slick-next {
  right: -6rem;
  left: auto;
}
body.contrast .module.calender-slider .slick-arrow, body.contrast .calender-slider#prodFilterPrevNextMonth .slick-arrow {
  color: #000 !important;
}
.module.calender-slider .slick-arrow.slick-disabled, .calender-slider#prodFilterPrevNextMonth .slick-arrow.slick-disabled {
  cursor: auto;
  color: #E6E6E6;
  left: -5.5rem;
}
.module.calender-slider .slick-arrow.slick-disabled.turn, .calender-slider#prodFilterPrevNextMonth .slick-arrow.slick-disabled.turn {
  left: auto;
  right: -5.5rem;
}
@media screen and (max-width: 767px) {
  .module.calender-slider .slick-arrow, .calender-slider#prodFilterPrevNextMonth .slick-arrow {
    font-size: 2.8rem;
  }
}
.module.calender-slider .slick-arrow.turn, .calender-slider#prodFilterPrevNextMonth .slick-arrow.turn {
  left: auto;
  right: -5.5rem;
}
@media screen and (max-width: 767px) {
  .module.calender-slider .slick-arrow, .calender-slider#prodFilterPrevNextMonth .slick-arrow {
    left: 0;
    transition: color 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;
  }
  .module.calender-slider .slick-arrow:hover, .calender-slider#prodFilterPrevNextMonth .slick-arrow:hover, .module.calender-slider .slick-arrow:focus, .calender-slider#prodFilterPrevNextMonth .slick-arrow:focus, .module.calender-slider .slick-arrow:active, .calender-slider#prodFilterPrevNextMonth .slick-arrow:active, .module.calender-slider .slick-arrow:focus:active {
    color: #000;
    left: -0.5rem;
  }
  body.contrast .module.calender-slider .slick-arrow:hover, body.contrast .calender-slider#prodFilterPrevNextMonth .slick-arrow:hover, body.contrast .module.calender-slider .slick-arrow:focus, body.contrast .calender-slider#prodFilterPrevNextMonth .slick-arrow:focus, body.contrast .module.calender-slider .slick-arrow:active, body.contrast .calender-slider#prodFilterPrevNextMonth .slick-arrow:active, body.contrast .module.calender-slider .slick-arrow:focus:active {
    color: #FFFFFF;
  }
  .module.calender-slider .slick-arrow:hover.turn, .calender-slider#prodFilterPrevNextMonth .slick-arrow:hover.turn, .module.calender-slider .slick-arrow:hover.slick-next, .calender-slider#prodFilterPrevNextMonth .slick-arrow:hover.slick-next, .module.calender-slider .slick-arrow:focus.turn, .calender-slider#prodFilterPrevNextMonth .slick-arrow:focus.turn, .module.calender-slider .slick-arrow:focus.slick-next, .calender-slider#prodFilterPrevNextMonth .slick-arrow:focus.slick-next, .module.calender-slider .slick-arrow:active.turn, .calender-slider#prodFilterPrevNextMonth .slick-arrow:active.turn, .module.calender-slider .slick-arrow:active.slick-next, .calender-slider#prodFilterPrevNextMonth .slick-arrow:active.slick-next, .module.calender-slider .slick-arrow:focus:active.turn, .module.calender-slider .slick-arrow:focus:active.slick-next {
    right: -0.5rem;
    left: auto;
  }
  .module.calender-slider .slick-arrow.turn, .calender-slider#prodFilterPrevNextMonth .slick-arrow.turn {
    left: auto;
    right: 0;
  }
}

#stage + .module.calender-slider, #stage + .calender-slider#prodFilterPrevNextMonth {
  margin-top: 2.3rem;
}

body.contrast .module.news-slider, body.contrast .news-slider#prodFilterPrevNextMonth {
  background: #000;
}
.module.news-slider *, .news-slider#prodFilterPrevNextMonth * {
  color: #FFFFFF;
}
.module.news-slider a, .news-slider#prodFilterPrevNextMonth a {
  text-decoration: none;
}
body.contrast .module.news-slider a, body.contrast .news-slider#prodFilterPrevNextMonth a {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.module.news-slider h2, .news-slider#prodFilterPrevNextMonth h2 {
  font-size: 4.8rem;
  line-height: 1;
  margin-bottom: 3.5rem;
}
.module.news-slider h3, .news-slider#prodFilterPrevNextMonth h3 {
  font-size: 3.2rem;
  line-height: 1;
  margin: 0 0 0.7rem 0;
  margin-bottom: 1.8rem;
}
.module.news-slider p, .news-slider#prodFilterPrevNextMonth p {
  font-size: 2.1rem;
  line-height: 1;
  margin: 0 0 1rem 0;
  line-height: 1.143;
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.module.news-slider p:last-child, .news-slider#prodFilterPrevNextMonth p:last-child {
  margin-bottom: 0;
}
.module.news-slider .arrow-box, .news-slider#prodFilterPrevNextMonth .arrow-box {
  float: left;
  position: relative;
  height: 6.6rem;
}
.module.news-slider .arrow-box .slick-arrow, .news-slider#prodFilterPrevNextMonth .arrow-box .slick-arrow {
  font-size: 6.6rem;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  transition: color 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;
}
.module.news-slider .arrow-box .slick-arrow:hover, .news-slider#prodFilterPrevNextMonth .arrow-box .slick-arrow:hover, .module.news-slider .arrow-box .slick-arrow:focus, .news-slider#prodFilterPrevNextMonth .arrow-box .slick-arrow:focus, .module.news-slider .arrow-box .slick-arrow:active, .news-slider#prodFilterPrevNextMonth .arrow-box .slick-arrow:active, .module.news-slider .arrow-box .slick-arrow:focus:active {
  color: #000;
  left: -0.5rem;
}
body.contrast .module.news-slider .arrow-box .slick-arrow:hover, body.contrast .news-slider#prodFilterPrevNextMonth .arrow-box .slick-arrow:hover, body.contrast .module.news-slider .arrow-box .slick-arrow:focus, body.contrast .news-slider#prodFilterPrevNextMonth .arrow-box .slick-arrow:focus, body.contrast .module.news-slider .arrow-box .slick-arrow:active, body.contrast .news-slider#prodFilterPrevNextMonth .arrow-box .slick-arrow:active, body.contrast .module.news-slider .arrow-box .slick-arrow:focus:active {
  color: #FFFFFF;
}
.module.news-slider .arrow-box .slick-arrow:hover.turn, .news-slider#prodFilterPrevNextMonth .arrow-box .slick-arrow:hover.turn, .module.news-slider .arrow-box .slick-arrow:hover.slick-next, .news-slider#prodFilterPrevNextMonth .arrow-box .slick-arrow:hover.slick-next, .module.news-slider .arrow-box .slick-arrow:focus.turn, .news-slider#prodFilterPrevNextMonth .arrow-box .slick-arrow:focus.turn, .module.news-slider .arrow-box .slick-arrow:focus.slick-next, .news-slider#prodFilterPrevNextMonth .arrow-box .slick-arrow:focus.slick-next, .module.news-slider .arrow-box .slick-arrow:active.turn, .news-slider#prodFilterPrevNextMonth .arrow-box .slick-arrow:active.turn, .module.news-slider .arrow-box .slick-arrow:active.slick-next, .news-slider#prodFilterPrevNextMonth .arrow-box .slick-arrow:active.slick-next, .module.news-slider .arrow-box .slick-arrow:focus:active.turn, .module.news-slider .arrow-box .slick-arrow:focus:active.slick-next {
  right: -0.5rem;
  left: auto;
}
.module.news-slider .arrow-box .slick-arrow.turn, .news-slider#prodFilterPrevNextMonth .arrow-box .slick-arrow.turn {
  right: 0;
  left: auto;
}
.module.news-slider .arrow-box .slick-arrow.slick-disabled, .news-slider#prodFilterPrevNextMonth .arrow-box .slick-arrow.slick-disabled {
  opacity: 0.5;
  color: #FFFFFF;
  cursor: auto;
  left: 0;
}
body.contrast .module.news-slider .arrow-box .slick-arrow.slick-disabled, body.contrast .news-slider#prodFilterPrevNextMonth .arrow-box .slick-arrow.slick-disabled {
  color: #000;
  opacity: 0.8;
}
body.contrast .module.news-slider .arrow-box .slick-arrow.slick-disabled::before, body.contrast .news-slider#prodFilterPrevNextMonth .arrow-box .slick-arrow.slick-disabled::before {
  -webkit-text-stroke: 1px #FFFFFF;
}
.module.news-slider .arrow-box .slick-arrow.slick-disabled.turn, .news-slider#prodFilterPrevNextMonth .arrow-box .slick-arrow.slick-disabled.turn {
  left: auto;
  right: 0;
}
.module.news-slider .dot-box, .news-slider#prodFilterPrevNextMonth .dot-box {
  position: relative;
  counter-reset: section;
  text-align: center;
  width: 33.5rem;
}
.module.news-slider .dot-box .slick-dots, .news-slider#prodFilterPrevNextMonth .dot-box .slick-dots {
  display: inline-block;
  position: relative;
  left: -3.7rem;
  top: -1rem;
}
.module.news-slider .dot-box li, .news-slider#prodFilterPrevNextMonth .dot-box li {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  list-style: none;
  font-size: 3.6rem;
}
.module.news-slider .dot-box li:before, .news-slider#prodFilterPrevNextMonth .dot-box li:before {
  text-align: right;
  display: block;
  counter-increment: section;
  content: counter(section);
  width: 6.1rem;
  left: -3.9rem;
}
.module.news-slider .dot-box li button, .news-slider#prodFilterPrevNextMonth .dot-box li button {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.module.news-slider .dot-box li.slick-active, .news-slider#prodFilterPrevNextMonth .dot-box li.slick-active {
  opacity: 1;
}
.module.news-slider .dot-box li.slick-active:last-child:before, .news-slider#prodFilterPrevNextMonth .dot-box li.slick-active:last-child:before {
  content: counter(section);
}
.module.news-slider .dot-box li:before, .news-slider#prodFilterPrevNextMonth .dot-box li:before, .module.news-slider .dot-box li:after, .news-slider#prodFilterPrevNextMonth .dot-box li:after {
  position: absolute;
  top: 0;
}
.module.news-slider .dot-box li:after, .news-slider#prodFilterPrevNextMonth .dot-box li:after {
  left: 0;
  position: relative;
}
.module.news-slider .dot-box li:last-child, .news-slider#prodFilterPrevNextMonth .dot-box li:last-child {
  opacity: 1;
  display: block;
}
.module.news-slider .dot-box li:last-child:before, .news-slider#prodFilterPrevNextMonth .dot-box li:last-child:before {
  content: "";
}
.module.news-slider .dot-box li:last-child:after, .news-slider#prodFilterPrevNextMonth .dot-box li:last-child:after {
  display: block;
  content: "/ " counter(section);
  left: 3.3rem;
}
.module.news-slider .divider.module, .news-slider#prodFilterPrevNextMonth .divider.module, .module.news-slider .divider#prodFilterPrevNextMonth, .news-slider#prodFilterPrevNextMonth .divider#prodFilterPrevNextMonth {
  padding-bottom: 0;
  margin-bottom: 2rem;
  margin-top: 3rem;
}
body.contrast .module.news-slider .divider.module, body.contrast .news-slider#prodFilterPrevNextMonth .divider.module, body.contrast .module.news-slider .divider#prodFilterPrevNextMonth, body.contrast .news-slider#prodFilterPrevNextMonth .divider#prodFilterPrevNextMonth {
  position: relative;
}
body.contrast .module.news-slider .divider.module:before, body.contrast .news-slider#prodFilterPrevNextMonth .divider.module:before, body.contrast .module.news-slider .divider#prodFilterPrevNextMonth:before, body.contrast .news-slider#prodFilterPrevNextMonth .divider#prodFilterPrevNextMonth:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-size: 6px 3px;
  background-repeat: repeat-x;
  z-index: 500;
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_white.png);
  top: 0;
  bottom: auto;
}
@media screen and (max-width: 525px) {
  .module.news-slider .arrow-box, .news-slider#prodFilterPrevNextMonth .arrow-box {
    width: 100%;
  }
  .module.news-slider .arrow-box .dot-box, .news-slider#prodFilterPrevNextMonth .arrow-box .dot-box {
    width: 100%;
  }
}

.teaser-text h2 {
  margin-bottom: 1.5rem;
}
.teaser-text.colorBack .textbox {
  border-color: #000;
}
.teaser-text.second * {
  color: #000;
}
.teaser-text.second.colorBack * {
  color: #FFFFFF;
}
.teaser-text.second blockquote {
  padding: 0;
  border: none;
}
.teaser-text.second h2, .teaser-text.second blockquote p {
  font-size: 3.2rem;
  line-height: 1;
}
.teaser-text.second p {
  font-size: 1.8rem;
  line-height: 1.33334;
}
.teaser-text.second .image {
  margin: 5rem 0 2.6rem;
}

.grid-block.two-columns-big .module.headline, .grid-block.two-columns-big .headline#prodFilterPrevNextMonth {
  padding-bottom: 2.6rem;
}
.module.headline + .grid-block.two-columns-big, .headline#prodFilterPrevNextMonth + .grid-block.two-columns-big {
  margin-top: -3.6rem;
}
@media screen and (max-width: 767px) {
  .module.headline, .headline#prodFilterPrevNextMonth {
    padding-bottom: 2.4rem;
  }
}
.module.headline span, .headline#prodFilterPrevNextMonth span {
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  margin-bottom: 0.4rem;
}
.module.headline h1, .headline#prodFilterPrevNextMonth h1, .module.headline h2.big, .headline#prodFilterPrevNextMonth h2.big {
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
  .module.headline h1, .headline#prodFilterPrevNextMonth h1, .module.headline h2.big, .headline#prodFilterPrevNextMonth h2.big {
    margin-bottom: 0;
  }
}
#main-container .module.headline + #prodList, #main-container .headline#prodFilterPrevNextMonth + #prodList {
  margin-top: -2.5rem;
}
@media screen and (max-width: 767px) {
  #main-container .module.headline + #prodList, #main-container .headline#prodFilterPrevNextMonth + #prodList {
    margin-top: 0.7rem;
  }
}
.module.headline + .bigLinkGrid.full, .headline#prodFilterPrevNextMonth + .bigLinkGrid.full {
  padding-top: 0;
}

@media screen and (max-width: 991px) {
  .module.scrollpage, .scrollpage#prodFilterPrevNextMonth {
    padding-top: 3.6rem !important;
  }
}
.module.scrollpage .container, .scrollpage#prodFilterPrevNextMonth .container {
  position: relative;
  width: 95vw;
  left: 50%;
  transform: translateX(-50%);
  margin-left: 0;
  margin-right: 0;
}
.module.scrollpage .scroll-area, .scrollpage#prodFilterPrevNextMonth .scroll-area {
  position: relative;
}
@media screen and (max-width: 991px) {
  .module.scrollpage .scroll-area, .scrollpage#prodFilterPrevNextMonth .scroll-area {
    height: auto !important;
  }
}
.module.scrollpage .teaser, .scrollpage#prodFilterPrevNextMonth .teaser {
  max-width: 380px;
  width: 25vw;
  position: absolute;
  top: 0;
  left: 0;
  padding: 15px;
}
@media screen and (max-width: 991px) {
  .module.scrollpage .teaser, .scrollpage#prodFilterPrevNextMonth .teaser {
    max-width: none !important;
    width: 50% !important;
    top: 0 !important;
    left: 0 !important;
    position: relative !important;
    float: left;
  }
}
@media screen and (max-width: 767px) {
  .module.scrollpage .teaser, .scrollpage#prodFilterPrevNextMonth .teaser {
    width: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .module.scrollpage .teaser:hover, .scrollpage#prodFilterPrevNextMonth .teaser:hover {
    background: #FFFFFF;
    z-index: 990;
    outline: 3px solid #01B4FE;
  }
}
@media screen and (min-width: 992px) {
  .module.scrollpage .teaser.is-centered, .scrollpage#prodFilterPrevNextMonth .teaser.is-centered {
    transform: translateX(-50%);
  }
}
.module.scrollpage .teaser .content, .scrollpage#prodFilterPrevNextMonth .teaser .content {
  padding: 1rem 1.5rem 0 1.5rem;
}
.module.scrollpage .teaser .date, .scrollpage#prodFilterPrevNextMonth .teaser .date {
  display: inline-block;
  margin-bottom: 1.2rem;
}
.module.scrollpage .teaser h2, .scrollpage#prodFilterPrevNextMonth .teaser h2 {
  margin-bottom: 1rem;
}
.module.scrollpage .teaser h3, .scrollpage#prodFilterPrevNextMonth .teaser h3 {
  margin-bottom: 1rem;
}
.module.scrollpage .live-box, .scrollpage#prodFilterPrevNextMonth .live-box {
  max-width: 1024px;
  transform: translateX(-50%);
  left: 50%;
  z-index: 200;
  margin-bottom: 3.6rem;
}
@media screen and (max-width: 991px) {
  .module.scrollpage .live-box, .scrollpage#prodFilterPrevNextMonth .live-box {
    max-width: calc(100% - 30px);
    top: 0 !important;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    float: left;
  }
}
.module.scrollpage .live-box .textbox, .scrollpage#prodFilterPrevNextMonth .live-box .textbox {
  color: #000;
  padding: 2.2rem 2rem 2rem 2rem;
}
.module.scrollpage .live-box .textbox h2, .scrollpage#prodFilterPrevNextMonth .live-box .textbox h2 {
  margin-bottom: 2rem;
}
.module.scrollpage .live-box .img-box i, .scrollpage#prodFilterPrevNextMonth .live-box .img-box i {
  transition: color 0.35s ease-in-out;
  color: #FFFFFF;
}
.module.scrollpage .live-box .live-link:hover .img-box i, .scrollpage#prodFilterPrevNextMonth .live-box .live-link:hover .img-box i, .module.scrollpage .live-box .live-link:focus .img-box i, .scrollpage#prodFilterPrevNextMonth .live-box .live-link:focus .img-box i {
  color: #01B4FE;
}
.module.scrollpage .primary-btn, .scrollpage#prodFilterPrevNextMonth .primary-btn {
  margin-top: 1.5rem;
}
.module.scrollpage .primary-btn.no-btn, .scrollpage#prodFilterPrevNextMonth .primary-btn.no-btn {
  font-size: 1.8rem;
  line-height: 1.278;
  padding: 1rem 1.4rem 0.9rem;
}
.module.scrollpage .primary-btn.no-btn.on-back, .scrollpage#prodFilterPrevNextMonth .primary-btn.no-btn.on-back {
  color: #000;
  border-color: #000;
}

.hau-slider-content-layout .tab-navigation .module, .hau-slider-content-layout .tab-navigation #prodFilterPrevNextMonth, .hau-content-layout .tab-navigation .module, .hau-content-layout .tab-navigation #prodFilterPrevNextMonth {
  padding: 2rem 0;
}
.hau-slider-content-layout .tab-navigation .module:last-child, .hau-slider-content-layout .tab-navigation #prodFilterPrevNextMonth:last-child, .hau-content-layout .tab-navigation .module:last-child, .hau-content-layout .tab-navigation #prodFilterPrevNextMonth:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.hau-slider-content-layout .tab-navigation .module:first-child:not(.stageVideo), .hau-slider-content-layout .tab-navigation #prodFilterPrevNextMonth:first-child:not(.stageVideo), .hau-content-layout .tab-navigation .module:first-child:not(.stageVideo), .hau-content-layout .tab-navigation #prodFilterPrevNextMonth:first-child:not(.stageVideo) {
  padding: 2rem 0;
}
.hau-slider-content-layout .tab-navigation .ui-tabs, .hau-content-layout .tab-navigation .ui-tabs {
  padding: 0;
}
.hau-slider-content-layout .tab-navigation .ui-tabs-nav, .hau-content-layout .tab-navigation .ui-tabs-nav {
  margin-left: 9rem;
}
@media screen and (max-width: 991.98px) {
  .hau-slider-content-layout .tab-navigation .ui-tabs-nav, .hau-content-layout .tab-navigation .ui-tabs-nav {
    margin-left: 1.5em;
  }
}
.hau-slider-content-layout .tab-navigation .ui-widget-header, .hau-content-layout .tab-navigation .ui-widget-header {
  background: transparent;
  border: none;
}
.hau-slider-content-layout .tab-navigation .ui-state-default, .hau-slider-content-layout .tab-navigation .ui-widget-content .ui-state-default, .hau-slider-content-layout .tab-navigation .ui-widget-header .ui-state-default, .hau-slider-content-layout .tab-navigation .ui-button, .hau-content-layout .tab-navigation .ui-state-default, .hau-content-layout .tab-navigation .ui-widget-content .ui-state-default, .hau-content-layout .tab-navigation .ui-widget-header .ui-state-default, .hau-content-layout .tab-navigation .ui-button {
  border-color: transparent;
  background: transparent;
}
.hau-slider-content-layout .tab-navigation .ui-tabs .ui-tabs-nav li.ui-tabs-active, .hau-content-layout .tab-navigation .ui-tabs .ui-tabs-nav li.ui-tabs-active {
  background: white;
  border: 4px solid #01B4FE;
  border-bottom: none;
  position: relative;
  border-radius: 0;
}
@media screen and (max-width: 991.98px) {
  .hau-slider-content-layout .tab-navigation .ui-tabs .ui-tabs-nav li.ui-tabs-active, .hau-content-layout .tab-navigation .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    border: none;
  }
}
.hau-slider-content-layout .tab-navigation .ui-tabs .ui-tabs-nav li.ui-tabs-active::after, .hau-content-layout .tab-navigation .ui-tabs .ui-tabs-nav li.ui-tabs-active::after {
  content: "";
  position: absolute;
  background-color: white;
  top: 90%;
  left: 0;
  right: 0;
  height: 2rem;
}
@media screen and (max-width: 991.98px) {
  .hau-slider-content-layout .tab-navigation .ui-tabs .ui-tabs-nav li::after,
.hau-slider-content-layout .tab-navigation .ui-tabs .ui-tabs-nav li.ui-tabs-active::after, .hau-content-layout .tab-navigation .ui-tabs .ui-tabs-nav li::after,
.hau-content-layout .tab-navigation .ui-tabs .ui-tabs-nav li.ui-tabs-active::after {
    content: "";
    position: absolute;
    background-color: #01B4FE;
    top: auto;
    bottom: 2px;
    height: 4px;
    opacity: 0;
    transition: opacity 300ms linear;
  }
}
@media screen and (max-width: 991.98px) {
  .hau-slider-content-layout .tab-navigation .ui-tabs .ui-tabs-nav li.ui-tabs-active::after, .hau-content-layout .tab-navigation .ui-tabs .ui-tabs-nav li.ui-tabs-active::after {
    opacity: 1;
  }
}
.hau-slider-content-layout .tab-navigation .ui-state-active a, .hau-slider-content-layout .tab-navigation .ui-state-active a:link, .hau-slider-content-layout .tab-navigation .ui-state-active a:visited, .hau-content-layout .tab-navigation .ui-state-active a, .hau-content-layout .tab-navigation .ui-state-active a:link, .hau-content-layout .tab-navigation .ui-state-active a:visited {
  color: #000;
  font-weight: bold;
}
.hau-slider-content-layout .tab-navigation .ui-state-default a, .hau-slider-content-layout .tab-navigation .ui-state-default a:link, .hau-slider-content-layout .tab-navigation .ui-state-default a:visited, .hau-slider-content-layout .tab-navigation a.ui-button, .hau-slider-content-layout .tab-navigation a:link.ui-button, .hau-slider-content-layout .tab-navigation a:visited.ui-button, .hau-slider-content-layout .tab-navigation .ui-button, .hau-content-layout .tab-navigation .ui-state-default a, .hau-content-layout .tab-navigation .ui-state-default a:link, .hau-content-layout .tab-navigation .ui-state-default a:visited, .hau-content-layout .tab-navigation a.ui-button, .hau-content-layout .tab-navigation a:link.ui-button, .hau-content-layout .tab-navigation a:visited.ui-button, .hau-content-layout .tab-navigation .ui-button {
  color: #000;
  font-weight: bold;
}
.hau-slider-content-layout .tab-navigation .ui-widget.ui-widget-content, .hau-content-layout .tab-navigation .ui-widget.ui-widget-content {
  border: none;
}
.hau-slider-content-layout .tab-navigation .ui-widget-content, .hau-content-layout .tab-navigation .ui-widget-content {
  border: 4px solid #01B4FE;
  background: rgba(0, 0, 0, 0);
}
@media screen and (max-width: 991.98px) {
  .hau-slider-content-layout .tab-navigation .ui-widget-content, .hau-content-layout .tab-navigation .ui-widget-content {
    border: 1px solid #01B4FE;
  }
}
@media screen and (max-width: 991.98px) {
  .hau-slider-content-layout .tab-navigation li, .hau-content-layout .tab-navigation li {
    margin: 0 0.5rem 0 0;
    float: none;
    display: inline-block;
  }
}
.hau-slider-content-layout .tab-navigation li a, .hau-content-layout .tab-navigation li a {
  font-size: 2rem;
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  padding: 2rem !important;
}
@media screen and (max-width: 991.98px) {
  .hau-slider-content-layout .tab-navigation li a, .hau-content-layout .tab-navigation li a {
    padding: 10px !important;
  }
}
@media screen and (max-width: 991.98px) {
  .hau-slider-content-layout .tab-navigation ul, .hau-content-layout .tab-navigation ul {
    margin-bottom: -8px;
  }
  .hau-slider-content-layout .tab-navigation ul::-webkit-scrollbar, .hau-content-layout .tab-navigation ul::-webkit-scrollbar {
    height: 0;
    background: transparent;
  }
  .hau-slider-content-layout .tab-navigation .ui-tabs .ui-tabs-nav, .hau-content-layout .tab-navigation .ui-tabs .ui-tabs-nav {
    white-space: nowrap;
    overflow-x: auto;
  }
}

.hau-slider-content-layout .module .event-teaser, .hau-slider-content-layout #prodFilterPrevNextMonth .event-teaser, .hau-content-layout .module .event-teaser, .hau-content-layout #prodFilterPrevNextMonth .event-teaser {
  position: relative;
}
.hau-slider-content-layout .module .event-teaser:before, .hau-slider-content-layout #prodFilterPrevNextMonth .event-teaser:before, .hau-content-layout .module .event-teaser:before, .hau-content-layout #prodFilterPrevNextMonth .event-teaser:before {
  position: absolute;
  left: 15px;
  content: "";
  bottom: 0;
  top: auto;
  display: block;
  width: 98.5%;
  height: 3px;
  background-size: 6px 3px;
  background-repeat: repeat-x;
  z-index: 500;
  background-image: url(/typo3conf/ext/tbs/Resources/Public/Images/hau_dot_blue.png);
}
@media screen and (max-width: 767px) {
  .hau-slider-content-layout .module .event-teaser:before, .hau-slider-content-layout #prodFilterPrevNextMonth .event-teaser:before, .hau-content-layout .module .event-teaser:before, .hau-content-layout #prodFilterPrevNextMonth .event-teaser:before {
    width: 100%;
    left: 0;
  }
}
.hau-slider-content-layout .module .event-teaser:last-child, .hau-slider-content-layout #prodFilterPrevNextMonth .event-teaser:last-child, .hau-content-layout .module .event-teaser:last-child, .hau-content-layout #prodFilterPrevNextMonth .event-teaser:last-child {
  padding-bottom: 0;
}
.hau-slider-content-layout .module .event-teaser:last-child:before, .hau-slider-content-layout #prodFilterPrevNextMonth .event-teaser:last-child:before, .hau-content-layout .module .event-teaser:last-child:before, .hau-content-layout #prodFilterPrevNextMonth .event-teaser:last-child:before {
  display: none;
}
.hau-slider-content-layout .module .event-teaser .container-fluid, .hau-slider-content-layout #prodFilterPrevNextMonth .event-teaser .container-fluid, .hau-content-layout .module .event-teaser .container-fluid, .hau-content-layout #prodFilterPrevNextMonth .event-teaser .container-fluid {
  margin: 0;
  padding: 0;
}
.hau-slider-content-layout .module .event-teaser .container-fluid .row, .hau-slider-content-layout #prodFilterPrevNextMonth .event-teaser .container-fluid .row, .hau-content-layout .module .event-teaser .container-fluid .row, .hau-content-layout #prodFilterPrevNextMonth .event-teaser .container-fluid .row {
  position: relative;
}
.hau-slider-content-layout .module .event-teaser__container, .hau-slider-content-layout #prodFilterPrevNextMonth .event-teaser__container, .hau-content-layout .module .event-teaser__container, .hau-content-layout #prodFilterPrevNextMonth .event-teaser__container {
  margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .hau-slider-content-layout .module .event-teaser__container, .hau-slider-content-layout #prodFilterPrevNextMonth .event-teaser__container, .hau-content-layout .module .event-teaser__container, .hau-content-layout #prodFilterPrevNextMonth .event-teaser__container {
    padding-bottom: 0;
  }
}
.hau-slider-content-layout .module .event-teaser__header, .hau-slider-content-layout #prodFilterPrevNextMonth .event-teaser__header, .hau-content-layout .module .event-teaser__header, .hau-content-layout #prodFilterPrevNextMonth .event-teaser__header {
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 767px) {
  .hau-slider-content-layout .module .event-teaser__header, .hau-slider-content-layout #prodFilterPrevNextMonth .event-teaser__header, .hau-content-layout .module .event-teaser__header, .hau-content-layout #prodFilterPrevNextMonth .event-teaser__header {
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
.hau-slider-content-layout .module .event-teaser__subheader, .hau-slider-content-layout #prodFilterPrevNextMonth .event-teaser__subheader, .hau-content-layout .module .event-teaser__subheader, .hau-content-layout #prodFilterPrevNextMonth .event-teaser__subheader {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 767px) {
  .hau-slider-content-layout .module .event-teaser__subheader, .hau-slider-content-layout #prodFilterPrevNextMonth .event-teaser__subheader, .hau-content-layout .module .event-teaser__subheader, .hau-content-layout #prodFilterPrevNextMonth .event-teaser__subheader {
    padding-bottom: 0;
    font-size: 1.6rem;
  }
}
.hau-slider-content-layout .module .event-teaser__date, .hau-slider-content-layout #prodFilterPrevNextMonth .event-teaser__date, .hau-content-layout .module .event-teaser__date, .hau-content-layout #prodFilterPrevNextMonth .event-teaser__date {
  margin-right: 3rem;
  font-family: "Modus W00 Bold", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.5rem;
}
.hau-slider-content-layout .module .event-teaser__date-mobile, .hau-slider-content-layout #prodFilterPrevNextMonth .event-teaser__date-mobile, .hau-content-layout .module .event-teaser__date-mobile, .hau-content-layout #prodFilterPrevNextMonth .event-teaser__date-mobile {
  display: none;
}
@media screen and (max-width: 767px) {
  .hau-slider-content-layout .module .event-teaser__date-mobile, .hau-slider-content-layout #prodFilterPrevNextMonth .event-teaser__date-mobile, .hau-content-layout .module .event-teaser__date-mobile, .hau-content-layout #prodFilterPrevNextMonth .event-teaser__date-mobile {
    display: block;
  }
}
.hau-slider-content-layout .module .event-teaser__date:last-child, .hau-slider-content-layout #prodFilterPrevNextMonth .event-teaser__date:last-child, .hau-content-layout .module .event-teaser__date:last-child, .hau-content-layout #prodFilterPrevNextMonth .event-teaser__date:last-child {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .hau-slider-content-layout .module .event-teaser__date, .hau-slider-content-layout #prodFilterPrevNextMonth .event-teaser__date, .hau-content-layout .module .event-teaser__date, .hau-content-layout #prodFilterPrevNextMonth .event-teaser__date {
    font-size: 13px;
    margin-right: 2rem;
  }
}
.hau-slider-content-layout .module .event-teaser__links_container, .hau-slider-content-layout #prodFilterPrevNextMonth .event-teaser__links_container, .hau-content-layout .module .event-teaser__links_container, .hau-content-layout #prodFilterPrevNextMonth .event-teaser__links_container {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 991.98px) {
  .hau-slider-content-layout .module .event-teaser__links_container, .hau-slider-content-layout #prodFilterPrevNextMonth .event-teaser__links_container, .hau-content-layout .module .event-teaser__links_container, .hau-content-layout #prodFilterPrevNextMonth .event-teaser__links_container {
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  .hau-slider-content-layout .module .event-teaser__links_container, .hau-slider-content-layout #prodFilterPrevNextMonth .event-teaser__links_container, .hau-content-layout .module .event-teaser__links_container, .hau-content-layout #prodFilterPrevNextMonth .event-teaser__links_container {
    margin-top: -4px;
  }
}
.hau-slider-content-layout .module .event-teaser__links a, .hau-slider-content-layout #prodFilterPrevNextMonth .event-teaser__links a, .hau-content-layout .module .event-teaser__links a, .hau-content-layout #prodFilterPrevNextMonth .event-teaser__links a {
  float: right;
}
@media screen and (max-width: 400px) {
  .hau-slider-content-layout .module .event-teaser__links a, .hau-slider-content-layout #prodFilterPrevNextMonth .event-teaser__links a, .hau-content-layout .module .event-teaser__links a, .hau-content-layout #prodFilterPrevNextMonth .event-teaser__links a {
    min-width: 12rem !important;
  }
}
.hau-slider-content-layout .module .event-teaser__links a.first-btn, .hau-slider-content-layout #prodFilterPrevNextMonth .event-teaser__links a.first-btn, .hau-content-layout .module .event-teaser__links a.first-btn, .hau-content-layout #prodFilterPrevNextMonth .event-teaser__links a.first-btn {
  color: black;
  border: 0.2rem solid var(--color-blue-to-black);
}
.hau-slider-content-layout .module .event-teaser__links a.first-btn:hover, .hau-slider-content-layout #prodFilterPrevNextMonth .event-teaser__links a.first-btn:hover, .hau-content-layout .module .event-teaser__links a.first-btn:hover, .hau-content-layout #prodFilterPrevNextMonth .event-teaser__links a.first-btn:hover {
  background: var(--color-blue-to-black);
  color: white;
}
.hau-slider-content-layout .module .event-teaser__links a.first-btn:active, .hau-slider-content-layout #prodFilterPrevNextMonth .event-teaser__links a.first-btn:active, .hau-slider-content-layout .module .event-teaser__links a.first-btn:focus, .hau-slider-content-layout #prodFilterPrevNextMonth .event-teaser__links a.first-btn:focus, .hau-content-layout .module .event-teaser__links a.first-btn:active, .hau-content-layout #prodFilterPrevNextMonth .event-teaser__links a.first-btn:active, .hau-content-layout .module .event-teaser__links a.first-btn:focus, .hau-content-layout #prodFilterPrevNextMonth .event-teaser__links a.first-btn:focus {
  background-color: white;
}
@media screen and (max-width: 991.98px) {
  .hau-slider-content-layout .module .event-teaser__links a, .hau-slider-content-layout #prodFilterPrevNextMonth .event-teaser__links a, .hau-content-layout .module .event-teaser__links a, .hau-content-layout #prodFilterPrevNextMonth .event-teaser__links a {
    float: left;
  }
}
.hau-slider-content-layout .module .event-teaser__links a.second-btn, .hau-slider-content-layout #prodFilterPrevNextMonth .event-teaser__links a.second-btn, .hau-content-layout .module .event-teaser__links a.second-btn, .hau-content-layout #prodFilterPrevNextMonth .event-teaser__links a.second-btn {
  border: 0.2rem solid var(--color-blue-to-black);
  background: var(--color-blue-to-black);
  color: white;
}
@media screen and (max-width: 991.98px) {
  .hau-slider-content-layout .module .event-teaser__links a.second-btn, .hau-slider-content-layout #prodFilterPrevNextMonth .event-teaser__links a.second-btn, .hau-content-layout .module .event-teaser__links a.second-btn, .hau-content-layout #prodFilterPrevNextMonth .event-teaser__links a.second-btn {
    float: right;
  }
}
.hau-slider-content-layout .module .event-teaser__links a.second-btn:hover, .hau-slider-content-layout #prodFilterPrevNextMonth .event-teaser__links a.second-btn:hover, .hau-content-layout .module .event-teaser__links a.second-btn:hover, .hau-content-layout #prodFilterPrevNextMonth .event-teaser__links a.second-btn:hover {
  background: var(--color-black-to-white);
  color: var(--color-white-to-black);
  border: 0.2rem solid black;
}
@media screen and (max-width: 991.98px) {
  .hau-slider-content-layout .module .event-teaser__links a, .hau-slider-content-layout #prodFilterPrevNextMonth .event-teaser__links a, .hau-content-layout .module .event-teaser__links a, .hau-content-layout #prodFilterPrevNextMonth .event-teaser__links a {
    padding: 1.5rem;
    min-width: 14rem;
  }
}
@media screen and (max-width: 767px) {
  .hau-slider-content-layout .module .event-teaser__text, .hau-slider-content-layout #prodFilterPrevNextMonth .event-teaser__text, .hau-content-layout .module .event-teaser__text, .hau-content-layout #prodFilterPrevNextMonth .event-teaser__text {
    display: none;
  }
}
.hau-slider-content-layout .module .event-teaser__text-mobile, .hau-slider-content-layout #prodFilterPrevNextMonth .event-teaser__text-mobile, .hau-content-layout .module .event-teaser__text-mobile, .hau-content-layout #prodFilterPrevNextMonth .event-teaser__text-mobile {
  display: none;
}
@media screen and (max-width: 767px) {
  .hau-slider-content-layout .module .event-teaser__text-mobile, .hau-slider-content-layout #prodFilterPrevNextMonth .event-teaser__text-mobile, .hau-content-layout .module .event-teaser__text-mobile, .hau-content-layout #prodFilterPrevNextMonth .event-teaser__text-mobile {
    display: block;
  }
}

#grid.page-journal .colorBack,
#grid.page-journal .colorBack .infoBox,
#grid.page-journal .gridBack,
#grid.page-journal .gridBack .infoBox,
#grid.page-journal .coloredBack.full-back {
  background: #000;
}
#grid.page-journal .colorBack *,
#grid.page-journal .colorBack .infoBox *,
#grid.page-journal .gridBack *,
#grid.page-journal .gridBack .infoBox *,
#grid.page-journal .coloredBack.full-back * {
  color: #FFFFFF;
}
#grid.page-journal .teaserSlider i {
  color: #FFFFFF;
}

.module.textElementImageVideo h1:first-child, .textElementImageVideo#prodFilterPrevNextMonth h1:first-child, .module.textElementImageVideo h2:first-child, .textElementImageVideo#prodFilterPrevNextMonth h2:first-child, .module.textElementImageVideo h3:first-child, .textElementImageVideo#prodFilterPrevNextMonth h3:first-child, .module.textElementImageVideo h4:first-child, .textElementImageVideo#prodFilterPrevNextMonth h4:first-child, .module.textElementImageVideo h5:first-child, .textElementImageVideo#prodFilterPrevNextMonth h5:first-child {
  margin-top: 0;
}
.module.textElementImageVideo p:first-child, .textElementImageVideo#prodFilterPrevNextMonth p:first-child, .module.textElementImageVideo ul:first-child, .textElementImageVideo#prodFilterPrevNextMonth ul:first-child, .module.textElementImageVideo ol:first-child, .textElementImageVideo#prodFilterPrevNextMonth ol:first-child, .module.textElementImageVideo.smaller p:first-child, .module.textElementImageVideo.smaller ul:first-child, .module.textElementImageVideo.smaller ol:first-child, .module.textElementImageVideo.bigger p:first-child, .module.textElementImageVideo.bigger ul:first-child, .module.textElementImageVideo.bigger ol:first-child {
  margin-top: 0;
}
.module.textElementImageVideo .text + a, .textElementImageVideo#prodFilterPrevNextMonth .text + a {
  margin-top: 2rem;
}

@media screen and (max-width: 767px) {
  .module.textElementImageVideo *[class*=col-xs-], .textElementImageVideo#prodFilterPrevNextMonth *[class*=col-xs-] {
    width: 100%;
    display: block;
  }
  .module.textElementImageVideo *[class*=col-xs-]:last-child, .textElementImageVideo#prodFilterPrevNextMonth *[class*=col-xs-]:last-child {
    margin-top: 2rem;
  }
}

/*# sourceMappingURL=hau.css.map */