@charset "UTF-8";
/* Z-INDEX
============================================ */
/*
    .mod_head 100
    .mod_menu 110
    .mod_menu-label 120
    .mod_rainbow -50
    .mod_hero .hero__vid -100
*/
/* COLORS
============================================ */
/* BREAKPOINTS
============================================ */
/* VARIABLES
============================================ */
/* FUNCTIONS
============================================ */
/* OVERWRITE BOOTSTRAP VARS
============================================ */
:root {
  --bs-gutter-x: 0.6613756614vw;
}
.row {
  --bs-gutter-x: 1.3227513228vw;
}
@media (max-width: 767px) {
  :root {
    --bs-gutter-x: 0.7692307692vw;
  }
  .row {
    --bs-gutter-x: 1.5384615385vw;
  }
}
/* FONTS
============================================ */
@font-face {
  font-family: "BebasNeue";
  src: url("../fonts/327A39_0_0.eot");
  src: url("../fonts/327A39_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/327A39_0_0.woff2") format("woff2"), url("../fonts/327A39_0_0.woff") format("woff"), url("../fonts/327A39_0_0.ttf") format("truetype");
}
@font-face {
  font-family: "CarloschiRegular";
  src: url("../fonts/Carloschi-Regular.woff") format("woff");
}
@font-face {
  font-family: "CarloschiBold";
  src: url("../fonts/Carloschi-Bold.woff") format("woff");
}
@font-face {
  font-family: "Gotham-Book";
  src: url("../fonts/Gotham-Book.otf") format("opentype");
  src: url("../fonts/Gotham-Book.woff") format("woff");
}
@font-face {
  font-family: "Gotham-Book-Italic";
  src: url("../fonts/Gotham-BookIta.otf") format("opentype");
}
@font-face {
  font-family: "Gotham-Bold";
  src: url("../fonts/Gotham-Bold.otf") format("opentype");
}
@font-face {
  font-family: "Gotham-Bold-Italic";
  src: url("../fonts/Gotham-BoldIta.otf") format("opentype");
}
@font-face {
  font-family: "Gotham-Light";
  src: url("../fonts/Gotham-Light.otf") format("opentype");
}
@font-face {
  font-family: "Gotham-Light-Italic";
  src: url("../fonts/Gotham-LightIta.otf") format("opentype");
}
@font-face {
  font-family: "Gotham-Medium";
  src: url("../fonts/Gotham-Medium.otf") format("opentype");
}
@font-face {
  font-family: "Gotham-Medium-Italic";
  src: url("../fonts/Gotham-MediumIta.otf") format("opentype");
}
/* DEFAULTS
============================================ */
body {
  font-family: "Gotham-Book";
  background: #fff;
  color: #000;
  overflow-x: hidden;
  padding-top: var(--menu-height);
  transition: padding-top 500ms;
  /*
    4 = Main 
    5 = Artikel Detailseite
    6 = Magazin Ausgabe Übersicht
    7 = Kategorie Marke
    8 = Kategorie People
    9 = Kategorie Data-Tech
    10 = Kategorie Lifestyle
    11 = Sonstige
    12 = Autorenseite
    */
  background: #f1f1f1;
}
body.layout-4 {
  background: #f1f1f1 url(../Images/Bg_Main.png) no-repeat right top;
  background-position: -16.9312169312vw getvwUnit(93);
  background-size: 95.2380952381vw 73.8095238095vw;
}
body.layout-5, body.layout-11 {
  background: #fff;
  padding-top: 13.5582010582vw;
}
@media (max-width: 767px) {
  body.layout-5, body.layout-11 {
    padding-top: 26.4102564103vw;
  }
}
body.layout-7 {
  background: url("../Images/bg_gradient_marke.png") no-repeat center top / cover;
}
body.layout-8 {
  background: url("../Images/bg_gradient_people.png") no-repeat center top / cover;
}
body.layout-9 {
  background: url("../Images/bg_gradient_datatech.png") no-repeat center top / cover;
}
body.layout-10 {
  background: url("../Images/bg_gradient_lifestyle.png") no-repeat center top / cover;
}
body.layout-12 {
  background: url("../Images/bg_gradient_bw.png") no-repeat center top / cover;
}
body.layout-7 .mod__menu, body.layout-8 .mod__menu, body.layout-9 .mod__menu, body.layout-10 .mod__menu, body.layout-12 .mod__menu {
  border-bottom-left-radius: 1.3227513228vw;
  border-bottom-right-radius: 1.3227513228vw;
}
body.show-outline * {
  outline: 1px solid red;
}
/* FONT STYLES
============================================ */
h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
}
strong, b {
  font-weight: 700;
  font-family: "Gotham-Bold";
}
h1 {
  font-size: 13.2275132275vw;
  line-height: 13.2275132275vw;
  letter-spacing: 1vw;
  font-family: "BebasNeue";
  font-weight: normal;
}
@media (max-width: 767px) {
  h1 {
    font-size: 18.4615384615vw;
    line-height: 18.4615384615vw;
    letter-spacing: 1vw;
    font-family: "BebasNeue";
    font-weight: normal;
    /* Aus irgendeinem Grund ist die H1 viel zu groß...
        72px laut Layout -> reduziert auf 42px -> Faktor 1.71428 */
  }
}
h2 {
  font-family: "Gotham-Bold";
  font-size: 1.8518518519vw;
  line-height: normal;
  letter-spacing: normal;
  font-weight: normal;
}
h2 + p {
  margin-top: 0.9920634921vw;
}
@media (max-width: 767px) {
  h2 {
    font-size: 5.641025641vw;
    line-height: normal;
    letter-spacing: normal;
  }
  h2 + p {
    margin-top: 3.8461538462vw;
  }
}
h3 {
  font-family: "Gotham-Bold";
  font-size: 1.5873015873vw;
  line-height: normal;
  letter-spacing: normal;
  font-weight: normal;
}
h3 + p {
  margin-top: 0.9920634921vw;
}
@media (max-width: 767px) {
  h3 {
    font-size: 4.6153846154vw;
    line-height: 5.641025641vw;
    letter-spacing: 1vw;
  }
  h3 + p {
    margin-top: 5.1282051282vw;
  }
}
h4 {
  font-family: "Gotham-Bold";
  font-size: 1.3227513228vw;
  line-height: normal;
  letter-spacing: normal;
  font-weight: normal;
}
h4 + p {
  margin-top: 0.9920634921vw;
}
@media (max-width: 767px) {
  h4 {
    font-size: 4.1025641026vw;
    line-height: 5.1282051282vw;
    letter-spacing: 1vw;
  }
  h4 + p {
    margin-top: 5.1282051282vw;
  }
}
p {
  font-family: "Gotham-Book";
  font-size: 1.0582010582vw;
  line-height: 1.5873015873vw;
  letter-spacing: normal;
  color: #000;
}
p + p {
  margin-top: 1.7195767196vw;
}
p + ul {
  margin-top: 1.7195767196vw;
}
p + h2 {
  margin-top: 3.9682539683vw;
}
p + h3 {
  margin-top: 3.9682539683vw;
}
p + h4 {
  margin-top: 3.9682539683vw;
}
@media (max-width: 767px) {
  p {
    font-size: 3.5897435897vw;
    line-height: 5.641025641vw;
    letter-spacing: normal;
  }
  p + p {
    margin-top: 6.4102564103vw;
  }
  p + ul {
    margin-top: 6.4102564103vw;
  }
  p + h2 {
    margin-top: 10.2564102564vw;
  }
  p + h3 {
    margin-top: 10.2564102564vw;
  }
  p + h4 {
    margin-top: 10.2564102564vw;
  }
}
p a {
  color: #DF0767;
}
ul {
  padding-left: 1.9841269841vw;
}
ul li {
  font-family: "Gotham-Book";
  font-size: 1.0582010582vw;
  line-height: 1.5873015873vw;
  letter-spacing: normal;
  color: #000;
}
ul + p {
  margin-top: 1.7195767196vw;
}
@media (max-width: 767px) {
  ul {
    padding-left: 7.6923076923vw;
  }
  ul li {
    font-size: 3.5897435897vw;
    line-height: 5.641025641vw;
    letter-spacing: normal;
  }
  ul + p {
    margin-top: 6.4102564103vw;
  }
}
a {
  text-decoration: none;
  color: #000;
}
img {
  width: 100%;
  height: auto;
  display: block;
}
.caption {
  font-size: 1.0582010582vw;
  line-height: 1.455026455vw;
  letter-spacing: 1vw;
  margin-top: 1.9841269841vw;
  text-align: right;
}
@media (max-width: 767px) {
  .caption {
    font-size: 3.0769230769vw;
    line-height: 4.1025641026vw;
    letter-spacing: 1vw;
    margin-top: 5.1282051282vw;
    text-align: center;
  }
}
/* =============================================================================== */
.wrapper__news-sorted {
  display: flex;
  flex-direction: column;
  margin-left: 1.9841269841vw;
  margin-right: 1.9841269841vw;
  width: 95.9656084656vw;
  box-sizing: border-box;
  margin-top: 5.291005291vw;
}
.wrapper__news-sorted__head {
  background: #fff;
  width: 100%;
  border-radius: 1.3227513228vw;
  padding-top: 2.2486772487vw;
  padding-bottom: 1.5873015873vw;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
}
.wrapper__news-sorted__head h2 {
  font-family: "Gotham-Bold";
  font-size: 1.455026455vw;
  line-height: auto;
  letter-spacing: normal;
}
.wrapper__news-sorted__head__categories {
  margin-top: 1.455026455vw;
}
.wrapper__news-sorted__head__categories.swiper-mobile {
  display: none;
}
.wrapper__news-sorted__head__categories span {
  display: inline-block;
  text-transform: uppercase;
  padding: 0.6613756614vw 1.5211640212vw;
  border-radius: 5.9523809524vw;
  color: #000;
  cursor: pointer;
  width: auto;
  font-family: "Gotham-Bold";
  font-size: 0.7936507937vw;
  line-height: normal;
  letter-spacing: 0.0793650794vw;
}
.wrapper__news-sorted__head__categories span.is-active[data-cat="all"] {
  background: #9747FF;
  color: #fff;
}
.wrapper__news-sorted__head__categories span.is-active[data-cat="marke"] {
  background: #25E39F;
}
.wrapper__news-sorted__head__categories span.is-active[data-cat="people"] {
  background: #FF006B;
}
.wrapper__news-sorted__head__categories span.is-active[data-cat="data-tech"] {
  background: #9747FF;
}
.wrapper__news-sorted__head__categories span.is-active[data-cat="lifestyle"] {
  background: #EA5707;
}
.wrapper__news-sorted__head__categories span.is-active[data-cat="forecast"] {
  background: salmon;
}
.wrapper__news-sorted__head__categories span.is-active[data-cat="trends"] {
  background: pink;
}
.wrapper__news-sorted__head__categories span.is-active[data-cat="science"] {
  background: #FF6A26;
}
.wrapper__news-sorted__head__categories span + span {
  margin-left: 1.9841269841vw;
}
.wrapper__news-sorted__body {
  padding-left: 1.7195767196vw;
  margin-right: -1.9841269841vw;
}
.wrapper__news-sorted__body > div {
  display: none;
}
.wrapper__news-sorted__body > div .header h3 a {
  color: white;
}
.wrapper__news-sorted__body > div.is-active {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.wrapper__news-sorted__body > div .wrapper__newsitem {
  margin-top: 2.9761904762vw;
}
.wrapper__news-sorted__body > div .wrapper__newsitem.topnews .newsitem__headline:before {
  background: url(../Images/Bg_Intromodule_top-left_grey.svg) no-repeat center center / contain;
}
.wrapper__news-sorted__body > div .wrapper__newsitem.topnews .newsitem__headline:after {
  background: url(../Images/Bg_Intromodule_top-left_grey.svg) no-repeat center center / contain;
}
.wrapper__news-sorted__unsorted {
  display: none;
}
@media (max-width: 767px) {
  .wrapper__news-sorted {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .wrapper__news-sorted__head {
    text-align: left;
    box-sizing: border-box;
    padding: 11.5384615385vw 3.8461538462vw 4.8717948718vw;
  }
  .wrapper__news-sorted__head h2 {
    font-family: "Gotham-Bold";
    font-size: 6.6666666667vw;
    line-height: normal;
    letter-spacing: normal;
  }
  .wrapper__news-sorted__head .wrapper__news-sorted__head__categories {
    margin-top: 5.8974358974vw;
    display: flex;
  }
  .wrapper__news-sorted__head .wrapper__news-sorted__head__categories:not(.swiper-mobile) {
    display: none;
  }
  .wrapper__news-sorted__head .wrapper__news-sorted__head__categories span {
    font-family: "Gotham-Bold";
    font-size: 3.0769230769vw;
    line-height: 3.0769230769vw;
    letter-spacing: 0.3076923077vw;
    padding: 3.3333333333vw 4.8717948718vw 3.3333333333vw 5.1282051282vw;
    border-radius: 23.0769230769vw;
    width: unset;
  }
  .wrapper__news-sorted__body {
    background: #f1f1f1;
    margin: 0;
    padding: 7.6923076923vw 5.1282051282vw;
  }
  .wrapper__news-sorted__body > div.is-active {
    flex-direction: column;
  }
  .wrapper__news-sorted__body > div .wrapper__newsitem {
    width: 100%;
    flex-direction: row;
    padding-bottom: 3.5897435897vw;
    border-bottom: 1px solid #d9d9d9;
  }
  .wrapper__news-sorted__body > div .wrapper__newsitem + .wrapper__newsitem {
    margin-top: 3.0769230769vw;
  }
  .wrapper__news-sorted__body > div .wrapper__newsitem:last-child {
    border-bottom: 0px;
  }
  .wrapper__news-sorted__body > div .wrapper__newsitem .newsitem__image {
    width: 26.1538461538vw;
  }
  .wrapper__news-sorted__body > div .wrapper__newsitem .newsitem__image img {
    border-radius: 1.2820512821vw;
  }
  .wrapper__news-sorted__body > div .wrapper__newsitem .wrapper-tags-headl {
    display: flex;
    flex-direction: column-reverse;
    flex-grow: 1;
    justify-content: space-between;
    margin-left: 3.5897435897vw;
    width: 63.5897435897vw;
  }
  .wrapper__news-sorted__body > div .wrapper__newsitem .wrapper-tags-headl .newsitem__tags .cat {
    font-family: "Gotham-Bold";
    font-size: 2.5641025641vw;
    line-height: normal;
    letter-spacing: 0.2564102564vw;
  }
  .wrapper__news-sorted__body > div .wrapper__newsitem .wrapper-tags-headl .newsitem__tags .date {
    font-family: "Gotham-Bold";
    font-size: 2.8205128205vw;
    line-height: normal;
    letter-spacing: normal;
    margin-left: 4.1025641026vw;
  }
  .wrapper__news-sorted__body > div .wrapper__newsitem .wrapper-tags-headl h3 {
    font-family: "Gotham-Bold";
    font-size: 4.1025641026vw;
    line-height: normal;
    letter-spacing: normal;
  }
  .wrapper__news-sorted__body > div .wrapper__newsitem.topnews {
    display: flex;
    flex-direction: row;
  }
  .wrapper__news-sorted__body > div .wrapper__newsitem.topnews .newsitem__image {
    width: 26.1538461538vw;
  }
  .wrapper__news-sorted__body > div .wrapper__newsitem.topnews .newsitem__image img {
    border-radius: 1.2820512821vw;
  }
  .wrapper__news-sorted__body > div .wrapper__newsitem.topnews .newsitem__headline {
    position: unset;
    margin-left: 3.5897435897vw;
    width: 63.5897435897vw;
    display: flex;
    flex-grow: 1;
    flex-direction: column-reverse;
    justify-content: space-between;
  }
  .wrapper__news-sorted__body > div .wrapper__newsitem.topnews .newsitem__headline .newsitem__tags .cat {
    font-family: "Gotham-Bold";
    font-size: 2.5641025641vw;
    line-height: normal;
    letter-spacing: 0.2564102564vw;
  }
  .wrapper__news-sorted__body > div .wrapper__newsitem.topnews .newsitem__headline .newsitem__tags .date {
    font-family: "Gotham-Bold";
    font-size: 2.8205128205vw;
    line-height: normal;
    letter-spacing: normal;
    margin-left: 4.1025641026vw;
  }
  .wrapper__news-sorted__body > div .wrapper__newsitem.topnews .newsitem__headline h3 {
    font-family: "Gotham-Bold";
    font-size: 4.1025641026vw;
    line-height: normal;
    letter-spacing: normal;
  }
}
.news.sg {
  overflow-x: hidden;
  width: 100vw;
}
.wrapper__news-latest {
  display: flex;
  flex-direction: column;
  margin-left: 1.9841269841vw;
  margin-right: 1.9841269841vw;
  width: 95.9656084656vw;
  box-sizing: border-box;
  margin-top: 4.0343915344vw;
}
.wrapper__news-latest.bg-detailpage {
  background: #f1f1f1;
  padding: 4.1005291005vw 6.8121693122vw 4.3650793651vw 3.2407407407vw;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
.wrapper__news-latest h2 {
  font-family: "Gotham-Medium";
  font-size: 2.6455026455vw;
  line-height: 2.6455026455vw;
  letter-spacing: normal;
}
.wrapper__news-latest__body {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
  padding-bottom: 3.9682539683vw;
}
.wrapper__news-latest__body.is-mobile {
  display: none;
}
.wrapper__news-latest__body .swiper-wrapper {
  padding-bottom: 0;
}
.wrapper__news-latest__body .swiper-wrapper .swiper-slide {
  width: 21.626984127vw;
}
.wrapper__news-latest__body .swiper-wrapper .swiper-slide .wrapper__newsitem {
  width: 100%;
}
.wrapper__news-latest__body .swiper-pagination .swiper-pagination-bullet {
  width: 0.5291005291vw;
  height: 0.5291005291vw;
  background: rgba(0, 0, 0, 0.1);
  margin: 0 0.2645502646vw;
  transition: all 500ms;
}
.wrapper__news-latest__body .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet {
  background: rgba(0, 0, 0, 0.8);
}
@media (max-width: 767px) {
  .wrapper__news-latest {
    margin-left: 3.8461538462vw;
    margin-right: 0;
    width: calc(100% - 3.8461538462vw);
    margin-top: 10.2564102564vw;
  }
  .wrapper__news-latest.bg-detailpage {
    background: #f1f1f1;
    padding: 10.2564102564vw 0vw 7.6923076923vw 3.8461538462vw;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .wrapper__news-latest h2 {
    font-family: "Gotham-Medium";
    font-size: 7.1794871795vw;
    line-height: normal;
    letter-spacing: normal;
  }
  .wrapper__news-latest .wrapper__news-latest__body {
    position: relative;
  }
  .wrapper__news-latest .wrapper__news-latest__body.is-mobile {
    display: flex;
  }
  .wrapper__news-latest .wrapper__news-latest__body:not(.is-mobile) {
    display: none;
  }
  .wrapper__news-latest .wrapper__news-latest__body .swiper-wrapper {
    padding-bottom: 7.6923076923vw;
  }
  .wrapper__news-latest .wrapper__news-latest__body .swiper-wrapper .swiper-slide {
    width: 71.7948717949vw;
  }
  .wrapper__news-latest .wrapper__news-latest__body .swiper-wrapper .swiper-slide .wrapper__newsitem {
    width: 100%;
  }
  .wrapper__news-latest .wrapper__news-latest__body .swiper-wrapper .swiper-slide .wrapper__newsitem .newsitem__image img {
    height: auto;
    border-radius: 5.1282051282vw;
  }
  .wrapper__news-latest .wrapper__news-latest__body .swiper-wrapper .swiper-slide .wrapper__newsitem .newsitem__tags {
    margin-top: 5.1282051282vw;
    margin-bottom: 2.0512820513vw;
  }
  .wrapper__news-latest .wrapper__news-latest__body .swiper-wrapper .swiper-slide .wrapper__newsitem .newsitem__tags .cat {
    font-family: "Gotham-Bold";
    font-size: 2.8205128205vw;
    line-height: 2.8205128205vw;
    letter-spacing: 0.2820512821vw;
  }
  .wrapper__news-latest .wrapper__news-latest__body .swiper-wrapper .swiper-slide .wrapper__newsitem .newsitem__tags .date {
    font-family: "Gotham-Bold";
    font-size: 2.8205128205vw;
    line-height: 2.8205128205vw;
    letter-spacing: normal;
  }
  .wrapper__news-latest .wrapper__news-latest__body .swiper-wrapper .swiper-slide .wrapper__newsitem h3 {
    font-family: "Gotham-Medium";
    font-size: 4.6153846154vw;
    line-height: 6.1538461538vw;
    letter-spacing: normal;
  }
  .wrapper__news-latest .wrapper__news-latest__body .swiper-pagination {
    bottom: 0vw;
  }
  .wrapper__news-latest .wrapper__news-latest__body .swiper-pagination .swiper-pagination-bullet {
    width: 2.0512820513vw;
    height: 2.0512820513vw;
    background: rgba(0, 0, 0, 0.1);
    margin: 0 0.7692307692vw;
    transition: all 500ms;
  }
  .wrapper__news-latest .wrapper__news-latest__body .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet {
    background: rgba(0, 0, 0, 0.8);
  }
}
.wrapper__newsitem {
  width: 21.6931216931vw;
  margin-right: 1.9841269841vw;
  margin-top: 2.9761904762vw;
  position: relative;
  height: fit-content;
  display: flex;
  flex-direction: column;
}
.wrapper__newsitem.topnews {
  width: 45.3042328042vw;
}
.wrapper__newsitem[data-cat^="marke"] .newsitem__tags .cat {
  color: #25E39F;
}
.wrapper__newsitem[data-cat^="people"] .newsitem__tags .cat {
  color: #FF006B;
}
.wrapper__newsitem[data-cat^="data-tech"] .newsitem__tags .cat {
  color: #9747FF;
}
.wrapper__newsitem[data-cat^="lifestyle"] .newsitem__tags .cat {
  color: #EA5707;
}
.wrapper__newsitem[data-cat^="forecast"] .newsitem__tags .cat {
  color: orange;
}
.wrapper__newsitem[data-cat^="trends"] .newsitem__tags .cat {
  color: red;
}
.wrapper__newsitem .newsitem__image img {
  border-radius: 1.3227513228vw;
}
.wrapper__newsitem .newsitem__tags {
  margin-top: 1.9841269841vw;
  margin-bottom: 0.5291005291vw;
}
.wrapper__newsitem .newsitem__tags .cat {
  font-family: "Gotham-Bold";
  font-size: 0.7275132275vw;
  line-height: normal;
  letter-spacing: 0.0727513228vw;
  text-transform: uppercase;
}
.wrapper__newsitem .newsitem__tags .date {
  font-family: "Gotham-Bold";
  font-size: 0.7275132275vw;
  line-height: normal;
  letter-spacing: normal;
  color: #bfbfbf;
  padding-left: 1.0582010582vw;
}
.wrapper__newsitem h3 {
  font-family: "Gotham-Medium";
  font-size: 1.1904761905vw;
  line-height: 1.5873015873vw;
  letter-spacing: normal;
}
.wrapper__newsitem .newsitem__headline {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 3.3068783069vw 0 0;
  background: #f1f1f1;
  border-top-right-radius: 1.3227513228vw;
  width: 36.3756613757vw;
  box-sizing: border-box;
}
.wrapper__newsitem .newsitem__headline:before {
  content: "";
  background: url(../Images/Bg_Intromodule_top-left.svg) no-repeat center center / contain;
  position: absolute;
  left: 0;
  top: -1.3227513228vw;
  width: 1.3227513228vw;
  height: 1.3227513228vw;
  transform: rotate(180deg);
}
.wrapper__newsitem .newsitem__headline:after {
  content: "";
  background: url(../Images/Bg_Intromodule_top-left.svg) no-repeat center center / contain;
  position: absolute;
  right: -1.3227513228vw;
  bottom: 0;
  width: 1.3227513228vw;
  height: 1.3227513228vw;
  transform: rotate(180deg);
}
.wrapper__newsitem .newsitem__headline h3 {
  font-size: 2.1164021164vw;
  line-height: normal;
}
.article .header h3 a {
  color: white;
}
.wrapper__teaser-first {
  margin-top: 3.5052910053vw;
  width: 96.0317460317vw;
  overflow: hidden;
  padding-bottom: 3.9682539683vw;
}
.wrapper__teaser-first .swiper-wrapper .swiper-slide {
  width: 30.4232804233vw;
  border-radius: 1.3227513228vw;
  overflow: hidden;
  position: relative;
}
.wrapper__teaser-first .swiper-wrapper .swiper-slide.is-wide {
  width: 68.9814814815vw;
}
.wrapper__teaser-first .swiper-wrapper .swiper-slide.is-wide .slide-copy-headline .slide-headline h2 {
  font-size: 5.291005291vw;
  line-height: 5.6878306878vw;
  letter-spacing: normal;
}
.wrapper__teaser-first .swiper-wrapper .swiper-slide .slide-label {
  position: absolute;
  top: 2.9100529101vw;
  left: 2.7116402116vw;
  font-family: "BebasNeue";
  font-size: 2.380952381vw;
  line-height: 2.380952381vw;
  letter-spacing: 0.1904761905vw;
  color: #fff;
  text-transform: uppercase;
}
.wrapper__teaser-first .swiper-wrapper .swiper-slide .slide-copy-headline {
  position: absolute;
  bottom: 0;
  left: 0;
}
.wrapper__teaser-first .swiper-wrapper .swiper-slide .slide-copy-headline .slide-headline {
  margin-left: 2.7116402116vw;
  margin-bottom: 2.5793650794vw;
  width: 33.0687830688vw;
}
.wrapper__teaser-first .swiper-wrapper .swiper-slide .slide-copy-headline .slide-headline h2 {
  font-family: "Gotham-Bold";
  font-size: 3.3068783069vw;
  line-height: 3.5714285714vw;
  letter-spacing: normal;
  color: #fff;
}
.wrapper__teaser-first .swiper-wrapper .swiper-slide .slide-copy-headline .slide-copy {
  background: #fff;
  padding: 1.9841269841vw 1.3227513228vw 1.3227513228vw 0.6613756614vw;
  border-top-right-radius: 1.3227513228vw;
  width: 24.8015873016vw;
  box-sizing: border-box;
  position: relative;
}
.wrapper__teaser-first .swiper-wrapper .swiper-slide .slide-copy-headline .slide-copy:before {
  content: "";
  background: url(../Images/Bg_Intromodule_top-left.svg) no-repeat center center / contain;
  position: absolute;
  left: 0;
  top: -1.3227513228vw;
  width: 1.3227513228vw;
  height: 1.3227513228vw;
  transform: rotate(180deg);
}
.wrapper__teaser-first .swiper-wrapper .swiper-slide .slide-copy-headline .slide-copy:after {
  content: "";
  background: url(../Images/Bg_Intromodule_top-left.svg) no-repeat center center / contain;
  position: absolute;
  right: -1.3227513228vw;
  bottom: 0;
  width: 1.3227513228vw;
  height: 1.3227513228vw;
  transform: rotate(180deg);
}
.wrapper__teaser-first .swiper-wrapper .swiper-slide .slide-copy-headline .slide-copy p {
  font-family: "Gotham-Book";
  font-size: 1.0582010582vw;
  line-height: 1.455026455vw;
  letter-spacing: normal;
}
.wrapper__teaser-first .swiper-pagination {
  bottom: 1.7857142857vw;
}
.wrapper__teaser-first .swiper-pagination .swiper-pagination-bullet {
  width: 0.5291005291vw;
  height: 0.5291005291vw;
  background: rgba(0, 0, 0, 0.1);
  margin: 0 0.2645502646vw;
  transition: all 500ms;
}
.wrapper__teaser-first .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet {
  background: rgba(0, 0, 0, 0.8);
}
@media (max-width: 767px) {
  .wrapper__teaser-first {
    margin-top: 3.8461538462vw;
    width: 95.8974358974vw;
    margin-left: -3.5897435897vw;
    padding-bottom: 7.6923076923vw;
  }
  .wrapper__teaser-first .swiper-wrapper .swiper-slide {
    width: 82.0512820513vw;
    border-radius: 5.1282051282vw;
  }
  .wrapper__teaser-first .swiper-wrapper .swiper-slide.is-wide {
    width: 82.0512820513vw;
  }
  .wrapper__teaser-first .swiper-wrapper .swiper-slide.is-wide .slide-copy-headline .slide-copy {
    display: none;
  }
  .wrapper__teaser-first .swiper-wrapper .swiper-slide.is-wide .slide-copy-headline .slide-headline {
    margin-left: 5.1282051282vw;
    margin-bottom: 7.6923076923vw;
  }
  .wrapper__teaser-first .swiper-wrapper .swiper-slide.is-wide .slide-copy-headline .slide-headline h2 {
    font-family: "Gotham-Bold";
    font-size: 9.7435897436vw;
    line-height: normal;
    letter-spacing: normal;
  }
  .wrapper__teaser-first .swiper-wrapper .swiper-slide img {
    height: auto !important;
  }
  .wrapper__teaser-first .swiper-wrapper .swiper-slide .slide-copy-headline .slide-copy {
    display: none;
  }
  .wrapper__teaser-first .swiper-wrapper .swiper-slide .slide-copy-headline .slide-headline {
    margin-left: 5.1282051282vw;
    margin-bottom: 7.6923076923vw;
  }
  .wrapper__teaser-first .swiper-wrapper .swiper-slide .slide-copy-headline .slide-headline h2 {
    font-family: "Gotham-Bold";
    font-size: 9.7435897436vw;
    line-height: normal;
    letter-spacing: normal;
  }
  .wrapper__teaser-first .swiper-wrapper .swiper-slide .slide-label {
    font-family: "BebasNeue";
    font-size: 5.641025641vw;
    line-height: 6.1538461538vw;
    letter-spacing: 0.4512820513vw;
  }
  .wrapper__teaser-first .swiper-pagination {
    bottom: 16.6666666667vw;
  }
  .wrapper__teaser-first .swiper-pagination .swiper-pagination-bullet {
    width: 2.0512820513vw;
    height: 2.0512820513vw;
    background: rgba(0, 0, 0, 0.1);
    margin: 0 0.7692307692vw;
    transition: all 500ms;
  }
  .wrapper__teaser-first .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet {
    background: rgba(0, 0, 0, 0.8);
  }
}
.mod_b2b_newsl {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 4.2989417989vw !important;
  margin-left: 3.7037037037vw !important;
  margin-right: 1.9841269841vw !important;
  width: 94.3121693122vw !important;
}
.mod_b2b_newsl__headline {
  width: 47.2883597884vw;
  padding-right: 1.9841269841vw;
  box-sizing: border-box;
}
.mod_b2b_newsl__headline h2 {
  font-family: "Gotham-Book";
  font-size: 3.9682539683vw;
  line-height: 4.4973544974vw;
  letter-spacing: normal;
  color: #ff6a26;
}
.mod_b2b_newsl__content {
  background: #fff;
  border-radius: 1.3227513228vw;
  padding-top: 2.9100529101vw;
  padding-right: 3.9021164021vw;
  padding-bottom: 3.3068783069vw;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  flex-grow: 1;
  align-items: center;
  padding-left: 13.4920634921vw;
  position: relative;
  width: 47.0238095238vw;
  box-sizing: border-box;
  overflow: hidden;
}
.mod_b2b_newsl__content:before {
  content: "";
  width: 12.8306878307vw;
  height: 14.0211640212vw;
  background: url("../Icons/Icon_Mail.svg") no-repeat center center / cover;
  left: -1.3227513228vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.mod_b2b_newsl__content .wr__radio {
  width: 100%;
  margin-bottom: 1.455026455vw;
}
.mod_b2b_newsl__content .wr__radio span.radio {
  padding-left: 2.5793650794vw;
  position: relative;
  cursor: pointer;
  font-family: "Gotham-Book";
  font-size: 0.9259259259vw;
  line-height: 0.9259259259vw;
  letter-spacing: normal;
  color: #bfbfbf;
}
.mod_b2b_newsl__content .wr__radio span.radio:before {
  content: "";
  width: 1.9841269841vw;
  height: 1.9841269841vw;
  border: 1px solid #ff6a26;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  border-radius: 50%;
}
.mod_b2b_newsl__content .wr__radio span.radio + .radio {
  margin-left: 1.8518518519vw;
}
.mod_b2b_newsl__content .wr__radio span.radio.is-active {
  color: #ff6a26;
}
.mod_b2b_newsl__content .wr__radio span.radio.is-active:after {
  content: "";
  width: 0.7936507937vw;
  height: 0.7936507937vw;
  background: #ff6a26;
  left: 0.6613756614vw;
  top: 50%;
  transform: translate(0, -50%);
  border-radius: 50%;
  position: absolute;
}
.mod_b2b_newsl__content .wr__input-2row {
  display: flex;
  flex-direction: row;
  margin-bottom: 1.1243386243vw;
}
.mod_b2b_newsl__content .wr__input-2row > div {
  border: 1px solid #ff6a26;
  border-radius: 3.3068783069vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
  width: 50%;
  box-sizing: border-box;
}
.mod_b2b_newsl__content .wr__input-2row > div:first-child {
  margin-right: 0.3306878307vw;
}
.mod_b2b_newsl__content .wr__input-2row > div:last-child {
  margin-left: 0.3306878307vw;
}
.mod_b2b_newsl__content .wr__input-2row > div input {
  outline: none;
  border: none;
  font-family: "Gotham-Book";
  font-size: 0.9259259259vw;
  line-height: 0.9259259259vw;
  letter-spacing: normal;
  color: #bfbfbf;
  margin-left: 2.5132275132vw;
  margin-right: 1.3227513228vw;
  padding: 1.0582010582vw 0 1.0582010582vw;
  width: 100%;
}
.mod_b2b_newsl__content .wr__input-2row > div .label {
  position: absolute;
  top: -0.8597883598vw;
  left: 2.5132275132vw;
  padding: 0.3968253968vw 0.5291005291vw;
  font-family: "Gotham-Book";
  font-size: 0.7275132275vw;
  line-height: 0.7275132275vw;
  letter-spacing: normal;
  color: #ff6a26;
  background: #fff;
  display: inline-block;
  border-bottom-left-radius: 0.6613756614vw;
  border-bottom-right-radius: 0.6613756614vw;
}
.mod_b2b_newsl__content .wr__inp-but {
  border: 1px solid #ff6a26;
  border-radius: 3.3068783069vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.mod_b2b_newsl__content .wr__inp-but input {
  outline: none;
  border: none;
  font-family: "Gotham-Book";
  font-size: 0.9259259259vw;
  line-height: 0.9259259259vw;
  letter-spacing: normal;
  color: #bfbfbf;
  margin-left: 2.5132275132vw;
  width: 100%;
}
.mod_b2b_newsl__content .wr__inp-but button {
  background: #ff6a26;
  outline: none;
  border: none;
  color: #fff;
  cursor: pointer;
  font-family: "Gotham-Medium";
  font-size: 1.0582010582vw;
  line-height: 1.5873015873vw;
  letter-spacing: normal;
  padding: 0.9259259259vw 2.0502645503vw 0.7936507937vw;
  border-radius: 3.3068783069vw;
}
.mod_b2b_newsl__content .wr__inp-but .label {
  position: absolute;
  top: -0.8597883598vw;
  left: 2.5132275132vw;
  padding: 0.3968253968vw 0.5291005291vw;
  font-family: "Gotham-Book";
  font-size: 0.7275132275vw;
  line-height: 0.7275132275vw;
  letter-spacing: normal;
  color: #ff6a26;
  background: #fff;
  display: inline-block;
  border-bottom-left-radius: 0.6613756614vw;
  border-bottom-right-radius: 0.6613756614vw;
}
.mod_b2b_newsl__content .wr__inp-but.invalid-mail {
  border: 1px solid #F20D0D;
  background: #F20D0D;
  transition: 500ms all;
}
.mod_b2b_newsl__content .wr__inp-but.invalid-mail .label {
  color: #F20D0D;
  transition: 500ms all;
}
.mod_b2b_newsl__content .wr__inp-but.invalid-mail button {
  background: #fff;
  color: #F20D0D;
  transition: 500ms all;
}
.mod_b2b_newsl__content .wr__inp-but.invalid-mail input {
  background: #F20D0D;
  transition: 500ms all;
}
.mod_b2b_newsl__content .wr__discl {
  margin-top: 1.455026455vw;
}
.mod_b2b_newsl__content .wr__discl p {
  font-family: "Gotham-Book";
  font-size: 0.7275132275vw;
  line-height: 1.0582010582vw;
  letter-spacing: normal;
  color: #bfbfbf;
}
.mod_b2b_newsl__content .wr__discl p a {
  color: inherit;
  text-decoration: underline;
}
.mod_b2b_newsl__content .wr__response {
  display: none;
}
.mod_b2b_newsl__content .wr__response p + p, .mod_b2b_newsl__content .wr__response p {
  margin-top: 0;
}
.mod_b2b_newsl__content .wr__response p.success {
  color: #28AE5D;
  display: none;
}
.mod_b2b_newsl__content .wr__response p.error, .mod_b2b_newsl__content .wr__response p.duplicate {
  color: #F20D0D;
  display: none;
}
.mod_b2b_newsl.error .mod_b2b_newsl__content {
  background: #FFD9D9;
}
.mod_b2b_newsl.error .mod_b2b_newsl__content:before {
  background: url("../Icons/Icon_Mail_Error.svg") no-repeat center center / cover;
}
.mod_b2b_newsl.error .mod_b2b_newsl__content .wr__response p.error {
  display: block;
}
.mod_b2b_newsl.duplicate .mod_b2b_newsl__content {
  background: #FFD9D9;
}
.mod_b2b_newsl.duplicate .mod_b2b_newsl__content:before {
  background: url("../Icons/Icon_Mail_Error.svg") no-repeat center center / cover;
}
.mod_b2b_newsl.duplicate .mod_b2b_newsl__content .wr__response p.duplicate {
  display: block;
}
.mod_b2b_newsl.success .mod_b2b_newsl__content {
  background: #BCFED7;
}
.mod_b2b_newsl.success .mod_b2b_newsl__content:before {
  background: url("../Icons/Icon_Mail_Success.svg") no-repeat center center / cover;
}
.mod_b2b_newsl.success .mod_b2b_newsl__content .wr__response p.success {
  display: block;
}
@media (max-width: 767px) {
  .mod_b2b_newsl {
    flex-direction: column;
    margin-top: 8.2051282051vw !important;
    margin-left: 3.8461538462vw !important;
    margin-right: 5.1282051282vw !important;
    padding-bottom: 7.1794871795vw;
    width: 91.0256410256vw !important;
  }
  .mod_b2b_newsl .mod_b2b_newsl__headline {
    width: 100%;
    box-sizing: border-box;
    padding: 8.2051282051vw 7.6923076923vw 0;
    text-align: center;
  }
  .mod_b2b_newsl .mod_b2b_newsl__headline h2 {
    font-size: 6.6666666667vw;
    line-height: normal;
    letter-spacing: normal;
  }
  .mod_b2b_newsl .mod_b2b_newsl__content {
    width: 100%;
    margin-top: 9.7435897436vw;
    padding: 0;
  }
  .mod_b2b_newsl .mod_b2b_newsl__content:before {
    content: none;
  }
  .mod_b2b_newsl .mod_b2b_newsl__content .wr__radio {
    width: 100%;
    margin-top: 5.641025641vw;
    margin-bottom: 5.641025641vw;
  }
  .mod_b2b_newsl .mod_b2b_newsl__content .wr__radio span.radio {
    padding-left: 10vw;
    position: relative;
    cursor: pointer;
    font-family: "Gotham-Book";
    font-size: 3.5897435897vw;
    line-height: 3.5897435897vw;
    letter-spacing: normal;
    color: #bfbfbf;
  }
  .mod_b2b_newsl .mod_b2b_newsl__content .wr__radio span.radio:before {
    content: "";
    width: 7.6923076923vw;
    height: 7.6923076923vw;
    border: 1px solid #ff6a26;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    border-radius: 50%;
  }
  .mod_b2b_newsl .mod_b2b_newsl__content .wr__radio span.radio + .radio {
    margin-left: 7.1794871795vw;
  }
  .mod_b2b_newsl .mod_b2b_newsl__content .wr__radio span.radio.is-active {
    color: #ff6a26;
  }
  .mod_b2b_newsl .mod_b2b_newsl__content .wr__radio span.radio.is-active:after {
    content: "";
    width: 3.0769230769vw;
    height: 3.0769230769vw;
    background: #ff6a26;
    left: 2.5641025641vw;
    top: 50%;
    transform: translate(0, -50%);
    border-radius: 50%;
    position: absolute;
  }
  .mod_b2b_newsl .mod_b2b_newsl__content .wr__input-2row {
    margin-bottom: 4.358974359vw;
    flex-direction: column;
    width: 100%;
  }
  .mod_b2b_newsl .mod_b2b_newsl__content .wr__input-2row > div {
    width: 100%;
    border-radius: 12.8205128205vw;
  }
  .mod_b2b_newsl .mod_b2b_newsl__content .wr__input-2row > div:first-child {
    margin-right: 0;
    margin-bottom: 4.358974359vw;
  }
  .mod_b2b_newsl .mod_b2b_newsl__content .wr__input-2row > div:last-child {
    margin-left: 0;
  }
  .mod_b2b_newsl .mod_b2b_newsl__content .wr__input-2row > div .label {
    left: 9.7435897436vw;
    font-size: 3.0769230769vw;
    line-height: 3.0769230769vw;
    top: -1.7948717949vw;
  }
  .mod_b2b_newsl .mod_b2b_newsl__content .wr__input-2row > div input {
    margin-left: 9.7435897436vw;
    margin-right: 5.1282051282vw;
    font-size: 3.5897435897vw;
    line-height: 3.5897435897vw;
    padding: 4.1025641026vw 0 4.1025641026vw 0;
  }
  .mod_b2b_newsl .mod_b2b_newsl__content .wr__inp-but {
    border-radius: 12.8205128205vw;
  }
  .mod_b2b_newsl .mod_b2b_newsl__content .wr__inp-but .label {
    left: 9.7435897436vw;
    font-size: 3.0769230769vw;
    line-height: 3.0769230769vw;
    top: -1.7948717949vw;
  }
  .mod_b2b_newsl .mod_b2b_newsl__content .wr__inp-but input {
    margin-left: 9.7435897436vw;
    font-size: 3.5897435897vw;
    line-height: 3.5897435897vw;
  }
  .mod_b2b_newsl .mod_b2b_newsl__content .wr__inp-but button {
    font-size: 4.1025641026vw;
    line-height: 4.1025641026vw;
    padding: 4.1025641026vw 7.9487179487vw 4.1025641026vw 7.9487179487vw;
    border-radius: 12.8205128205vw;
  }
  .mod_b2b_newsl .mod_b2b_newsl__content .wr__discl {
    padding-left: 3.8461538462vw;
    padding-right: 3.8461538462vw;
    margin-top: 6.1538461538vw;
  }
  .mod_b2b_newsl .mod_b2b_newsl__content .wr__discl p {
    font-size: 2.8205128205vw;
    line-height: 4.1025641026vw;
    letter-spacing: normal;
  }
  .mod_b2b_newsl .mod_b2b_newsl__content .success, .mod_b2b_newsl .mod_b2b_newsl__content .duplicate {
    padding: 3.3068783069vw;
  }
}
.mod_b2b_imgslider {
  margin-top: 3.9682539683vw;
  padding-bottom: 1.9841269841vw;
  position: relative;
}
.mod_b2b_imgslider .swiper-wrapper .swiper-slide {
  width: 37.4338624339vw;
}
.mod_b2b_imgslider .swiper-wrapper .swiper-slide img {
  border-radius: 1.3227513228vw;
}
.mod_b2b_imgslider .swiper-wrapper .swiper-slide .b2b_image_caption {
  text-align: right;
}
.mod_b2b_imgslider .swiper-pagination {
  bottom: -0.6613756614vw;
}
.mod_b2b_imgslider .swiper-pagination .swiper-pagination-bullet {
  width: 0.5291005291vw;
  height: 0.5291005291vw;
  background: rgba(0, 0, 0, 0.1);
  margin: 0 0.2645502646vw;
  transition: all 500ms;
}
.mod_b2b_imgslider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet {
  background: rgba(0, 0, 0, 0.8);
}
@media (max-width: 767px) {
  .mod_b2b_imgslider {
    margin-top: 10.2564102564vw;
    margin-left: 0vw;
  }
  .mod_b2b_imgslider .swiper-wrapper .swiper-slide {
    width: 76.9230769231vw;
  }
  .mod_b2b_imgslider .swiper-wrapper .swiper-slide img {
    height: auto !important;
    width: 100%;
    border-radius: 5.1282051282vw;
  }
  .mod_b2b_imgslider .swiper-pagination {
    bottom: -7.6923076923vw;
  }
  .mod_b2b_imgslider .swiper-pagination .swiper-pagination-bullet {
    width: 2.0512820513vw;
    height: 2.0512820513vw;
    background: rgba(0, 0, 0, 0.8);
    margin: 0 0.7692307692vw;
    transition: all 500ms;
  }
  .mod_b2b_imgslider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet {
    background: #fff;
  }
}
.b2b_video {
  margin-top: 3.9682539683vw;
  margin-bottom: 11.5740740741vw;
  margin-left: 11.5740740741vw;
  margin-right: 11.5740740741vw;
  width: calc(100% - 23.1481481481vw);
  overflow: hidden;
}
.b2b_video .b2b_video_wrapper {
  position: relative;
}
.b2b_video .b2b_video_wrapper .b2b_video_poster_icon {
  width: 3.9682539683vw;
  height: 3.9682539683vw;
  background: url(../Icons/Icon_Video-Play.svg) no-repeat center center / contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  animation: videoscale;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
  transform-origin: center center;
}
@keyframes videoscale {
  from {
    transform: scale(1) translate(-50%, -50%);
  }
  to {
    transform: scale(1.2) translate(-50%, -50%);
  }
}
.b2b_video .b2b_video_wrapper .b2b_video_poster {
  border-radius: 1.3227513228vw;
  overflow: hidden;
}
.b2b_video .b2b_video_wrapper .b2b_video_media {
  display: none;
  border-radius: 1.3227513228vw;
  overflow: hidden;
}
.b2b_video .b2b_video_wrapper .b2b_video_media.visible {
  display: block;
}
.b2b_video .b2b_video_wrapper .b2b_video_media video {
  width: 100%;
}
.b2b_video .b2b_video_content {
  padding-left: 15.8068783069vw;
  padding-right: 15.0132275132vw;
}
.b2b_video .b2b_video_content h2 {
  margin-top: 1.9841269841vw;
}
.b2b_video .b2b_video_content h2 + p {
  margin-top: 0.9920634921vw;
}
.b2b_video .b2b_video_content p {
  margin-top: 1.9841269841vw;
}
@media (max-width: 767px) {
  .b2b_video {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    border-radius: 0;
    margin-top: 10.2564102564vw;
    margin-bottom: 25.641025641vw;
    border-radius: 0;
  }
  .b2b_video .b2b_video_wrapper .b2b_video_poster, .b2b_video .b2b_video_wrapper .b2b_video_poster img, .b2b_video .b2b_video_wrapper .b2b_video_media {
    border-radius: 0;
  }
  .b2b_video .b2b_video_content {
    padding-left: 5.1282051282vw;
    padding-right: 5.1282051282vw;
    padding-top: 3.8461538462vw;
  }
  .b2b_video .b2b_video_content h2 + p {
    margin-top: revert;
  }
}
/* =============================================================================== */
/* WRAPPER
============================================ */
.wrapper_mod {
  width: calc(100% - 7.4074074074vw);
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
}
.wrapper_mod.fluid {
  width: 100%;
}
.wrapper_mod.fluid .inner {
  margin: 0 auto;
  box-sizing: border-box;
}
.wrapper_mod.distance-200 {
  padding-top: 19.8412698413vw;
}
.wrapper_mod.distance-50 {
  padding-top: 4.9603174603vw;
}
.wrapper_mod.distance-0 {
  padding-top: 0vw;
}
.wrapper_mod.distance-bt-200 {
  padding-bottom: 19.8412698413vw;
}
.wrapper_mod.distance-bt-50 {
  padding-bottom: 4.9603174603vw;
}
.wrapper_mod.distance-bt-0 {
  padding-bottom: 0vw;
}
@media (max-width: 767px) {
  .wrapper_mod {
    width: calc(100% - 10.2564102564vw);
  }
  .wrapper_mod.fluid-mobile {
    width: 100%;
  }
  .wrapper_mod.fluid .inner {
    width: calc(100% - 17.4358974359vw);
  }
  .wrapper_mod.distance-200 {
    padding-top: 38.4615384615vw;
  }
  .wrapper_mod.distance-50 {
    padding-top: 9.4871794872vw;
  }
  .wrapper_mod.distance-0 {
    padding-top: 0vw;
  }
}
.outerwrapper {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.outerwrapper.bg-grey {
  padding: 1.9841269841vw 0;
  background: #f1f1f1;
}
.outerwrapper.bg-grey .b2b_image_100 .headline {
  background: #f1f1f1;
}
@media (max-width: 767px) {
  .outerwrapper.bg-grey {
    padding: 0 1.3227513228vw;
  }
}
/* MODULE B2B 
=================================================================== */
.wrapper__hero {
  position: relative;
  width: 100%;
  height: 48.2804232804vw;
  border-radius: 1.3227513228vw;
  overflow: hidden;
}
.wrapper__hero .hero__headline {
  position: absolute;
  background: #fff;
  padding: 0 1.7195767196vw 0.5952380952vw 1.7195767196vw;
  left: 4.1666666667vw;
  top: 0;
  width: 49.6031746032vw;
  border-bottom-left-radius: 1.3227513228vw;
  border-bottom-right-radius: 1.3227513228vw;
}
.wrapper__hero .hero__headline:before {
  content: "";
  background: url(../Images/Bg_Intromodule_top-left.svg) no-repeat center center / contain;
  position: absolute;
  left: -1.3227513228vw;
  top: 0;
  width: 1.3227513228vw;
  height: 1.3227513228vw;
}
.wrapper__hero .hero__headline:after {
  content: "";
  background: url(../Images/Bg_Intromodule_top-left.svg) no-repeat center center / contain;
  position: absolute;
  right: -1.3227513228vw;
  top: 0;
  width: 1.3227513228vw;
  height: 1.3227513228vw;
  transform: scale(-1, 1);
}
.wrapper__hero .hero__headline h1 {
  font-size: 3.3068783069vw;
  line-height: normal;
  letter-spacing: 0;
  color: #000;
  text-transform: none;
  font-family: "Gotham-Medium";
}
.wrapper__hero .b2b_image_caption {
  position: absolute;
  right: 1.3227513228vw;
  top: 1.3227513228vw;
  text-align: right;
  margin-top: 0;
  width: 23.1481481481vw;
}
.wrapper__hero .b2b_image_caption p {
  color: #fff;
}
.wrapper__hero .b2b_image_caption.text-black p {
  color: #000;
}
@media (max-width: 767px) {
  .wrapper__hero {
    height: 147.9487179487vw;
    width: 100% !important;
    border-radius: 0;
  }
  .wrapper__hero .hero__headline {
    top: unset;
    bottom: 0;
    left: 0;
    background: none;
    width: 100%;
    padding: 0vw 0vw 5.1282051282vw 5.1282051282vw;
    box-sizing: border-box;
  }
  .wrapper__hero .hero__headline h1 {
    font-size: 10.2564102564vw;
    line-height: normal;
    letter-spacing: 0;
    color: #fff;
    text-transform: none;
    font-family: "Gotham-Medium";
  }
  .wrapper__hero .b2b_image_caption {
    right: 5.1282051282vw;
    top: 5.1282051282vw;
    width: calc(100% - 5.1282051282vw);
  }
}
.mod_b2b_introtext {
  padding: 2.7777777778vw 11.5740740741vw 0 4.2328042328vw;
  background: #fff;
  border-top-left-radius: 1.3227513228vw;
  border-top-right-radius: 1.3227513228vw;
  position: relative;
  top: -13.2275132275vw;
  margin-bottom: -13.2275132275vw;
  margin-left: 23.1481481481vw;
  width: 61.1111111111vw;
  min-height: 13.2275132275vw;
}
.mod_b2b_introtext:before {
  content: "";
  background: url(../Images/Bg_Intromodule_top-left.svg) no-repeat center center / contain;
  position: absolute;
  left: -1.3227513228vw;
  top: 11.9047619048vw;
  width: 1.3227513228vw;
  height: 1.3227513228vw;
  transform: scale(1, -1);
}
.mod_b2b_introtext:after {
  content: "";
  background: url(../Images/Bg_Intromodule_top-left.svg) no-repeat center center / contain;
  position: absolute;
  right: -1.3227513228vw;
  top: 11.9047619048vw;
  width: 1.3227513228vw;
  height: 1.3227513228vw;
  transform: scale(-1, -1);
}
.mod_b2b_introtext .introtext__pagestat {
  display: flex;
  align-items: center;
}
.mod_b2b_introtext .introtext__pagestat .page-cat > span {
  display: none;
  font-family: "Gotham-Bold";
  font-size: 0.7275132275vw;
  line-height: 1.455026455vw;
  letter-spacing: 10%;
  text-transform: uppercase;
}
.mod_b2b_introtext .introtext__pagestat .page-cat .cat-marke {
  color: #25E39F;
}
.mod_b2b_introtext .introtext__pagestat .page-cat .cat-people {
  color: #FF006B;
}
.mod_b2b_introtext .introtext__pagestat .page-cat .cat-data-tech {
  color: #9747FF;
}
.mod_b2b_introtext .introtext__pagestat .page-cat .cat-lifestyle {
  color: #EA5707;
}
.mod_b2b_introtext .introtext__pagestat .page-cat .cat-forecast {
  color: orange;
}
.mod_b2b_introtext .introtext__pagestat .page-cat .cat-trends {
  color: red;
}
.mod_b2b_introtext .introtext__pagestat .page-cat + .page-date {
  margin-left: 1.0582010582vw;
}
.mod_b2b_introtext .introtext__pagestat .page-cat[class*="cat-marke"] .cat-marke {
  display: block;
}
.mod_b2b_introtext .introtext__pagestat .page-cat[class*="cat-people"] .cat-people {
  display: block;
}
.mod_b2b_introtext .introtext__pagestat .page-cat[class*="cat-datatech"] .cat-data-tech {
  display: block;
}
.mod_b2b_introtext .introtext__pagestat .page-cat[class*="cat-data-tech"] .cat-data-tech {
  display: block;
}
.mod_b2b_introtext .introtext__pagestat .page-cat[class*="cat-lifestyle"] .cat-lifestyle {
  display: block;
}
.mod_b2b_introtext .introtext__pagestat .page-cat[class*="cat-science"] .cat-science {
  display: block;
}
.mod_b2b_introtext .introtext__pagestat .page-date {
  font-family: "Gotham-Bold";
  font-size: 0.7275132275vw;
  line-height: 1.455026455vw;
  letter-spacing: normal;
  color: #bfbfbf;
}
.mod_b2b_introtext .introtext__copy {
  margin-top: 1.917989418vw;
}
.mod_b2b_introtext .introtext__copy p {
  font-family: "Gotham-Bold";
  font-size: 1.5873015873vw;
  line-height: 2.2486772487vw;
  letter-spacing: normal;
  color: #000;
}
.mod_b2b_introtext .introtext__copy--small {
  margin-top: 2.2486772487vw;
}
.mod_b2b_introtext .introtext__copy--small p {
  font-family: "Gotham-Book";
  font-size: 1.0582010582vw;
  line-height: 1.5873015873vw;
  letter-spacing: normal;
  color: #000;
}
.mod_b2b_introtext .introtext__copy--small .social-share {
  display: none;
}
.mod_b2b_introtext .social-share {
  position: absolute;
  top: 1.9841269841vw;
  right: 2.9761904762vw;
  height: 2.380952381vw;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.mod_b2b_introtext .social-share .icon {
  width: 2.380952381vw;
  height: 2.380952381vw;
  background: #000;
  border-radius: 50%;
  cursor: pointer;
}
.mod_b2b_introtext .social-share .icon + .icon {
  margin-left: 0.6613756614vw;
}
.mod_b2b_introtext .social-share .icon[data-target="link"] {
  background: url("../Icons/Icon_Social_Link.svg") no-repeat center center / contain;
  position: relative;
}
.mod_b2b_introtext .social-share .icon[data-target="link"]:after {
  opacity: 0;
  transition: opacity 500ms;
}
.mod_b2b_introtext .social-share .icon[data-target="link"].is-active:after {
  content: "Adresse in die Zwischenablage kopiert";
  position: absolute;
  top: calc(100% + 1.3227513228vw);
  left: 50%;
  transform: translate(-50%, 0);
  color: #fff;
  background: #000;
  padding: 1.3227513228vw;
  text-align: center;
  white-space: pre-wrap;
  border-radius: 1.3227513228vw;
  opacity: 1;
  transition: opacity 500ms;
}
.mod_b2b_introtext .social-share .icon[data-target="facebook"] {
  background: url("../Icons/Icon_Social_Facebook.svg") no-repeat center center / contain;
}
.mod_b2b_introtext .social-share .icon[data-target="meta"] {
  background: url("../Icons/Icon_Social_X.png") no-repeat center center / contain;
}
.mod_b2b_introtext .social-share .icon[data-target="linkedin"] {
  background: url("../Icons/Icon_Social_LinkedIn.svg") no-repeat center center / contain;
}
@media (max-width: 767px) {
  .mod_b2b_introtext {
    margin-left: auto;
    top: 0;
    width: calc(100% - 10.2564102564vw);
    margin-bottom: 0;
    padding: 15.3846153846vw 0 0 0;
    min-height: unset;
  }
  .mod_b2b_introtext .introtext__pagestat .page-cat > span {
    font-size: 3.5897435897vw;
    line-height: 5.641025641vw;
    letter-spacing: 0.0925925926vw;
  }
  .mod_b2b_introtext .introtext__pagestat .page-cat + .page-date {
    margin-left: 4.1025641026vw;
  }
  .mod_b2b_introtext .introtext__pagestat .page-date {
    font-size: 3.5897435897vw;
    line-height: 5.641025641vw;
    letter-spacing: normal;
    color: #bfbfbf;
  }
  .mod_b2b_introtext .introtext__copy {
    margin-top: 6.6666666667vw;
  }
  .mod_b2b_introtext .introtext__copy p {
    font-size: 5.1282051282vw;
    line-height: 7.1794871795vw;
  }
  .mod_b2b_introtext .introtext__copy--small {
    margin-top: 5.8974358974vw;
    display: flex;
    flex-direction: column;
  }
  .mod_b2b_introtext .introtext__copy--small p {
    font-size: 3.5897435897vw;
    line-height: 5.641025641vw;
  }
  .mod_b2b_introtext .introtext__copy--small .social-share {
    display: none;
    top: 0;
    left: 0;
    position: relative;
    width: 18.4615384615vw;
    box-sizing: border-box;
    padding-right: 9.2307692308vw;
    float: left;
    margin-bottom: 4.358974359vw;
  }
  .mod_b2b_introtext .introtext__copy--small .social-share .icon {
    width: 9.2307692308vw;
    height: 9.2307692308vw;
  }
  .mod_b2b_introtext .social-share {
    display: flex;
    position: absolute;
    top: 3.8461538462vw;
    right: 0vw;
    height: 9.2307692308vw;
    flex-direction: row;
  }
  .mod_b2b_introtext .social-share .icon {
    width: 9.2307692308vw;
    height: 9.2307692308vw;
    background: #000;
    border-radius: 50%;
  }
  .mod_b2b_introtext .social-share .icon + .icon {
    margin-left: 2.5641025641vw;
  }
}
.mod_b2b_quote {
  margin-left: 16.0052910053vw;
  width: 53.0423280423vw;
  position: relative;
  margin-top: 3.9682539683vw;
}
.mod_b2b_quote p {
  font-family: "Gotham-Light";
  font-size: 2.1164021164vw;
  line-height: 3.4391534392vw;
  letter-spacing: normal;
}
.mod_b2b_quote p > div {
  background: #d1fb96;
  border-radius: 0.6613756614vw;
  display: inline-block;
  padding: 0.3306878307vw 0.6613756614vw;
  box-sizing: border-box;
  margin-top: 0.6613756614vw;
}
.mod_b2b_quote p > div:last-child {
  position: relative;
}
.mod_b2b_quote p > div:last-child:after {
  content: "";
  background: url("../Icons/quote.svg") no-repeat center center / contain;
  width: 3.6375661376vw;
  height: 3.4391534392vw;
  position: absolute;
  bottom: -1.3227513228vw;
  right: -5.291005291vw;
  transform: rotate(180deg);
}
.mod_b2b_quote:before {
  content: "";
  background: url("../Icons/quote.svg") no-repeat center center / contain;
  width: 3.6375661376vw;
  height: 3.4391534392vw;
  position: absolute;
  top: 0vw;
  left: -5.291005291vw;
}
@media (max-width: 767px) {
  .mod_b2b_quote {
    margin-left: 15.1282051282vw;
    width: 64.1025641026vw;
    margin-top: 10.2564102564vw;
  }
  .mod_b2b_quote p {
    font-size: 4.1025641026vw;
    line-height: 4.6153846154vw;
  }
  .mod_b2b_quote p > div {
    border-radius: 2.5641025641vw;
    padding: 1.2820512821vw 3.5897435897vw;
    margin-top: 1.2820512821vw;
  }
  .mod_b2b_quote p > div:last-child {
    position: relative;
  }
  .mod_b2b_quote p > div:last-child:after {
    width: 8.4615384615vw;
    height: 13.3333333333vw;
    bottom: -5.1282051282vw;
    right: -10.2564102564vw;
    transform: rotate(180deg);
  }
  .mod_b2b_quote:before {
    width: 8.4615384615vw;
    height: 13.3333333333vw;
    top: -3.8461538462vw;
    left: -10.2564102564vw;
  }
}
.mod_b2b_quote_author {
  margin-left: 16.0052910053vw;
  width: 53.0423280423vw;
  margin-top: 1.3227513228vw;
}
@media (max-width: 767px) {
  .mod_b2b_quote_author {
    margin-left: 15.1282051282vw;
    width: 79.7435897436vw;
    margin-top: 5.1282051282vw;
  }
}
.mod_b2b_text {
  margin-top: 3.9682539683vw;
  padding: 0 11.5740740741vw 0 4.2328042328vw;
  margin-left: 23.1481481481vw;
  width: 61.1111111111vw;
  box-sizing: border-box;
}
.mod_b2b_text.highlight {
  position: relative;
  padding-left: 6.3492063492vw;
}
.mod_b2b_text.highlight:before {
  content: "";
  width: 0.6613756614vw;
  background: #ff6a26;
  height: 100%;
  left: 4.2328042328vw;
  top: 0;
  position: absolute;
  border-radius: 3.3068783069vw;
}
.mod_b2b_text h2 {
  font-family: "Gotham-Bold";
  font-size: 1.8518518519vw;
  line-height: normal;
  letter-spacing: normal;
}
.mod_b2b_text h2 + p {
  margin-top: 0.9920634921vw;
}
.mod_b2b_text p {
  font-family: "Gotham-Book";
  font-size: 1.0582010582vw;
  line-height: 1.5873015873vw;
  letter-spacing: normal;
  color: #000;
}
.mod_b2b_text p + p {
  margin-top: 1.7195767196vw;
}
.mod_b2b_text p + h2 {
  margin-top: 3.9682539683vw;
}
@media (max-width: 767px) {
  .mod_b2b_text {
    margin-top: 10.2564102564vw;
    padding: 0;
    margin-left: auto;
    width: calc(100% - 10.2564102564vw);
  }
  .mod_b2b_text.highlight {
    position: relative;
    padding-left: 6.3492063492vw;
  }
  .mod_b2b_text.highlight:before {
    content: "";
    width: 2.5641025641vw;
    background: #ff6a26;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    border-radius: 12.8205128205vw;
  }
  .mod_b2b_text h2 {
    font-size: 5.641025641vw;
  }
  .mod_b2b_text h2 + p {
    margin-top: 3.8461538462vw;
  }
  .mod_b2b_text p {
    font-size: 3.5897435897vw;
    line-height: 5.641025641vw;
  }
  .mod_b2b_text p + p {
    margin-top: 5.641025641vw;
  }
  .mod_b2b_text p + h2 {
    margin-top: 10.2564102564vw;
  }
}
.mod_b2b_persona {
  margin-top: 4.9603174603vw;
  padding: 1.7857142857vw 2.5793650794vw 1.7857142857vw 6.5476190476vw;
  margin-left: 27.380952381vw;
  width: 45.3042328042vw;
  background: #d9d9d9;
  border-radius: 1.3227513228vw;
  position: relative;
}
.mod_b2b_persona h3 {
  font-family: "Gotham-Bold";
  font-size: 0.9259259259vw;
  line-height: 1.455026455vw;
  letter-spacing: normal;
  text-transform: uppercase;
}
.mod_b2b_persona h3 + p {
  margin-top: 0.7275132275vw;
}
.mod_b2b_persona p {
  font-family: "Gotham-Book";
  font-size: 0.9259259259vw;
  line-height: 1.455026455vw;
  letter-spacing: normal;
}
.mod_b2b_persona .persona__img {
  width: 5.9523809524vw;
  height: 5.9523809524vw;
  position: absolute;
  top: -1.1904761905vw;
  left: -1.455026455vw;
  border-radius: 1.3227513228vw;
  overflow: hidden;
}
@media (max-width: 767px) {
  .mod_b2b_persona {
    margin-top: 14.8717948718vw;
    margin-left: 5.1282051282vw;
    border-radius: 5.1282051282vw;
    padding: 12.8205128205vw 5.1282051282vw 5.641025641vw 7.1794871795vw;
    width: 89.7435897436vw;
  }
  .mod_b2b_persona h3 {
    font-size: 3.5897435897vw;
    line-height: 5.641025641vw;
    margin-left: 15.3846153846vw;
  }
  .mod_b2b_persona h3 + p {
    margin-top: 3.0769230769vw;
  }
  .mod_b2b_persona p {
    font-size: 3.5897435897vw;
    line-height: 5.641025641vw;
  }
  .mod_b2b_persona .persona__img {
    width: 23.0769230769vw;
    height: 23.0769230769vw;
    top: -4.6153846154vw;
    left: -5.1282051282vw;
    border-radius: 0;
    border-top-right-radius: 5.1282051282vw;
    border-bottom-right-radius: 5.1282051282vw;
  }
}
.b2b__textnews {
  margin-left: 23.1481481481vw;
  padding-left: 4.2328042328vw;
  margin-top: 3.9682539683vw;
  display: flex;
  flex-direction: row;
  display: none;
}
.b2b__textnews .textnews__text {
  width: 31.4814814815vw;
  padding-right: 1.9841269841vw;
}
.b2b__textnews .textnews__text p {
  font-family: "Gotham-Book";
  font-size: 1.0582010582vw;
  line-height: 1.5873015873vw;
  letter-spacing: normal;
}
.b2b__textnews .textnews__news {
  width: calc(100vw - 57.1428571429vw);
}
@media (max-width: 767px) {
  .b2b__textnews {
    margin-top: 10.2564102564vw;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    width: calc(100% - 10.2564102564vw);
    flex-direction: column;
  }
  .b2b__textnews .textnews__text {
    width: 100%;
    padding-right: 0;
  }
  .b2b__textnews .textnews__text p {
    font-size: 3.5897435897vw;
    line-height: 5.641025641vw;
    letter-spacing: normal;
  }
  .b2b__textnews .textnews__news {
    width: 100%;
    margin-top: 9.7435897436vw;
  }
}
.b2b__interview {
  background: #f1f1f1;
  padding: 2.7116402116vw 0 2.9761904762vw 24.537037037vw;
  margin-top: 5.9523809524vw;
}
.b2b__interview .interview__elem {
  width: 42.9894179894vw;
}
.b2b__interview .interview__elem + .interview__elem {
  margin-top: 3.9682539683vw;
}
.b2b__interview .interview__elem__question {
  position: relative;
}
.b2b__interview .interview__elem__question p {
  font-family: "Gotham-Book";
  font-size: 1.455026455vw;
  line-height: 1.8518518519vw;
  letter-spacing: normal;
}
.b2b__interview .interview__elem__question .question__shortquestioner {
  position: absolute;
  top: -0.2645502646vw;
  left: -5.1587301587vw;
  width: 3.9682539683vw;
  height: 3.9682539683vw;
  color: #fff;
  background: linear-gradient(110deg, #b44ad2, #f84f87);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-family: "Gotham-Bold";
  font-size: 1.1904761905vw;
  line-height: 1.1904761905vw;
  letter-spacing: normal;
}
.b2b__interview .interview__elem__answer {
  position: relative;
  margin-top: 2.5132275132vw;
  margin-left: 7.9365079365vw;
}
.b2b__interview .interview__elem__answer p {
  font-family: "Gotham-Book";
  font-size: 1.0582010582vw;
  line-height: 1.5873015873vw;
  letter-spacing: normal;
}
.b2b__interview .interview__elem__answer .answer__shortanswerer {
  position: absolute;
  top: -0.2645502646vw;
  left: -5.1587301587vw;
  width: 3.9682539683vw;
  height: 3.9682539683vw;
  color: #fff;
  background: linear-gradient(110deg, #f25c8a, #ff8c53);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-family: "Gotham-Bold";
  font-size: 1.1904761905vw;
  line-height: 1.1904761905vw;
  letter-spacing: normal;
}
@media (max-width: 767px) {
  .b2b__interview {
    padding: 10.2564102564vw 5.1282051282vw 11.5384615385vw 22.3076923077vw;
    margin-top: 10.2564102564vw;
  }
  .b2b__interview .interview__elem {
    width: 100%;
  }
  .b2b__interview .interview__elem + .interview__elem {
    margin-top: 9.2307692308vw;
  }
  .b2b__interview .interview__elem__question p {
    font-size: 4.1025641026vw;
    line-height: 5.641025641vw;
  }
  .b2b__interview .interview__elem__question .question__shortquestioner {
    top: 0.7692307692vw;
    left: -15.3846153846vw;
    width: 10.2564102564vw;
    height: 10.2564102564vw;
    font-size: 3.0769230769vw;
    line-height: normal;
  }
  .b2b__interview .interview__elem__answer {
    margin-top: 7.6923076923vw;
    margin-left: 0vw;
  }
  .b2b__interview .interview__elem__answer p {
    font-size: 3.5897435897vw;
    line-height: 5.641025641vw;
  }
  .b2b__interview .interview__elem__answer .answer__shortanswerer {
    top: 0.7692307692vw;
    left: -15.3846153846vw;
    width: 10.2564102564vw;
    height: 10.2564102564vw;
    font-size: 3.0769230769vw;
    line-height: normal;
  }
}
.b2b_image_5050 {
  margin-top: 3.9682539683vw;
  display: flex;
  flex-direction: row;
  padding-left: 11.5740740741vw;
  flex-shrink: 1;
  flex-grow: 1;
}
.b2b_image_5050 > div {
  border-radius: 1.3227513228vw;
  overflow: hidden;
  width: 37.4338624339vw;
}
.b2b_image_5050 > div img {
  border-radius: 1.3227513228vw;
}
.b2b_image_5050 > div + div {
  margin-left: 1.9841269841vw;
}
@media (max-width: 767px) {
  .b2b_image_5050 {
    display: none;
    margin-top: 10.2564102564vw;
    flex-wrap: nowrap;
    padding-left: 0;
    overflow: auto;
  }
  .b2b_image_5050 > div {
    width: 76.9230769231vw;
  }
  .b2b_image_5050 > div + div {
    margin-left: 7.6923076923vw;
  }
}
.b2b_image_5050_slider {
  display: none;
}
@media (max-width: 767px) {
  .b2b_image_5050_slider {
    display: flex;
    margin-top: 10.2564102564vw;
  }
  .b2b_image_5050_slider .swiper-wrapper .swiper-slide {
    width: 76.9230769231vw;
  }
  .b2b_image_5050_slider .swiper-wrapper .swiper-slide img {
    height: auto !important;
    border-radius: 5.1282051282vw;
  }
}
.b2b_image_100 {
  padding-top: 3.9682539683vw;
  padding-bottom: 3.9682539683vw;
  position: relative;
  margin-left: 11.5740740741vw;
}
.b2b_image_100 img {
  border-radius: 1.3227513228vw;
  overflow: hidden;
  width: 76.7195767196vw;
}
.b2b_image_100 > .wrapper {
  position: relative;
}
.b2b_image_100 > .wrapper .headline {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 47.4206349206vw;
  padding-top: 0.6613756614vw;
  background: #fff;
  border-top-right-radius: 1.3227513228vw;
  font-family: "Gotham-Medium";
  font-size: 3.3068783069vw;
  line-height: normal;
  letter-spacing: normal;
}
.b2b_image_100 > .wrapper .headline:before {
  content: "";
  background: url(../Images/Bg_Intromodule_top-left.svg) no-repeat center center / contain;
  position: absolute;
  left: 0;
  top: -1.3227513228vw;
  width: 1.3227513228vw;
  height: 1.3227513228vw;
  transform: scale(-1, -1);
}
.b2b_image_100 > .wrapper .headline:after {
  content: "";
  background: url(../Images/Bg_Intromodule_top-left.svg) no-repeat center center / contain;
  position: absolute;
  right: -1.3227513228vw;
  top: calc(100% - 1.3227513228vw);
  width: 1.3227513228vw;
  height: 1.3227513228vw;
  transform: scale(-1, -1);
}
@media (max-width: 767px) {
  .b2b_image_100 {
    padding-top: 10.2564102564vw;
    margin-left: auto;
    padding-bottom: 14.1025641026vw;
  }
  .b2b_image_100 img {
    width: 100%;
    border-radius: 0;
  }
  .b2b_image_100 > .wrapper .headline {
    top: unset;
    bottom: 0;
    padding: 2.5641025641vw 2.5641025641vw 2.5641025641vw 1.2820512821vw;
    border-top-right-radius: 2.5641025641vw;
    width: 81.2820512821vw;
    box-sizing: border-box;
    font-size: 5.641025641vw;
  }
  .b2b_image_100 > .wrapper .headline:before {
    content: "";
    top: -5.1282051282vw;
    width: 5.1282051282vw;
    height: 5.1282051282vw;
  }
  .b2b_image_100 > .wrapper .headline:after {
    right: -5.1282051282vw;
    top: calc(100% - 5.1282051282vw);
    width: 5.1282051282vw;
    height: 5.1282051282vw;
  }
  .b2b_image_100 .b2b_image_caption {
    position: absolute !important;
    left: unset !important;
    right: 5.1282051282vw;
  }
}
.b2b_author {
  margin-top: 3.9682539683vw;
  margin-left: 11.5740740741vw;
  width: 76.7195767196vw;
  background: linear-gradient(110deg, #e4539e, #fd9649);
  border-radius: 1.3227513228vw;
  overflow: hidden;
  padding: 1.3888888889vw 2.1825396825vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  flex-shrink: 1;
  justify-content: space-around;
}
.b2b_author > div {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
}
.b2b_author.has-image {
  padding-right: 0;
}
.b2b_author.has-image .author__img {
  position: relative;
  top: -1.3888888889vw;
}
.b2b_author .author__label {
  font-family: "Gotham-Bold";
  font-size: 0.9259259259vw;
  line-height: 1.455026455vw;
  letter-spacing: normal;
  text-transform: uppercase;
  color: #fff;
}
.b2b_author .author__copy p {
  font-family: "Gotham-Book";
  font-size: 0.9259259259vw;
  line-height: 1.3888888889vw;
  letter-spacing: normal;
  color: #fff;
  padding: 0 4.7619047619vw 0 2.2486772487vw;
}
.b2b_author .author__name {
  font-family: "BebasNeue";
  font-size: 3.3068783069vw;
  line-height: 3.3068783069vw;
  letter-spacing: normal;
  text-transform: uppercase;
  color: #fff;
  padding-left: 2.2486772487vw;
}
.b2b_author .author__img img {
  width: 8.3333333333vw;
  height: 8.3333333333vw;
}
@media (max-width: 767px) {
  .b2b_author {
    margin-top: 10.2564102564vw;
    margin-left: auto;
    flex-direction: column;
    border-radius: 0;
    padding: 7.6923076923vw 5.1282051282vw;
    background: radial-gradient(at 64.1025641026vw 0, #fe7761 0, #a84bd8 100%);
  }
  .b2b_author .author__label {
    font-size: 3.5897435897vw;
    line-height: 5.641025641vw;
  }
  .b2b_author .author__copy p {
    margin-top: 1.2820512821vw;
    font-size: 3.0769230769vw;
    line-height: 4.6153846154vw;
    padding: 0;
    color: #fff;
  }
  .b2b_author .author__name {
    margin-top: 3.8461538462vw;
    font-size: 12.8205128205vw;
    line-height: 12.8205128205vw;
    letter-spacing: normal;
    padding-left: 0;
  }
  .b2b_author .author__img {
    display: none;
  }
}
.mod__menu {
  margin-left: 1.9841269841vw;
  margin-right: 1.9841269841vw;
  margin-top: 2.2486772487vw;
  width: calc(100% - 3.9682539683vw);
  box-sizing: border-box;
  border-radius: 1.3227513228vw;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  padding: 1.9841269841vw 1.7195767196vw 1.9841269841vw;
  transition: 500ms all;
}
.mod__menu.is-scrolling {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
  margin-top: 0;
  transition: 500ms all;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 1.3227513228vw;
  border-bottom-right-radius: 1.3227513228vw;
}
.mod__menu.is-scrolling .menu-row .mod__slogan {
  display: none;
}
.mod__menu.is-scrolling .menu-row .xx {
  display: none;
}
.mod__menu .menu-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.mod__menu .menu__logo {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 25.6613756614vw;
}
.mod__menu .menu__logo a {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.mod__menu .menu__logo .logo {
  width: 6.6798941799vw;
  height: 3.3068783069vw;
  background: url(../Images/Logo_B2B.svg) no-repeat center center / contain;
}
.mod__menu .menu__logo .logo-extended {
  width: 6.6798941799vw;
  height: 2.9761904762vw;
  margin-left: 0.7275132275vw;
  background: url(../Images/Logo_B2B-Extended.svg) no-repeat left center / contain;
}
.mod__menu .menu__nav ul {
  list-style-type: none;
  display: flex;
  flex-direction: row;
}
.mod__menu .menu__nav ul li {
  margin: 0 1.3227513228vw;
}
.mod__menu .menu__nav ul li:first-child {
  margin-left: 0;
}
.mod__menu .menu__nav ul li:last-child {
  margin-right: 0;
}
.mod__menu .menu__nav ul li a {
  font-family: "Gotham-Bold";
  font-size: 0.7936507937vw;
  line-height: normal;
  letter-spacing: normal;
  text-transform: uppercase;
  white-space: nowrap;
}
.mod__menu .menu__search {
  width: 25.6613756614vw;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.mod__menu .menu__search .icon {
  width: 2.5132275132vw;
  height: 2.5132275132vw;
  background: url(../Icons/Icon_Search.svg) no-repeat center center / contain;
  display: inline-block;
}
.mod__menu .menu__search.is-active > .icon {
  display: none;
}
.mod__menu .menu__search.is-active > .wrapper {
  display: flex;
  width: 100%;
  transition: 500ms all;
}
.mod__menu .menu__search .wrapper {
  background: #000;
  border-radius: 3.3068783069vw;
  padding: 0.6613756614vw 3.3068783069vw;
  width: 0%;
  box-sizing: border-box;
  position: relative;
  display: none;
  margin-left: 1.9841269841vw;
  transition: 500ms all;
}
.mod__menu .menu__search .wrapper .icon {
  width: 2.5132275132vw;
  height: 2.5132275132vw;
  background: #fff;
  border-radius: 50%;
  top: 50%;
  left: 0.3306878307vw;
  transform: translate(0, -50%);
  position: absolute;
  background: url("../Icons/Icon_Search.svg") no-repeat center center / contain;
}
.mod__menu .menu__search .wrapper input {
  border: 0;
  outline: 0;
  background: #000;
  font-family: "Gotham-Book";
  font-size: 1.1904761905vw;
  line-height: 1.1904761905vw;
  letter-spacing: normal;
  color: #fff;
  width: 100%;
}
.mod__menu .menu__search .wrapper input:placeholder {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1;
}
@media (max-width: 767px) {
  .mod__menu {
    display: none;
  }
}
.mod__menu__mobile {
  display: none;
}
@media (max-width: 767px) {
  .mod__menu__mobile {
    display: flex;
    padding: 13.3333333333vw 5.1282051282vw 4.6153846154vw;
    justify-content: space-between;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 100;
  }
  .mod__menu__mobile.mobile-open {
    background: #664f74;
  }
  .mod__menu__mobile.mobile-open .menu__logo a .logo {
    filter: invert(1);
  }
  .mod__menu__mobile .menu-row.row-gradient {
    overflow-x: hidden;
    position: relative;
  }
  .mod__menu__mobile .menu-row.row-gradient:after {
    content: "";
    height: 100%;
    width: 15.3846153846vw;
    background: linear-gradient(90deg, transparent, #fff);
    right: 0;
    position: absolute;
    z-index: 5;
  }
  .mod__menu__mobile .menu__search .icon {
    width: 9.7435897436vw;
    height: 9.7435897436vw;
    background: url(../Icons/Icon_Search.svg) no-repeat center center / contain;
    display: inline-block;
  }
  .mod__menu__mobile .menu__search.is-active .icon {
    background: url("../Icons//Icon_Close.svg") no-repeat center center / contain;
  }
  .mod__menu__mobile .menu__logo a {
    display: flex;
    flex-direction: row;
  }
  .mod__menu__mobile .menu__logo .logo {
    width: 17.4358974359vw;
    height: 8.4615384615vw;
    background: url(../Images/Logo_B2B.svg) no-repeat center center / contain;
  }
  .mod__menu__mobile .menu__logo .logo-extended {
    width: 6.6798941799vw;
    height: 2.9761904762vw;
    margin-left: 0.7275132275vw;
    background: url(../Images/Logo_B2B-Extended.svg) no-repeat left center / contain;
  }
  .mod__menu__mobile .menu__burger .icon {
    width: 9.7435897436vw;
    height: 9.7435897436vw;
    background: url(../Icons/Icon_Burger.svg) no-repeat center center / contain;
    display: inline-block;
  }
  .mod__menu__mobile .menu__burger.is-active .icon {
    background: url("../Icons//Icon_Close.svg") no-repeat center center / contain;
  }
  .mod__menu__mobile .menu__nav {
    width: 89.7435897436vw;
  }
  .mod__menu__mobile .menu__nav ul {
    list-style-type: none;
    display: flex;
    flex-direction: row;
    padding-left: 0;
  }
  .mod__menu__mobile .menu__nav ul.swiper-wrapper {
    height: auto;
  }
  .mod__menu__mobile .menu__nav ul li {
    margin: 0 3.8461538462vw;
  }
  .mod__menu__mobile .menu__nav ul li.swiper-slide {
    width: unset;
    margin-bottom: 0;
  }
  .mod__menu__mobile .menu__nav ul li:first-child {
    margin-left: 0;
  }
  .mod__menu__mobile .menu__nav ul li:last-child {
    margin-right: 0;
  }
  .mod__menu__mobile .menu__nav ul li a {
    font-family: "Gotham-Bold";
    font-size: 3.0769230769vw;
    line-height: normal;
    letter-spacing: 0.3076923077vw;
    text-transform: uppercase;
    white-space: nowrap;
  }
  .mod__menu__mobile .combined {
    display: flex;
    flex-direction: row;
  }
  .mod__menu__mobile .combined .menu__burger {
    margin-left: 2.5641025641vw;
  }
}
.mod__menu__mobile__overlay {
  display: none;
}
@media (max-width: 767px) {
  .mod__menu__mobile__overlay {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: calc(var(--app-height) - var(--menu-height));
    background: linear-gradient(to bottom, #664f74, #000000eb);
    box-sizing: border-box;
    padding: 10.2564102564vw 5.1282051282vw 11.5384615385vw;
    position: fixed;
    top: var(--menu-height);
    left: 0;
    width: 100%;
    z-index: 90;
  }
  .mod__menu__mobile__overlay .overlay__search {
    width: 100%;
  }
  .mod__menu__mobile__overlay .overlay__search .wrapper {
    background: #000;
    border-radius: 12.8205128205vw;
    padding: 2.5641025641vw 12.8205128205vw;
    width: 100%;
    box-sizing: border-box;
    position: relative;
  }
  .mod__menu__mobile__overlay .overlay__search .wrapper .icon {
    width: 9.7435897436vw;
    height: 9.7435897436vw;
    background: #fff;
    border-radius: 50%;
    top: 50%;
    left: 1.2820512821vw;
    transform: translate(0, -50%);
    position: absolute;
    background: url("../Icons/Icon_Search.svg") no-repeat center center / contain;
  }
  .mod__menu__mobile__overlay .overlay__search .wrapper input {
    border: 0;
    outline: 0;
    background: #000;
    font-family: "Gotham-Book";
    font-size: 4.6153846154vw;
    line-height: 4.6153846154vw;
    letter-spacing: normal;
    color: #fff;
  }
  .mod__menu__mobile__overlay .overlay__search .wrapper input:placeholder {
    color: rgba(255, 255, 255, 0.5);
    opacity: 1;
  }
  .mod__menu__mobile__overlay .overlay__nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .mod__menu__mobile__overlay .overlay__nav ul li {
    text-align: center;
  }
  .mod__menu__mobile__overlay .overlay__nav ul li a {
    font-family: "Gotham-Bold";
    font-size: 4.1025641026vw;
    line-height: 12.8205128205vw;
    letter-spacing: 0.4102564103vw;
    text-transform: uppercase;
    color: #fff;
  }
  .mod__menu__mobile__overlay .overlay__social .icon {
    width: 9.2307692308vw;
    height: 9.2307692308vw;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
  }
  .mod__menu__mobile__overlay .overlay__social .icon + .icon {
    margin-left: 5.1282051282vw;
  }
  .mod__menu__mobile__overlay .overlay__social .icon.icon-facebook {
    background: url("../Icons/Icon_Facebook.svg") no-repeat center center / contain;
  }
  .mod__menu__mobile__overlay .overlay__social .icon.icon-twitter {
    background: url("../Icons/Icon_X.png") no-repeat center center / contain;
  }
  .mod__menu__mobile__overlay .overlay__social .icon.icon-linkedin {
    background: url("../Icons/Icon_LinkedIn.svg") no-repeat center center / contain;
  }
}
body.layout-4 .mod__menu__mobile {
  display: none;
}
@media (max-width: 767px) {
  body.layout-4 .mod__menu__mobile {
    background: #fff;
    margin: 7.1794871795vw 2.5641025641vw 0 2.5641025641vw;
    padding: 7.1794871795vw 5.3846153846vw 0 5.3846153846vw;
    width: 94.8717948718vw;
    border-radius: 5.1282051282vw;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    display: flex;
    flex-direction: column;
  }
  body.layout-4 .mod__menu__mobile.mobile-open {
    margin-top: 0;
    padding-top: 14.358974359vw;
    margin-left: 0;
    padding-left: 7.9487179487vw;
    margin-right: 0;
    margin-right: 7.9487179487vw;
    width: 100%;
    background: #664f74;
  }
  body.layout-4 .mod__menu__mobile.mobile-open .menu-row:nth-child(2), body.layout-4 .mod__menu__mobile.mobile-open .menu-row:nth-child(3) {
    display: none;
  }
  body.layout-4 .mod__menu__mobile.is-scrolling {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    margin-top: 0;
    transition: 500ms all;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 5.1282051282vw;
    border-bottom-right-radius: 5.1282051282vw;
  }
  body.layout-4 .mod__menu__mobile.is-scrolling .mod__slogan {
    display: none;
  }
  body.layout-4 .mod__menu__mobile .menu-row {
    display: flex;
    flex-direction: row;
    width: 100%;
  }
  body.layout-4 .mod__menu__mobile .menu__logo {
    width: 61.7948717949vw;
  }
  body.layout-4 .mod__menu__mobile .menu__logo .logo {
    width: 20.7615384615vw;
    height: 10.2564102564vw;
  }
  body.layout-4 .mod__menu__mobile .menu__logo .logo-extended {
    width: 8.2051282051vw;
    height: 10vw;
    margin-left: 1.7948717949vw;
  }
  body.layout-4 .mod__menu__mobile .menu__search {
    margin-left: 2.5641025641vw;
  }
  body.layout-4 .mod__menu__mobile .mod__slogan {
    width: 100%;
    padding: 0;
    margin: 7.1794871795vw 0 0 0;
  }
  body.layout-4 .mod__menu__mobile .mod__slogan h1 {
    font-family: "Gotham-Book";
    font-size: 6.1538461538vw;
    line-height: normal;
    letter-spacing: normal;
  }
}
.mod__slogan {
  margin-top: 3.5052910053vw;
  margin-left: 1.9841269841vw;
  margin-right: 1.9841269841vw;
  width: calc(100% - 3.9682539683vw);
  background: #fff;
  padding: 0 6.6137566138vw;
}
.mod__slogan h1 {
  font-family: "Gotham-Book";
  font-size: 3.9682539683vw;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
}
.outerwrapper__teaser-first {
  margin-left: 1.9841269841vw;
  margin-right: 1.9841269841vw;
  width: calc(100% - 3.9682539683vw);
  box-sizing: border-box;
  border-radius: 1.3227513228vw;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: #fff;
  padding: 1.9841269841vw 1.7195767196vw 1.9841269841vw;
}
.outerwrapper__teaser-first.is-mobile {
  display: none;
}
.outerwrapper__teaser-first.is-scrolling {
  border-top-left-radius: 1.3227513228vw;
  border-top-right-radius: 1.3227513228vw;
}
.outerwrapper__teaser-first .inner .xx .wrapper__teaser-first {
  margin-top: 0;
}
@media (max-width: 767px) {
  .outerwrapper__teaser-first {
    margin-left: 2.5641025641vw;
    margin-right: 2.5641025641vw;
    padding: 2.5641025641vw 5.3846153846vw 0 5.3846153846vw;
    width: 94.8717948718vw;
    border-radius: 5.1282051282vw;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .outerwrapper__teaser-first.is-desktop {
    display: none;
  }
  .outerwrapper__teaser-first.is-mobile {
    display: block;
  }
  .outerwrapper__teaser-first.is-scrolling {
    padding-top: 7.1794871795vw;
    margin-top: -17.9487179487vw;
    border-top-left-radius: 5.1282051282vw;
    border-top-right-radius: 5.1282051282vw;
  }
  .outerwrapper__teaser-first.is-scrolling .inner .xx .wrapper__teaser-first .swiper-pagination {
    bottom: 29.4871794872vw;
  }
}
.mod__footer {
  background: #000;
  margin-left: 1.9841269841vw;
  margin-right: 1.9841269841vw;
  margin-bottom: 1.9841269841vw;
  color: #fff;
  border-radius: 1.3227513228vw;
  padding: 2.9100529101vw 1.7195767196vw;
  margin-top: 9.5899470899vw;
  width: calc(100% - 3.9682539683vw);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.mod__footer .footer__logo {
  width: 19.1798941799vw;
  display: flex;
  justify-content: flex-start;
}
.mod__footer .footer__logo .icon {
  background: url("../Images/Logo_JvM.svg") no-repeat center center / contain;
  width: 12.2354497354vw;
  height: 3.4391534392vw;
  display: inline-block;
}
.mod__footer .footer__nav {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.mod__footer .footer__nav .nav__top ul {
  list-style-type: none;
  display: flex;
  flex-direction: row;
  margin: 0;
}
.mod__footer .footer__nav .nav__top ul li a {
  color: #fff;
  font-family: "Gotham-Medium";
  font-size: 0.9259259259vw;
  line-height: normal;
  letter-spacing: normal;
  text-transform: uppercase;
  padding: 0 1.3227513228vw;
}
.mod__footer .footer__nav .nav__top ul li:after {
  content: "/";
  color: #fff;
  font-family: "Gotham-Medium";
  font-size: 0.9259259259vw;
  line-height: normal;
  letter-spacing: normal;
}
.mod__footer .footer__nav .nav__top ul li:last-child:after {
  content: "";
}
.mod__footer .footer__nav .nav__copy p {
  font-family: "Gotham-Light";
  font-size: 0.9259259259vw;
  line-height: normal;
  letter-spacing: normal;
  margin-top: 0.7936507937vw;
  color: #fff;
}
.mod__footer .footer__totop {
  width: 19.1798941799vw;
  display: flex;
  justify-content: flex-end;
  cursor: pointer;
}
.mod__footer .footer__totop .icon {
  width: 3.4391534392vw;
  height: 3.4391534392vw;
  background: url("../Icons/Icon_ToTop.svg") no-repeat center center / contain;
  display: inline-block;
}
@media (max-width: 767px) {
  .mod__footer {
    margin: 0;
    width: 100%;
    border-radius: 0;
    padding: 11.2820512821vw 5.1282051282vw 9.7435897436vw;
    flex-direction: column;
    align-items: center;
    position: relative;
  }
  .mod__footer .footer__logo {
    width: 30.7692307692vw;
  }
  .mod__footer .footer__logo .icon {
    width: 30.7692307692vw;
    height: 8.7179487179vw;
  }
  .mod__footer .footer__nav {
    flex-wrap: wrap;
  }
  .mod__footer .footer__nav .nav__top {
    margin-top: 7.6923076923vw;
  }
  .mod__footer .footer__nav .nav__top ul {
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
  }
  .mod__footer .footer__nav .nav__top ul li a {
    color: #fff;
    font-family: "Gotham-Book";
    font-size: 3.3333333333vw;
    line-height: 6.1538461538vw;
    letter-spacing: normal;
    padding: 0 2.5641025641vw;
  }
  .mod__footer .footer__nav .nav__top ul li:after {
    content: "/";
    color: #fff;
    font-family: "Gotham-Medium";
    font-size: 3.3333333333vw;
    line-height: normal;
    letter-spacing: normal;
  }
  .mod__footer .footer__nav .nav__top ul li:last-child:after, .mod__footer .footer__nav .nav__top ul li:nth-child(2):after {
    content: "";
  }
  .mod__footer .footer__nav .nav__copy p {
    font-family: "Gotham-Book";
    font-size: 2.8205128205vw;
    line-height: 2.8205128205vw;
    letter-spacing: normal;
    margin-top: 7.6923076923vw;
    color: #fff;
  }
  .mod__footer .footer__totop {
    position: absolute;
    top: 11.2820512821vw;
    right: 5.1282051282vw;
    width: 13.3333333333vw;
    display: flex;
    justify-content: flex-end;
    cursor: pointer;
  }
  .mod__footer .footer__totop .icon {
    width: 13.3333333333vw;
    height: 13.3333333333vw;
    background: url("../Icons/Icon_ToTop.svg") no-repeat center center / contain;
    display: inline-block;
  }
}
.wrapper__news-detailpage {
  padding: 4.1005291005vw 6.8121693122vw 4.3650793651vw 3.2407407407vw;
  box-sizing: border-box;
  background: #f1f1f1;
}
.wrapper__news-detailpage h3 {
  font-family: "Gotham-Medium";
  font-size: 1.9841269841vw;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
}
.wrapper__news-detailpage h3 + .wrapper__news-detailpage__single {
  margin-top: 2.2486772487vw;
}
.wrapper__news-detailpage .wrapper__news-detailpage__single {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.wrapper__news-detailpage .wrapper__news-detailpage__single:first-child {
  margin-top: 2.2486772487vw;
}
.wrapper__news-detailpage .wrapper__news-detailpage__single + .wrapper__news-detailpage__single {
  margin-top: 1.3227513228vw;
}
.wrapper__news-detailpage .wrapper__news-detailpage__single .news-detailpage__img {
  width: 10.582010582vw;
}
.wrapper__news-detailpage .wrapper__news-detailpage__single .news-detailpage__img img {
  width: 100%;
  border-radius: 1.3227513228vw;
}
.wrapper__news-detailpage .wrapper__news-detailpage__single .news-detailpage__content {
  padding-left: 2.380952381vw;
  padding-top: 0.6613756614vw;
}
.wrapper__news-detailpage .wrapper__news-detailpage__single .news-detailpage__content .top .cat {
  color: orange;
  text-transform: uppercase;
  font-family: "Gotham-Bold";
  font-size: 0.7275132275vw;
  line-height: normal;
  letter-spacing: 10%;
  padding-right: 0.9920634921vw;
}
.wrapper__news-detailpage .wrapper__news-detailpage__single .news-detailpage__content .top .cat[data-cat^="marke"] {
  color: #25E39F;
}
.wrapper__news-detailpage .wrapper__news-detailpage__single .news-detailpage__content .top .cat[data-cat^="people"] {
  color: #FF006B;
}
.wrapper__news-detailpage .wrapper__news-detailpage__single .news-detailpage__content .top .cat[data-cat^="data-tech"] {
  color: #9747FF;
}
.wrapper__news-detailpage .wrapper__news-detailpage__single .news-detailpage__content .top .cat[data-cat^="lifestyle"] {
  color: #EA5707;
}
.wrapper__news-detailpage .wrapper__news-detailpage__single .news-detailpage__content .top .cat[data-cat^="forecast"] {
  color: orange;
}
.wrapper__news-detailpage .wrapper__news-detailpage__single .news-detailpage__content .top .cat[data-cat^="trends"] {
  color: red;
}
.wrapper__news-detailpage .wrapper__news-detailpage__single .news-detailpage__content .top .date {
  color: #bfbfbf;
  font-family: "Gotham-Bold";
  font-size: 0.7275132275vw;
  line-height: normal;
  letter-spacing: normal;
}
.wrapper__news-detailpage .wrapper__news-detailpage__single .news-detailpage__content .copy p {
  padding-top: 0.6613756614vw;
  font-family: "Gotham-Medium";
  font-size: 1.1904761905vw;
  line-height: 1.5873015873vw;
  letter-spacing: normal;
}
.b2b_image_caption {
  margin-top: 1.3227513228vw;
}
.b2b_image_100 .b2b_image_caption {
  text-align: right;
  left: 49.4047619048vw;
  position: relative;
  width: 27.3148148148vw;
}
.b2b-twocol {
  margin-top: 3.9682539683vw;
  display: flex;
  flex-direction: row;
  padding-left: 11.5740740741vw;
  align-items: flex-start;
}
.b2b-twocol > div {
  width: 37.4338624339vw;
  margin-top: -1.9841269841vw;
}
.b2b-twocol > div.reverse {
  display: flex;
  flex-direction: column-reverse;
}
.b2b-twocol > div img {
  border-radius: 1.3227513228vw;
}
.b2b-twocol > div + div {
  margin-left: 1.9841269841vw;
}
.b2b-twocol > div .b2b-twocol__copy, .b2b-twocol > div .b2b-twocol__img {
  margin-top: 1.9841269841vw;
}
.b2b-twocol > div .b2b-twocol__copy img + img, .b2b-twocol > div .b2b-twocol__img img + img {
  margin-top: 1.9841269841vw;
}
.b2b-twocol > div .b2b-twocol__copy .b2b_image_caption, .b2b-twocol > div .b2b-twocol__img .b2b_image_caption {
  text-align: right;
}
@media (max-width: 767px) {
  .b2b-twocol {
    margin-top: 10.2564102564vw;
    flex-direction: column;
    padding: 0;
    margin-left: 3.8461538462vw;
    margin-right: 3.8461538462vw;
    width: calc(100% - 7.6923076923vw);
  }
  .b2b-twocol > div {
    width: 100%;
  }
  .b2b-twocol > div + div {
    margin-top: 7.6923076923vw;
    margin-left: 0;
  }
}
.b2b_teaser_focus {
  margin-top: 3.9682539683vw;
  margin-left: 1.7195767196vw !important;
  margin-right: 1.7195767196vw !important;
  width: calc(100% - 3.4391534392vw) !important;
  border-radius: 1.3227513228vw;
  overflow: hidden;
  background: url("../Images/Bg_Teaser-Focus.png") no-repeat right top / cover;
  padding: 4.8941798942vw 1.7195767196vw 2.9100529101vw;
  box-sizing: border-box;
}
.b2b_teaser_focus .focus__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.b2b_teaser_focus .focus__head h2 {
  color: #fff;
  font-family: "Gotham-Book";
  font-size: 5.291005291vw;
  line-height: 5.0264550265vw;
  letter-spacing: normal;
}
.b2b_teaser_focus .focus__head a {
  color: #fff;
  font-family: "Gotham-Book";
  font-size: 1.0582010582vw;
  line-height: 1.1904761905vw;
  letter-spacing: normal;
  text-decoration: underline;
}
.b2b_teaser_focus .focus__main {
  margin-top: 2.0502645503vw;
  display: flex;
  flex-direction: row;
}
.b2b_teaser_focus .focus__main .xxl {
  position: relative;
  width: 61.044973545vw;
}
.b2b_teaser_focus .focus__main .xxl img {
  clip-path: url(#mask_xxl);
  -webkit-clip-path: url(#mask_xxl);
  border-radius: 1.3227513228vw;
}
.b2b_teaser_focus .focus__main .xxl .tags {
  position: absolute;
  top: 1.7857142857vw;
  left: 1.8518518519vw;
}
.b2b_teaser_focus .focus__main .xxl .tags .cat {
  font-family: "Gotham-Bold";
  font-size: 0.7275132275vw;
  line-height: 0.7275132275vw;
  letter-spacing: 0.0727513228vw;
  text-transform: uppercase;
  padding: 0.5952380952vw 0.9259259259vw 0.462962963vw 0.9920634921vw;
  border-radius: 1.3227513228vw;
  color: #fff;
}
.b2b_teaser_focus .focus__main .xxl .tags .cat[data-cat^="marke"] {
  background: green;
}
.b2b_teaser_focus .focus__main .xxl .tags .cat[data-cat^="people"] {
  background: red;
}
.b2b_teaser_focus .focus__main .xxl .tags .cat[data-cat^="data-tech"] {
  background: orange;
}
.b2b_teaser_focus .focus__main .xxl .tags .cat[data-cat^="lifestyle"] {
  background: violet;
}
.b2b_teaser_focus .focus__main .xxl .tags .cat[data-cat^="forecast"] {
  background: salmon;
}
.b2b_teaser_focus .focus__main .xxl .tags .cat[data-cat^="trends"] {
  background: blue;
}
.b2b_teaser_focus .focus__main .xxl .tags .date {
  font-family: "Gotham-Bold";
  font-size: 0.7936507937vw;
  line-height: 0.7936507937vw;
  letter-spacing: normal;
  color: #e7e7e7;
  text-transform: uppercase;
  margin-left: 1.0582010582vw;
}
.b2b_teaser_focus .focus__main .xxl .headline {
  position: absolute;
  bottom: 0;
  left: 0;
  padding-top: 1.3227513228vw;
  padding-right: 2.6455026455vw;
}
.b2b_teaser_focus .focus__main .xxl .headline h3 {
  font-family: "Gotham-Medium";
  font-size: 3.9682539683vw;
  line-height: 4.3650793651vw;
  letter-spacing: normal;
  color: #fff;
}
.b2b_teaser_focus .focus__main .xxl svg {
  position: absolute;
  top: 0;
  left: 0;
}
.b2b_teaser_focus .focus__main .xl {
  width: 29.5634920635vw;
  margin-left: 1.9841269841vw;
}
.b2b_teaser_focus .focus__main .xl .wrapper__teaser__focus {
  position: relative;
  border-radius: 1.3227513228vw;
  overflow: hidden;
}
.b2b_teaser_focus .focus__main .xl .wrapper__teaser__focus .teaser__focus--content {
  position: absolute;
  background: #fff;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 2.2486772487vw 2.6455026455vw 1.5211640212vw 2.380952381vw;
}
.b2b_teaser_focus .focus__main .xl .wrapper__teaser__focus .teaser__focus--content .tags {
  display: flex;
  align-items: center;
}
.b2b_teaser_focus .focus__main .xl .wrapper__teaser__focus .teaser__focus--content .tags .cat {
  font-family: "Gotham-Bold";
  font-size: 0.7275132275vw;
  line-height: 0.7275132275vw;
  letter-spacing: 0.0727513228vw;
  text-transform: uppercase;
}
.b2b_teaser_focus .focus__main .xl .wrapper__teaser__focus .teaser__focus--content .tags .date {
  font-family: "Gotham-Bold";
  font-size: 0.7275132275vw;
  line-height: 0.7275132275vw;
  letter-spacing: normal;
  color: #bfbfbf;
  text-transform: uppercase;
  margin-left: 1.0582010582vw;
}
.b2b_teaser_focus .focus__main .xl .wrapper__teaser__focus .teaser__focus--content h3 {
  margin-top: 0.5291005291vw;
  font-family: "Gotham-Medium";
  font-size: 1.1904761905vw;
  line-height: 1.5873015873vw;
  letter-spacing: normal;
}
.b2b_teaser_focus .focus__main .xl img {
  border-radius: 1.3227513228vw;
}
.b2b_teaser_focus .focus__teaser {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  overflow: hidden;
  margin-bottom: 1.9841269841vw;
}
.b2b_teaser_focus .focus__teaser .wrapper__teaser__focus {
  width: 21.6931216931vw;
  margin-right: 1.9841269841vw;
  margin-top: 2.1825396825vw;
}
.b2b_teaser_focus .focus__teaser .swiper-pagination {
  bottom: 1.6534391534vw;
}
.b2b_teaser_focus .focus__teaser .swiper-pagination .swiper-pagination-bullet {
  width: 0.5291005291vw;
  height: 0.5291005291vw;
  background: rgba(0, 0, 0, 0.1);
  margin: 0 0.2645502646vw;
  transition: all 500ms;
}
.b2b_teaser_focus .focus__teaser .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet {
  background: rgba(0, 0, 0, 0.8);
}
.b2b_teaser_focus .focus__slider {
  display: none;
}
@media (max-width: 767px) {
  .b2b_teaser_focus {
    margin-top: 2.6455026455vw;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    border-radius: 0;
    padding: 7.6923076923vw 0 19.7435897436vw 2.5641025641vw;
  }
  .b2b_teaser_focus .focus__head a {
    display: none;
  }
  .b2b_teaser_focus .focus__head h2 {
    font-family: "Gotham-Medium";
    font-size: 7.1794871795vw;
    line-height: normal;
    letter-spacing: normal;
  }
  .b2b_teaser_focus .focus__teaser, .b2b_teaser_focus .focus__main {
    display: none;
  }
  .b2b_teaser_focus .focus__slider {
    display: flex;
    margin-top: 4.8717948718vw;
    position: relative;
  }
  .b2b_teaser_focus .focus__slider .swiper-slide {
    width: 71.7948717949vw;
    border-radius: 5.1282051282vw;
    position: relative;
  }
  .b2b_teaser_focus .focus__slider .swiper-slide img {
    height: auto !important;
  }
  .b2b_teaser_focus .focus__slider .swiper-slide.is-main-swiper img {
    clip-path: url(#mask_main-mobile);
    -webkit-clip-path: url(#mask_main-mobile);
  }
  .b2b_teaser_focus .focus__slider .swiper-slide .teaser__focus--content {
    padding: 5.1282051282vw 5.1282051282vw 7.6923076923vw;
  }
  .b2b_teaser_focus .focus__slider .swiper-slide .teaser__focus--content .tags .cat {
    font-family: "Gotham-Bold";
    font-size: 2.8205128205vw;
    line-height: 2.8205128205vw;
    letter-spacing: 0.2820512821vw;
  }
  .b2b_teaser_focus .focus__slider .swiper-slide .teaser__focus--content .tags .date {
    font-family: "Gotham-Bold";
    margin-left: 4.1025641026vw;
    font-size: 2.8205128205vw;
    line-height: 2.8205128205vw;
    letter-spacing: normal;
  }
  .b2b_teaser_focus .focus__slider .swiper-slide .teaser__focus--content h3 {
    font-family: "Gotham-Medium";
    font-size: 4.6153846154vw;
    line-height: 6.1538461538vw;
    letter-spacing: normal;
    margin-top: 3.3333333333vw;
  }
  .b2b_teaser_focus .focus__slider .swiper-slide .teaser__focus--content.is-main {
    padding-left: 0;
    padding-bottom: 0;
    padding-top: 0;
    width: auto;
    background: transparent;
  }
  .b2b_teaser_focus .focus__slider .swiper-slide .teaser__focus--content.is-main .tags {
    display: none;
  }
  .b2b_teaser_focus .focus__slider .swiper-slide .teaser__focus--content.is-main h3 {
    color: #fff;
    font-family: "Gotham-Medium";
    font-size: 6.1538461538vw;
    line-height: normal;
    letter-spacing: normal;
  }
  .b2b_teaser_focus .focus__slider .swiper-slide svg {
    position: absolute;
    top: 0;
    left: 0;
  }
  .b2b_teaser_focus .focus__slider .swiper-pagination {
    bottom: -7.6923076923vw;
  }
  .b2b_teaser_focus .focus__slider .swiper-pagination .swiper-pagination-bullet {
    width: 2.0512820513vw;
    height: 2.0512820513vw;
    background: rgba(255, 255, 255, 0.4);
    margin: 0 0.7692307692vw;
    transition: all 500ms;
  }
  .b2b_teaser_focus .focus__slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet {
    background: #fff;
  }
}
.wrapper__teaser__focus {
  position: relative;
  border-radius: 1.3227513228vw;
  overflow: hidden;
}
.wrapper__teaser__focus .teaser__focus--content {
  position: absolute;
  background: #fff;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 2.2486772487vw 2.6455026455vw 1.5211640212vw 2.380952381vw;
}
.wrapper__teaser__focus .teaser__focus--content .tags {
  display: flex;
  align-items: center;
}
.wrapper__teaser__focus .teaser__focus--content .tags .cat {
  font-family: "Gotham-Bold";
  font-size: 0.7275132275vw;
  line-height: 0.7275132275vw;
  letter-spacing: 0.0727513228vw;
  text-transform: uppercase;
}
.wrapper__teaser__focus .teaser__focus--content .tags .cat[data-cat^="marke"] {
  color: green;
}
.wrapper__teaser__focus .teaser__focus--content .tags .cat[data-cat^="people"] {
  color: red;
}
.wrapper__teaser__focus .teaser__focus--content .tags .cat[data-cat^="data-tech"] {
  color: orange;
}
.wrapper__teaser__focus .teaser__focus--content .tags .cat[data-cat^="lifestyle"] {
  color: violet;
}
.wrapper__teaser__focus .teaser__focus--content .tags .cat[data-cat^="forecast"] {
  color: salmon;
}
.wrapper__teaser__focus .teaser__focus--content .tags .cat[data-cat^="trends"] {
  color: blue;
}
.wrapper__teaser__focus .teaser__focus--content .tags .date {
  font-family: "Gotham-Bold";
  font-size: 0.7275132275vw;
  line-height: 0.7275132275vw;
  letter-spacing: normal;
  color: #bfbfbf;
  text-transform: uppercase;
  margin-left: 1.0582010582vw;
}
.wrapper__teaser__focus .teaser__focus--content h3 {
  margin-top: 0.5291005291vw;
  font-family: "Gotham-Medium";
  font-size: 1.1904761905vw;
  line-height: 1.5873015873vw;
  letter-spacing: normal;
}
.wrapper__teaser-categories {
  margin-left: 3.5714285714vw;
  margin-right: 3.7698412698vw;
  margin-top: 1.9841269841vw;
  display: flex;
  flex-direction: column;
}
.wrapper__teaser-categories .teaser-categories__main {
  position: relative;
  display: flex;
  flex-direction: row;
}
.wrapper__teaser-categories .teaser-categories__main .cat-main {
  position: relative;
  width: 7.8703703704vw;
  overflow-y: hidden;
}
.wrapper__teaser-categories .teaser-categories__main .cat-main span {
  display: inline-block;
  transform: rotate(-90deg);
  position: absolute;
  left: 6.0846560847vw;
  bottom: 0;
  font-family: "Gotham-Bold";
  font-size: 6.0846560847vw;
  line-height: 6.0846560847vw;
  letter-spacing: normal;
  color: #000;
  transform-origin: bottom left;
  text-transform: uppercase;
  white-space: nowrap;
}
.wrapper__teaser-categories .teaser-categories__main .teaser-main {
  position: relative;
  width: 84.7222222222vw;
  border-radius: 3.3068783069vw;
  overflow: hidden;
}
.wrapper__teaser-categories .teaser-categories__main .teaser-main .teaser-main__date {
  position: absolute;
  top: 3.9682539683vw;
  right: 2.6455026455vw;
  font-family: "Gotham-Bold";
  font-size: 0.7936507937vw;
  line-height: 0.7936507937vw;
  text-transform: uppercase;
  letter-spacing: normal;
  color: #000;
}
.wrapper__teaser-categories .teaser-categories__main .teaser-main .teaser-main__headline {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #fff;
  width: 45%;
  text-align: right;
  padding: 1.3227513228vw;
  border-top-left-radius: 3.3068783069vw;
}
.wrapper__teaser-categories .teaser-categories__main .teaser-main .teaser-main__headline h1 {
  font-family: "Gotham-Medium";
  font-size: 3.9682539683vw;
  line-height: 4.3650793651vw;
  letter-spacing: normal;
  color: #000;
  hyphens: auto;
}
.wrapper__teaser-categories .teaser-categories__main .teaser-main .teaser-main__headline:before {
  content: "";
  background: url(../Images/Bg_Intromodule_top-left.svg) no-repeat center center / contain;
  position: absolute;
  left: -1.3227513228vw;
  bottom: 0;
  width: 1.3227513228vw;
  height: 1.3227513228vw;
  transform: scale(1, -1);
}
.wrapper__teaser-categories .teaser-categories__main .teaser-main .teaser-main__headline:after {
  content: "";
  background: url(../Images/Bg_Intromodule_top-left.svg) no-repeat center center / contain;
  position: absolute;
  right: 0;
  top: -1.3227513228vw;
  width: 1.3227513228vw;
  height: 1.3227513228vw;
  transform: scale(1, -1);
}
.wrapper__teaser-categories .teaser-categories__all {
  width: calc(100% + 1.8518518519vw);
  margin-right: -1.7195767196vw;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.wrapper__teaser-categories .teaser-categories__all .wrapper__newsitem {
  width: 21.5608465608vw;
  margin-right: 1.7195767196vw;
}
@media (max-width: 767px) {
  .wrapper__teaser-categories .teaser-categories__all {
    flex-direction: column;
  }
  .wrapper__teaser-categories .teaser-categories__all .wrapper__newsitem {
    width: 100%;
    flex-direction: row;
    padding-bottom: 3.5897435897vw;
    border-bottom: 1px solid #d9d9d9;
  }
  .wrapper__teaser-categories .teaser-categories__all .wrapper__newsitem + .wrapper__newsitem {
    margin-top: 3.0769230769vw;
  }
  .wrapper__teaser-categories .teaser-categories__all .wrapper__newsitem:last-child {
    border-bottom: 0px;
  }
  .wrapper__teaser-categories .teaser-categories__all .wrapper__newsitem .newsitem__image {
    width: 26.1538461538vw;
  }
  .wrapper__teaser-categories .teaser-categories__all .wrapper__newsitem .newsitem__image img {
    border-radius: 1.2820512821vw;
  }
  .wrapper__teaser-categories .teaser-categories__all .wrapper__newsitem .wrapper-tags-headl {
    display: flex;
    flex-direction: column-reverse;
    flex-grow: 1;
    justify-content: space-between;
    margin-left: 3.5897435897vw;
    width: 63.5897435897vw;
  }
  .wrapper__teaser-categories .teaser-categories__all .wrapper__newsitem .wrapper-tags-headl .newsitem__tags .cat {
    font-family: "Gotham-Bold";
    font-size: 2.5641025641vw;
    line-height: normal;
    letter-spacing: 0.2564102564vw;
  }
  .wrapper__teaser-categories .teaser-categories__all .wrapper__newsitem .wrapper-tags-headl .newsitem__tags .date {
    font-family: "Gotham-Bold";
    font-size: 2.8205128205vw;
    line-height: normal;
    letter-spacing: normal;
    margin-left: 4.1025641026vw;
  }
  .wrapper__teaser-categories .teaser-categories__all .wrapper__newsitem .wrapper-tags-headl h3 {
    font-family: "Gotham-Bold";
    font-size: 4.1025641026vw;
    line-height: normal;
    letter-spacing: normal;
  }
}
.content-block.content-loaded {
  margin-top: calc(3 * 3.9682539683vw);
  position: relative;
}
.content-block.content-loaded:before {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 20vw;
  background: linear-gradient(to bottom, #fff, transparent);
  z-index: 25;
  animation: fadeContentNew;
  animation-duration: 5s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}
@keyframes fadeContentNew {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@media (max-width: 767px) {
  .content-block.content-loaded {
    margin-top: calc(3 * 2.6455026455vw);
  }
}
.mod_b2b_fairs {
  display: flex;
  flex-direction: column;
  margin-top: 3.9682539683vw;
  padding: 0 11.5740740741vw 0 4.2328042328vw;
  margin-left: 23.1481481481vw;
  width: 61.1111111111vw;
}
.mod_b2b_fairs .fair_elem {
  width: 45.3042328042vw;
  display: flex;
  flex-direction: row;
}
.mod_b2b_fairs .fair_elem + .fair_elem {
  margin-top: 3.3068783069vw;
}
.mod_b2b_fairs .fair_elem .elem_logo {
  width: 6.6137566138vw;
  height: 6.6137566138vw;
  padding: 1.3227513228vw;
  border: 2px solid #f1f1f1;
  border-radius: 1.3227513228vw;
}
.mod_b2b_fairs .fair_elem .elem_logo .inner {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.mod_b2b_fairs .fair_elem .elem_content {
  display: flex;
  flex-direction: column;
  margin-left: 1.9841269841vw;
  width: 34.0608465608vw;
}
.mod_b2b_fairs .fair_elem .elem_content .date, .mod_b2b_fairs .fair_elem .elem_content .location, .mod_b2b_fairs .fair_elem .elem_content a {
  font-family: "Gotham-Bold";
  font-size: 0.7275132275vw;
  line-height: 1.5873015873vw;
  letter-spacing: normal;
}
.mod_b2b_fairs .fair_elem .elem_content .date {
  color: #bfbfbf;
}
.mod_b2b_fairs .fair_elem .elem_content .location + .date {
  margin-left: 1.0582010582vw;
}
.mod_b2b_fairs .fair_elem .elem_content .headline {
  font-family: "Gotham-Bold";
  font-size: 1.8518518519vw;
  line-height: normal;
  letter-spacing: normal;
  font-weight: normal;
  margin-top: 0.3306878307vw;
  color: #EA5707;
}
.mod_b2b_fairs .fair_elem .elem_content .headline + p {
  margin-top: 0.9920634921vw;
}
.mod_b2b_fairs .fair_elem .elem_content p + a {
  margin-top: 0.9920634921vw;
}
.mod_b2b_fairs .fair_elem .elem_content a {
  position: relative;
  padding-left: 1.6534391534vw;
}
.mod_b2b_fairs .fair_elem .elem_content a:after {
  content: "";
  width: 0.9920634921vw;
  height: 0.9920634921vw;
  background: url("../img/Icon_Arrow-black.svg") no-repeat center center / contain;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  position: absolute;
}
.mod_b2b_fairs .fair_elem .elem_content a:hover {
  color: #EA5707;
  transition: all 200ms ease;
  transition-property: color, background;
}
.mod_b2b_fairs .fair_elem .elem_content a:hover:after {
  background: url("../img/Icon_Arrow-orange.svg") no-repeat center center / contain;
}
@media (max-width: 767px) {
  .mod_b2b_fairs {
    margin-top: 10.2564102564vw;
    padding: 0;
    margin-left: auto;
    width: calc(100% - 10.2564102564vw);
  }
  .mod_b2b_fairs .fair_elem {
    width: 100%;
  }
  .mod_b2b_fairs .fair_elem + .fair_elem {
    margin-top: 12.8205128205vw;
  }
  .mod_b2b_fairs .fair_elem .elem_logo {
    width: 12.8205128205vw;
    height: 12.8205128205vw;
    padding: 2.5641025641vw;
    border-radius: 5.1282051282vw;
  }
  .mod_b2b_fairs .fair_elem .elem_content {
    width: 64.1025641026vw;
    margin-left: 5.1282051282vw;
  }
  .mod_b2b_fairs .fair_elem .elem_content .location + .date {
    margin-left: 4.1025641026vw;
  }
  .mod_b2b_fairs .fair_elem .elem_content .location-date {
    display: flex;
    flex-direction: column;
  }
  .mod_b2b_fairs .fair_elem .elem_content .location-date .date {
    margin-left: 0;
  }
  .mod_b2b_fairs .fair_elem .elem_content .location, .mod_b2b_fairs .fair_elem .elem_content .date, .mod_b2b_fairs .fair_elem .elem_content a {
    font-size: 3.5897435897vw;
    line-height: 5.641025641vw;
    letter-spacing: 0.0925925926vw;
  }
  .mod_b2b_fairs .fair_elem .elem_content .headline {
    font-size: 5.641025641vw;
    line-height: normal;
    letter-spacing: normal;
    margin-top: 1.2820512821vw;
  }
  .mod_b2b_fairs .fair_elem .elem_content .headline + p {
    margin-top: 5.1282051282vw;
  }
  .mod_b2b_fairs .fair_elem .elem_content p + a {
    margin-top: 5.1282051282vw;
  }
  .mod_b2b_fairs .fair_elem .elem_content a {
    padding-left: 6.4102564103vw;
  }
  .mod_b2b_fairs .fair_elem .elem_content a:after {
    width: 3.8461538462vw;
    height: 3.8461538462vw;
  }
}
.mod_b2b_podcast {
  margin-top: 3.9682539683vw;
  padding: 0 11.5740740741vw 0 4.2328042328vw;
  margin-left: 23.1481481481vw;
  width: 61.1111111111vw;
  box-sizing: border-box;
}
.mod_b2b_podcast h2 {
  font-family: "Gotham-Bold";
  font-size: 1.8518518519vw;
  line-height: normal;
  letter-spacing: normal;
}
.mod_b2b_podcast h2 + p {
  margin-top: 0.9920634921vw;
}
.mod_b2b_podcast .b2b_podcast_wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: -1.9841269841vw;
  margin-top: 1.9841269841vw;
}
.mod_b2b_podcast .b2b_podcast_wrapper .b2b_podcast_elem {
  width: 50%;
  padding-right: 1.9841269841vw;
  margin-bottom: 1.9841269841vw;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .mod_b2b_podcast {
    margin-top: 10.2564102564vw;
    padding: 0;
    margin-left: auto;
    width: calc(100% - 10.2564102564vw);
  }
  .mod_b2b_podcast h2 {
    font-size: 5.641025641vw;
  }
  .mod_b2b_podcast h2 + p {
    margin-top: 3.8461538462vw;
  }
  .mod_b2b_podcast .b2b_podcast_wrapper {
    flex-direction: column;
    margin-bottom: -5.1282051282vw;
    margin-top: 5.1282051282vw;
  }
  .mod_b2b_podcast .b2b_podcast_wrapper .b2b_podcast_elem {
    width: 80%;
    max-width: 400px;
    padding-right: 0;
    margin-bottom: 5.1282051282vw;
  }
}
/* CONTENT CONTAINER
============================================ */
/* GRID
=========================================================== */
.contentContainer {
  margin: 0 -0.5291005291vw;
  display: flex;
  width: 100%;
}
.contentContainer .col {
  padding: 0 0.5291005291vw;
  box-sizing: border-box;
}
.contentContainer .col0 {
  flex-basis: 3.125%;
}
.contentContainer .col1 {
  flex-basis: 6.25%;
}
.contentContainer .col2 {
  flex-basis: 12.5%;
}
.contentContainer .col3 {
  flex-basis: 18.75%;
}
.contentContainer .col4 {
  flex-basis: 25%;
}
.contentContainer .col5 {
  flex-basis: 31.25%;
}
.contentContainer .col6 {
  flex-basis: 37.5%;
}
.contentContainer .col7 {
  flex-basis: 43.75%;
}
.contentContainer .col8 {
  flex-basis: 50%;
}
.contentContainer .col9 {
  flex-basis: 56.25%;
}
.contentContainer .col10 {
  flex-basis: 62.5%;
}
.contentContainer .col11 {
  flex-basis: 68.75%;
}
.contentContainer .col12 {
  flex-basis: 75%;
}
.contentContainer .col13 {
  flex-basis: 81.25%;
}
.contentContainer .col14 {
  flex-basis: 87.5%;
}
.contentContainer .col15 {
  flex-basis: 93.75%;
}
.contentContainer .col16 {
  flex-basis: 100%;
}
/* MODULES
============================================ */
.mod_head {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: calc(100% - 18.5185185185vw);
  margin: 0 auto;
  z-index: 100;
  box-sizing: border-box;
  padding-top: 1.9841269841vw;
  display: flex;
}
.mod_head .logo-rts {
  cursor: pointer;
}
.mod_head .logo-rts img {
  width: 7.9365079365vw;
}
.mod_head .logo-tbwa {
  margin-left: 1.9841269841vw;
}
.mod_head .logo-tbwa img {
  height: 1.7195767196vw;
  width: auto;
}
.mod_head .logo-rts-rieger-team {
  font-family: "Gotham-Light";
  font-size: 1.1904761905vw;
  line-height: 1.455026455vw;
  letter-spacing: 1vw;
  color: #fff;
  margin-left: 1.9841269841vw;
  text-transform: uppercase;
  display: none;
}
.mod_head .logo-rts-rieger-team[data-bg="white"] {
  color: #000;
}
@media (max-width: 767px) {
  .mod_head {
    padding-top: 7.6923076923vw;
    width: calc(100% - 17.4358974359vw);
    z-index: 120;
    right: unset;
    width: auto;
    left: 8.7179487179vw;
  }
  .mod_head .logo-rts img {
    width: 11.0256410256vw;
  }
  .mod_head .logo-tbwa img {
    height: 3.8461538462vw;
    width: auto;
    position: relative;
    top: -0.5128205128vw;
  }
  .mod_head .logo-rts-rieger-team {
    font-size: 2.0512820513vw;
    line-height: 3.0769230769vw;
    letter-spacing: 1vw;
    margin-left: 3.5897435897vw;
    font-weight: bold;
    position: relative;
    top: -0.2564102564vw;
  }
}
.mod_menu {
  position: fixed;
  top: 0;
  right: 0;
  padding: 9.9206349206vw 2.9761904762vw 3.3068783069vw 1.9841269841vw;
  background: #DF0767CC;
  z-index: 110;
  display: none;
}
.mod_menu.black .menu__close {
  background: url("../img/Icon_Menu-Close_black.svg") no-repeat center center / contain;
}
.mod_menu.black .menu__nav ul li {
  color: #000;
}
.mod_menu.black .menu__nav ul li:before {
  background: url("../img/Icon_Menu-Arrow_black.svg") no-repeat center center / contain;
}
.mod_menu.black .menu__nav ul li a {
  color: #000;
}
.mod_menu .menu__close {
  width: 1.3888888889vw;
  height: 1.917989418vw;
  position: absolute;
  top: 4.0343915344vw;
  right: 3.3068783069vw;
  background: url("../img/Icon_Menu-Close.svg") no-repeat center center / contain;
  cursor: pointer;
}
.mod_menu .menu__nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.mod_menu .menu__nav ul li {
  font-size: 2.1825396825vw;
  line-height: 3.9682539683vw;
  letter-spacing: 1vw;
  text-transform: uppercase;
  padding-left: 5.291005291vw;
  position: relative;
  color: #fff;
  font-family: "BebasNeue";
}
.mod_menu .menu__nav ul li:before {
  content: "";
  background: url("../img/Icon_Menu-Arrow.svg") no-repeat center center / contain;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 3.1746031746vw;
  height: 1.3888888889vw;
}
.mod_menu .menu__nav ul li a {
  color: #fff;
}
@media (max-width: 767px) {
  .mod_menu {
    background: #DF0767;
    padding: 23.0769230769vw 8.9743589744vw 23.0769230769vw 23.0769230769vw;
    display: none;
    align-items: center;
    width: 100%;
    height: 100vh;
    height: var(--app-height);
    box-sizing: border-box;
  }
  .mod_menu .menu__nav ul li {
    font-size: 5.3846153846vw;
    line-height: 11.5384615385vw;
    letter-spacing: 1vw;
    font-family: "BebasNeue";
    font-weight: normal;
    padding-left: 11.5384615385vw;
  }
  .mod_menu .menu__nav ul li:before {
    width: 7.6923076923vw;
    height: 3.5897435897vw;
  }
  .mod_menu .menu__close {
    width: 2.0512820513vw;
    height: 5.3846153846vw;
    top: 10.2564102564vw;
    right: 8.4615384615vw;
  }
}
.mod_menu-label {
  position: fixed;
  top: 3.3068783069vw;
  right: 7.9365079365vw;
  z-index: 120;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  font-family: "BebasNeue";
  font-weight: normal;
  font-size: 2.1825396825vw;
  line-height: 2.1825396825vw;
  letter-spacing: 1vw;
}
@media (max-width: 767px) {
  .mod_menu-label {
    top: 9.4871794872vw;
    right: 7.9487179487vw;
    font-size: 5.3846153846vw;
    line-height: 5.3846153846vw;
    letter-spacing: 1vw;
  }
}
.mod_menu-lang {
  position: fixed;
  top: 3.3068783069vw;
  right: 19.8412698413vw;
  z-index: 120;
}
.mod_menu-lang.black ul li {
  color: #000;
}
.mod_menu-lang ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
}
.mod_menu-lang ul li {
  color: #fff;
}
.mod_menu-lang ul li a, .mod_menu-lang ul li span {
  font-family: "BebasNeue";
  font-weight: normal;
  font-size: 2.1825396825vw;
  line-height: 2.1825396825vw;
  letter-spacing: 1vw;
  color: inherit;
}
.mod_menu-lang ul li.is-active a {
  text-decoration: underline;
}
.mod_menu-lang ul li + li {
  padding-left: 1.9841269841vw;
  position: relative;
}
.mod_menu-lang ul li + li:before {
  content: "|";
  font-size: 2.1825396825vw;
  line-height: 2.1825396825vw;
  color: inherit;
  left: 0.6613756614vw;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.mod_menu-lang ul li.not-available a, .mod_menu-lang ul li.not-available span {
  color: #555;
  opacity: 0.5;
}
@media (max-width: 767px) {
  .mod_menu-lang {
    top: 9.4871794872vw;
    right: 36.6666666667vw;
  }
  .mod_menu-lang ul li a, .mod_menu-lang ul li span {
    font-size: 5.3846153846vw;
    line-height: 5.3846153846vw;
    letter-spacing: 1vw;
  }
  .mod_menu-lang ul li + li {
    padding-left: 4.358974359vw;
  }
  .mod_menu-lang ul li + li:before {
    font-size: 5.3846153846vw;
    line-height: 5.3846153846vw;
    left: 1.2820512821vw;
  }
}
.mod_rainbow {
  position: absolute;
  top: 50%;
  left: -19.8412698413vw;
  transform: translate(0, -50%);
  height: 73.4788359788vw;
  width: 59.1931216931vw;
  z-index: -50;
}
.mod_rainbow img {
  height: 100%;
  width: auto;
}
.mod_hero {
  height: 100vh;
  height: var(--app-height);
  display: flex;
  align-items: flex-end;
  color: white;
  padding-bottom: 3.3068783069vw;
  position: relative;
}
.mod_hero .inner {
  z-index: 10;
}
.mod_hero .hero-bubble {
  z-index: -1 !important;
}
.mod_hero .vidbg-overlay {
  z-index: -5;
}
.mod_hero .hero__vid {
  z-index: -5;
}
.mod_hero .hero__vid {
  position: absolute;
  top: 12.2354497354vw;
  width: calc(100% - 45.6349206349vw);
  box-sizing: border-box;
  left: 45.6349206349vw;
  overflow: hidden;
  z-index: -100;
  /*
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        */
}
.mod_hero:not(.has-videobg) h2.subline {
  font-size: 4.2328042328vw;
  line-height: 4.8941798942vw;
  letter-spacing: 1vw;
  text-transform: none;
  font-family: "Gotham-Book";
  margin-top: 2vw;
}
.mod_hero:not(.has-videobg) h2.subline:before {
  content: none;
}
.mod_hero:not(.has-videobg) h3.awards {
  font-size: 3.1746031746vw;
  line-height: 3.1746031746vw;
  letter-spacing: 1vw;
  text-transform: uppercase;
  margin-top: 2.5vw;
}
.mod_hero.is-case {
  padding-bottom: 2.9761904762vw;
  margin-bottom: 5vw;
}
.mod_hero.is-case h3.awards {
  margin-bottom: -5vw;
}
.mod_hero .hero-bubble {
  position: absolute;
  z-index: -1;
}
.mod_hero .hero-bubble[data-variant="1"] {
  width: 77.7116402116vw;
  height: 73.4788359788vw;
  background: url("../img/bg_hero_v1.png") no-repeat center center / contain;
  top: 50%;
  left: -24.7354497354vw;
}
.mod_hero .hero-bubble[data-variant="2"] {
  width: 122.5529100529vw;
  height: 115.9391534392vw;
  background: url("../img/bg_hero_v2.png") no-repeat center center / contain;
  top: 0;
  left: 44.3121693122vw;
}
.mod_hero .hero-bubble[data-variant="3"] {
  width: 78.5052910053vw;
  height: 74.2724867725vw;
  background: url("../img/bg_hero_v3.png") no-repeat center center / contain;
  top: -7.9365079365vw;
  left: 54.8941798942vw;
}
.mod_hero .hero-bubble[data-variant="4"] {
  width: 131.8121693122vw;
  height: 124.6693121693vw;
  background: url("../img/bg_hero_v4.png") no-repeat center center / contain;
  top: -46.3624338624vw;
  left: 44.3121693122vw;
}
.mod_hero .hero-bubble[data-variant="5"] {
  width: 77.7116402116vw;
  height: 73.4788359788vw;
  background: url("../img/bg_hero_v5.png") no-repeat center center / contain;
  top: 5.3571428571vw;
  left: -18.5185185185vw;
}
.mod_hero .hero_video-desktop, .mod_hero .hero_video-mobile {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: -2 !important;
}
.mod_hero .hero_video-desktop {
  display: block;
}
.mod_hero .hero_video-mobile {
  display: none;
}
@media (max-width: 767px) {
  .mod_hero {
    padding-bottom: 2.5641025641vw;
  }
  .mod_hero .hero-bubble[data-variant="1"] {
    width: 160vw;
    height: 151.2820512821vw;
    top: unset;
    bottom: -75.641025641vw;
    left: 0vw;
  }
  .mod_hero .hero-bubble[data-variant="2"] {
    width: 273.8461538462vw;
    height: 258.9743589744vw;
    top: -11.5384615385vw;
    left: -68.9743589744vw;
  }
  .mod_hero .hero-bubble[data-variant="3"] {
    width: 156.6666666667vw;
    height: 148.2051282051vw;
    top: 10.5128205128vw;
    left: -10.5128205128vw;
  }
  .mod_hero .hero-bubble[data-variant="4"] {
    width: 273.8461538462vw;
    height: 258.9743589744vw;
    top: -73.5897435897vw;
    left: -68.9743589744vw;
  }
  .mod_hero .hero-bubble[data-variant="5"] {
    width: 273.8461538462vw;
    height: 258.9743589744vw;
    top: -11.5384615385vw;
    left: -68.9743589744vw;
  }
  .mod_hero .hero_video-desktop {
    display: none;
  }
  .mod_hero .hero_video-mobile {
    display: block;
  }
}
.mod_text {
  display: flex;
}
@media (max-width: 767px) {
  .mod_text.mod_gallery .container-fluid .row {
    flex-direction: column-reverse;
  }
  .mod_text.mod_gallery .container-fluid .row .image_1x3 {
    margin-left: -6.6666666667vw;
    margin-right: -6.6666666667vw;
  }
  .mod_text.mod_gallery .container-fluid .row .image_1x3 .small {
    margin-top: 2.5641025641vw;
    width: calc(100% + 2.5641025641vw);
    margin-left: -1.2820512821vw;
    margin-right: -1.2820512821vw;
  }
  .mod_text.mod_gallery .container-fluid .row .image_1x3 .small img {
    width: calc(33.333333% - 2.5641025641vw);
    margin: 0 1.2820512821vw;
  }
}
.mod_text_offgrid {
  margin-left: 0;
  width: calc(100% - 8.5978835979vw);
  display: flex;
  flex-direction: row;
}
.mod_text_offgrid .offgrid {
  width: calc(calc(50% - 8.33333333%) - calc(var(--bs-gutter-x) * 1.5) + 8.5978835979vw);
}
.mod_text_offgrid .mid {
  width: calc(16.66666667% + var(--bs-gutter-x));
}
.mod_text_offgrid .ongrid {
  width: calc(calc(50% - 8.33333333%) - calc(var(--bs-gutter-x) * 1.5));
}
.mod_tbwa {
  width: 100vw;
  height: calc(100vw / 2176 * 1217);
  display: flex;
  align-items: center;
  overflow: hidden;
  background: url("../img/tbwa/bg-tbwa.jpg") no-repeat center center / cover;
}
.mod_tbwa .bg {
  transform: rotate(-17deg);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  height: var(--app-height);
  position: absolute;
}
@media (max-width: 767px) {
  .mod_tbwa {
    height: auto;
    background: url("../img/tbwa/bg-tbwa_mobile.jpg") no-repeat center left / cover;
  }
}
.mod_swiper .swiper {
  padding-bottom: 1.3227513228vw;
}
.mod_swiper .swiper .swiper-pagination .swiper-pagination-bullet {
  width: 3.9682539683vw;
  height: 0.5291005291vw;
  background: transparent;
  border: 0.0661375661vw solid #fff;
  border-radius: 0;
  margin: 0 0.6613756614vw;
  opacity: 1;
  box-sizing: border-box;
}
.mod_swiper .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #fff;
}
.mod_swiper .swiper .swiper-horizontal > .swiper-pagination-bullets, .mod_swiper .swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .mod_swiper .swiper .swiper-pagination-custom, .mod_swiper .swiper .swiper-pagination-fraction {
  bottom: 0px;
}
.mod_swiper .swiper.slider-text-images .swiper-wrapper {
  margin-bottom: 1.3227513228vw;
}
@media (max-width: 767px) {
  .mod_swiper .swiper {
    padding-bottom: 5.1282051282vw;
  }
  .mod_swiper .swiper.slider-text-images .swiper-wrapper {
    margin-bottom: 0;
  }
  .mod_swiper .swiper .swiper-pagination .swiper-pagination-bullet {
    width: 10.2564102564vw;
    height: 1.2820512821vw;
    border-width: 0.2564102564vw;
  }
}
.mod_list ul {
  padding: 0;
  margin: 3.835978836vw 0 0 0;
  list-style-type: none;
}
.mod_list ul li h3 {
  font-size: 3.1746031746vw;
  line-height: 3.1746031746vw;
  letter-spacing: 1vw;
  font-family: "BebasNeue";
  font-weight: normal;
}
.mod_list ul li h3 + p {
  margin-top: 0.7275132275vw;
}
.mod_list ul li p {
  font-size: 1.3227513228vw;
  line-height: 2.3148148148vw;
  letter-spacing: 1vw;
}
.mod_list ul li + li {
  margin-top: 4.9603174603vw;
}
@media (max-width: 767px) {
  .mod_list ul {
    margin: 14.1025641026vw 0 0 0;
  }
  .mod_list ul li h3 {
    font-size: 7.1794871795vw;
    line-height: 9.7435897436vw;
    letter-spacing: 1vw;
  }
  .mod_list ul li h3 + p {
    margin-top: 3.8461538462vw;
  }
  .mod_list ul li p {
    font-size: 4.1025641026vw;
    line-height: 6.1538461538vw;
    letter-spacing: 1vw;
  }
  .mod_list ul li + li {
    margin-top: 10.2564102564vw;
  }
}
.mod_portfolio .wrapper_portfolio {
  margin-top: 9.9206349206vw;
  margin-left: -3.9682539683vw;
  margin-right: -3.9682539683vw;
  display: flex;
  flex-direction: row;
}
.mod_portfolio .wrapper_portfolio > div {
  width: 33%;
  box-sizing: border-box;
  margin: 0 0.9920634921vw;
  padding: 2.6455026455vw;
  box-shadow: 1px 4px 10px 0px #787878;
}
.mod_portfolio .wrapper_portfolio > div h3 {
  color: #fff;
}
.mod_portfolio .wrapper_portfolio > div h3 + ul {
  margin-top: 4.6296296296vw;
}
.mod_portfolio .wrapper_portfolio > div ul {
  color: #fff;
  padding-left: 1.1243386243vw;
  margin-bottom: 0;
}
.mod_portfolio .wrapper_portfolio > div:first-child {
  background: #f59d15;
}
.mod_portfolio .wrapper_portfolio > div:nth-child(2) {
  background: #e35205;
}
.mod_portfolio .wrapper_portfolio > div:nth-child(3) {
  background: #df0767;
}
@media (max-width: 767px) {
  .mod_portfolio .wrapper_portfolio {
    flex-direction: column;
    margin: 35.8974358974vw 0 10.2564102564vw 0;
  }
  .mod_portfolio .wrapper_portfolio > div {
    width: 100%;
    padding: 8.9743589744vw;
  }
  .mod_portfolio .wrapper_portfolio > div + div {
    margin-top: 10.2564102564vw;
  }
  .mod_portfolio .wrapper_portfolio > div h3 + ul {
    margin-top: 7.6923076923vw;
  }
  .mod_portfolio .wrapper_portfolio > div h3 br.no-br {
    display: none;
  }
  .mod_portfolio .wrapper_portfolio > div ul {
    padding-left: 4.1025641026vw;
  }
}
.mod_crinput23 .wrapper_crinput23 {
  position: relative;
  height: 78.373015873vw;
}
.mod_crinput23 .wrapper_crinput23 .crinput23_circles .circle {
  position: absolute;
  border-radius: 50%;
  left: 5.0925925926vw;
  box-sizing: border-box;
  opacity: 0;
}
.mod_crinput23 .wrapper_crinput23 .crinput23_circles .circle.circle1 {
  background: url("../img/bg_crinput23_circle1.png") no-repeat center center / contain;
  top: 17.7248677249vw;
  left: 5.0925925926vw;
  width: 49.2724867725vw;
  height: 49.2724867725vw;
}
.mod_crinput23 .wrapper_crinput23 .crinput23_circles .circle.circle2 {
  background: url("../img/bg_crinput23_circle2.png") no-repeat center center / contain;
  top: 22.5529100529vw;
  left: 9.9206349206vw;
  width: 39.5502645503vw;
  height: 39.5502645503vw;
}
.mod_crinput23 .wrapper_crinput23 .crinput23_circles .circle.circle3 {
  background: url("../img/bg_crinput23_circle3.png") no-repeat center center / contain;
  top: 27.5793650794vw;
  left: 15.0132275132vw;
  width: 29.4973544974vw;
  height: 29.4973544974vw;
}
.mod_crinput23 .wrapper_crinput23 .crinput23_circles .circle.circle4 {
  background: #000;
  top: 32.5013227513vw;
  left: 19.8697089947vw;
  width: 19.7810846561vw;
  height: 19.7810846561vw;
}
.mod_crinput23 .wrapper_crinput23 .crinput23_boxes .box {
  position: absolute;
  left: 59.9867724868vw;
  opacity: 0;
}
.mod_crinput23 .wrapper_crinput23 .crinput23_boxes .box h3 {
  background: orange;
  color: #000;
  display: inline-block;
  padding: 0.3306878307vw 1.3227513228vw 0.6613756614vw 1.3227513228vw;
}
.mod_crinput23 .wrapper_crinput23 .crinput23_boxes .box.box1 {
  top: 10.9126984127vw;
}
.mod_crinput23 .wrapper_crinput23 .crinput23_boxes .box.box2 h3 {
  background: #e35205;
}
.mod_crinput23 .wrapper_crinput23 .crinput23_boxes .box.box3 h3 {
  background: #df0767;
}
.mod_crinput23 .wrapper_crinput23 .crinput23_lines .line {
  position: absolute;
  transform-origin: top left;
}
.mod_crinput23 .wrapper_crinput23 .crinput23_lines .line.line1 {
  border-top: 0.2645502646vw solid #fff;
}
.mod_crinput23 .wrapper_crinput23 .crinput23_lines .line.line2 {
  border-top: 0.2645502646vw solid #fff;
}
.mod_crinput23 .wrapper_crinput23 .crinput23_lines .line.line3 {
  border-top: 0.2645502646vw solid #fff;
  border-left: 0.2645502646vw solid #fff;
}
.mod_crinput23 .wrapper_crinput23 .crinput23_lines .line.line4, .mod_crinput23 .wrapper_crinput23 .crinput23_lines .line.line5, .mod_crinput23 .wrapper_crinput23 .crinput23_lines .line.line6, .mod_crinput23 .wrapper_crinput23 .crinput23_lines .line.line7 {
  display: none;
}
.mod_crinput23 .wrapper_crinput23 .dot {
  width: 1.6534391534vw;
  height: 1.6534391534vw;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  opacity: 0;
}
.mod_crinput23 .wrapper_crinput23 .intersection {
  width: 1px;
  height: 1px;
  background: yellow;
  position: absolute;
}
@media (max-width: 767px) {
  .mod_crinput23 .wrapper_crinput23 {
    margin-top: 3.8461538462vw;
  }
  .mod_crinput23 .wrapper_crinput23 .crinput23_circles .circle.circle1 {
    left: 3.0769230769vw;
    top: 11.5384615385vw;
    width: 72.3076923077vw;
    height: 72.3076923077vw;
  }
  .mod_crinput23 .wrapper_crinput23 .crinput23_circles .circle.circle2 {
    left: 10.2564102564vw;
    top: 19.2307692308vw;
    width: 57.6923076923vw;
    height: 57.6923076923vw;
  }
  .mod_crinput23 .wrapper_crinput23 .crinput23_circles .circle.circle3 {
    left: 17.6923076923vw;
    top: 26.4102564103vw;
    width: 43.0769230769vw;
    height: 43.0769230769vw;
  }
  .mod_crinput23 .wrapper_crinput23 .crinput23_circles .circle.circle4 {
    left: 24.6153846154vw;
    top: 33.3333333333vw;
    width: 28.9743589744vw;
    height: 28.9743589744vw;
  }
  .mod_crinput23 .wrapper_crinput23 .crinput23_boxes .box h3 {
    padding: 0.5128205128vw 2.5641025641vw 1.2820512821vw 2.5641025641vw;
  }
  .mod_crinput23 .wrapper_crinput23 .crinput23_boxes .box.box1 {
    top: 112.0512820513vw;
    left: 11.2820512821vw;
  }
  .mod_crinput23 .wrapper_crinput23 .crinput23_boxes .box.box2, .mod_crinput23 .wrapper_crinput23 .crinput23_boxes .box.box3 {
    left: 11.2820512821vw;
  }
  .mod_crinput23 .wrapper_crinput23 .crinput23_lines .line.line1, .mod_crinput23 .wrapper_crinput23 .crinput23_lines .line.line2, .mod_crinput23 .wrapper_crinput23 .crinput23_lines .line.line3, .mod_crinput23 .wrapper_crinput23 .crinput23_lines .line.line4, .mod_crinput23 .wrapper_crinput23 .crinput23_lines .line.line5, .mod_crinput23 .wrapper_crinput23 .crinput23_lines .line.line6 {
    border-top: 0.5128205128vw solid #fff;
  }
  .mod_crinput23 .wrapper_crinput23 .crinput23_lines .line.line7 {
    border-left: 0.5128205128vw solid #fff;
  }
  .mod_crinput23 .wrapper_crinput23 .crinput23_lines .line.line4, .mod_crinput23 .wrapper_crinput23 .crinput23_lines .line.line5, .mod_crinput23 .wrapper_crinput23 .crinput23_lines .line.line6, .mod_crinput23 .wrapper_crinput23 .crinput23_lines .line.line7 {
    display: block;
  }
  .mod_crinput23 .wrapper_crinput23 .dot {
    width: 2.5641025641vw;
    height: 2.5641025641vw;
  }
}
.mod_teaser-footer {
  background: #fff;
  display: flex;
  flex-direction: row;
  padding: 0;
}
.mod_teaser-footer > div {
  width: 50%;
  border: 0.0992063492vw solid #000;
  border-bottom-width: 0;
  box-sizing: border-box;
  padding-top: 2.3148148148vw;
  padding-bottom: 2.3148148148vw;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.mod_teaser-footer > div:first-child {
  border-right-width: 0;
}
.mod_teaser-footer > div .arrow {
  position: absolute;
  width: 71.5608465608vw;
  left: -65.0793650794vw;
  top: 2.8439153439vw;
}
.mod_teaser-footer > div .footer-inner {
  padding-left: 8.5978835979vw;
}
.mod_teaser-footer > div h3 {
  text-transform: uppercase;
  font-family: "BebasNeue";
  font-weight: normal;
  font-size: 1.8518518519vw;
  line-height: 2.3148148148vw;
  letter-spacing: 1vw;
}
.mod_teaser-footer > div h3 + p {
  margin-top: 0;
}
.mod_teaser-footer > div [data-visible="hover"] {
  display: none;
}
.mod_teaser-footer > div [data-visible="default"] {
  display: inline-block;
}
.mod_teaser-footer > div:not(.hasTouch):hover {
  border: 0.0992063492vw solid #000;
  border-bottom-width: 0;
  background: #000;
  color: #fff;
  transition: 500ms all;
}
.mod_teaser-footer > div:not(.hasTouch):hover:first-child {
  border-right-width: 0;
}
.mod_teaser-footer > div:not(.hasTouch):hover .arrow {
  transition: 500ms all;
}
.mod_teaser-footer > div:not(.hasTouch):hover .arrow img {
  filter: invert(100%);
}
.mod_teaser-footer > div:not(.hasTouch):hover h3 {
  opacity: 0;
}
.mod_teaser-footer > div:not(.hasTouch):hover [data-visible="hover"] {
  display: inline-block;
}
.mod_teaser-footer > div:not(.hasTouch):hover [data-visible="default"] {
  display: none;
}
@media (max-width: 767px) {
  .mod_teaser-footer {
    flex-direction: column;
  }
  .mod_teaser-footer > div {
    width: 100%;
    border-width: 0.3846153846vw;
    padding-top: 4.8717948718vw;
    padding-bottom: 4.1025641026vw;
    border-bottom-width: 0;
  }
  .mod_teaser-footer > div:first-child {
    border-right-width: 0.3846153846vw;
  }
  .mod_teaser-footer > div:not(.hasTouch):hover {
    border-width: 0.3846153846vw;
  }
  .mod_teaser-footer > div .arrow {
    width: 205.1282051282vw;
    left: -189.4871794872vw;
    top: 5.641025641vw;
  }
  .mod_teaser-footer > div h3 {
    font-size: 5.3846153846vw;
    line-height: 5.3846153846vw;
    letter-spacing: 1vw;
  }
  .mod_teaser-footer > div h3 + p {
    margin-top: 1.2820512821vw;
  }
  .mod_teaser-footer > div .footer-inner {
    padding-left: 22.0512820513vw;
  }
}
.mod_image img.img-mobile {
  display: none;
}
@media (max-width: 767px) {
  .mod_image img.img-mobile {
    display: block;
  }
  .mod_image img.img-desktop {
    display: none;
  }
}
.mod_jobs .wrapper_nojobs {
  display: none;
}
.mod_contact form {
  margin-top: 3.3068783069vw;
}
.mod_contact .form_success, .mod_contact .form_error {
  display: none;
  margin-top: 3.3068783069vw;
}
@media (max-width: 767px) {
  .mod_contact form {
    margin-top: 7.6923076923vw;
  }
  .mod_contact .form_success, .mod_contact .form_error {
    margin-top: 7.6923076923vw;
  }
}
.outerwrapper[data-hr="true"] .mod_contact .formfield--company {
  display: none;
}
.mod_imgscroller .wrapper_imgscroller {
  position: relative;
}
.mod_imgscroller .wrapper_imgscroller .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 7.4735449735vw;
  height: 7.4735449735vw;
  background: url("../img/Icon_Imagescroller.svg") no-repeat center center / contain;
  z-index: 1;
}
.mod_imgscroller .wrapper_imgscroller .greenscreen {
  position: absolute;
  top: 3.835978836vw;
  left: 12.2354497354vw;
  right: 12.2354497354vw;
  bottom: 5.6878306878vw;
  overflow-x: scroll;
}
.mod_imgscroller .wrapper_imgscroller .greenscreen img {
  width: 100%;
  opacity: 0;
}
.mod_imgscroller .wrapper_imgscroller .scrolldown {
  position: absolute;
  bottom: 8.0687830688vw;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  border: 1px solid red;
  background: red;
  opacity: 0;
  color: #000;
  display: block;
}
@media (max-width: 767px) {
  .mod_imgscroller .wrapper_imgscroller .greenscreen {
    top: 2.5641025641vw;
    left: 8.7179487179vw;
    right: 8.7179487179vw;
    bottom: 4.1025641026vw;
  }
}
.mod_hero_youtube {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: calc(100vw / 16 * 9);
  /* NEU */
}
.mod_hero_youtube .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 11.6402116402vw;
  height: 11.6402116402vw;
  transform: translate(-50%, -50%);
  background: url("../img/Icon_Video-Play.svg") no-repeat center center / contain;
  cursor: pointer;
}
.mod_hero_youtube .play-btn.color-white {
  background: url("../img/Icon_Video-Play_white.svg") no-repeat center center / contain;
}
.mod_hero_youtube .play-btn.color-grey {
  background: url("../img/Icon_Video-Play_grey.svg") no-repeat center center / contain;
}
.mod_hero_youtube .video-background-controls {
  top: unset !important;
  bottom: 1.3227513228vw !important;
  right: 2.6455026455vw !important;
  width: 2.6455026455vw;
  height: 2.6455026455vw;
  background: red;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mod_hero_youtube .video-background-controls button {
  background: transparent;
  border: 0;
}
.mod_hero_youtube .poster {
  position: relative;
  height: calc(100vw / 16 * 9);
  overflow-y: hidden;
}
.mod_hero_youtube .poster .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 11.6402116402vw;
  height: 11.6402116402vw;
  transform: translate(-50%, -50%);
  background: url("../img/Icon_Video-Play.svg") no-repeat center center / contain;
}
.mod_hero_youtube .poster .icon.color-white {
  background: url("../img/Icon_Video-Play_white.svg") no-repeat center center / contain;
}
.mod_hero_youtube .poster .icon.color-grey {
  background: url("../img/Icon_Video-Play_grey.svg") no-repeat center center / contain;
}
.mod_hero_youtube .poster .controls {
  position: absolute;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  padding: 1.9841269841vw 3.3068783069vw 1.9841269841vw 2.6455026455vw;
  display: none;
  z-index: 2;
  width: 100%;
  box-sizing: border-box;
  flex-grow: 1;
}
.mod_hero_youtube .poster .controls .control {
  display: inline-block;
}
.mod_hero_youtube .poster .controls .control + .control {
  margin-left: 1.9841269841vw;
}
.mod_hero_youtube .poster .controls .control.pause {
  width: 2.2486772487vw;
  height: 2.6455026455vw;
  background: url("../img/Icon_pause.svg") no-repeat center center / contain;
}
.mod_hero_youtube .poster .controls .control.pause.is-active {
  background: url("../img/Icon_play.svg") no-repeat center center / contain;
}
.mod_hero_youtube .poster .controls .control.unmute {
  width: 3.0423280423vw;
  height: 2.6455026455vw;
  background: url("../img/Icon_mute.svg") no-repeat center center / contain;
}
.mod_hero_youtube .poster .controls .control.unmute.is-active {
  background: url("../img/Icon_unmute.svg") no-repeat center center / contain;
}
.mod_hero_youtube .poster .controls .control.fullscreen {
  height: 2.6455026455vw;
  width: 2.6455026455vw;
  background: url("../img/Icon_fullscreen-on.svg") no-repeat center center / contain;
}
.mod_hero_youtube .poster .controls .timeline {
  background: transparent;
  height: auto;
  width: calc(100% - 11.9047619048vw);
  position: relative;
  box-sizing: border-box;
  margin: 0 2.6455026455vw 0 1.9841269841vw;
  display: flex;
  align-items: center;
}
.mod_hero_youtube .poster .controls .timeline .line {
  width: 100%;
  background: #fff;
  height: 0.1322751323vw;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.mod_hero_youtube .poster .controls .timeline .handle {
  position: absolute;
  top: 50% !important;
  transform: translate(0, -50%);
  width: 1.7857142857vw;
  height: 1.7857142857vw;
  background: #DF0767;
  left: 0%;
  border-radius: 50%;
}
.mod_hero_youtube .poster .controls .timeline .line-handle {
  width: 0%;
  background: #DF0767;
  height: 0.1322751323vw;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.mod_hero_youtube .poster video {
  width: 100%;
  display: none;
  z-index: 1;
}
@media (max-width: 767px) {
  .mod_hero_youtube {
    margin-top: 25.641025641vw;
  }
  .mod_hero_youtube .poster .icon {
    width: 28.2051282051vw;
    height: 28.2051282051vw;
  }
  .mod_hero_youtube .poster .controls {
    padding: 4.1025641026vw 6.1538461538vw 2.8205128205vw 5.3846153846vw;
  }
  .mod_hero_youtube .poster .controls .control + .control {
    margin-left: 4.1025641026vw;
  }
  .mod_hero_youtube .poster .controls .control.pause {
    width: 4.1025641026vw;
    height: 4.8717948718vw;
  }
  .mod_hero_youtube .poster .controls .control.unmute {
    width: 5.641025641vw;
    height: 4.8717948718vw;
  }
  .mod_hero_youtube .poster .controls .control.fullscreen {
    height: 4.8717948718vw;
    width: 4.8717948718vw;
  }
  .mod_hero_youtube .poster .controls .timeline {
    margin: 0 5.1282051282vw 0 2.5641025641vw;
  }
}
@media (max-width: 767px) {
  .mod_imagehero {
    background-size: 100% !important;
    height: calc(100vw / 16 * 9) !important;
    padding: 0;
    margin-top: 25.641025641vw;
    overflow: hidden;
  }
  .mod_imagehero h1, .mod_imagehero h2, .mod_imagehero h3 {
    display: none;
  }
}
.mod_caseheadline h1 + h2 {
  margin-top: 1.3227513228vw;
}
.mod_caseheadline h2 {
  font-family: "Gotham-Book";
  font-size: 4.2328042328vw;
  line-height: 4.8941798942vw;
  letter-spacing: 1vw;
}
.mod_caseheadline h2:before {
  content: none;
}
.mod_caseheadline h2 + h3 {
  margin-top: 1.9841269841vw;
}
@media (max-width: 767px) {
  .mod_caseheadline {
    padding-top: 12.8205128205vw !important;
  }
  .mod_caseheadline h1 {
    font-size: 18.4615384615vw;
    line-height: 18.4615384615vw;
    letter-spacing: 1vw;
  }
  .mod_caseheadline h1 + h2 {
    margin-top: 5.1282051282vw;
  }
  .mod_caseheadline h2 {
    font-size: 7.1794871795vw;
    line-height: 8.7179487179vw;
    letter-spacing: 1vw;
  }
  .mod_caseheadline h2 + h3 {
    margin-top: 8.9743589744vw;
  }
  .mod_caseheadline h3 {
    font-size: 9.2307692308vw;
    line-height: 9.7435897436vw;
    letter-spacing: 1vw;
  }
}
.mod_collective {
  position: relative;
}
.mod_collective:before {
  width: 24.6693121693vw;
  height: 200%;
  content: "";
  position: absolute;
  right: -8.5978835979vw;
  bottom: 0;
  background: #ffea3d;
  transform: rotate(-29deg);
  transform-origin: bottom right;
  z-index: -2;
}
.mod_collective:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  background: url("../img/Icon_Collective-World.svg") no-repeat center center;
  background-size: contain;
  width: 25.8597883598vw;
  height: 25.8597883598vw;
  right: 13.5582010582vw;
  z-index: -1;
}
@media (max-width: 767px) {
  .mod_collective:before {
    width: 44.1025641026vw;
    bottom: unset;
    top: -57.9487179487vw;
    right: -12.8205128205vw;
    transform-origin: top right;
    transform: rotate(-19deg);
  }
  .mod_collective:after {
    content: none;
  }
}
.mod_locations .mt-loc {
  margin-top: 3.3068783069vw;
}
@media (max-width: 767px) {
  .mod_locations .mt-loc {
    margin-top: 12.8205128205vw;
  }
}
.mod_footer {
  background: #fff;
  border: 0.0992063492vw solid #000;
  padding-top: 2.3148148148vw;
  padding-bottom: 2.3148148148vw;
}
.mod_footer .inner {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.mod_footer .inner > div {
  width: 50%;
  display: flex;
}
.mod_footer .inner > div:first-child {
  justify-content: flex-start;
}
.mod_footer .inner > div:last-child {
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .mod_footer {
    border: 0.3846153846vw solid #000;
    padding-top: 5.3846153846vw;
    padding-bottom: 5.3846153846vw;
  }
  .mod_footer .inner {
    flex-direction: column-reverse;
  }
  .mod_footer .inner > div {
    width: 100%;
  }
  .mod_footer .inner > div:first-child {
    margin-top: 3.8461538462vw;
  }
  .mod_footer .inner > div:first-child {
    justify-content: flex-end;
  }
}
.image_1x3 .main {
  width: 100%;
}
.image_1x3 .small {
  display: flex;
  flex-direction: row;
  margin-top: 1.3227513228vw;
  margin-left: -0.6613756614vw;
  margin-right: -0.6613756614vw;
  cursor: pointer;
}
.image_1x3 .small img {
  width: calc(33.3333% - 1.3227513228vw);
  margin: 0 0.6613756614vw;
}
/* ELEMENTS
============================================ */
.button {
  border: 0.0661375661vw solid #fff;
  padding: 0.7275132275vw 1.8518518519vw 0.9920634921vw 3.9682539683vw;
  display: block;
  width: fit-content;
  margin-top: 4.6296296296vw;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.button .arrow {
  position: absolute;
  width: 29.6296296296vw;
  left: -25.9920634921vw;
  top: 50%;
  transform: translate(0, -50%);
}
.button a, .button .link {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  padding-left: 1.3227513228vw;
  font-size: 1.8518518519vw;
  line-height: 2.3148148148vw;
  letter-spacing: 1vw;
  font-weight: bold;
  font-family: "BebasNeue";
  font-weight: normal;
}
.button:not(.hasTouch):hover {
  background: #fff;
  transition: 500ms all;
}
.button:not(.hasTouch):hover .link {
  opacity: 0;
  transition: all 500ms;
}
.button:not(.hasTouch):hover .arrow {
  transition: 500ms all;
}
.button:not(.hasTouch):hover .arrow img {
  filter: invert(100%);
}
@media (max-width: 767px) {
  .button {
    border-width: 0.2564102564vw;
    padding: 1.5384615385vw 3.8461538462vw 2.0512820513vw 15.3846153846vw;
    margin-top: 15.3846153846vw;
  }
  .button .arrow {
    width: 114.8717948718vw;
    left: -100.7692307692vw;
  }
  .button a {
    padding-left: 2.5641025641vw;
    font-size: 5.3846153846vw;
    line-height: 5.3846153846vw;
    letter-spacing: 1vw;
  }
}
.teaser-case {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.teaser-case .labels {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1.9841269841vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transition: 500ms all;
  z-index: 2;
}
.teaser-case .labels h3 {
  font-size: 3.1746031746vw;
  line-height: 3.1746031746vw;
  letter-spacing: 1vw;
  text-transform: uppercase;
  font-family: "BebasNeue";
  font-weight: normal;
}
.teaser-case .labels h3 + p {
  margin-top: 0.6613756614vw;
}
.teaser-case .labels p {
  font-size: 1.3227513228vw;
  line-height: 1.6534391534vw;
  letter-spacing: 1vw;
}
.teaser-case img {
  transition: 500ms all;
  width: 100%;
  height: 100%;
}
.teaser-case .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  transition: 500ms all;
}
.teaser-case:hover .labels {
  top: 0;
  transition: 500ms all;
}
.teaser-case:hover .overlay {
  opacity: 1;
  transition: 500ms all;
}
.teaser-case:hover img {
  transform: scale(1.2);
  transition: 500ms all;
}
.teaser-case a h3, .teaser-case a p {
  color: #fff;
}
.teaser-case[data-award="bob"]:before {
  content: "";
  height: 4.1005291005vw;
  width: 2.5132275132vw;
  background: url("../img/cases/Logo_Bob.svg") no-repeat center center / contain;
  right: 1.9841269841vw;
  top: 1.9841269841vw;
  position: absolute;
  z-index: 1;
}
.teaser-case[data-award="effie"]:before {
  content: "";
  height: 4.1005291005vw;
  width: 5.2248677249vw;
  background: url("../img/cases/Logo_Effie.svg") no-repeat center center / contain;
  right: 1.9841269841vw;
  top: 1.9841269841vw;
  position: absolute;
  z-index: 1;
}
.teaser-case[data-award="bob-effie"]:before {
  content: "";
  height: 4.1005291005vw;
  width: 5.2248677249vw;
  background: url("../img/cases/Logo_Effie.svg") no-repeat center center / contain;
  right: 5.8201058201vw;
  top: 1.9841269841vw;
  position: absolute;
  z-index: 1;
}
.teaser-case[data-award="bob-effie"]:after {
  content: "";
  height: 4.1005291005vw;
  width: 2.5132275132vw;
  background: url("../img/cases/Logo_Bob.svg") no-repeat center center / contain;
  right: 1.9841269841vw;
  top: 1.9841269841vw;
  position: absolute;
  z-index: 1;
}
@media (max-width: 767px) {
  .teaser-case .labels {
    padding: 5.1282051282vw;
    top: 0;
  }
  .teaser-case .labels h3 {
    font-size: 6.6666666667vw;
    line-height: 6.6666666667vw;
    letter-spacing: 1vw;
  }
  .teaser-case .labels h3 + p {
    margin-top: 2.5641025641vw;
  }
  .teaser-case .labels p {
    font-size: 4.1025641026vw;
    line-height: 4.6153846154vw;
    letter-spacing: 1vw;
  }
  .teaser-case:hover img {
    transform: none;
  }
  .teaser-case[data-award="bob"]:before {
    height: 8.9743589744vw;
    width: 5.3846153846vw;
    right: 4.6153846154vw;
    top: 4.6153846154vw;
  }
  .teaser-case[data-award="effie"]:before {
    height: 8.9743589744vw;
    width: 11.5384615385vw;
    right: 4.6153846154vw;
    top: 4.6153846154vw;
  }
  .teaser-case[data-award="bob-effie"]:before {
    height: 8.9743589744vw;
    width: 11.5384615385vw;
    right: 14.6153846154vw;
    top: 4.6153846154vw;
  }
  .teaser-case[data-award="bob-effie"]:after {
    content: "";
    height: 8.9743589744vw;
    width: 5.3846153846vw;
    right: 4.6153846154vw;
    top: 4.6153846154vw;
  }
}
.people-slide {
  position: relative;
  overflow: hidden;
}
.people-slide > img {
  left: 0;
}
.people-slide .imglay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(0, 0, 0, 0.349);
  z-index: 2;
}
.people-slide .imghover {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
}
.people-slide .labels {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1.9841269841vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transition: 500ms all;
  z-index: 2;
}
.people-slide .labels h3 {
  font-size: 3.1746031746vw;
  line-height: 3.1746031746vw;
  letter-spacing: 1vw;
  text-transform: uppercase;
  font-family: "BebasNeue";
  font-weight: normal;
  color: #fff;
}
.people-slide .labels h3 + p {
  margin-top: 0.6613756614vw;
}
.people-slide .labels p {
  font-size: 1.3227513228vw;
  line-height: 1.6534391534vw;
  letter-spacing: 1vw;
  color: #fff;
}
.people-slide .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  transition: 500ms all;
}
.people-slide:hover > img {
  left: -100%;
  position: relative;
  transition: 500ms all;
}
.people-slide:hover .labels {
  top: 0;
  transition: 500ms all;
}
.people-slide:hover .overlay {
  opacity: 0;
  transition: 500ms all;
}
.people-slide:hover > img {
  opacity: 0;
  transform: scale(1.2);
  transition: 500ms all;
}
.people-slide:hover .imglay {
  opacity: 1;
  transition: 500ms all;
}
.people-slide:hover .imghover {
  left: 0;
  opacity: 1;
  transition: 500ms all;
  transform: scale(1.3);
}
.people-slide:hover .imghover img {
  transition: 5000ms opacity;
  opacity: 0.8;
}
@media (max-width: 767px) {
  .people-slide {
    width: 65%;
    height: auto;
  }
  .people-slide .labels {
    top: 0;
    padding: 3.8461538462vw 2.5641025641vw;
  }
  .people-slide .labels h3 {
    font-size: 7.1794871795vw;
    line-height: 8.7179487179vw;
    letter-spacing: 1vw;
    color: #000;
  }
  .people-slide .labels h3 + p {
    margin-top: 2.5641025641vw;
  }
  .people-slide .labels p {
    font-size: 4.1025641026vw;
    line-height: 6.1538461538vw;
    letter-spacing: 1vw;
    color: #000;
  }
  .people-slide:hover .labels h3, .people-slide:hover .labels p {
    color: #fff;
  }
}
h2 + .slider-logos {
  margin-top: 4.6296296296vw;
}
.slider-logos {
  /*
    Logos Small -> Height 100
    Partner -> Height 80
    Default Logos -> Height 150 | Margin-Right


    Gewünscht Small: mobile -> Marign-Right 0 | Höhe Bild 30
    */
}
.slider-logos.slider-logos-partner .swiper-wrapper .swiper-slide {
  border: 1px solid #ffffff3d;
}
.slider-logos .swiper-wrapper .swiper-slide {
  border: 1px solid rgba(0, 0, 0, 0.122);
}
.slider-logos .swiper-wrapper .swiper-slide {
  width: auto;
  height: auto;
  margin-bottom: 3.3068783069vw;
}
.slider-logos .swiper-wrapper .swiper-slide img {
  height: 9.9206349206vw;
  width: auto;
}
.slider-logos.slider-logos-small[data-pagination="0"] {
  padding-bottom: 0;
}
.slider-logos.slider-logos-small[data-pagination="0"] .swiper-wrapper .swiper-slide {
  margin-bottom: 0;
}
.slider-logos.slider-logos-small .swiper-wrapper {
  display: flex;
  align-items: flex-start;
}
.slider-logos.slider-logos-small .swiper-wrapper .swiper-slide img {
  height: 6.6137566138vw;
}
.slider-logos:not([data-amount="auto"]) .swiper-wrapper .swiper-slide {
  margin-right: 2.6455026455vw !important;
  width: auto !important;
}
.slider-logos.slider-logos-partner .swiper-wrapper .swiper-slide img {
  height: 5.291005291vw;
}
@media (max-width: 767px) {
  h2 + .slider-logos {
    margin-top: 11.5384615385vw;
  }
  .swiper-wrapper .swiper-slide:not(.people-slide) {
    margin-bottom: 5.1282051282vw;
  }
  .swiper-wrapper .swiper-slide:not(.people-slide) img {
    height: 8.9743589744vw;
  }
  .swiper-wrapper .swiper-slide.teaser-case {
    margin-bottom: 5.1282051282vw;
  }
  .swiper-wrapper .swiper-slide.teaser-case img {
    height: auto;
  }
  .slider-logos .swiper-wrapper .swiper-slide img {
    height: 8.9743589744vw;
  }
  .slider-logos.slider-logos-small .swiper-wrapper .swiper-slide img {
    height: 7.6923076923vw;
  }
  .slider-logos.slider-logos-partner .swiper-wrapper .swiper-slide img {
    height: 8.9743589744vw;
  }
  .swiper.slider-text-images .swiper-wrapper .swiper-slide img {
    height: auto;
  }
}
a.link-social {
  height: 3.3068783069vw;
  width: 3.3068783069vw;
  margin-right: 2.6455026455vw;
  display: inline-block;
}
a.link-social:last-child {
  margin-right: 0;
}
a.link-social.facebook {
  background: url("../img/Icon_facebook.svg") no-repeat center center / cover;
}
a.link-social.instagram {
  background: url("../img/Icon_Instagram.svg") no-repeat center center / cover;
}
a.link-social.linkedin {
  background: url("../img/Icon_LinkedIn.png") no-repeat center center / cover;
}
a.link-social.youtube {
  background: url("../img/Icon_Youtube.svg") no-repeat center center / cover;
}
@media (max-width: 767px) {
  a.link-social {
    height: 7.6923076923vw;
    width: 7.6923076923vw;
    margin-right: 5.1282051282vw;
  }
}
a.link-internal {
  font-size: 1.8518518519vw;
  line-height: 2.3148148148vw;
  letter-spacing: 1vw;
  text-transform: uppercase;
  font-family: "BebasNeue";
}
a.link-internal + a.link-internal {
  margin-left: 2.6455026455vw;
}
@media (max-width: 767px) {
  a.link-internal {
    font-size: 5.3846153846vw;
    line-height: 5.3846153846vw;
    letter-spacing: 1vw;
  }
  a.link-internal + a.link-internal {
    margin-left: 5.1282051282vw;
  }
}
/*
.case-carpet {
    display: flex;
    flex-direction: column;
    margin-left: getVwUnit(-10);
    margin-right: getVwUnit(-10);

    .carpet-row {
        display: flex;
        flex-direction: row;

        &[data-format="1"] {
            .case-elem {
                width: 33.333333%;                
            }
        }
        &[data-format="2"] {
            .case-elem:first-child {
                width: 66.666666%;
            }
            .case-elem:nth-child(2) {
                width: 33.333333%;
            }
        }

        .case-elem {
            margin: 0 getVwUnit(10) getVwUnit(20) getVwUnit(10);

            img {
                width: 100%;
            }
        }
    }
}*/
.case-carpet {
  display: flex;
  flex-direction: column;
  margin-left: -0.6613756614vw;
  margin-right: -0.6613756614vw;
}
.case-carpet[data-br="desktop"] {
  display: flex;
}
.case-carpet[data-br="mobile"] {
  display: none;
}
.case-carpet .carpet-row {
  display: grid;
  column-gap: 1.3227513228vw;
  row-gap: 1.3227513228vw;
}
.case-carpet .carpet-row + .carpet-row {
  margin-top: 1.3227513228vw;
}
.case-carpet .carpet-row .teaser-case {
  background: rgba(100, 100, 100, 0.5);
  position: relative;
}
.case-carpet .carpet-row .teaser-case img {
  width: 100%;
}
.case-carpet .carpet-row[data-format="1"] {
  grid-template-areas: "el2 el3 el4";
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
}
.case-carpet .carpet-row[data-format="1"] .case-el2, .case-carpet .carpet-row[data-format="1"] .case-el11, .case-carpet .carpet-row[data-format="1"] .case-el20, .case-carpet .carpet-row[data-format="1"] .case-el29 {
  grid-area: el2;
}
.case-carpet .carpet-row[data-format="1"] .case-el3, .case-carpet .carpet-row[data-format="1"] .case-el12, .case-carpet .carpet-row[data-format="1"] .case-el21, .case-carpet .carpet-row[data-format="1"] .case-el30 {
  grid-area: el3;
}
.case-carpet .carpet-row[data-format="1"] .case-el4, .case-carpet .carpet-row[data-format="1"] .case-el13, .case-carpet .carpet-row[data-format="1"] .case-el22, .case-carpet .carpet-row[data-format="1"] .case-el31 {
  grid-area: el4;
}
.case-carpet .carpet-row[data-format="2"] {
  grid-template-areas: "el0 el0 el1" "el0 el0 el1";
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
}
.case-carpet .carpet-row[data-format="2"] .case-el0, .case-carpet .carpet-row[data-format="2"] .case-el9, .case-carpet .carpet-row[data-format="2"] .case-el18, .case-carpet .carpet-row[data-format="2"] .case-el27 {
  grid-area: el0;
}
.case-carpet .carpet-row[data-format="2"] .case-el1, .case-carpet .carpet-row[data-format="2"] .case-el10, .case-carpet .carpet-row[data-format="2"] .case-el19, .case-carpet .carpet-row[data-format="2"] .case-el28 {
  grid-area: el1;
}
.case-carpet .carpet-row[data-format="3"] {
  grid-template-areas: "el6 el7 el7" "el6 el8 el8" "el9 el8 el8";
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
}
.case-carpet .carpet-row[data-format="3"] .case-el5, .case-carpet .carpet-row[data-format="3"] .case-el14, .case-carpet .carpet-row[data-format="3"] .case-el23, .case-carpet .carpet-row[data-format="3"] .case-el32 {
  grid-area: el6;
}
.case-carpet .carpet-row[data-format="3"] .case-el6, .case-carpet .carpet-row[data-format="3"] .case-el15, .case-carpet .carpet-row[data-format="3"] .case-el24, .case-carpet .carpet-row[data-format="3"] .case-el33 {
  grid-area: el7;
}
.case-carpet .carpet-row[data-format="3"] .case-el7, .case-carpet .carpet-row[data-format="3"] .case-el16, .case-carpet .carpet-row[data-format="3"] .case-el25, .case-carpet .carpet-row[data-format="3"] .case-el34 {
  grid-area: el8;
}
.case-carpet .carpet-row[data-format="3"] .case-el8, .case-carpet .carpet-row[data-format="3"] .case-el17, .case-carpet .carpet-row[data-format="3"] .case-el26, .case-carpet .carpet-row[data-format="3"] .case-el35 {
  grid-area: el9;
}
@media (max-width: 767px) {
  .case-carpet[data-br="desktop"] {
    display: none;
  }
  .case-carpet[data-br="mobile"] {
    display: flex;
  }
}
.case-carpet2 {
  display: grid;
  /*grid-template-areas:
        "1x1 1x1 1x1"
        "2x2" "1x2"
        "1x2" "2x1"
        "1x1" "2x2";
    */
  grid-template-areas: "case-el1 case-el2 case-el3" "case-el4 case-el4 case-el5" "case-el4 case-el4 case-el5" "case-el6 case-el7 case-el7" "case-el6 case-el8 case-el8" "case-el9 case-el8 case-el8";
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-row-gap: 1.3227513228vw;
  grid-column-gap: 1.3227513228vw;
}
.case-carpet2 .cases_el0, .case-carpet2 .case-el9, .case-carpet2 .case-el18, .case-carpet2 .case-el27 {
  grid-area: case-el1;
}
.case-carpet2 .cases_el1, .case-carpet2 .case-el10, .case-carpet2 .case-el19, .case-carpet2 .case-el28 {
  grid-area: case-el2;
}
.case-carpet2 .cases_el2, .case-carpet2 .case-el11, .case-carpet2 .case-el20, .case-carpet2 .case-el29 {
  grid-area: case-el3;
}
.case-carpet2 .cases_el3, .case-carpet2 .case-el12, .case-carpet2 .case-el21, .case-carpet2 .case-el30 {
  grid-area: case-el4;
}
.case-carpet2 .cases_el4, .case-carpet2 .case-el13, .case-carpet2 .case-el22, .case-carpet2 .case-el31 {
  grid-area: case-el5;
}
.case-carpet2 .cases_el5, .case-carpet2 .case-el14, .case-carpet2 .case-el23, .case-carpet2 .case-el32 {
  grid-area: case-el6;
}
.case-carpet2 .cases_el6, .case-carpet2 .case-el15, .case-carpet2 .case-el24, .case-carpet2 .case-el33 {
  grid-area: case-el7;
}
.case-carpet2 .cases_el7, .case-carpet2 .case-el16, .case-carpet2 .case-el25, .case-carpet2 .case-el34 {
  grid-area: case-el8;
}
.case-carpet2 .cases_el8, .case-carpet2 .case-el17, .case-carpet2 .case-el26, .case-carpet2 .case-el35 {
  grid-area: case-el9;
}
.listElem {
  position: absolute;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.listElem .line {
  height: 0.3306878307vw;
  width: 6.6137566138vw;
}
.listElem .circle {
  border-radius: 50%;
  width: 2.9100529101vw;
  height: 2.9100529101vw;
}
@media (max-width: 767px) {
  .listElem .line {
    height: 0.5128205128vw;
    width: 51.2820512821vw;
  }
  .listElem .circle {
    width: 5.1282051282vw;
    height: 5.1282051282vw;
  }
}
.swiper.culture-people {
  margin-top: 4.9603174603vw;
}
.swiper-controls {
  margin-top: 1.917989418vw;
  display: flex;
  justify-content: space-between;
}
.swiper-controls .swiper-control {
  width: 4.2989417989vw;
  height: 4.2989417989vw;
  border: 0.1322751323vw solid #000;
  transition: 500ms all;
  display: inline-block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.swiper-controls .swiper-control:before {
  content: "";
  background: url("../img/Icon_Arrow-black_long.svg") no-repeat right center / contain;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%) rotate(180deg);
  left: 50%;
  width: 29.1666666667vw;
  height: 1.6534391534vw;
}
.swiper-controls .swiper-control:hover {
  background: #000;
  transition: 500ms all;
}
.swiper-controls .swiper-control:hover:before {
  filter: invert(100%);
  left: 0;
  transition: 500ms all;
}
.swiper-controls .swiper-control + .swiper-control {
  margin-left: 1.3227513228vw;
}
.swiper-controls .swiper-control.next:before {
  transform: translate(0, -50%) rotate(0deg);
  right: 50%;
  left: auto;
}
.swiper-controls .swiper-control.next:hover:before {
  right: 0;
}
@media (max-width: 767px) {
  .swiper-controls {
    margin-top: 5.1282051282vw;
    display: flex;
    justify-content: center;
  }
  .swiper-controls .swiper-control {
    width: 11.7948717949vw;
    height: 11.7948717949vw;
    border-width: 0.3846153846vw;
  }
  .swiper-controls .swiper-control + .swiper-control {
    margin-left: 2.5641025641vw;
  }
  .swiper-controls .swiper-control:before {
    width: 94.358974359vw;
    height: 5.3846153846vw;
  }
}
.wrapper_accordeon {
  margin-top: 5.291005291vw;
}
.wrapper_accordeon .acc_head {
  border: 0.1322751323vw solid #fff;
  padding: 0.6613756614vw 2.6455026455vw 1.3227513228vw 1.3227513228vw;
  cursor: pointer;
}
.wrapper_accordeon .acc_head.is-active {
  background: #fff;
  color: #000;
  /*h3:after {
                background: url('../img/icon_accordeon-head-open.svg') no-repeat center center / contain;
                transform: rotate(90deg);
                transition: 500ms all;
                margin-top: getVwUnit(-5);
            }*/
}
.wrapper_accordeon .acc_head.is-active h3 span.icon {
  background: url("../img/icon_accordeon-head-open.svg") no-repeat center center / contain;
  transform: rotate(90deg);
  transition: 500ms all;
  margin-top: -0.3306878307vw;
}
.wrapper_accordeon .acc_head h3 {
  position: relative;
  display: inline;
  /*&:after {
                content: '';
                background: url('../img/icon_accordeon-head.svg') no-repeat center center / contain;
                width: getVwUnit(25);
                height: getVwUnit(21);
                right: getVwUnit(-55);
                position: absolute;
                top: 50%;
                transform: translate(0, -50%);
                margin-top: getVwUnit(5);
                transition: 500ms all;
            }*/
}
.wrapper_accordeon .acc_head h3 span.icon {
  background: url("../img/icon_accordeon-head.svg") no-repeat center center / contain;
  width: 1.6534391534vw;
  height: 1.3888888889vw;
  right: -3.6375661376vw;
  margin-top: 0.3306878307vw;
  margin-left: 1.9841269841vw;
  transition: 500ms all;
  display: inline-block;
}
.wrapper_accordeon .acc_body {
  display: none;
  margin-top: 5.291005291vw;
  margin-bottom: 6.6137566138vw;
}
.wrapper_accordeon .acc_body p + ul {
  margin-top: 0;
}
.wrapper_accordeon .acc_body ul {
  list-style-type: disc;
  padding-left: 0.9920634921vw;
  margin-left: getVvUnit(5);
}
.wrapper_accordeon .acc_body ul li {
  text-indent: 0;
}
.wrapper_accordeon .acc_body ul li:before {
  text-indent: -0.9920634921vw;
  display: block;
  float: left;
}
.wrapper_accordeon .acc_body + .acc_head {
  margin-top: 2.6455026455vw;
}
@media (max-width: 767px) {
  .wrapper_accordeon {
    margin-top: 10.2564102564vw;
  }
  .wrapper_accordeon .acc_head {
    border-width: 0.5128205128vw;
    padding: 1.2820512821vw 10.2564102564vw 2.5641025641vw 5.1282051282vw;
  }
  .wrapper_accordeon .acc_head.is-active h3 span.icon {
    margin-top: -1.2820512821vw;
  }
  .wrapper_accordeon .acc_head h3 span.icon {
    width: 5.1282051282vw;
    height: 4.358974359vw;
    right: -10.2564102564vw;
    margin-left: 5.1282051282vw;
  }
  .wrapper_accordeon .acc_body {
    margin-top: 12.8205128205vw;
    margin-bottom: 17.9487179487vw;
  }
  .wrapper_accordeon .acc_body ul {
    padding-left: 3.8461538462vw;
  }
  .wrapper_accordeon .acc_body ul li:before {
    text-indent: -3.8461538462vw;
  }
  .wrapper_accordeon .acc_body + .acc_head {
    margin-top: 5.1282051282vw;
  }
}
.mod_arrowtext {
  position: absolute;
  top: 39.6825396825vw;
  left: 9.2592592593vw;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  transform: rotate(-90deg);
  transform-origin: top left;
  z-index: 100;
  opacity: 0;
  /* &[data-position="top"] {
        justify-content: flex-end;
    } */
}
.mod_arrowtext .first, .mod_arrowtext .last {
  font-size: 1.3888888889vw;
  line-height: 1.8518518519vw;
  letter-spacing: 1vw;
  text-transform: uppercase;
}
.mod_arrowtext .arrow {
  display: flex;
  margin: 0 1.9841269841vw;
  height: 1.7857142857vw;
}
.mod_arrowtext .arrow .head {
  background: url("../img/Arrow_Pfeiltext_Head_neu.svg") no-repeat center center;
  width: 1.7857142857vw;
  height: 1.7857142857vw;
}
.mod_arrowtext .arrow .body {
  background: url("../img/Arrow_Pfeiltext_Body_neu.svg") repeat-x center left;
  width: 1.7857142857vw;
  height: 1.7857142857vw;
}
.mod_arrowtext[data-bg="white"] {
  color: #000;
}
.mod_arrowtext[data-bg="white"] .arrow .head {
  background: url("../img/Arrow_Pfeiltext_Head-black_neu.svg") no-repeat center center;
}
.mod_arrowtext[data-bg="white"] .arrow .body {
  background: url("../img/Arrow_Pfeiltext_Body-black_neu.svg") repeat-x center center;
}
@media (max-width: 767px) {
  .mod_arrowtext {
    display: none;
  }
}
.wrapper_crinput {
  position: relative;
  width: 100%;
  margin-top: 9.2592592593vw;
}
.wrapper_crinput .circle1 {
  border-radius: 50%;
  background: #df0767;
  width: 35.582010582vw;
  height: 35.582010582vw;
  top: 0vw;
  left: 46.4285714286vw;
  position: absolute;
  border: 0.462962963vw solid #fff;
}
.wrapper_crinput .circle2 {
  border-radius: 50%;
  background: #e35205;
  width: 27.0502645503vw;
  height: 27.0502645503vw;
  top: 4.2989417989vw;
  left: 50.6613756614vw;
  position: absolute;
  border: 0.462962963vw solid #fff;
}
.wrapper_crinput .circle3 {
  border-radius: 50%;
  background: #f59d15;
  width: 18.0555555556vw;
  height: 18.0555555556vw;
  top: 8.7301587302vw;
  left: 55.1587301587vw;
  position: absolute;
  border: 0.462962963vw solid #fff;
}
.wrapper_crinput .line1, .wrapper_crinput .line2, .wrapper_crinput .line3, .wrapper_crinput .handle1, .wrapper_crinput .handle2, .wrapper_crinput .handle3 {
  background: #000;
  position: absolute;
}
.wrapper_textinput {
  display: flex;
}
.wrapper_textinput ul {
  padding-left: 1.3227513228vw;
  margin-top: 1.3227513228vw;
}
.wrapper_textinput ul li {
  font-size: 1.3227513228vw;
  line-height: 2.3148148148vw;
  letter-spacing: 1vw;
}
.wrapper_textinput > div {
  box-sizing: border-box;
  padding-right: 2.6455026455vw;
}
.wrapper_textinput .leading {
  font-size: 3.1746031746vw;
  line-height: 3.7698412698vw;
  letter-spacing: normal;
  font-family: "BebasNeue";
  background: #f59d15;
  color: #000;
  padding: 0.1984126984vw 1.3227513228vw 0.5291005291vw;
  display: inline-block;
}
.wrapper_textinput .tinput {
  opacity: 0;
}
.wrapper_textinput .tinput2 .leading {
  background: #e35205;
}
.wrapper_textinput .tinput3 {
  padding-right: 0;
}
.wrapper_textinput .tinput3 .leading {
  background: #df0767;
}
.wrapper_3p {
  position: relative;
  height: 22.619047619vw;
  width: 100%;
}
.wrapper_3p .circle {
  position: absolute;
  top: 0vw;
  height: 15.2116402116vw;
  width: 15.2116402116vw;
  border-radius: 50%;
  opacity: 0;
}
.wrapper_3p .circle.circle1 {
  left: 24.0740740741vw;
  background: #f59d15;
  mix-blend-mode: screen;
}
.wrapper_3p .circle.circle2 {
  left: 33.9285714286vw;
  background: #e35205;
}
.wrapper_3p .circle.circle3 {
  left: 43.7830687831vw;
  background: #df0767;
  mix-blend-mode: screen;
}
.wrapper_3p .line {
  border-width: 0.1984126984vw;
  position: absolute;
  border-color: #fff;
  opacity: 0;
}
.wrapper_3p .line.line1 {
  top: 10.3835978836vw;
  width: 15.9391534392vw;
  left: 10.3835978836vw;
  border-top-style: solid;
}
.wrapper_3p .line.line2 {
  top: 10.3835978836vw;
  width: 15.9391534392vw;
  left: 56.8783068783vw;
  border-top-style: solid;
}
.wrapper_3p .line.line3 {
  left: 10.3835978836vw;
  top: 10.3835978836vw;
  height: 9.1931216931vw;
  border-left-style: solid;
}
.wrapper_3p .line.line4 {
  left: 72.8174603175vw;
  top: 10.3835978836vw;
  height: 9.1931216931vw;
  border-left-style: solid;
}
.wrapper_3p .line.linemid {
  top: 10.3835978836vw;
  left: 41.5343915344vw;
  border-left-style: solid;
  height: 9.1931216931vw;
}
.mod_3p .wrapper_3p {
  margin-top: 9.2592592593vw;
}
.mod_3p .wrapper_textinput {
  justify-content: space-evenly;
}
.mod_3p .wrapper_textinput .tinput {
  opacity: 0;
}
.mod_3p .wrapper_textinput .tinput .leading {
  color: #fff;
}
.cookiewrapper {
  background: #343434;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 200;
}
.cookiewrapper .wrapper_mod {
  padding: 3.3068783069vw 0;
}
.cookiewrapper .wrapper_mod p a {
  text-transform: unset;
  font-size: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  font-family: inherit;
}
.cookiewrapper .wrapper_mod p + p {
  margin-top: 0.6613756614vw;
}
.cookiewrapper .wrapper_mod .accept-deny {
  display: flex;
  justify-content: flex-end;
}
.cookiewrapper .wrapper_mod .accept-deny .button + .button {
  margin-left: 1.3227513228vw;
}
.cookiewrapper .wrapper_mod .accept-deny .button.accept, .cookiewrapper .wrapper_mod .accept-deny .button.deny {
  background: #DF0767;
}
@media (max-width: 767px) {
  .cookiewrapper .wrapper_mod {
    padding: 5.1282051282vw 0;
  }
  .cookiewrapper .wrapper_mod .accept-deny {
    flex-direction: column-reverse;
  }
  .cookiewrapper .wrapper_mod .accept-deny .button {
    width: 100%;
    box-sizing: border-box;
  }
  .cookiewrapper .wrapper_mod .accept-deny .button:first-child {
    margin-top: 5.1282051282vw;
  }
  .cookiewrapper .wrapper_mod .accept-deny .button + .button {
    margin-top: 5.1282051282vw;
    margin-left: 0;
  }
}
.cookiewrapper .wrapper_priv-impr {
  border-top: 0.0661375661vw solid #fff;
  margin-top: 1.3227513228vw;
  padding-top: 0.6613756614vw;
  display: flex;
  justify-content: center;
  font-size: 1.0582010582vw;
  line-height: 1.0582010582vw;
  color: #fff;
}
.cookiewrapper .wrapper_priv-impr a {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.cookiewrapper .wrapper_priv-impr a + a {
  margin-left: 0;
}
@media (max-width: 767px) {
  .cookiewrapper .wrapper_priv-impr {
    margin-top: 5.1282051282vw;
    padding-top: 2.5641025641vw;
    font-size: 4.1025641026vw;
    line-height: 4.1025641026vw;
  }
}
.cookiewrapper .scrollpane, .cookiewrapper .scrollpane-details {
  max-height: 26.455026455vw;
}
@media (max-width: 767px) {
  .cookiewrapper .scrollpane, .cookiewrapper .scrollpane-details {
    max-height: 102.5641025641vw;
  }
}
/* DR DSGVO
============================================ */
.drdsgvo-hide {
  display: none !important;
}
.drdsgvo_cmp_showing {
  opacity: 1;
  visibility: visible;
}
.drdsgvo_ui:not(.drdsgvo_cmp_showing), .drdsgvo_ui_con:not(.drdsgvo_cmp_showing) {
  opacity: 0;
  overflow-y: scroll;
  visibility: hidden;
  will-change: visibility, opacity;
}
/* FORMULAR
============================================ */
form {
  width: 100%;
}
form .formfield {
  position: relative;
  padding-top: 1.3227513228vw;
  width: 100%;
}
form .formfield .label {
  position: absolute;
  font-size: 3.1746031746vw;
  line-height: 3.1746031746vw;
  letter-spacing: 1vw;
  text-transform: uppercase;
  font-family: "BebasNeue";
  top: 1.8518518519vw;
  left: 1.1243386243vw;
  color: #fff;
  transition: all 300ms;
}
form .formfield input, form .formfield textarea {
  font-size: 3.1746031746vw;
  line-height: 3.1746031746vw;
  letter-spacing: 1vw;
  text-transform: upperase;
  font-family: "BebasNeue";
  padding: 0.3306878307vw 1.1243386243vw 0.9920634921vw 1.1243386243vw;
  width: calc(100% - 2.2486772487vw);
  outline: 0;
  border: 0;
  background: transparent;
  border: 0.1322751323vw solid #fff;
}
form .formfield input[name="street"], form .formfield textarea[name="street"] {
  display: none;
}
form .formfield textarea {
  transition: all 300ms;
}
form .formfield .error {
  color: #DF0767;
  display: none;
}
form .formfield.has-error .error {
  display: block;
}
form .formfield.focus {
  transition: 300ms all;
}
form .formfield.focus .label {
  color: #fff;
  font-family: "Gotham-Book";
  text-transform: unset;
  font-size: 1.3227513228vw;
  line-height: 2.3148148148vw;
  letter-spacing: 1vw;
  top: -0.6613756614vw;
  transition: all 300ms;
}
form .formfield.focus textarea {
  height: 23.1481481481vw !important;
  transition: all 300ms;
}
form .formfield.focus input, form .formfield.focus textarea {
  background: #fff;
  border-color: #000;
}
form .formfield + .formfield {
  margin-top: 1.9841269841vw;
}
@media (max-width: 767px) {
  form .formfield .label {
    font-size: 5.3846153846vw;
    line-height: 6.6666666667vw;
    letter-spacing: 1vw;
    top: 3.0769230769vw;
    left: 4.358974359vw;
  }
  form .formfield input, form .formfield textarea {
    font-size: 5.3846153846vw;
    line-height: 6.6666666667vw;
    letter-spacing: 1vw;
    padding: 1.5384615385vw 4.358974359vw 2.5641025641vw 4.358974359vw;
    border-width: 0.3846153846vw;
    width: calc(100% - 8.7179487179vw);
  }
  form .formfield.focus .label {
    font-size: 4.1025641026vw;
    line-height: 6.1538461538vw;
    letter-spacing: 1vw;
    top: -5.1282051282vw;
  }
  form .formfield.focus textarea {
    height: 51.2820512821vw !important;
  }
  form .formfield + .formfield {
    margin-top: 7.6923076923vw;
  }
}
/* INDEXED SEARCH
============================================ */
#tx_indexedsearch {
  display: none;
}
.tx-indexedsearch-searchbox {
  display: none;
}
.tx-indexedsearch-rules {
  display: none;
}
.tx-indexedsearch-info-sword {
  display: none;
}
.tx-indexedsearch-info {
  display: none;
}
.tx-indexedsearch-browsebox {
  display: none;
}
.tx-indexedsearch-res {
  margin-left: 1.9841269841vw;
  margin-right: 1.9841269841vw;
  margin-bottom: 1.9841269841vw;
  color: #fff;
  border-radius: 1.3227513228vw;
  padding: 2.9100529101vw 1.7195767196vw;
  margin-top: 1.9841269841vw;
  width: calc(100% - 3.9682539683vw);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.tx-indexedsearch-res h3 .tx-indexedsearch-icon, .tx-indexedsearch-res h3 .tx-indexedsearch-percent {
  display: none;
}
.tx-indexedsearch-res .link {
  margin-top: 1.3227513228vw;
}
.tx-indexedsearch-res .link a {
  color: #ff6a26;
}
.tx-indexedsearch-info-noresult {
  margin-left: 1.9841269841vw;
  margin-right: 1.9841269841vw;
  margin-bottom: 1.9841269841vw;
  padding: 2.9100529101vw 1.7195767196vw;
  margin-top: 1.9841269841vw;
  width: calc(100% - 3.9682539683vw);
}
.__mod__footer {
  background: #000;
  margin-left: 1.9841269841vw;
  margin-right: 1.9841269841vw;
  margin-bottom: 1.9841269841vw;
  color: #fff;
  border-radius: 1.3227513228vw;
  padding: 2.9100529101vw 1.7195767196vw;
  margin-top: 9.5899470899vw;
  width: calc(100% - 3.9682539683vw);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.__mod__footer .footer__logo {
  width: 19.1798941799vw;
  display: flex;
  justify-content: flex-start;
}
.__mod__footer .footer__logo .icon {
  background: url("../Images/Logo_RTS.svg") no-repeat center center / contain;
  width: 6.6798941799vw;
  height: 3.4391534392vw;
  display: inline-block;
}
.__mod__footer .footer__nav {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.__mod__footer .footer__nav .nav__top ul {
  list-style-type: none;
  display: flex;
  flex-direction: row;
  margin: 0;
}
.__mod__footer .footer__nav .nav__top ul li a {
  color: #fff;
  font-family: "Gotham-Medium";
  font-size: 0.9259259259vw;
  line-height: normal;
  letter-spacing: normal;
  text-transform: uppercase;
  padding: 0 1.3227513228vw;
}
.__mod__footer .footer__nav .nav__top ul li:after {
  content: "/";
  color: #fff;
  font-family: "Gotham-Medium";
  font-size: 0.9259259259vw;
  line-height: normal;
  letter-spacing: normal;
}
.__mod__footer .footer__nav .nav__top ul li:last-child:after {
  content: "";
}
.__mod__footer .footer__nav .nav__copy p {
  font-family: "Gotham-Light";
  font-size: 0.9259259259vw;
  line-height: normal;
  letter-spacing: normal;
  margin-top: 0.7936507937vw;
  color: #fff;
}
.__mod__footer .footer__totop {
  width: 19.1798941799vw;
  display: flex;
  justify-content: flex-end;
  cursor: pointer;
}
.__mod__footer .footer__totop .icon {
  width: 3.4391534392vw;
  height: 3.4391534392vw;
  background: url("../Icons/Icon_ToTop.svg") no-repeat center center / contain;
  display: inline-block;
}
@media (max-width: 767px) {
  .__mod__footer {
    margin: 0;
    width: 100%;
    border-radius: 0;
    padding: 11.2820512821vw 5.1282051282vw 9.7435897436vw;
    flex-direction: column;
    align-items: center;
    position: relative;
  }
  .__mod__footer .footer__logo {
    width: 25.8974358974vw;
  }
  .__mod__footer .footer__logo .icon {
    width: 25.8974358974vw;
    height: 13.3333333333vw;
  }
  .__mod__footer .footer__nav {
    flex-wrap: wrap;
  }
  .__mod__footer .footer__nav .nav__top {
    margin-top: 7.6923076923vw;
  }
  .__mod__footer .footer__nav .nav__top ul {
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
  }
  .__mod__footer .footer__nav .nav__top ul li a {
    color: #fff;
    font-family: "Gotham-Book";
    font-size: 3.3333333333vw;
    line-height: 6.1538461538vw;
    letter-spacing: normal;
    padding: 0 2.5641025641vw;
  }
  .__mod__footer .footer__nav .nav__top ul li:after {
    content: "/";
    color: #fff;
    font-family: "Gotham-Medium";
    font-size: 3.3333333333vw;
    line-height: normal;
    letter-spacing: normal;
  }
  .__mod__footer .footer__nav .nav__top ul li:last-child:after, .__mod__footer .footer__nav .nav__top ul li:nth-child(2):after {
    content: "";
  }
  .__mod__footer .footer__nav .nav__copy p {
    font-family: "Gotham-Book";
    font-size: 2.8205128205vw;
    line-height: 2.8205128205vw;
    letter-spacing: normal;
    margin-top: 7.6923076923vw;
    color: #fff;
  }
  .__mod__footer .footer__totop {
    position: absolute;
    top: 11.2820512821vw;
    right: 5.1282051282vw;
    width: 13.3333333333vw;
    display: flex;
    justify-content: flex-end;
    cursor: pointer;
  }
  .__mod__footer .footer__totop .icon {
    width: 13.3333333333vw;
    height: 13.3333333333vw;
    background: url("../Icons/Icon_ToTop.svg") no-repeat center center / contain;
    display: inline-block;
  }
}
/* SCROLLBAR
============================================ */
#drdsgvo_div h3, #drdsgvo_div p, #drdsgvo_div h4 {
  color: #fff;
}
#drdsgvo_div .scrollpane, #drdsgvo_div .scrollpane-details {
  padding: 1px;
}
#drdsgvo_div .scrollpane .mCustomScrollBox, #drdsgvo_div .scrollpane-details .mCustomScrollBox {
  padding: 1px;
}
#drdsgvo_div .mCSB_draggerRail {
  background-color: transparent;
}
#drdsgvo_div .button {
  padding: 0.6613756614vw 1.3227513228vw 0.5291005291vw;
  border-radius: 1.3227513228vw;
}
#drdsgvo_div .button.details:hover a {
  color: #000;
}
#drdsgvo_div .button a {
  font-family: "Gotham-Book";
  font-size: 1.0582010582vw;
  line-height: 1.5873015873vw;
  letter-spacing: normal;
  color: #fff;
  padding-left: 0;
}
#drdsgvo_div .wrapper_priv-impr a {
  font-family: "Gotham-Light";
  letter-spacing: normal;
  padding: 0 0.6613756614vw;
}
@media (max-width: 767px) {
  #drdsgvo_div .button {
    padding: 2.5641025641vw 5.1282051282vw 2.0512820513vw;
  }
  #drdsgvo_div .button a {
    font-size: 4.1025641026vw;
    line-height: 6.1538461538vw;
  }
}
/* HELPERS
============================================ */
.upperc {
  text-transform: uppercase;
}
.ptop24 {
  padding-top: 1.5873015873vw;
}
.mtop-15 {
  margin-top: -15vw;
}
.mtop15 {
  margin-top: 15vw;
}
.screenheight {
  height: 100vh;
  height: var(--app-height);
}
.text-white {
  color: #fff;
}
.text-black {
  color: #000;
}
.text-black h2:before {
  background: url("../img/Icon_Backslash-black.svg") no-repeat center center / contain;
}
.text-black .button {
  color: #000;
  border-color: #000;
}
.text-black .button a, .text-black .button .link {
  color: #000;
}
.text-black .button:not(.hasTouch):hover {
  background: #000;
  transition: 500ms all;
}
.text-black .button:not(.hasTouch):hover .link {
  opacity: 0;
  transition: all 500ms;
}
.text-black .button:not(.hasTouch):hover .arrow {
  transition: 500ms all;
}
.text-black .button:not(.hasTouch):hover .arrow img {
  filter: invert(100%);
}
.padding-top-0 {
  padding-top: 0;
}
.mt100 {
  margin-top: 6.6137566138vw;
}
.mt75 {
  margin-top: 4.9603174603vw;
}
.mt300 {
  margin-top: 19.8412698413vw;
}
.mobile-col-spacer {
  display: none;
}
@media (max-width: 767px) {
  .mobile-col-spacer {
    display: block;
    min-height: 19.2307692308vw;
  }
  .mobile-col-spacer.img {
    min-height: 3.8461538462vw;
  }
  .mobile-col-spacer.persona {
    min-height: 12.8205128205vw;
  }
  .mobile-col-spacer.cases {
    min-height: 2.5641025641vw;
  }
}
.is-hidden {
  display: none !important;
}
@media (max-width: 767px) {
  .bg-white-mobile {
    background: #fff;
  }
}
.page-modal {
  border: none;
  padding: 0;
  max-width: 1400px;
  width: 90%;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  color: #fff;
  background: #0a342d;
  opacity: 0;
  transform: scale(0.9);
  transition: opacity 0.5s ease, transform 0.5s ease, display 0.5s allow-discrete;
}
.page-modal[open] {
  opacity: 1;
  transform: scale(1);
}
.page-modal::backdrop {
  background: rgba(0, 0, 0, 0);
  backdrop-filter: blur(0px);
  transition: background 0.5s ease, backdrop-filter 0.5s ease, display 0.5s allow-discrete;
}
.page-modal[open]::backdrop {
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(3px);
}
.page-modal .modal-content {
  padding: 2.3148148148vw 6.6137566138vw 2.3148148148vw 3.3068783069vw;
  position: relative;
  overflow: hidden;
}
.page-modal .modal-close {
  position: absolute;
  top: 2.1825396825vw;
  right: 1.7195767196vw;
  width: 1.9841269841vw;
  height: 1.9841269841vw;
  max-height: 30px;
  max-width: 30px;
  padding: 0;
  border: none;
  outline: none;
  cursor: pointer;
  color: #fff;
  line-height: 1;
  background: url("../img/modal-close.svg") no-repeat center center / contain;
}
.page-modal .modal-body {
  display: flex;
  position: relative;
  z-index: 1;
}
.page-modal .logo-b2b {
  position: absolute;
  top: 0;
  left: 0;
  width: 23%;
  max-width: 289px;
  height: 7.6058201058vw;
  max-height: 146px;
  margin-right: auto;
  background: url("../Images/Logo_B2B_W.svg") no-repeat center center / contain;
  margin-top: 0.6613756614vw;
}
.page-modal .horse-jvm {
  width: 22.75%;
  max-width: 284px;
  height: 23.8095238095vw;
  max-height: 457px;
  margin-left: 14.5%;
  margin-right: auto;
  background: url("../img/jvm_horse.svg") no-repeat center center / contain;
}
.page-modal p {
  display: flex;
  flex-flow: column;
  justify-content: center;
  font-size: unset;
  width: 50%;
  max-width: 600px;
  color: #fff;
}
.page-modal .carloschi {
  font-family: "CarloschiRegular";
  font-size: 3.6375661376vw;
  line-height: 1.25;
}
.page-modal .carloschibold {
  font-family: "CarloschiBold";
  font-size: 3.6375661376vw;
  line-height: 1.25;
}
@media (max-width: 767px) {
  .page-modal .modal-close {
    width: 3.0769230769vw;
    height: 3.0769230769vw;
    top: 2.5641025641vw;
    right: 2.5641025641vw;
  }
  .page-modal .carloschi {
    line-height: 1.25;
  }
  .page-modal .carloschibold {
    line-height: 1.25;
  }
}
@media screen and (min-width: 1920px) {
  .page-modal .modal-close {
    width: 30px;
    height: 30px;
    top: 42px;
    right: 33px;
  }
  .page-modal .modal-content {
    padding: 44px 127px 44px 63px;
  }
  .page-modal p {
    line-height: 35px;
  }
  .page-modal .carloschi {
    font-size: 70px;
  }
  .page-modal .carloschibold {
    font-size: 70px;
  }
}
@starting-style {
  .page-modal[open] {
    opacity: 0;
    transform: scale(0.9);
  }
  .page-modal[open]::backdrop {
    background: rgba(0, 0, 0, 0);
  }
}