@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");
}
.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: "";
}

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

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

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;
}

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;
}
.backgroundBox.lessPadd {
  padding-left: 0;
  padding-right: 0;
}

.colorBack, .colorBack .infoBox, .gridBack, .gridBack .infoBox {
  background: #01B4FE;
}

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

.colorBack-2, .colorBack-2 .infoBox {
  background: #ECECEC;
}

.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;
}
.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;
}
.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;
}
.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;
}
.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: #01B4FE;
}
#grid.page-journal a, #grid.page-journal .link {
  color: #000;
}
a:hover, .link:hover {
  color: #000;
}
a:focus, .link:focus {
  color: #000;
}
a:active, .link:active {
  color: #000;
}
.colorBack a, .colorBack-2 a, .colorBack .link, .colorBack-2 .link {
  color: #000;
}
.colorBack a:hover, .colorBack-2 a:hover, .colorBack .link:hover, .colorBack-2 .link:hover {
  color: #FFFFFF;
}
.colorBack a:focus, .colorBack-2 a:focus, .colorBack .link:focus, .colorBack-2 .link:focus {
  color: #FFFFFF;
}
.colorBack a:active, .colorBack-2 a:active, .colorBack .link:active, .colorBack-2 .link:active {
  color: #FFFFFF;
}
.colorBack-2 a, .colorBack-2 .link {
  color: #000;
}
.colorBack-2 a:hover, .colorBack-2 .link:hover {
  color: #01B4FE;
}
.colorBack-2 a:focus, .colorBack-2 .link:focus {
  color: #01B4FE;
}
.colorBack-2 a:active, .colorBack-2 .link:active {
  color: #01B4FE;
}
a.black-link, .link.black-link {
  color: #000;
  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: #01B4FE;
}
.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: #01B4FE;
}
.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%, white 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 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;
}
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%, white 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, white 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, white 100%);
  }
  .mobile-slide-wrap .mobile-table-wrap:before {
    left: 0;
    background: -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, white 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;
  }
}
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: #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;
}
@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;
}
.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: #01B4FE;
}
#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, button.primary-btn:hover, button.primary-btn.hover {
  color: #FFFFFF;
  background-color: #000;
  border: 0.2rem solid #000;
}
a.primary-btn:focus, a.primary-btn.focus, button.primary-btn:focus, button.primary-btn.focus {
  color: #FFFFFF;
  background-color: #000;
  border: 0.2rem solid #000;
}
a.primary-btn:active, a.primary-btn.active, button.primary-btn:active, button.primary-btn.active {
  color: #FFFFFF;
  background-color: #000;
  border: 0.2rem solid 0.2rem solid #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: #01B4FE;
}
a.primary-btn.line:hover, a.primary-btn.line.hover, button.primary-btn.line:hover, button.primary-btn.line.hover {
  color: #000;
  background-color: transparent;
  border: 0.2rem solid #000;
}
a.primary-btn.line:focus, a.primary-btn.line.focus, button.primary-btn.line:focus, button.primary-btn.line.focus {
  color: #000;
  background-color: transparent;
  border: 0.2rem solid #000;
}
a.primary-btn.line:active, a.primary-btn.line.active, button.primary-btn.line:active, button.primary-btn.line.active {
  color: #000;
  background-color: transparent;
  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: #01B4FE;
  background-color: #FFFFFF;
  border: 0.2rem solid #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: #01B4FE;
}
a.primary-btn.full, button.primary-btn.full {
  width: 100%;
  max-width: none;
}
@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: 2px solid #000;
}
.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: 2px solid #FFFFFF;
}
.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: 2px solid #000;
}
.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: 2px solid #01B4FE;
}
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;
}
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: 2px solid #000;
}
.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: 2px solid #FFFFFF;
}
.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: 2px solid #000;
}
.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: 2px solid #01B4FE;
}
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;
}
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: #01B4FE;
  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, #main-footer .backgroundBox a.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;
}
@media screen and (min-width: 992px) {
  .backgroundBox a.primary-btn.no-mag, #main-footer .backgroundBox a.primary-btn.no-mag {
    margin: 0;
  }
}
#grid.page-journal .backgroundBox a.primary-btn, #grid.page-journal #main-footer .backgroundBox a.primary-btn {
  border-color: #000;
  background-color: #000;
  color: #FFFFFF;
}
.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 #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 {
  border-color: #FFFFFF;
  background-color: #FFFFFF;
  color: #01B4FE;
}
#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 #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 {
  border-color: #FFFFFF;
  background-color: #FFFFFF;
  color: #000;
}
.backgroundBox a.primary-btn:hover, .backgroundBox a.primary-btn.hover, #main-footer .backgroundBox a.primary-btn:hover, #main-footer .backgroundBox a.primary-btn.hover {
  color: #FFFFFF;
  background-color: #000;
  border: 0.2rem solid #000;
}
.backgroundBox a.primary-btn:focus, .backgroundBox a.primary-btn.focus, #main-footer .backgroundBox a.primary-btn:focus, #main-footer .backgroundBox a.primary-btn.focus {
  color: #FFFFFF;
  background-color: #000;
  border: 0.2rem solid #000;
}
.backgroundBox a.primary-btn:active, .backgroundBox a.primary-btn.active, #main-footer .backgroundBox a.primary-btn:active, #main-footer .backgroundBox a.primary-btn.active {
  color: #FFFFFF;
  background-color: #000;
  border: 0.2rem solid 0.2rem solid #000;
}
.backgroundBox a.primary-btn.inactive, #main-footer .backgroundBox a.primary-btn.inactive {
  pointer-events: none;
  color: #ECECEC;
  background-color: #ECECEC;
  border: 0.2rem solid #ECECEC;
}
.backgroundBox a.primary-btn.line, #main-footer .backgroundBox a.primary-btn.line {
  background-color: transparent;
  color: #01B4FE;
}
.backgroundBox a.primary-btn.line:hover, .backgroundBox a.primary-btn.line.hover, #main-footer .backgroundBox a.primary-btn.line:hover, #main-footer .backgroundBox a.primary-btn.line.hover {
  color: #000;
  background-color: transparent;
  border: 0.2rem solid #000;
}
.backgroundBox a.primary-btn.line:focus, .backgroundBox a.primary-btn.line.focus, #main-footer .backgroundBox a.primary-btn.line:focus, #main-footer .backgroundBox a.primary-btn.line.focus {
  color: #000;
  background-color: transparent;
  border: 0.2rem solid #000;
}
.backgroundBox a.primary-btn.line:active, .backgroundBox a.primary-btn.line.active, #main-footer .backgroundBox a.primary-btn.line:active, #main-footer .backgroundBox a.primary-btn.line.active {
  color: #000;
  background-color: transparent;
  border: 0.2rem solid #000;
}
.backgroundBox a.primary-btn.line.inactive, #main-footer .backgroundBox a.primary-btn.line.inactive {
  pointer-events: none;
  color: #01B4FE;
  background-color: #ECECEC;
  border: 0.2rem solid #ECECEC;
}
.backgroundBox a.primary-btn.revert, #main-footer .backgroundBox a.primary-btn.revert {
  color: #01B4FE;
  background-color: #FFFFFF;
  border: 0.2rem solid #FFFFFF;
}
.backgroundBox a.primary-btn.revert:hover, .backgroundBox a.primary-btn.revert.hover, #main-footer .backgroundBox a.primary-btn.revert:hover, #main-footer .backgroundBox a.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, #main-footer .backgroundBox a.primary-btn.revert:focus, #main-footer .backgroundBox a.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, #main-footer .backgroundBox a.primary-btn.revert:active, #main-footer .backgroundBox a.primary-btn.revert.active {
  color: #FFFFFF;
  background-color: #000;
  border: 0.2rem solid #000;
}
.backgroundBox a.primary-btn.revert.inactive, #main-footer .backgroundBox a.primary-btn.revert.inactive {
  pointer-events: none;
  color: #ECECEC;
  background-color: #ECECEC;
  border: 0.2rem solid #ECECEC;
}
.backgroundBox a.primary-btn.revert.line, #main-footer .backgroundBox a.primary-btn.revert.line {
  background-color: transparent;
  color: #FFFFFF;
}
.backgroundBox a.primary-btn.revert.line:hover, .backgroundBox a.primary-btn.revert.line.hover, #main-footer .backgroundBox a.primary-btn.revert.line:hover, #main-footer .backgroundBox a.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, #main-footer .backgroundBox a.primary-btn.revert.line:focus, #main-footer .backgroundBox a.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, #main-footer .backgroundBox a.primary-btn.revert.line:active, #main-footer .backgroundBox a.primary-btn.revert.line.active {
  color: #000;
  background-color: transparent;
  border: 0.2rem solid #000;
}
.backgroundBox a.primary-btn.revert.line.inactive, #main-footer .backgroundBox a.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, #main-footer .backgroundBox a.primary-btn.revert-hover:hover, #main-footer .backgroundBox a.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, #main-footer .backgroundBox a.primary-btn.revert-hover:focus, #main-footer .backgroundBox a.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, #main-footer .backgroundBox a.primary-btn.revert-hover:active, #main-footer .backgroundBox a.primary-btn.revert-hover.active {
  color: #01B4FE;
  background-color: #FFFFFF;
  border: 0.2rem solid #FFFFFF;
}
.backgroundBox a.primary-btn.revert-hover.inactive, #main-footer .backgroundBox a.primary-btn.revert-hover.inactive {
  pointer-events: none;
  color: #01B4FE;
  background-color: #FFFFFF;
  border: 0.2rem solid #FFFFFF;
}
.backgroundBox a.primary-btn.black, #main-footer .backgroundBox a.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 #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 {
  background-color: #FFFFFF;
  color: #000;
  border: 0.2rem solid #FFFFFF;
}
.backgroundBox a.primary-btn.black:hover, .backgroundBox a.primary-btn.black.hover, #main-footer .backgroundBox a.primary-btn.black:hover, #main-footer .backgroundBox a.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, #main-footer .backgroundBox a.primary-btn.black:focus, #main-footer .backgroundBox a.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, #main-footer .backgroundBox a.primary-btn.black:active, #main-footer .backgroundBox a.primary-btn.black.active {
  color: #FFFFFF;
  background-color: #01B4FE;
  border: 0.2rem solid #01B4FE;
}
.backgroundBox a.primary-btn.black.inactive, #main-footer .backgroundBox a.primary-btn.black.inactive {
  pointer-events: none;
  color: #FFFFFF;
  background-color: #01B4FE;
  border: 0.2rem solid #01B4FE;
}
.backgroundBox a.primary-btn.black.line, #main-footer .backgroundBox a.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 #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 {
  background-color: #000;
  color: #FFFFFF;
  border: 0.2rem solid #000;
}
.backgroundBox a.primary-btn.black.line:hover, .backgroundBox a.primary-btn.black.line.hover, #main-footer .backgroundBox a.primary-btn.black.line:hover, #main-footer .backgroundBox a.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, #main-footer .backgroundBox a.primary-btn.black.line:focus, #main-footer .backgroundBox a.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, #main-footer .backgroundBox a.primary-btn.black.line:active, #main-footer .backgroundBox a.primary-btn.black.line.active {
  color: #01B4FE;
  background-color: transparent;
  border: 0.2rem solid #01B4FE;
}
.backgroundBox a.primary-btn.clear, #main-footer .backgroundBox a.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, #main-footer .backgroundBox a.primary-btn.clear:hover, #main-footer .backgroundBox a.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, #main-footer .backgroundBox a.primary-btn.clear:focus, #main-footer .backgroundBox a.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, #main-footer .backgroundBox a.primary-btn.clear:active, #main-footer .backgroundBox a.primary-btn.clear.active {
  color: #000;
  background-color: transparent;
  border: 0.2rem solid #000;
}
.backgroundBox a.primary-btn.clear.inactive, #main-footer .backgroundBox a.primary-btn.clear.inactive {
  pointer-events: none;
  color: #ECECEC;
  background-color: transparent;
  border: 0.2rem solid #ECECEC;
}
.colorBack .backgroundBox a.primary-btn.clear, .colorBack #main-footer .backgroundBox a.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 #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 {
  border: 0.2rem solid #01B4FE;
}
.backgroundBox a.primary-btn.backgroundBox, #main-footer .backgroundBox a.primary-btn.backgroundBox {
  background-color: #FFFFFF !important;
  border-width: 1px;
  color: #01B4FE;
}
.backgroundBox a.primary-btn.full, #main-footer .backgroundBox a.primary-btn.full {
  width: 100%;
  max-width: none;
}

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], 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: #FFFFFF;
  color: #C2C2C2;
  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, textarea::-webkit-input-placeholder, textarea:-moz-placeholder, textarea::-moz-placeholder, textarea:-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: #ECECEC;
}
input[type=text]:hover, textarea:hover {
  border: 1px solid #01B4FE;
  background: #FFFFFF;
}
input[type=text]:focus, textarea:focus {
  border: 1px solid #01B4FE;
  background: #FFFFFF;
}
.input-block.error input[type=text], .input-block.error textarea {
  background: #01B4FE;
}
input[type=text] + button.primary-btn, input[type=text] + 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], 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 #01B4FE;
  background-color: #FFFFFF;
  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: #01B4FE;
  border: 0.2rem solid #FFFFFF;
  box-shadow: none;
}

@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 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 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: #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;
}
@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;
}
.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: #01B4FE;
}
#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 {
  color: #FFFFFF;
  background-color: #000;
  border: 0.2rem solid #000;
}
input[type=submit].primary-btn:focus, input[type=submit].primary-btn.focus {
  color: #FFFFFF;
  background-color: #000;
  border: 0.2rem solid #000;
}
input[type=submit].primary-btn:active, input[type=submit].primary-btn.active {
  color: #FFFFFF;
  background-color: #000;
  border: 0.2rem solid 0.2rem solid #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: #01B4FE;
}
input[type=submit].primary-btn.line:hover, input[type=submit].primary-btn.line.hover {
  color: #000;
  background-color: transparent;
  border: 0.2rem solid #000;
}
input[type=submit].primary-btn.line:focus, input[type=submit].primary-btn.line.focus {
  color: #000;
  background-color: transparent;
  border: 0.2rem solid #000;
}
input[type=submit].primary-btn.line:active, input[type=submit].primary-btn.line.active {
  color: #000;
  background-color: transparent;
  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: #01B4FE;
  background-color: #FFFFFF;
  border: 0.2rem solid #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: #01B4FE;
}
input[type=submit].primary-btn.full {
  width: 100%;
  max-width: none;
}

.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;
}

.clever_form_error * {
  color: #ff0000 !important;
}

input[type=text].clever_form_error {
  border-color: #ff0000;
  border-width: 2px;
}

.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: transparent;
  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: #01B4FE;
}
#main-header.scrollDown {
  border-bottom-color: #FFFFFF;
}
#main-header a {
  color: #FFFFFF;
}
#main-header #lang-menu a {
  color: #FFFFFF;
}
#main-header #header-button {
  color: #01B4FE;
  background: #FFFFFF;
  border: 2px solid #FFFFFF;
}
#main-header #header-button:hover, #main-header #header-button:focus {
  border-color: #01B4FE;
}
#main-header.scrollDown #header-button:hover, #main-header.scrollDown #header-button:focus {
  border-color: #FFFFFF;
}
#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;
}
@media screen and (max-width: 767px) {
  #main-header #top-menu {
    margin: 0;
    position: absolute;
    top: 1rem;
    padding: 0;
    right: 5.9rem;
  }
}
#main-header #stickyLogo {
  position: absolute;
  left: 2.1rem;
  top: 2.1rem;
  width: 24rem;
  z-index: 35;
  transition: top 0.35s ease-in-out, width 0.35s ease-in-out, left 0.35s ease-in-out;
  pointer-events: auto;
}
@media screen and (max-width: 767px) {
  #main-header #stickyLogo {
    opacity: 1 !important;
    width: 13.5rem;
    left: 1.5rem;
    top: 1rem;
  }
}
@media screen and (max-width: 359px) {
  #main-header #stickyLogo {
    width: 9.5rem;
    top: 1.6rem;
  }
}
#main-header #stickyLogo a {
  float: left;
  width: 100%;
}
#main-header #stickyLogo .scaling-logo {
  padding-bottom: 28.7671232877%;
}

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

#head-meta {
  position: absolute;
  top: 1.9rem;
  right: 0;
}

#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;
}

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

#head-Link-mobile {
  padding-top: 1px;
}

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

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

#header-button {
  margin-left: 0;
  margin-top: 0.4rem;
  min-width: 13.4rem;
}
@media screen and (max-width: 767px) {
  #header-button {
    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: center;
  margin: 0 0 0 -1.25rem;
  line-height: 1;
  display: none;
}
@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;
}
#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] {
  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 {
  outline: none;
}
#pageSearch input[type=text],
#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] {
  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 {
  outline: none;
}
#main-header .mobileSearchBox input[type=submit] {
  color: #FFFFFF;
  background: #01B4FE;
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  padding: 0 1.4rem;
  height: 3.8rem;
  text-transform: uppercase;
}
#main-header .mobileSearchBox i:before {
  color: #01B4FE;
}
#main-header .mobileSearchBox label {
  padding: 0.7rem 0.6rem 0.7rem 5.1rem;
  color: #000;
  opacity: 0.2;
}
#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%;
}
#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 {
  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: #01B4FE;
  }
}
@media screen and (max-width: 767px) {
  #mobile-open i {
    padding: 1.5rem 1.5rem;
  }
}
@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;
}
#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: #01B4FE;
}
#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 .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: calc(100vh);
}
@media screen and (min-width: 768px) {
  .menu-wrap {
    top: 114px;
    height: calc(100vh - 114px);
  }
}
.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 {
  margin: 0 3rem;
  float: left;
}
.social-box a i {
  float: left;
}
@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, .container .container#prodFilterPrevNextMonth .row {
  margin: 0;
}
.container .container.module .row [class*=col-], .container .container#prodFilterPrevNextMonth .row [class*=col-] {
  margin: 0;
  padding: 0;
  width: 100%;
}
.container .module .container, .container #prodFilterPrevNextMonth .container {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.container .module .container .row, .container #prodFilterPrevNextMonth .container .row {
  margin: 0;
}
.container .module .container .row [class*=col-], .container #prodFilterPrevNextMonth .container .row [class*=col-] {
  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, .grid-block #prodFilterPrevNextMonth .container .row, .grid-block .module.container .row, .grid-block .container#prodFilterPrevNextMonth .row {
  margin: 0;
}
.grid-block .module .container .row [class*=col-], .grid-block #prodFilterPrevNextMonth .container .row [class*=col-], .grid-block .module.container .row [class*=col-], .grid-block .container#prodFilterPrevNextMonth .row [class*=col-] {
  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: #01B4FE;
  position: relative;
}
#main-footer .backgroundBox {
  color: #000;
}
#main-footer a, #grid.page-journal #main-footer a {
  color: #01B4FE;
}
#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: #01B4FE;
  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 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: #01B4FE;
  margin-bottom: 3rem;
}
#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;
}
#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;
}
#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: #01B4FE;
  border-color: #01B4FE;
}
#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%;
  }
}
#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 (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, #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: #01B4FE;
}
#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;
}
#up-button #up.button-style {
  padding: 1rem;
  background: #01B4FE;
  margin-bottom: 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: calc(100vh);
}
.stage_page .stageSlider.singleImage {
  min-height: 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: #FFFFFF;
}
#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;
}
#stage + .breadcrumb {
  margin-top: -3.6rem;
}
#stage.singleImage.color-1 {
  background: #01B4FE;
}
#stage.singleImage.color-1 .textbox {
  color: #FFFFFF;
}
#stage.singleImage.color-2 {
  background: #000;
}
#stage.singleImage.color-2 .textbox {
  color: #01B4FE;
}
#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;
  }
  body:not(.stage_page) #stage .item.placeholder-box .overlay-img img, body:not(.stage_page) #stage.stageSlider .item.placeholder-box .overlay-img img {
    height: 100%;
    width: auto;
    position: absolute;
  }
  #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;
}
.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: #01B4FE;
}
.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: #01B4FE;
}
.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: #01B4FE;
}
.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: #01B4FE;
  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 #01B4FE;
}
#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;
}
#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;
}
@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_blue.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_blue.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 {
  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_blue.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: #01B4FE;
  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: #01B4FE;
}
.accordionList .toggle:hover *[class*=icon], .accordionList .toggle:focus *[class*=icon], .accordionList .toggle:active *[class*=icon], .accordionList .toggle:focus:active *[class*=icon] {
  color: #01B4FE;
}
.accordionList .module, .accordionList #prodFilterPrevNextMonth {
  padding: 0;
}
.accordionList.searchList .color-black {
  color: #01B4FE;
  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: #01B4FE;
}
@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 button.primary-btn.no-btn {
  position: relative;
  color: #000;
  border: none;
  padding: 0;
  width: auto;
  height: auto;
  min-width: 0;
  text-align: left;
}
.sidelist .accordionList.extract-plugin .headline {
  color: #01B4FE;
}
.sidelist .accordionList.extract-plugin .toggle-slide .item {
  border-bottom: 1px dotted #ECECEC;
  padding: 0 1.8rem 2rem;
  margin-bottom: 2rem;
}
.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;
}
.accordionList.transcript {
  margin-top: 2.6rem;
}
.accordionList.transcript .toggle {
  padding-top: 1.6rem;
}
.accordionList.transcript > ul > li button {
  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;
}
.module.breadcrumb ul li i, .breadcrumb#prodFilterPrevNextMonth ul li i {
  position: absolute;
  left: 0;
  top: 0;
}
.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#programmFilter {
  padding: 1.7rem 2.4rem 2.5rem 2.4rem;
  border: 1px solid #01B4FE;
}
form#programmFilter label {
  color: #000;
  font-size: 1.8rem;
  line-height: 1.7777777778;
}
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: #C2C2C2;
}
form .selectboxit-container .selectboxit {
  border-radius: 0;
  border: 1px solid #C2C2C2;
  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 #01B4FE;
  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 1rem 0 1rem;
  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: #01B4FE;
  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;
}

#prodList {
  margin-bottom: 3.6rem;
}
#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;
}

#prodList .content-list, .prodPreview .content-list {
  min-height: 450px;
}
#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%;
}
#prodList .item .date, .prodPreview .item .date {
  font-size: 2.4rem;
  line-height: 1.334;
  margin-bottom: 1.6rem;
  max-width: 70rem;
}
@media screen and (max-width: 767px) {
  #prodList .item .date, .prodPreview .item .date {
    font-size: 1.6rem;
  }
}
#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.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;
}
#prodList .infoBox, .prodPreview .infoBox {
  float: left;
  width: 100%;
  position: relative;
}
#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;
  margin-right: 0.3rem;
}
#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: 5.6rem;
}
#prodList #prodFilter #close-filter, .prodPreview #prodFilter #close-filter {
  display: none;
}
#prodList #prodFilter.sticky .filter, .prodPreview #prodFilter.sticky .filter {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 500;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  overflow: visible;
  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.sticky .filter #programmFilter, .prodPreview #prodFilter.sticky .filter #programmFilter {
  padding-top: 8.8rem;
}
#prodList #prodFilter.sticky .filter #close-filter, .prodPreview #prodFilter.sticky .filter #close-filter {
  display: block;
  position: absolute;
  top: 2.6rem;
  right: 4.2rem;
  min-width: 46px;
  margin-top: 0;
  float: left;
}
#prodList #prodFilter.sticky.showIt .filter, .prodPreview #prodFilter.sticky.showIt .filter {
  transition: transform 0.35s ease-in-out;
  -webkit-transform: translateY(0%);
  transform: translateY(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;
}
@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;
}
@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: #01B4FE;
}
#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: 17.9rem;
  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: 15.4rem;
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  #prodList.teaser .item .date, .prodPreview.teaser .item .date {
    font-size: 1.6rem;
  }
}
#prodList.teaser .item .date, #prodList.teaser .item .date *, .prodPreview.teaser .item .date, .prodPreview.teaser .item .date * {
  color: #01B4FE;
}
#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--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;
}
@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 .content, .prodPreview.teaser .item.colorBack-0 .content {
    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: #FFFFFF;
}
#prodList.teaser .item.colorBack .primary-btn, .prodPreview.teaser .item.colorBack .primary-btn {
  color: #01B4FE;
  background: #FFFFFF;
  border-color: #FFFFFF;
}
#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: #FFFFFF;
  background: none;
  border-color: #FFFFFF;
  z-index: 10;
}
#prodList.teaser .item.colorBack p a, .prodPreview.teaser .item.colorBack p a {
  color: #FFFFFF;
}
#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: #FFFFFF;
  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: #FFFFFF;
  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: #01B4FE;
  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;
  padding-right: 25rem;
}
@media screen and (max-width: 1469px) {
  #prodList.teaser .content, .prodPreview.teaser .content {
    padding-right: 20rem;
  }
}
@media screen and (max-width: 1199px) {
  #prodList.teaser .content, .prodPreview.teaser .content {
    padding-right: 14.5rem;
  }
}
#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: #01B4FE;
  border-color: #01B4FE;
  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.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: #FFFFFF;
  }
  #prodList.teaser .item.colorBack .tagBox .tag, .prodPreview.teaser .item.colorBack .tagBox .tag {
    border-color: #FFFFFF;
  }
  #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: #000;
  }
  #prodList.teaser .item.colorBack-0 .tagBox .tag, .prodPreview.teaser .item.colorBack-0 .tagBox .tag {
    border-color: #000;
  }
  #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: #01B4FE;
  }
  #prodList.teaser .item.colorBack-3 .tagBox .tag, .prodPreview.teaser .item.colorBack-3 .tagBox .tag {
    border-color: #01B4FE;
  }
  #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;
    margin-bottom: 15px;
  }
}
@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");
}
#prodListPrevMonth:hover::before, #prodListPrevMonth:focus::before, #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='%23000' 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");
}
#prodListNextMonth:hover::before, #prodListNextMonth:focus::before, #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='%23000' 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: calc(100% + 15.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: #01B4FE;
}
#prodDetail .sidelist .accordionList .toggle-slide .item {
  border-bottom: 1px dotted #ECECEC;
  padding: 0 1.8rem 2rem;
  margin-bottom: 2rem;
}
#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 {
  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;
  margin-right: 0.3rem;
}
#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;
}
#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;
}
#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;
}
#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: #01B4FE;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
@media (max-width: 449px) {
  .videoBox .video-wrap .video_trigger {
    padding: 20px;
  }
}
@media (max-width: 1469px) {
  .grid-block.three-columns .videoBox .video-wrap .video_trigger {
    padding: 30px;
  }
}
@media (max-width: 1199px) {
  .grid-block.three-columns .videoBox .video-wrap .video_trigger {
    padding: 20px;
  }
}
@media (max-width: 991px) {
  .grid-block.three-columns .videoBox .video-wrap .video_trigger {
    padding: 40px;
  }
}
@media (max-width: 449px) {
  .grid-block.three-columns .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 {
  font-size: 1.6rem;
}
@media (max-width: 1469px) {
  .grid-block.three-columns .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 {
    margin-bottom: 0.8rem;
    font-size: 1rem;
  }
}
@media (max-width: 991px) {
  .grid-block.three-columns .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 {
    font-size: 1.2rem;
  }
}
.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 {
    font-size: 1.4rem;
  }
}
@media (max-width: 1199px) {
  .grid-block.three-columns .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 {
    font-size: 1.8rem;
  }
}
@media (max-width: 449px) {
  .grid-block.three-columns .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;
}
.videoBox .video-wrap.videoPlugin *[class=vjs-big-play-button]:before {
  content: "";
}
.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: #01B4FE;
  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: "";
  opacity: 0;
}
.videoBox .video-wrap.videoPlugin *[class=vjs-big-play-button] *[class=vjs-icon-placeholder]:after {
  content: "";
}
.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: #01B4FE;
}
.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 - 1.7rem*2);
}
.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: 48rem;
  margin: 0 auto;
  z-index: 50;
  background: #FFFFFF;
}
.modal .modal-content {
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.modal .modal-content p {
  margin-bottom: 2.2rem;
}
.modal .backgroundBox {
  background: #FFFFFF !important;
}
.modal .specialMargin {
  display: inline-block;
  margin: 1.7rem 4px 0.8rem 4px;
}
.modal .closeIt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 25;
}

.modal-backdrop.in {
  opacity: 0.8;
}

#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: calc(100vh / 2);
  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: #01B4FE;
  text-align: left;
  margin: 0 auto;
}
.module.parallax .textblock .box.color-1, .parallax#prodFilterPrevNextMonth .textblock .box.color-1 {
  color: #FFFFFF;
}
.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: #01B4FE;
  border-color: #01B4FE;
  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;
}

.module.customSlider, .customSlider#prodFilterPrevNextMonth {
  position: relative;
  padding-bottom: 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("../../../../Libraries/yarn/node_modules/slick-carousel/slick/ajax-loader.gif") center center no-repeat;
}

@font-face {
  font-family: "slick";
  font-weight: normal;
  font-style: normal;
  src: url("../../../../Libraries/yarn/node_modules/slick-carousel/slick/fonts/slick.eot");
  src: url("../../../../Libraries/yarn/node_modules/slick-carousel/slick/fonts/slick.eot?#iefix") format("embedded-opentype"), url("../../../../Libraries/yarn/node_modules/slick-carousel/slick/fonts/slick.woff") format("woff"), url("../../../../Libraries/yarn/node_modules/slick-carousel/slick/fonts/slick.ttf") format("truetype"), url("../../../../Libraries/yarn/node_modules/slick-carousel/slick/fonts/slick.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;
}

.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;
}
.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;
  }
  .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((100% / 3) - 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;
  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: #01B4FE;
}
.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: #01B4FE;
}
.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: #01B4FE;
}
.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;
}
.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 + .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, .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;
}
.bigLinkGrid.overlayBox [class*=col-xs-]:nth-child(6) {
  clear: both;
}
@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;
}
.overlayBox .item h3 {
  font-size: 3rem;
  line-height: 1.0666666667;
}
@media screen and (max-width: 470px) {
  .overlayBox .item h3 {
    font-size: 1.9rem;
  }
}
.overlayBox .item h4 {
  font-size: 2.4rem;
  line-height: 1.3333333333;
}
@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: #FFFFFF;
}
.overlayBox .item .box .overlay {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  transition: opacity 0.35s ease-in-out;
  background: #01B4FE;
  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.teaserSlider .item a {
  display: block;
  height: 100%;
  color: #FFFFFF;
  position: relative;
}
#grid.page-journal .overlayBox.teaserSlider .item a {
  color: #FFFFFF;
}
.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: #01B4FE;
  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;
}
@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;
  }
}

.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;
  }
}
.module.calender-slider .item .no-link, .calender-slider#prodFilterPrevNextMonth .item .no-link {
  color: #E6E6E6;
}
.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: #01B4FE;
  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: #01B4FE;
}
.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: #01B4FE;
}
@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: #01B4FE;
  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;
}
.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;
}
.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;
  }
  .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;
}

.module.news-slider *, .news-slider#prodFilterPrevNextMonth * {
  color: #FFFFFF;
}
.module.news-slider a, .news-slider#prodFilterPrevNextMonth a {
  text-decoration: none;
}
.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;
}
.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;
}
.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;
}
@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;
}

#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 */