@font-face {
  font-family: "LL Circular Pro Bold Web";
  src: url("../fonts/lineto-circular-pro-bold.eot");
  src: url("../fonts/lineto-circular-pro-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/lineto-circular-pro-bold.woff2") format("woff2"), url("../fonts/lineto-circular-pro-bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* line 77, ../sass/main.scss */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 81, ../sass/main.scss */
body, html {
  margin: 0;
  padding: 0;
  height: 100%;
}

/* line 87, ../sass/main.scss */
body {
  background-color: #fff;
  font-family: "Muli", sans-serif;
  font-weight: 600;
  font-size: 0;
  color: #000;
}

/* line 95, ../sass/main.scss */
.main {
  position: relative;
  opacity: 0;
  height: 100%;
}
@media (max-width: 1023px) and (orientation: landscape) {
  /* line 95, ../sass/main.scss */
  .main {
    display: none;
  }
}

/* line 105, ../sass/main.scss */
.responsive-video-16-9 {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
/* line 110, ../sass/main.scss */
.responsive-video-16-9 video, .responsive-video-16-9 iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* line 119, ../sass/main.scss */
h1, h2, h3, h4, p {
  margin: 0;
  font-weight: normal;
}

/* line 124, ../sass/main.scss */
h1 {
  font-family: "LL Circular Pro Bold Web";
  font-size: 76.3px;
  letter-spacing: 0.8px;
}
@media (max-width: 767px) {
  /* line 124, ../sass/main.scss */
  h1 {
    font-size: 13.02133vw;
    letter-spacing: 0;
  }
}

/* line 135, ../sass/main.scss */
h2 {
  font-size: 48.83px;
  line-height: 61px;
  font-family: "LL Circular Pro Bold Web";
}
@media (max-width: 767px) {
  /* line 135, ../sass/main.scss */
  h2 {
    font-size: 6.66667vw;
    line-height: 8.26667vw;
  }
}

/* line 146, ../sass/main.scss */
h3 {
  font-size: 31.25px;
  margin-top: 20px;
  font-family: "LL Circular Pro Bold Web";
}
@media (max-width: 767px) {
  /* line 146, ../sass/main.scss */
  h3 {
    font-size: 6.66667vw;
    line-height: 8.26667vw;
  }
}
/* line 156, ../sass/main.scss */
h3.with-mb {
  margin-bottom: 20px;
}

/* line 161, ../sass/main.scss */
h4 {
  font-size: 24px;
  font-weight: 800;
  font-style: italic;
  letter-spacing: 1px;
}
@media (max-width: 767px) {
  /* line 161, ../sass/main.scss */
  h4 {
    font-size: 4.8vw;
    line-height: 6.13333vw;
  }
}

/* line 173, ../sass/main.scss */
p, ul {
  font-size: 20px;
  line-height: 32px;
  letter-spacing: 0.16px;
}
@media (max-width: 767px) {
  /* line 173, ../sass/main.scss */
  p, ul {
    font-size: 4.26667vw;
    line-height: 6.4vw;
    letter-spacing: 0.03467vw;
  }
}

/* line 185, ../sass/main.scss */
a {
  color: inherit;
  text-decoration: none;
  font-weight: 700;
}

/* line 191, ../sass/main.scss */
.limited-width {
  max-width: 813px;
}

/* line 195, ../sass/main.scss */
img {
  width: 100%;
  height: auto;
}

/* line 200, ../sass/main.scss */
.image-copy {
  font-size: 16px;
  line-height: 20px;
  opacity: .4;
  margin-top: 10px;
  font-style: italic;
}
@media (max-width: 767px) {
  /* line 200, ../sass/main.scss */
  .image-copy {
    font-size: 4.26667vw;
    line-height: 5.33333vw;
    letter-spacing: 0.03467vw;
  }
}

/* line 214, ../sass/main.scss */
.container {
  width: 1024px;
  margin: auto;
}
@media (max-width: 1279px) {
  /* line 214, ../sass/main.scss */
  .container {
    width: 100%;
    padding: 0 60px;
  }
}
@media (max-width: 1023px) {
  /* line 214, ../sass/main.scss */
  .container {
    padding: 0 40px;
  }
}
@media (max-width: 767px) {
  /* line 214, ../sass/main.scss */
  .container {
    padding: 0 8.53333vw;
  }
}

/* line 232, ../sass/main.scss */
.arrow-link {
  display: inline-flex;
  margin-top: 20px;
  align-items: center;
}
/* line 237, ../sass/main.scss */
.arrow-link .arrow-link-label {
  position: relative;
  font-size: 20px;
  margin-right: 10px;
}
@media (max-width: 767px) {
  /* line 237, ../sass/main.scss */
  .arrow-link .arrow-link-label {
    font-size: 4.26667vw;
  }
}
/* line 246, ../sass/main.scss */
.arrow-link .arrow-link-label:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #000;
  left: 0;
  bottom: -4px;
}
/* line 258, ../sass/main.scss */
.arrow-link img {
  width: 33px;
  -moz-transition: -moz-transform 0.2s ease-in-out;
  -o-transition: -o-transform 0.2s ease-in-out;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
}
/* line 264, ../sass/main.scss */
.arrow-link:hover img {
  -moz-transform: translateX(7px);
  -ms-transform: translateX(7px);
  -webkit-transform: translateX(7px);
  transform: translateX(7px);
}

/* line 270, ../sass/main.scss */
.blocks {
  position: absolute;
  height: 98px;
  width: auto;
}
@media (max-width: 767px) {
  /* line 270, ../sass/main.scss */
  .blocks {
    height: 8vw;
  }
}
/* line 283, ../sass/main.scss */
.blocks.blocks-bottom {
  bottom: 0;
}
/* line 287, ../sass/main.scss */
.blocks.blocks-top {
  top: 0;
}
/* line 291, ../sass/main.scss */
.blocks.blocks-left {
  left: 0;
}
/* line 295, ../sass/main.scss */
.blocks.blocks-right {
  right: 0;
}

/* line 300, ../sass/main.scss */
.hasBlocksTop {
  padding-top: 218px;
}
@media (max-width: 767px) {
  /* line 300, ../sass/main.scss */
  .hasBlocksTop {
    padding-top: 26.66667vw;
  }
}

/* line 308, ../sass/main.scss */
.hasBlocksBottom {
  padding-bottom: 218px;
}
@media (max-width: 767px) {
  /* line 308, ../sass/main.scss */
  .hasBlocksBottom {
    padding-bottom: 26.66667vw;
  }
}

/* line 320, ../sass/main.scss */
.loader {
  position: fixed;
  width: 100%;
  height: 100%;
  text-align: center;
  opacity: 0;
  -moz-animation: loader-animation 0.25s cubic-bezier(0, 0, 0.1, 1) 0s 1 normal forwards;
  -webkit-animation: loader-animation 0.25s cubic-bezier(0, 0, 0.1, 1) 0s 1 normal forwards;
  animation: loader-animation 0.25s cubic-bezier(0, 0, 0.1, 1) 0s 1 normal forwards;
}
@media (max-width: 1023px) and (orientation: landscape) {
  /* line 320, ../sass/main.scss */
  .loader {
    display: none;
  }
}
@-moz-keyframes loader-animation {
  0% {
    -moz-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
  }
  100% {
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes loader-animation {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes loader-animation {
  0% {
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
  }
  100% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
/* line 343, ../sass/main.scss */
.loader .loader-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 351, ../sass/main.scss */
.loader .hexagon {
  width: 3.66032vw;
  -moz-animation: hexagon-animation 6s linear 0s infinite;
  -webkit-animation: hexagon-animation 6s linear 0s infinite;
  animation: hexagon-animation 6s linear 0s infinite;
}
/* line 354, ../sass/main.scss */
.loader .hexagon svg {
  fill: #999;
}
@-moz-keyframes hexagon-animation {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes hexagon-animation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes hexagon-animation {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* line 372, ../sass/main.scss */
.landscape-notice {
  display: none;
  height: 100vh;
  width: 100%;
  font-size: 3.62319vh;
  padding: 20px;
  align-items: center;
  text-align: center;
  justify-content: center;
}
@media (max-width: 1023px) and (orientation: landscape) {
  /* line 372, ../sass/main.scss */
  .landscape-notice {
    display: flex;
  }
}

/* line 387, ../sass/main.scss */
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  height: 64px;
  z-index: 10;
}
/* line 396, ../sass/main.scss */
.header .header-container {
  max-width: 1366px;
  margin: auto;
  display: flex;
  align-items: center;
  height: 100%;
}
/* line 404, ../sass/main.scss */
.header .logo {
  margin-left: 63px;
}
@media (max-width: 1023px) {
  /* line 404, ../sass/main.scss */
  .header .logo {
    margin-left: 40px;
  }
}
@media (max-width: 767px) {
  /* line 404, ../sass/main.scss */
  .header .logo {
    margin-left: 8.53333vw;
  }
}
/* line 415, ../sass/main.scss */
.header .logo img {
  width: 122px;
  height: 32px;
}
/* line 421, ../sass/main.scss */
.header .navi-items {
  margin-right: 63px;
  margin-left: auto;
}
@media (max-width: 1023px) {
  /* line 421, ../sass/main.scss */
  .header .navi-items {
    display: none;
  }
}
/* line 429, ../sass/main.scss */
.header .navi-items .navi-item {
  font-size: 16px;
  color: #fff;
  font-family: 'Muli', sans-serif;
  font-weight: 600;
  margin-left: 63px;
}
/* line 437, ../sass/main.scss */
.header .navi-items .language-switch {
  display: inline-flex;
  font-size: 16px;
  color: #fff;
  font-family: 'Muli', sans-serif;
  font-weight: 600;
  margin-left: 63px;
}
/* line 445, ../sass/main.scss */
.header .navi-items .language-switch span {
  text-decoration: underline;
}
/* line 449, ../sass/main.scss */
.header .navi-items .language-switch a {
  color: #35363A;
}
/* line 455, ../sass/main.scss */
.header .burger {
  display: none;
  margin-right: 40px;
  margin-left: auto;
}
@media (max-width: 1023px) {
  /* line 455, ../sass/main.scss */
  .header .burger {
    display: block;
  }
}
@media (max-width: 767px) {
  /* line 455, ../sass/main.scss */
  .header .burger {
    margin-right: 8.53333vw;
  }
}

/* line 470, ../sass/main.scss */
.frontpage {
  overflow: hidden;
}
/* line 473, ../sass/main.scss */
.frontpage .intro {
  position: relative;
  padding: 64px 0;
  background-color: #000;
  height: 100vh;
  min-height: 752px;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  /* line 473, ../sass/main.scss */
  .frontpage .intro {
    min-height: 0;
  }
}
/* line 486, ../sass/main.scss */
.frontpage .intro .intro-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 64px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
}
@media (max-width: 767px) {
  /* line 486, ../sass/main.scss */
  .frontpage .intro .intro-overlay {
    padding-top: 0;
  }
}
/* line 503, ../sass/main.scss */
.frontpage .intro .intro-overlay h1 {
  text-align: center;
  line-height: 76.3px;
}
@media (max-width: 767px) {
  /* line 503, ../sass/main.scss */
  .frontpage .intro .intro-overlay h1 {
    line-height: 16.26667vw;
  }
}
/* line 514, ../sass/main.scss */
.frontpage .section {
  position: relative;
  padding: 120px 0;
}
/* line 520, ../sass/main.scss */
.frontpage .section .section-header h4 {
  position: relative;
  color: #DD413A;
  margin-bottom: 0px;
}
@media (max-width: 767px) {
  /* line 520, ../sass/main.scss */
  .frontpage .section .section-header h4 {
    margin-bottom: 4vw;
  }
}
/* line 529, ../sass/main.scss */
.frontpage .section .section-header h4:before {
  content: "";
  position: absolute;
  background-color: #DD413A;
  width: 2px;
  height: 64px;
  bottom: -64px;
  left: 0;
}
@media (max-width: 767px) {
  /* line 529, ../sass/main.scss */
  .frontpage .section .section-header h4:before {
    height: 10.8vw;
    bottom: -10.8vw;
  }
}
/* line 545, ../sass/main.scss */
.frontpage .section .section-header h2 {
  margin-left: 19px;
  margin-bottom: 90px;
}
@media (max-width: 1023px) {
  /* line 545, ../sass/main.scss */
  .frontpage .section .section-header h2 {
    margin-bottom: 50px;
  }
}
/* line 555, ../sass/main.scss */
.frontpage .section.black {
  background-color: #000;
  color: #fff;
}
/* line 561, ../sass/main.scss */
.frontpage .section.black .arrow-link-label:after {
  background-color: #fff;
}
/* line 567, ../sass/main.scss */
.frontpage .section.grey {
  background-color: #161616;
  color: #fff;
}
/* line 573, ../sass/main.scss */
.frontpage .section.grey .arrow-link-label:after {
  background-color: #fff;
}
/* line 579, ../sass/main.scss */
.frontpage .section.hasBlocksTop {
  padding-top: 218px;
}
@media (max-width: 767px) {
  /* line 579, ../sass/main.scss */
  .frontpage .section.hasBlocksTop {
    padding-top: 32vw;
  }
}
/* line 587, ../sass/main.scss */
.frontpage .section.hasBlocksBottom {
  padding-bottom: 218px;
}
@media (max-width: 767px) {
  /* line 587, ../sass/main.scss */
  .frontpage .section.hasBlocksBottom {
    padding-bottom: 32vw;
  }
}
/* line 595, ../sass/main.scss */
.frontpage .section .fw-image {
  height: 320px;
  background-size: cover;
  background-position: center;
}
@media (max-width: 767px) {
  /* line 595, ../sass/main.scss */
  .frontpage .section .fw-image {
    height: 82.66667vw;
  }
}
/* line 604, ../sass/main.scss */
.frontpage .section .fw-image.building {
  background-image: url("../img/building.jpg");
}
/* line 608, ../sass/main.scss */
.frontpage .section .fw-image.medienzentrum {
  background-image: url("../img/medienzentrum.jpg");
}
@media (max-width: 767px) {
  /* line 608, ../sass/main.scss */
  .frontpage .section .fw-image.medienzentrum {
    background-image: url("../img/medienzentrum-mobile.jpg");
  }
}
/* line 616, ../sass/main.scss */
.frontpage .section .fw-image.corona {
  background-image: url("../img/corona.jpg");
}
@media (max-width: 767px) {
  /* line 616, ../sass/main.scss */
  .frontpage .section .fw-image.corona {
    background-image: url("../img/corona-mobile.jpg");
  }
}
/* line 624, ../sass/main.scss */
.frontpage .section .fw-image.zukunft {
  background-image: url("../img/zukunft.jpg");
}
/* line 630, ../sass/main.scss */
.frontpage .vorwort {
  display: flex;
}
@media (max-width: 1023px) {
  /* line 630, ../sass/main.scss */
  .frontpage .vorwort {
    flex-direction: column;
  }
}
/* line 637, ../sass/main.scss */
.frontpage .vorwort .vorwort-left {
  position: relative;
  margin-right: 40px;
  padding-top: 8px;
  min-width: 387px;
}
@media (max-width: 1023px) {
  /* line 637, ../sass/main.scss */
  .frontpage .vorwort .vorwort-left {
    margin-right: 0;
    margin-bottom: 40px;
  }
  /* line 647, ../sass/main.scss */
  .frontpage .vorwort .vorwort-left .arrow-link {
    display: none;
  }
}
@media (max-width: 767px) {
  /* line 637, ../sass/main.scss */
  .frontpage .vorwort .vorwort-left {
    min-width: 0;
  }
}
/* line 656, ../sass/main.scss */
.frontpage .vorwort .vorwort-left .vorwort-pin {
  position: relative;
  width: 387px;
}
@media (max-width: 1023px) {
  /* line 656, ../sass/main.scss */
  .frontpage .vorwort .vorwort-left .vorwort-pin {
    width: 100%;
  }
}
/* line 664, ../sass/main.scss */
.frontpage .vorwort .vorwort-left .vorwort-pin.pinned {
  position: fixed;
  top: 64px;
}
@media (max-width: 1023px) {
  /* line 664, ../sass/main.scss */
  .frontpage .vorwort .vorwort-left .vorwort-pin.pinned {
    position: relative;
    top: auto;
  }
}
/* line 674, ../sass/main.scss */
.frontpage .vorwort .vorwort-left .vorwort-pin.released {
  position: absolute;
  bottom: 0px;
}
@media (max-width: 1023px) {
  /* line 674, ../sass/main.scss */
  .frontpage .vorwort .vorwort-left .vorwort-pin.released {
    position: relative;
    top: auto;
  }
}
/* line 684, ../sass/main.scss */
.frontpage .vorwort .vorwort-left .vorwort-pin .vorwort-image {
  width: 387px;
  height: 387px;
  background-image: url("../img/vorwort.jpg");
  background-size: cover;
  background-position: center;
}
@media (max-width: 1023px) {
  /* line 684, ../sass/main.scss */
  .frontpage .vorwort .vorwort-left .vorwort-pin .vorwort-image {
    width: 100%;
    height: 65.83686vw;
  }
}
@media (max-width: 767px) {
  /* line 684, ../sass/main.scss */
  .frontpage .vorwort .vorwort-left .vorwort-pin .vorwort-image {
    height: 82.66667vw;
  }
}
/* line 704, ../sass/main.scss */
.frontpage .vorwort .vorwort-right .persons {
  display: flex;
}
@media (max-width: 767px) {
  /* line 704, ../sass/main.scss */
  .frontpage .vorwort .vorwort-right .persons {
    flex-direction: column;
  }
}
/* line 711, ../sass/main.scss */
.frontpage .vorwort .vorwort-right .persons .person {
  margin-right: 40px;
}
@media (max-width: 767px) {
  /* line 711, ../sass/main.scss */
  .frontpage .vorwort .vorwort-right .persons .person {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
/* line 721, ../sass/main.scss */
.frontpage .vorwort .vorwort-right .arrow-link {
  margin-top: 80px;
  display: none;
}
@media (max-width: 1023px) {
  /* line 721, ../sass/main.scss */
  .frontpage .vorwort .vorwort-right .arrow-link {
    display: inline-flex;
  }
}
@media (max-width: 767px) {
  /* line 721, ../sass/main.scss */
  .frontpage .vorwort .vorwort-right .arrow-link {
    margin-top: 10.66667vw;
  }
}
/* line 736, ../sass/main.scss */
.frontpage .boxes {
  display: flex;
  flex-wrap: wrap;
}
/* line 740, ../sass/main.scss */
.frontpage .boxes .box {
  position: relative;
  width: 50%;
  height: 514px;
  cursor: pointer;
  perspective: 800px;
}
@media (max-width: 1023px) {
  /* line 740, ../sass/main.scss */
  .frontpage .boxes .box {
    width: 100%;
    height: calc(100vw - 80px);
  }
  /* line 751, ../sass/main.scss */
  .frontpage .boxes .box:nth-child(1) {
    order: 1;
  }
  /* line 754, ../sass/main.scss */
  .frontpage .boxes .box:nth-child(2) {
    order: 2;
  }
  /* line 757, ../sass/main.scss */
  .frontpage .boxes .box:nth-child(3) {
    order: 4;
  }
  /* line 760, ../sass/main.scss */
  .frontpage .boxes .box:nth-child(4) {
    order: 3;
  }
  /* line 763, ../sass/main.scss */
  .frontpage .boxes .box:nth-child(5) {
    order: 5;
  }
  /* line 766, ../sass/main.scss */
  .frontpage .boxes .box:nth-child(6) {
    order: 6;
  }
}
@media (max-width: 767px) {
  /* line 740, ../sass/main.scss */
  .frontpage .boxes .box {
    height: 82.66667vw;
  }
}
/* line 775, ../sass/main.scss */
.frontpage .boxes .box .box-inner {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  perspective: 800px;
}
/* line 783, ../sass/main.scss */
.frontpage .boxes .box .front, .frontpage .boxes .box .back {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px;
  background-color: #000;
  backface-visibility: hidden;
  -moz-transform-origin: 50% 50% -257px;
  -webkit-transform-origin: 50% 50% -257px;
  transform-origin: 50% 50% -257px;
  -moz-transition: -moz-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}
@media (max-width: 1023px) {
  /* line 783, ../sass/main.scss */
  .frontpage .boxes .box .front, .frontpage .boxes .box .back {
    -moz-transform-origin: 50% 50% calc((100vw - 80px)/-2);
    -webkit-transform-origin: 50% 50% calc((100vw - 80px)/-2);
    transform-origin: 50% 50% calc((100vw - 80px)/-2);
  }
}
@media (max-width: 767px) {
  /* line 783, ../sass/main.scss */
  .frontpage .boxes .box .front, .frontpage .boxes .box .back {
    -moz-transform-origin: 50% 50% -41.33333vw;
    -webkit-transform-origin: 50% 50% -41.33333vw;
    transform-origin: 50% 50% -41.33333vw;
    padding: 8.53333vw;
  }
}
/* line 806, ../sass/main.scss */
.frontpage .boxes .box .front {
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
/* line 809, ../sass/main.scss */
.frontpage .boxes .box .front .number-container {
  display: flex;
  align-items: flex-end;
}
/* line 813, ../sass/main.scss */
.frontpage .boxes .box .front .number-container .number, .frontpage .boxes .box .front .number-container .appendix-large {
  font-size: 95.38px;
  line-height: 95.38px;
  font-family: "LL Circular Pro Bold Web";
  letter-spacing: 3.2px;
}
@media (max-width: 767px) {
  /* line 813, ../sass/main.scss */
  .frontpage .boxes .box .front .number-container .number, .frontpage .boxes .box .front .number-container .appendix-large {
    font-size: 13.02133vw;
    line-height: 13.02133vw;
    letter-spacing: 0;
  }
}
/* line 826, ../sass/main.scss */
.frontpage .boxes .box .front .number-container .appendix {
  font-size: 20px;
}
@media (max-width: 767px) {
  /* line 826, ../sass/main.scss */
  .frontpage .boxes .box .front .number-container .appendix {
    font-size: 4.26667vw;
  }
}
/* line 835, ../sass/main.scss */
.frontpage .boxes .box .front .kind {
  position: absolute;
  bottom: 40px;
  left: 40px;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
@media (max-width: 767px) {
  /* line 835, ../sass/main.scss */
  .frontpage .boxes .box .front .kind {
    bottom: 5.33333vw;
    left: 5.33333vw;
  }
}
/* line 848, ../sass/main.scss */
.frontpage .boxes .box .front .kind .kind-label {
  font-size: 20px;
  margin-right: 10px;
  font-style: italic;
  letter-spacing: 0.16px;
}
@media (max-width: 767px) {
  /* line 848, ../sass/main.scss */
  .frontpage .boxes .box .front .kind .kind-label {
    font-size: 4.26667vw;
    margin-right: 2.66667vw;
    letter-spacing: 0.03467vw;
  }
}
/* line 861, ../sass/main.scss */
.frontpage .boxes .box .front .kind img {
  width: 12px;
  height: 16px;
  -moz-transition: -moz-transform 0.2s ease-in-out;
  -o-transition: -o-transform 0.2s ease-in-out;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
}
/* line 869, ../sass/main.scss */
.frontpage .boxes .box .back {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background-color: #000;
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}
/* line 876, ../sass/main.scss */
.frontpage .boxes .box .back .number {
  font-size: 31.25px;
  font-family: "LL Circular Pro Bold Web";
}
@media (max-width: 767px) {
  /* line 876, ../sass/main.scss */
  .frontpage .boxes .box .back .number {
    font-size: 6.66667vw;
  }
}
/* line 885, ../sass/main.scss */
.frontpage .boxes .box .back .kind {
  position: relative;
  font-size: 20px;
  padding-left: 16px;
  margin: 10px 0;
  font-style: italic;
  letter-spacing: 0.16px;
}
@media (max-width: 767px) {
  /* line 885, ../sass/main.scss */
  .frontpage .boxes .box .back .kind {
    font-size: 4.26667vw;
    padding-left: 4.26667vw;
  }
}
/* line 898, ../sass/main.scss */
.frontpage .boxes .box .back .kind:before {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  width: 2px;
  background-color: #DD413A;
}
/* line 908, ../sass/main.scss */
.frontpage .boxes .box .back .story {
  font-size: 20px;
  letter-spacing: 0.16px;
  line-height: 32px;
  width: 100%;
}
@media (max-width: 767px) {
  /* line 908, ../sass/main.scss */
  .frontpage .boxes .box .back .story {
    font-size: 4.26667vw;
    letter-spacing: 0.03467vw;
    line-height: 6.4vw;
  }
}
@media (max-width: 767px) {
  /* line 920, ../sass/main.scss */
  .frontpage .boxes .box .back .story.small {
    font-size: 3.46667vw;
    letter-spacing: 0.03467vw;
    line-height: 5.06667vw;
  }
}
/* line 931, ../sass/main.scss */
.frontpage .boxes .box.white {
  color: #000;
}
/* line 934, ../sass/main.scss */
.frontpage .boxes .box.white .front, .frontpage .boxes .box.white .back {
  background-color: #fff;
}
/* line 940, ../sass/main.scss */
.frontpage .boxes .box:hover img {
  -moz-transform: translateY(-7px);
  -ms-transform: translateY(-7px);
  -webkit-transform: translateY(-7px);
  transform: translateY(-7px);
}
/* line 945, ../sass/main.scss */
.frontpage .boxes .box.show-back {
        /*.box-inner {
          @include transform(translateZ(-257px) rotateX(90deg));

          @include ipad-portrait() {
            @include transform(translateZ(calc((100vw - 80px)/-2)) rotateX(90deg));
          }

          @include iphone-landscape() {
            @include transform(translateZ(-(100vw/375*310)/2) rotateX(90deg));
          }
        }*/
}
/* line 959, ../sass/main.scss */
.frontpage .boxes .box.show-back .front {
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
/* line 963, ../sass/main.scss */
.frontpage .boxes .box.show-back .back {
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
/* line 970, ../sass/main.scss */
.frontpage .gl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
/* line 975, ../sass/main.scss */
.frontpage .gl .gl-item {
  width: 283px;
  margin-bottom: 40px;
}
@media (max-width: 1279px) {
  /* line 975, ../sass/main.scss */
  .frontpage .gl .gl-item {
    width: 30%;
  }
}
@media (max-width: 1023px) {
  /* line 975, ../sass/main.scss */
  .frontpage .gl .gl-item {
    width: 47%;
  }
}
@media (max-width: 767px) {
  /* line 975, ../sass/main.scss */
  .frontpage .gl .gl-item {
    width: 100%;
  }
}
/* line 991, ../sass/main.scss */
.frontpage .gl .gl-item .gl-item-label {
  margin-top: 20px;
  font-size: 16px;
  line-height: 20px;
  color: #999;
  font-style: italic;
  letter-spacing: 0.13px;
}
@media (max-width: 767px) {
  /* line 991, ../sass/main.scss */
  .frontpage .gl .gl-item .gl-item-label {
    margin-top: 5.33333vw;
    font-size: 4.26667vw;
    line-height: 5.33333vw;
    letter-spacing: 0.03467vw;
  }
}
/* line 1006, ../sass/main.scss */
.frontpage .gl .gl-item .gl-item-label div {
  color: #000;
}
/* line 1013, ../sass/main.scss */
.frontpage .articles {
  margin-top: 80px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
/* line 1019, ../sass/main.scss */
.frontpage .articles .article {
  width: 281px;
  margin-bottom: 40px;
}
@media (max-width: 1023px) {
  /* line 1019, ../sass/main.scss */
  .frontpage .articles .article {
    width: 100%;
    display: flex;
    align-items: flex-end;
  }
  /* line 1028, ../sass/main.scss */
  .frontpage .articles .article .article-image {
    margin-right: 40px;
    min-width: 50%;
  }
  /* line 1033, ../sass/main.scss */
  .frontpage .articles .article .article-content {
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  /* line 1019, ../sass/main.scss */
  .frontpage .articles .article {
    flex-direction: column;
    margin-bottom: 10.66667vw;
  }
  /* line 1042, ../sass/main.scss */
  .frontpage .articles .article .article-image {
    min-width: 100%;
    margin-right: 0;
  }
  /* line 1047, ../sass/main.scss */
  .frontpage .articles .article .article-content {
    padding-bottom: 10.66667vw;
  }
}
/* line 1052, ../sass/main.scss */
.frontpage .articles .article .image-copy {
  margin-top: 10px;
}
/* line 1055, ../sass/main.scss */
.frontpage .articles .article .image-copy.mh {
  min-height: 50px;
}
@media (max-width: 1023px) {
  /* line 1055, ../sass/main.scss */
  .frontpage .articles .article .image-copy.mh {
    min-height: 0;
  }
}
/* line 1064, ../sass/main.scss */
.frontpage .articles .article h4 {
  margin-top: 20px;
  font-family: "LL Circular Pro Bold Web";
  font-style: normal;
}
@media (max-width: 767px) {
  /* line 1064, ../sass/main.scss */
  .frontpage .articles .article h4 {
    font-size: 5.33333vw;
    line-height: 6.66667vw;
    letter-spacing: 0;
  }
}
/* line 1076, ../sass/main.scss */
.frontpage .articles .article .article-image-container {
  position: relative;
}
/* line 1079, ../sass/main.scss */
.frontpage .articles .article .article-image-container .play-icon-container {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 64px;
  height: 64px;
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 1090, ../sass/main.scss */
.frontpage .articles .article .article-image-container .play-icon-container .play-icon {
  width: 17px;
  height: 19px;
}
/* line 1101, ../sass/main.scss */
.frontpage .timeline-wrapper .timeline-container {
  display: flex;
  align-items: center;
}
@media (max-width: 1023px) {
  /* line 1101, ../sass/main.scss */
  .frontpage .timeline-wrapper .timeline-container {
    justify-content: center;
  }
}
/* line 1109, ../sass/main.scss */
.frontpage .timeline-wrapper .timeline-container .prev, .frontpage .timeline-wrapper .timeline-container .next {
  min-width: 33px;
  fill: #D6D6D6;
  display: none;
}
@media (max-width: 1023px) {
  /* line 1109, ../sass/main.scss */
  .frontpage .timeline-wrapper .timeline-container .prev, .frontpage .timeline-wrapper .timeline-container .next {
    display: block;
  }
}
/* line 1118, ../sass/main.scss */
.frontpage .timeline-wrapper .timeline-container .prev svg, .frontpage .timeline-wrapper .timeline-container .next svg {
  -moz-transition: -moz-transform 0.2s ease-in-out;
  -o-transition: -o-transform 0.2s ease-in-out;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  -moz-transition-property: -moz-transform, fill;
  -o-transition-property: -o-transform, fill;
  -webkit-transition-property: -webkit-transform, fill;
  transition-property: transform, fill;
}
/* line 1124, ../sass/main.scss */
.frontpage .timeline-wrapper .timeline-container .prev.active {
  fill: #DD413A;
  cursor: pointer;
}
/* line 1129, ../sass/main.scss */
.frontpage .timeline-wrapper .timeline-container .prev.active:hover svg {
  -moz-transform: translateX(-7px);
  -ms-transform: translateX(-7px);
  -webkit-transform: translateX(-7px);
  transform: translateX(-7px);
}
/* line 1135, ../sass/main.scss */
.frontpage .timeline-wrapper .timeline-container .next.active {
  fill: #DD413A;
  cursor: pointer;
}
/* line 1140, ../sass/main.scss */
.frontpage .timeline-wrapper .timeline-container .next.active:hover svg {
  -moz-transform: translateX(7px);
  -ms-transform: translateX(7px);
  -webkit-transform: translateX(7px);
  transform: translateX(7px);
}
/* line 1146, ../sass/main.scss */
.frontpage .timeline-wrapper .timeline-container .timeline {
  display: inline-flex;
  flex-direction: row-reverse;
}
@media (max-width: 1279px) {
  /* line 1146, ../sass/main.scss */
  .frontpage .timeline-wrapper .timeline-container .timeline {
    margin: 0 26px 0 10px;
  }
}
@media (max-width: 1023px) {
  /* line 1146, ../sass/main.scss */
  .frontpage .timeline-wrapper .timeline-container .timeline {
    width: 400px;
  }
}
/* line 1159, ../sass/main.scss */
.frontpage .timeline-wrapper .timeline-container .timeline .timeline-item {
  position: relative;
  height: 41px;
  width: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media (max-width: 1279px) {
  /* line 1159, ../sass/main.scss */
  .frontpage .timeline-wrapper .timeline-container .timeline .timeline-item {
    width: 70px;
  }
}
/* line 1172, ../sass/main.scss */
.frontpage .timeline-wrapper .timeline-container .timeline .timeline-item .timeline-item-background {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 94px;
  fill: #D6D6D6;
}
@media (max-width: 1279px) {
  /* line 1172, ../sass/main.scss */
  .frontpage .timeline-wrapper .timeline-container .timeline .timeline-item .timeline-item-background {
    width: 84px;
  }
}
/* line 1185, ../sass/main.scss */
.frontpage .timeline-wrapper .timeline-container .timeline .timeline-item .timeline-item-label {
  font-size: 20px;
  padding-left: 16px;
  padding-bottom: 2px;
  font-style: italic;
  letter-spacing: 0.16px;
}
/* line 1195, ../sass/main.scss */
.frontpage .timeline-wrapper .timeline-container .timeline .timeline-item.active .timeline-item-background {
  fill: #DD413A;
}
/* line 1200, ../sass/main.scss */
.frontpage .timeline-wrapper .timeline-container .timeline .timeline-item .content-helper {
  display: none;
}
/* line 1207, ../sass/main.scss */
.frontpage .timeline-wrapper .content-container {
  display: flex;
  margin-top: 40px;
  height: 387px;
}
@media (max-width: 1023px) {
  /* line 1207, ../sass/main.scss */
  .frontpage .timeline-wrapper .content-container {
    height: 700px;
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 767px) {
  /* line 1207, ../sass/main.scss */
  .frontpage .timeline-wrapper .content-container {
    margin-top: 10.66667vw;
    height: 160vw;
  }
}
/* line 1223, ../sass/main.scss */
.frontpage .timeline-wrapper .content-container img {
  width: 387px;
  margin-right: 40px;
}
@media (max-width: 1023px) {
  /* line 1223, ../sass/main.scss */
  .frontpage .timeline-wrapper .content-container img {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  /* line 1223, ../sass/main.scss */
  .frontpage .timeline-wrapper .content-container img {
    width: 100%;
  }
}
/* line 1236, ../sass/main.scss */
.frontpage .timeline-wrapper .content-container .image-copy {
  margin-top: 10px;
}
/* line 1240, ../sass/main.scss */
.frontpage .timeline-wrapper .content-container .content {
  padding-right: 53px;
}
@media (max-width: 1023px) {
  /* line 1240, ../sass/main.scss */
  .frontpage .timeline-wrapper .content-container .content {
    padding-right: 0;
    width: 387px;
  }
}
@media (max-width: 1023px) and (max-width: 767px) {
  /* line 1240, ../sass/main.scss */
  .frontpage .timeline-wrapper .content-container .content {
    width: 100%;
  }
}

/* line 1252, ../sass/main.scss */
.frontpage .timeline-wrapper .content-container .content h3 {
  margin: 60px 0 20px;
}
@media (max-width: 767px) {
  /* line 1252, ../sass/main.scss */
  .frontpage .timeline-wrapper .content-container .content h3 {
    margin: 8vw 0 5.33333vw;
  }
}
/* line 1265, ../sass/main.scss */
.frontpage .podcast .podcast-intro {
  margin: -40px 0 0 0;
}
/* line 1269, ../sass/main.scss */
.frontpage .podcast .podcast-container {
  margin-top: 40px;
  display: flex;
}
@media (max-width: 1023px) {
  /* line 1269, ../sass/main.scss */
  .frontpage .podcast .podcast-container {
    flex-direction: column;
  }
}
/* line 1277, ../sass/main.scss */
.frontpage .podcast .podcast-container .podcast-image-container {
  min-width: 281px;
  margin-right: 150px;
}
@media (max-width: 1023px) {
  /* line 1277, ../sass/main.scss */
  .frontpage .podcast .podcast-container .podcast-image-container {
    width: 44.79167vw;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  /* line 1277, ../sass/main.scss */
  .frontpage .podcast .podcast-container .podcast-image-container {
    min-width: 0;
    width: 100%;
  }
}
/* line 1291, ../sass/main.scss */
.frontpage .podcast .podcast-container .podcast-image-container .podcast-image {
  background-size: cover;
  height: 281px;
}
@media (max-width: 1023px) {
  /* line 1291, ../sass/main.scss */
  .frontpage .podcast .podcast-container .podcast-image-container .podcast-image {
    height: 44.79167vw;
  }
}
@media (max-width: 767px) {
  /* line 1291, ../sass/main.scss */
  .frontpage .podcast .podcast-container .podcast-image-container .podcast-image {
    height: 82.66667vw;
  }
}
/* line 1303, ../sass/main.scss */
.frontpage .podcast .podcast-container .podcast-image-container .podcast-image-01 {
  background-image: url("../img/podcast-01.jpg");
}
@media (max-width: 1023px) {
  /* line 1303, ../sass/main.scss */
  .frontpage .podcast .podcast-container .podcast-image-container .podcast-image-01 {
    background-image: url("../img/podcast-01-mobile.jpg");
  }
}
/* line 1311, ../sass/main.scss */
.frontpage .podcast .podcast-container .podcast-image-container .podcast-image-02 {
  background-image: url("../img/podcast-02.jpg");
}
@media (max-width: 1023px) {
  /* line 1311, ../sass/main.scss */
  .frontpage .podcast .podcast-container .podcast-image-container .podcast-image-02 {
    background-image: url("../img/podcast-02-mobile.jpg");
  }
}
/* line 1320, ../sass/main.scss */
.frontpage .podcast .podcast-container .podcast-image-container .image-copy {
  margin-top: 10px;
}
/* line 1325, ../sass/main.scss */
.frontpage .podcast .podcast-container .podcast-content {
  padding-top: 0px;
}
@media (max-width: 1023px) {
  /* line 1325, ../sass/main.scss */
  .frontpage .podcast .podcast-container .podcast-content {
    padding-top: 40px;
  }
}
/* line 1332, ../sass/main.scss */
.frontpage .podcast .podcast-container .podcast-content h3 {
  margin-top: 0;
  margin-bottom: 20px;
}
/* line 1342, ../sass/main.scss */
.frontpage .kalender .kalender-container {
  margin-top: 40px;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  /* line 1342, ../sass/main.scss */
  .frontpage .kalender .kalender-container {
    flex-direction: column;
    margin-top: 10.66667vw;
  }
}
/* line 1352, ../sass/main.scss */
.frontpage .kalender .kalender-container .kalender-slider-container {
  min-width: 281px;
  margin-right: 150px;
}
@media (max-width: 1023px) {
  /* line 1352, ../sass/main.scss */
  .frontpage .kalender .kalender-container .kalender-slider-container {
    margin-right: 50px;
  }
}
@media (max-width: 767px) {
  /* line 1352, ../sass/main.scss */
  .frontpage .kalender .kalender-container .kalender-slider-container {
    margin-right: 0;
    width: 100%;
    margin-bottom: 10.66667vw;
    min-width: 0;
  }
}
/* line 1367, ../sass/main.scss */
.frontpage .kalender .kalender-container .kalender-slider-container .gallery {
  width: 100%;
  margin: 0 auto;
  position: relative;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
/* line 1373, ../sass/main.scss */
.frontpage .kalender .kalender-container .kalender-slider-container .gallery .gallery-items {
  position: relative;
  overflow: hidden;
  height: 281px;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
@media (max-width: 767px) {
  /* line 1373, ../sass/main.scss */
  .frontpage .kalender .kalender-container .kalender-slider-container .gallery .gallery-items {
    height: 82.93333vw;
  }
}
/* line 1384, ../sass/main.scss */
.frontpage .kalender .kalender-container .kalender-slider-container .gallery .gallery-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -moz-transform: translateX(-10000px);
  -ms-transform: translateX(-10000px);
  -webkit-transform: translateX(-10000px);
  transform: translateX(-10000px);
}
/* line 1395, ../sass/main.scss */
.frontpage .kalender .kalender-container .kalender-slider-container .gallery .gallery-item.current {
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}
/* line 1399, ../sass/main.scss */
.frontpage .kalender .kalender-container .kalender-slider-container .gallery .gallery-item img {
  width: 100%;
  height: auto;
  pointer-events: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}
/* line 1407, ../sass/main.scss */
.frontpage .kalender .kalender-container .kalender-slider-container .gallery .gallery-navi {
  position: absolute;
  bottom: -64px;
  right: 0;
  cursor: pointer;
  z-index: 1;
  display: flex;
}
/* line 1415, ../sass/main.scss */
.frontpage .kalender .kalender-container .kalender-slider-container .gallery .gallery-navi .gallery-prev, .frontpage .kalender .kalender-container .kalender-slider-container .gallery .gallery-navi .gallery-next {
  width: 64px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}
/* line 1423, ../sass/main.scss */
.frontpage .kalender .kalender-container .kalender-slider-container .gallery .gallery-navi .gallery-prev svg, .frontpage .kalender .kalender-container .kalender-slider-container .gallery .gallery-navi .gallery-next svg {
  width: 33.1px;
  height: 10.4px;
  fill: #DD413A;
}
/* line 1435, ../sass/main.scss */
.frontpage .kalender .kalender-container .kalender-content h3 {
  margin-top: 0;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  /* line 1435, ../sass/main.scss */
  .frontpage .kalender .kalender-container .kalender-content h3 {
    margin-top: 10.66667vw;
  }
}
/* line 1447, ../sass/main.scss */
.frontpage .articles-two {
  margin-top: 80px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
/* line 1453, ../sass/main.scss */
.frontpage .articles-two .article {
  width: 474px;
}
@media (max-width: 1279px) {
  /* line 1453, ../sass/main.scss */
  .frontpage .articles-two .article {
    width: 424px;
  }
}
@media (max-width: 1023px) {
  /* line 1453, ../sass/main.scss */
  .frontpage .articles-two .article {
    width: 100%;
  }
  /* line 1463, ../sass/main.scss */
  .frontpage .articles-two .article:first-child {
    margin-bottom: 100px;
  }
}
@media (max-width: 767px) {
  /* line 1468, ../sass/main.scss */
  .frontpage .articles-two .article .desktop-image {
    display: none;
  }
}
/* line 1475, ../sass/main.scss */
.frontpage .articles-two .article .mobile-image {
  display: none;
}
@media (max-width: 767px) {
  /* line 1475, ../sass/main.scss */
  .frontpage .articles-two .article .mobile-image {
    display: block;
  }
}
/* line 1483, ../sass/main.scss */
.frontpage .articles-two .article .image-copy {
  margin-top: 10px;
}
/* line 1487, ../sass/main.scss */
.frontpage .articles-two .article h4 {
  margin-top: 20px;
  font-family: "LL Circular Pro Bold Web";
  font-style: normal;
}
/* line 1493, ../sass/main.scss */
.frontpage .articles-two .article .article-image-container {
  position: relative;
}
/* line 1496, ../sass/main.scss */
.frontpage .articles-two .article .article-image-container .play-icon-container {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 64px;
  height: 64px;
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 1507, ../sass/main.scss */
.frontpage .articles-two .article .article-image-container .play-icon-container .play-icon {
  width: 17px;
  height: 19px;
}

/* line 1517, ../sass/main.scss */
.footer {
  position: relative;
  padding: 50px 0 40px;
  background-color: #00335D;
}
/* line 1522, ../sass/main.scss */
.footer .section-footer-left {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  font-size: 14px;
  color: #fff;
}
@media (max-width: 479px) {
  /* line 1522, ../sass/main.scss */
  .footer .section-footer-left {
    width: 100%;
    text-align: center;
  }
}
/* line 1534, ../sass/main.scss */
.footer .section-footer-left a {
  color: inherit;
  text-decoration: none;
}
/* line 1538, ../sass/main.scss */
.footer .section-footer-left a:hover {
  text-decoration: underline;
}
/* line 1544, ../sass/main.scss */
.footer .section-footer-right {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  text-align: right;
}
@media (max-width: 479px) {
  /* line 1544, ../sass/main.scss */
  .footer .section-footer-right {
    width: 100%;
    text-align: center;
    margin-top: 20px;
  }
}
/* line 1556, ../sass/main.scss */
.footer .section-footer-right .section-footer-copyright {
  display: inline-flex;
  font-size: 14px;
  color: #fff;
}
/* line 1562, ../sass/main.scss */
.footer .section-footer-right .section-footer-link {
  display: inline-flex;
  align-items: center;
  margin-left: 10px;
}
/* line 1567, ../sass/main.scss */
.footer .section-footer-right .section-footer-link .arrow-right {
  width: 8px;
  height: 11px;
}
/* line 1572, ../sass/main.scss */
.footer .section-footer-right .section-footer-link span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  margin-left: 8px;
  -moz-transition: color 0.25s;
  -o-transition: color 0.25s;
  -webkit-transition: color 0.25s;
  transition: color 0.25s;
}
/* line 1582, ../sass/main.scss */
.footer .section-footer-right .section-footer-link svg {
  fill: #fff;
  -moz-transition: fill 0.25s;
  -o-transition: fill 0.25s;
  -webkit-transition: fill 0.25s;
  transition: fill 0.25s;
}
/* line 1588, ../sass/main.scss */
.footer .section-footer-right .section-footer-link:hover svg {
  fill: #DD413A;
}
/* line 1592, ../sass/main.scss */
.footer .section-footer-right .section-footer-link:hover span {
  color: #DD413A;
}
/* line 1598, ../sass/main.scss */
.footer .section-footer-right .section-footer-link-website {
  display: table;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  margin-left: auto;
  margin-top: 30px;
  text-decoration: none;
}
@media (max-width: 479px) {
  /* line 1598, ../sass/main.scss */
  .footer .section-footer-right .section-footer-link-website {
    margin: 30px auto 0;
    text-decoration: underline;
  }
}
/* line 1612, ../sass/main.scss */
.footer .section-footer-right .section-footer-link-website:hover {
  text-decoration: underline;
}
/* line 1618, ../sass/main.scss */
.footer .section-footer-candy {
  position: absolute;
  top: -18px;
  width: 100%;
}
/* line 1623, ../sass/main.scss */
.footer .section-footer-candy img {
  width: 133px;
}
/* line 1627, ../sass/main.scss */
.footer .section-footer-candy .section-footer-candy-bar {
  position: absolute;
  background-color: #cb0006;
  width: calc((100% - 1366px) / 2);
  height: 57px;
}
/* line 1635, ../sass/main.scss */
.footer .section-footer-candy .container img {
  position: relative;
  left: -123px;
}

/* line 1643, ../sass/main.scss */
.mobile-menu {
  position: fixed;
  z-index: 50;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #000;
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-transition: -moz-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}
/* line 1658, ../sass/main.scss */
.mobile-menu .close {
  position: absolute;
  top: 27px;
  right: 8px;
  width: 54px;
  height: 54px;
  padding: 13px;
}
/* line 1666, ../sass/main.scss */
.mobile-menu .close svg {
  width: 28px;
  height: auto;
  fill: #fff;
}
@media (max-width: 767px) {
  /* line 1666, ../sass/main.scss */
  .mobile-menu .close svg {
    width: 18.76px;
  }
}
/* line 1677, ../sass/main.scss */
.mobile-menu .navi-items {
  text-align: center;
}
/* line 1680, ../sass/main.scss */
.mobile-menu .navi-items .navi-item {
  display: table;
  font-size: 31.25px;
  text-decoration: none;
  color: #fff;
  margin: 0 auto;
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  /* line 1680, ../sass/main.scss */
  .mobile-menu .navi-items .navi-item {
    font-size: 6.66667vw;
    margin-bottom: 10.66667vw;
  }
}
/* line 1695, ../sass/main.scss */
.mobile-menu .language-switch {
  font-size: 31.25px;
  color: #fff;
}
@media (max-width: 767px) {
  /* line 1695, ../sass/main.scss */
  .mobile-menu .language-switch {
    font-size: 6.66667vw;
  }
}
/* line 1703, ../sass/main.scss */
.mobile-menu .language-switch span {
  text-decoration: underline;
}
/* line 1707, ../sass/main.scss */
.mobile-menu .language-switch a {
  text-decoration: none;
  color: #35363A;
}

/* line 1715, ../sass/main.scss */
.show-menu .mobile-menu {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
/* line 1720, ../sass/main.scss */
.show-menu .section-header .burger {
  display: none;
}
/* line 1724, ../sass/main.scss */
.show-menu .section-header .close {
  display: block;
}

/* line 1730, ../sass/main.scss */
.article-header {
  position: relative;
  height: 100%;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #fff;
}
/* line 1741, ../sass/main.scss */
.article-header h3 {
  margin-top: 0;
}
/* line 1745, ../sass/main.scss */
.article-header .copyright {
  position: absolute;
  bottom: 80px;
  right: 10px;
}
/* line 1750, ../sass/main.scss */
.article-header .copyright span {
  position: absolute;
  white-space: nowrap;
  font-size: 12px;
  color: #fff;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
@media (max-width: 767px) {
  /* line 1745, ../sass/main.scss */
  .article-header .copyright {
    bottom: 30px;
    right: 0px;
  }
  /* line 1764, ../sass/main.scss */
  .article-header .copyright span {
    font-size: 10px;
  }
}

/* line 1773, ../sass/main.scss */
.accordions {
  position: relative;
  max-width: 1024px;
  margin: 250px auto 0;
}
@media (max-width: 1279px) {
  /* line 1773, ../sass/main.scss */
  .accordions {
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  /* line 1773, ../sass/main.scss */
  .accordions {
    padding: 0 10px;
  }
}
/* line 1786, ../sass/main.scss */
.accordions .accordion {
  position: relative;
}
/* line 1789, ../sass/main.scss */
.accordions .accordion .accordion-header {
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #979797;
  height: 82px;
  cursor: pointer;
}
/* line 1797, ../sass/main.scss */
.accordions .accordion .accordion-header.large {
  height: 102px;
}
@media (max-width: 1023px) {
  /* line 1797, ../sass/main.scss */
  .accordions .accordion .accordion-header.large {
    height: 132px;
  }
}
/* line 1805, ../sass/main.scss */
.accordions .accordion .accordion-header h3 {
  margin: 0;
  padding-right: 30px;
}
/* line 1810, ../sass/main.scss */
.accordions .accordion .accordion-header .accordion-arrow {
  width: 16px;
  height: auto;
  margin-left: auto;
  margin-right: 4px;
}
/* line 1818, ../sass/main.scss */
.accordions .accordion .accordion-body {
  position: relative;
  overflow: hidden;
}
/* line 1822, ../sass/main.scss */
.accordions .accordion .accordion-body .accordion-inner-container {
  margin: 50px 0 100px;
}
/* line 1826, ../sass/main.scss */
.accordions .accordion .accordion-body h2 {
  margin: 100px 0 20px 0;
}
/* line 1829, ../sass/main.scss */
.accordions .accordion .accordion-body h2 span {
  font-family: "Muli", sans-serif;
  font-size: 20px;
  font-style: italic;
  color: #DD413A;
}
/* line 1837, ../sass/main.scss */
.accordions .accordion .accordion-body h3 {
  margin: 80px 0 20px 0;
}
/* line 1841, ../sass/main.scss */
.accordions .accordion .accordion-body p {
  margin-bottom: 32px;
}
/* line 1844, ../sass/main.scss */
.accordions .accordion .accordion-body p a {
  font-weight: 600;
  color: #DD413A;
  text-decoration: underline;
  word-break: break-word;
}
/* line 1852, ../sass/main.scss */
.accordions .accordion .accordion-body .table-container {
  margin-bottom: 70px;
}
/* line 1855, ../sass/main.scss */
.accordions .accordion .accordion-body .table-container .table {
  width: 100%;
}
/* line 1858, ../sass/main.scss */
.accordions .accordion .accordion-body .table-container .table .tr {
  display: flex;
}
/* line 1862, ../sass/main.scss */
.accordions .accordion .accordion-body .table-container .table .td {
  display: inline-block;
  width: 107px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 20px;
  padding: 18px 7px 18px 0;
  text-align: right;
}
@media (max-width: 1279px) {
  /* line 1862, ../sass/main.scss */
  .accordions .accordion .accordion-body .table-container .table .td {
    font-size: 18px;
    width: 100px;
  }
}
@media (max-width: 1023px) {
  /* line 1862, ../sass/main.scss */
  .accordions .accordion .accordion-body .table-container .table .td {
    font-size: 14px;
    width: 74px;
    padding: 10px 4px 10px 0;
  }
}
@media (max-width: 767px) {
  /* line 1862, ../sass/main.scss */
  .accordions .accordion .accordion-body .table-container .table .td {
    font-size: 2.4vw;
    width: 12.26667vw;
    padding: 1.6vw 0.53333vw 1.6vw 0;
  }
}
/* line 1887, ../sass/main.scss */
.accordions .accordion .accordion-body .table-container .table .td:first-child {
  width: calc(100% - 5 * 107px);
  text-align: left;
}
@media (max-width: 1279px) {
  /* line 1887, ../sass/main.scss */
  .accordions .accordion .accordion-body .table-container .table .td:first-child {
    width: calc(100% - 5 * 100px);
  }
}
@media (max-width: 1023px) {
  /* line 1887, ../sass/main.scss */
  .accordions .accordion .accordion-body .table-container .table .td:first-child {
    width: calc(100% - 5 * 74px);
  }
}
@media (max-width: 767px) {
  /* line 1887, ../sass/main.scss */
  .accordions .accordion .accordion-body .table-container .table .td:first-child {
    width: calc(100% - 5 * (100vw / 375 * 46));
  }
}
/* line 1904, ../sass/main.scss */
.accordions .accordion .accordion-body .table-container .table .td:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.05);
}
/* line 1908, ../sass/main.scss */
.accordions .accordion .accordion-body .table-container .table .td.indent {
  padding-left: 20px;
}
@media (max-width: 479px) {
  /* line 1908, ../sass/main.scss */
  .accordions .accordion .accordion-body .table-container .table .td.indent {
    padding-left: 10px;
  }
}
/* line 1916, ../sass/main.scss */
.accordions .accordion .accordion-body .table-container .table .td.hide {
  opacity: 0;
}
/* line 1920, ../sass/main.scss */
.accordions .accordion .accordion-body .table-container .table .td strong {
  font-weight: 800;
}
/* line 1927, ../sass/main.scss */
.accordions .accordion .accordion-body .table-container .table .table-header .td {
  font-weight: 800;
}
/* line 1936, ../sass/main.scss */
.accordions .accordion .accordion-body .table-container .table.col-3 .td:first-child {
  width: calc(100% - 2 * 107px);
  text-align: left;
}
@media (max-width: 1279px) {
  /* line 1936, ../sass/main.scss */
  .accordions .accordion .accordion-body .table-container .table.col-3 .td:first-child {
    width: calc(100% - 2 * 100px);
  }
}
@media (max-width: 1023px) {
  /* line 1936, ../sass/main.scss */
  .accordions .accordion .accordion-body .table-container .table.col-3 .td:first-child {
    width: calc(100% - 2 * 74px);
  }
}
@media (max-width: 767px) {
  /* line 1936, ../sass/main.scss */
  .accordions .accordion .accordion-body .table-container .table.col-3 .td:first-child {
    width: calc(100% - 2 * (100vw / 375 * 46));
  }
}
/* line 1956, ../sass/main.scss */
.accordions .accordion .accordion-body .table-container .table-asterisk {
  font-size: 16px;
  color: #000;
  opacity: .5;
  margin-top: 20px;
  font-style: italic;
}
/* line 1964, ../sass/main.scss */
.accordions .accordion .accordion-body .table-container .table-notes {
  font-size: 16px;
  line-height: 26px;
  color: #000;
  margin-top: 50px;
  max-width: 820px;
}
/* line 1973, ../sass/main.scss */
.accordions .accordion .accordion-body .copy-items {
  white-space: nowrap;
}
/* line 1976, ../sass/main.scss */
.accordions .accordion .accordion-body .copy-items .copy-item {
  display: inline-block;
  vertical-align: top;
  margin-right: 70px;
}
/* line 1981, ../sass/main.scss */
.accordions .accordion .accordion-body .copy-items .copy-item:last-child {
  margin-right: 0;
}
@media (max-width: 767px) {
  /* line 1973, ../sass/main.scss */
  .accordions .accordion .accordion-body .copy-items {
    white-space: normal;
    display: block;
    margin-bottom: 26px;
  }
  /* line 1991, ../sass/main.scss */
  .accordions .accordion .accordion-body .copy-items:last-child {
    margin-bottom: 0;
  }
}
/* line 1999, ../sass/main.scss */
.accordions .arrow-link {
  margin-top: 80px;
}

/* line 2006, ../sass/main.scss */
.articlepage {
  position: relative;
}
/* line 2009, ../sass/main.scss */
.articlepage h4 {
  position: relative;
  color: #DD413A;
  margin-bottom: 0px;
  margin-top: 140px;
}
@media (max-width: 767px) {
  /* line 2009, ../sass/main.scss */
  .articlepage h4 {
    margin-top: 16vw;
  }
}
/* line 2019, ../sass/main.scss */
.articlepage h4:before {
  content: "";
  position: absolute;
  background-color: #DD413A;
  width: 2px;
  height: 64px;
  bottom: -64px;
  left: 0;
}
@media (max-width: 767px) {
  /* line 2019, ../sass/main.scss */
  .articlepage h4:before {
    height: 10.8vw;
    bottom: -10.8vw;
  }
}
/* line 2035, ../sass/main.scss */
.articlepage h2 {
  margin-left: 19px;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  /* line 2035, ../sass/main.scss */
  .articlepage h2 {
    margin-top: 2.13333vw;
  }
}
/* line 2044, ../sass/main.scss */
.articlepage h3 {
  margin: 80px 0 40px;
}
@media (max-width: 767px) {
  /* line 2044, ../sass/main.scss */
  .articlepage h3 {
    margin: 21.33333vw 0 10.66667vw;
  }
}
/* line 2052, ../sass/main.scss */
.articlepage p {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  /* line 2052, ../sass/main.scss */
  .articlepage p {
    margin: 8vw auto;
  }
}
/* line 2059, ../sass/main.scss */
.articlepage p.intro {
  font-weight: 800;
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  /* line 2059, ../sass/main.scss */
  .articlepage p.intro {
    margin-bottom: 10.66667vw;
  }
}
/* line 2068, ../sass/main.scss */
.articlepage p a {
  font-weight: 600;
  color: #DD413A;
  text-decoration: underline;
  word-break: break-word;
}
/* line 2076, ../sass/main.scss */
.articlepage .gallery {
  width: 100%;
  margin: 60px auto;
  position: relative;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
@media (max-width: 767px) {
  /* line 2076, ../sass/main.scss */
  .articlepage .gallery {
    margin: 10.66667vw auto;
  }
}
/* line 2086, ../sass/main.scss */
.articlepage .gallery .gallery-items {
  position: relative;
  overflow: hidden;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
/* line 2092, ../sass/main.scss */
.articlepage .gallery .gallery-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -moz-transform: translateX(-10000px);
  -ms-transform: translateX(-10000px);
  -webkit-transform: translateX(-10000px);
  transform: translateX(-10000px);
}
/* line 2100, ../sass/main.scss */
.articlepage .gallery .gallery-item .gallery-image {
  width: 100%;
  height: 640px;
  pointer-events: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  background-size: cover;
  background-position: center;
}
@media (max-width: 1279px) {
  /* line 2100, ../sass/main.scss */
  .articlepage .gallery .gallery-item .gallery-image {
    height: 565px;
  }
}
@media (max-width: 1023px) {
  /* line 2100, ../sass/main.scss */
  .articlepage .gallery .gallery-item .gallery-image {
    height: 430px;
  }
}
@media (max-width: 767px) {
  /* line 2100, ../sass/main.scss */
  .articlepage .gallery .gallery-item .gallery-image {
    height: 82.66667vw;
  }
}
/* line 2121, ../sass/main.scss */
.articlepage .gallery .gallery-item .gallery-image-eigenveranstaltungen-01 {
  background-image: url("../img/articles/12_INTERNORGA_Credit_HMC-_-Michael-Zapf-desktop.jpg");
}
@media (max-width: 767px) {
  /* line 2121, ../sass/main.scss */
  .articlepage .gallery .gallery-item .gallery-image-eigenveranstaltungen-01 {
    background-image: url("../img/articles/12_INTERNORGA_Credit_HMC-_-Michael-Zapf-mobile.jpg");
  }
}
/* line 2129, ../sass/main.scss */
.articlepage .gallery .gallery-item .gallery-image-eigenveranstaltungen-02 {
  background-image: url("../img/articles/19_Seatrade_Credit_Informa-Markets_Alex-Woeckener-desktop.jpg");
}
@media (max-width: 767px) {
  /* line 2129, ../sass/main.scss */
  .articlepage .gallery .gallery-item .gallery-image-eigenveranstaltungen-02 {
    background-image: url("../img/articles/19_Seatrade_Credit_Informa-Markets_Alex-Woeckener-mobile.jpg");
  }
}
/* line 2137, ../sass/main.scss */
.articlepage .gallery .gallery-item .gallery-image-eigenveranstaltungen-03 {
  background-image: url("../img/articles/csm_oohh_rene-zieger-desktop.jpg");
}
@media (max-width: 767px) {
  /* line 2137, ../sass/main.scss */
  .articlepage .gallery .gallery-item .gallery-image-eigenveranstaltungen-03 {
    background-image: url("../img/articles/csm_oohh_rene-zieger-mobile.jpg");
  }
}
/* line 2145, ../sass/main.scss */
.articlepage .gallery .gallery-item .gallery-image-gastveranstaltungen-01 {
  background-image: url("../img/articles/HZ1_3906_Credit_Reed-Exhibitions-desktop.jpg");
}
@media (max-width: 767px) {
  /* line 2145, ../sass/main.scss */
  .articlepage .gallery .gallery-item .gallery-image-gastveranstaltungen-01 {
    background-image: url("../img/articles/HZ1_3906_Credit_Reed-Exhibitions-mobile.jpg");
  }
}
/* line 2153, ../sass/main.scss */
.articlepage .gallery .gallery-item .gallery-image-gastveranstaltungen-02 {
  background-image: url("../img/articles/Norstil-von-Website-Frankfurt_Credit_tbd-desktop.jpg");
}
@media (max-width: 767px) {
  /* line 2153, ../sass/main.scss */
  .articlepage .gallery .gallery-item .gallery-image-gastveranstaltungen-02 {
    background-image: url("../img/articles/Norstil-von-Website-Frankfurt_Credit_tbd-mobile.jpg");
  }
}
/* line 2161, ../sass/main.scss */
.articlepage .gallery .gallery-item .gallery-image-auslandsveranstaltungen-01 {
  background-image: url("../img/articles/EXPO_2019_Deutscher_Garten_Gartenlandschaft_01_Credit_Jochen-Utecht-desktop.jpg");
}
@media (max-width: 767px) {
  /* line 2161, ../sass/main.scss */
  .articlepage .gallery .gallery-item .gallery-image-auslandsveranstaltungen-01 {
    background-image: url("../img/articles/EXPO_2019_Deutscher_Garten_Gartenlandschaft_01_Credit_Jochen-Utecht-mobile.jpg");
  }
}
/* line 2169, ../sass/main.scss */
.articlepage .gallery .gallery-item .gallery-image-auslandsveranstaltungen-02 {
  background-image: url("../img/articles/Expo-Motiv-HMC-Website_Credit_HMC-desktop.jpg");
}
@media (max-width: 767px) {
  /* line 2169, ../sass/main.scss */
  .articlepage .gallery .gallery-item .gallery-image-auslandsveranstaltungen-02 {
    background-image: url("../img/articles/Expo-Motiv-HMC-Website_Credit_HMC-mobile.jpg");
  }
}
/* line 2177, ../sass/main.scss */
.articlepage .gallery .gallery-item .gallery-image-therapie-hamburg-01 {
  background-image: url("../img/articles/TPH19_UF_0227_Credit_Leipziger-Messe-GmbH-_-Uwe-Frauendorf-desktop.jpg");
}
@media (max-width: 767px) {
  /* line 2177, ../sass/main.scss */
  .articlepage .gallery .gallery-item .gallery-image-therapie-hamburg-01 {
    background-image: url("../img/articles/TPH19_UF_0227_Credit_Leipziger-Messe-GmbH-_-Uwe-Frauendorf-mobile.jpg");
  }
}
/* line 2185, ../sass/main.scss */
.articlepage .gallery .gallery-item .gallery-image-therapie-hamburg-02 {
  background-image: url("../img/articles/TPH19_UF_0403_Credit_Leipziger-Messe-GmbH-_-Uwe-Frauendorf-desktop.jpg");
}
@media (max-width: 767px) {
  /* line 2185, ../sass/main.scss */
  .articlepage .gallery .gallery-item .gallery-image-therapie-hamburg-02 {
    background-image: url("../img/articles/TPH19_UF_0403_Credit_Leipziger-Messe-GmbH-_-Uwe-Frauendorf-mobile.jpg");
  }
}
/* line 2193, ../sass/main.scss */
.articlepage .gallery .gallery-item .gallery-image-medienzentrum-01 {
  background-image: url("../img/articles/2002WhlZZ75_Credit_HMC-_-Michael-Zapf-desktop.jpg");
}
@media (max-width: 767px) {
  /* line 2193, ../sass/main.scss */
  .articlepage .gallery .gallery-item .gallery-image-medienzentrum-01 {
    background-image: url("../img/articles/2002WhlZZ75_Credit_HMC-_-Michael-Zapf-mobile.jpg");
  }
}
/* line 2201, ../sass/main.scss */
.articlepage .gallery .gallery-item .gallery-image-medienzentrum-02 {
  background-image: url("../img/articles/220220_Z_124a_Credit_HMC-_-Michael-Zapf-desktop.jpg");
}
@media (max-width: 767px) {
  /* line 2201, ../sass/main.scss */
  .articlepage .gallery .gallery-item .gallery-image-medienzentrum-02 {
    background-image: url("../img/articles/220220_Z_124a_Credit_HMC-_-Michael-Zapf-mobile.jpg");
  }
}
/* line 2210, ../sass/main.scss */
.articlepage .gallery .gallery-item.current {
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}
/* line 2215, ../sass/main.scss */
.articlepage .gallery .gallery-navi {
  position: absolute;
  top: calc(640px - 64px);
  right: 0;
  cursor: pointer;
  z-index: 1;
  display: flex;
}
@media (max-width: 1279px) {
  /* line 2215, ../sass/main.scss */
  .articlepage .gallery .gallery-navi {
    top: calc(565px - 64px);
  }
}
@media (max-width: 1023px) {
  /* line 2215, ../sass/main.scss */
  .articlepage .gallery .gallery-navi {
    top: calc(430px - 64px);
  }
}
@media (max-width: 767px) {
  /* line 2215, ../sass/main.scss */
  .articlepage .gallery .gallery-navi {
    top: calc((100vw/375*310) - 64px);
  }
}
/* line 2235, ../sass/main.scss */
.articlepage .gallery .gallery-navi .gallery-prev, .articlepage .gallery .gallery-navi .gallery-next {
  width: 64px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}
/* line 2243, ../sass/main.scss */
.articlepage .gallery .gallery-navi .gallery-prev svg, .articlepage .gallery .gallery-navi .gallery-next svg {
  width: 33.1px;
  height: 10.4px;
  fill: #DD413A;
}
/* line 2252, ../sass/main.scss */
.articlepage .responsive-video-16-9 {
  margin: 80px 0;
}
@media (max-width: 767px) {
  /* line 2252, ../sass/main.scss */
  .articlepage .responsive-video-16-9 {
    margin: 10.66667vw 0;
  }
}
/* line 2260, ../sass/main.scss */
.articlepage .modul-bild-1 {
  margin: 80px 0;
}
@media (max-width: 767px) {
  /* line 2260, ../sass/main.scss */
  .articlepage .modul-bild-1 {
    margin: 10.66667vw 0;
  }
}
/* line 2267, ../sass/main.scss */
.articlepage .modul-bild-1-image {
  background-size: cover;
  background-position: center;
  height: 640px;
}
@media (max-width: 767px) {
  /* line 2267, ../sass/main.scss */
  .articlepage .modul-bild-1-image {
    height: 82.66667vw;
  }
}
/* line 2277, ../sass/main.scss */
.articlepage .modul-bild-1-image-hamburg-open {
  background-image: url("../img/articles/20200123-Hamburg-Open-(13-of-67)_Credit_HMC-desktop.jpg");
}
@media (max-width: 767px) {
  /* line 2277, ../sass/main.scss */
  .articlepage .modul-bild-1-image-hamburg-open {
    background-image: url("../img/articles/20200123-Hamburg-Open-(13-of-67)_Credit_HMC-mobile.jpg");
  }
}
/* line 2285, ../sass/main.scss */
.articlepage .modul-bild-1-image-marine-interiors {
  background-image: url("../img/articles/15_MARINE-INTERIORS_Credit_Hamburg-Messe-und-Congress-_-Nicolas-Maack-desktop.jpg");
}
@media (max-width: 767px) {
  /* line 2285, ../sass/main.scss */
  .articlepage .modul-bild-1-image-marine-interiors {
    background-image: url("../img/articles/15_MARINE-INTERIORS_Credit_Hamburg-Messe-und-Congress-_-Nicolas-Maack-mobile.jpg");
  }
}
/* line 2293, ../sass/main.scss */
.articlepage .modul-bild-1-image-cch-podcast {
  background-image: url("../img/articles/Heike_Mahmoud_CCH_Hamburg_FSI0118_Credit_Hamburg-Messe-und-Congress-_-Frank-Siemers-desktop.jpg");
}
@media (max-width: 767px) {
  /* line 2293, ../sass/main.scss */
  .articlepage .modul-bild-1-image-cch-podcast {
    background-image: url("../img/articles/Heike_Mahmoud_CCH_Hamburg_FSI0118_Credit_Hamburg-Messe-und-Congress-_-Frank-Siemers-mobile.jpg");
  }
}
/* line 2301, ../sass/main.scss */
.articlepage .modul-bild-1-image-hmc-impressionen {
  background-image: url("../img/articles/2004HamZZ63_Credit_HMC-_-Michael-Zapf-desktop.jpg");
}
@media (max-width: 767px) {
  /* line 2301, ../sass/main.scss */
  .articlepage .modul-bild-1-image-hmc-impressionen {
    background-image: url("../img/articles/2004HamZZ63_Credit_HMC-_-Michael-Zapf-mobile.jpg");
  }
}
/* line 2309, ../sass/main.scss */
.articlepage .modul-bild-1-image-junge-zukunftsideen {
  background-image: url("../img/articles/Preisverleihung-Sofia_Credit_FAMA-e.V.-desktop.jpg");
}
@media (max-width: 767px) {
  /* line 2309, ../sass/main.scss */
  .articlepage .modul-bild-1-image-junge-zukunftsideen {
    background-image: url("../img/articles/Preisverleihung-Sofia_Credit_FAMA-e.V.-mobile.jpg");
  }
}
/* line 2317, ../sass/main.scss */
.articlepage .modul-bild-1-image-flinker-helfer {
  background-image: url("../img/articles/IMG-20200211-WA0007_Credit_HMC-desktop.jpg");
}
@media (max-width: 767px) {
  /* line 2317, ../sass/main.scss */
  .articlepage .modul-bild-1-image-flinker-helfer {
    background-image: url("../img/articles/IMG-20200211-WA0007_Credit_HMC-mobile.jpg");
  }
}
/* line 2325, ../sass/main.scss */
.articlepage .modul-bild-1-image-cch-podcast-02 {
  background-image: url("../img/articles/podcast-01-desktop.jpg");
}
@media (max-width: 1023px) {
  /* line 2325, ../sass/main.scss */
  .articlepage .modul-bild-1-image-cch-podcast-02 {
    background-image: url("../img/articles/podcast-01-mobile.jpg");
  }
}
/* line 2333, ../sass/main.scss */
.articlepage .modul-bild-1-image-omr-podcast {
  background-image: url("../img/articles/1_Credit_OMR-desktop.jpg");
}
@media (max-width: 1023px) {
  /* line 2333, ../sass/main.scss */
  .articlepage .modul-bild-1-image-omr-podcast {
    background-image: url("../img/articles/1_Credit_OMR-mobile.jpg");
  }
}
/* line 2341, ../sass/main.scss */
.articlepage .modul-bild-1-image-omr-podcast-02 {
  background-image: url("../img/articles/2_Credit_OMR-desktop.jpg");
}
@media (max-width: 1023px) {
  /* line 2341, ../sass/main.scss */
  .articlepage .modul-bild-1-image-omr-podcast-02 {
    background-image: url("../img/articles/2_Credit_OMR-mobile.jpg");
  }
}
/* line 2350, ../sass/main.scss */
.articlepage .modul-bild-2 {
  height: 320px;
  background-size: cover;
  background-position: center;
}
@media (max-width: 767px) {
  /* line 2350, ../sass/main.scss */
  .articlepage .modul-bild-2 {
    height: 82.66667vw;
  }
}
/* line 2359, ../sass/main.scss */
.articlepage .modul-bild-2-auslandsveranstaltungen {
  background-image: url("../img/articles/Made_in_Germany-desktop.jpg");
}
@media (max-width: 767px) {
  /* line 2359, ../sass/main.scss */
  .articlepage .modul-bild-2-auslandsveranstaltungen {
    background-image: url("../img/articles/Made_in_Germany-mobile.jpg");
  }
}
/* line 2368, ../sass/main.scss */
.articlepage .modul-bildkombi-1-container {
  display: flex;
  justify-content: space-between;
}
/* line 2372, ../sass/main.scss */
.articlepage .modul-bildkombi-1-container .modul-bildkombi-1-left {
  width: 494px;
}
/* line 2376, ../sass/main.scss */
.articlepage .modul-bildkombi-1-container .modul-bildkombi-1-right {
  width: 494px;
}
/* line 2380, ../sass/main.scss */
.articlepage .modul-bildkombi-1-container .modul-bildkombi-1 {
  height: 494px;
  background-size: cover;
  background-position: center;
}
@media (max-width: 767px) {
  /* line 2380, ../sass/main.scss */
  .articlepage .modul-bildkombi-1-container .modul-bildkombi-1 {
    height: 82.66667vw;
  }
}
/* line 2391, ../sass/main.scss */
.articlepage .podcast-player {
  display: flex;
  align-items: center;
  margin: 80px 0;
}
@media (max-width: 1023px) {
  /* line 2391, ../sass/main.scss */
  .articlepage .podcast-player {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  /* line 2391, ../sass/main.scss */
  .articlepage .podcast-player {
    margin: 10.66667vw auto;
  }
}
/* line 2405, ../sass/main.scss */
.articlepage .podcast-player .podcast-player-image-container {
  max-width: 281px;
}
@media (max-width: 1023px) {
  /* line 2405, ../sass/main.scss */
  .articlepage .podcast-player .podcast-player-image-container {
    max-width: none;
    width: 44.79167vw;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  /* line 2405, ../sass/main.scss */
  .articlepage .podcast-player .podcast-player-image-container {
    min-width: 0;
    width: 100%;
  }
}
/* line 2419, ../sass/main.scss */
.articlepage .podcast-player .podcast-player-image-container .podcast-player-image {
  background-size: cover;
  height: 474px;
}
@media (max-width: 1023px) {
  /* line 2419, ../sass/main.scss */
  .articlepage .podcast-player .podcast-player-image-container .podcast-player-image {
    height: 44.79167vw;
  }
}
@media (max-width: 767px) {
  /* line 2419, ../sass/main.scss */
  .articlepage .podcast-player .podcast-player-image-container .podcast-player-image {
    height: 82.66667vw;
  }
}
/* line 2431, ../sass/main.scss */
.articlepage .podcast-player .podcast-player-image-container .podcast-player-image-cch-podcast {
  background-image: url("../img/podcast-01.jpg");
}
@media (max-width: 1023px) {
  /* line 2431, ../sass/main.scss */
  .articlepage .podcast-player .podcast-player-image-container .podcast-player-image-cch-podcast {
    background-image: url("../img/podcast-01-mobile.jpg");
  }
}
/* line 2439, ../sass/main.scss */
.articlepage .podcast-player .podcast-player-image-container .podcast-player-image-omr-podcast {
  background-image: url("../img/articles/1_Credit_OMR-desktop.jpg");
}
@media (max-width: 1023px) {
  /* line 2439, ../sass/main.scss */
  .articlepage .podcast-player .podcast-player-image-container .podcast-player-image-omr-podcast {
    background-image: url("../img/articles/1_Credit_OMR-mobile.jpg");
  }
}
/* line 2449, ../sass/main.scss */
.articlepage .podcast-player .podcast-player-content {
  margin-left: auto;
  max-width: 600px;
}
@media (max-width: 1279px) {
  /* line 2449, ../sass/main.scss */
  .articlepage .podcast-player .podcast-player-content {
    max-width: 540px;
  }
}
@media (max-width: 1023px) {
  /* line 2449, ../sass/main.scss */
  .articlepage .podcast-player .podcast-player-content {
    margin-left: 0;
    margin-top: 40px;
    max-width: none;
  }
}
@media (max-width: 767px) {
  /* line 2449, ../sass/main.scss */
  .articlepage .podcast-player .podcast-player-content {
    margin-top: 8vw;
  }
}
/* line 2467, ../sass/main.scss */
.articlepage .podcast-player .podcast-player-content h3 {
  margin: 0 0 20px;
}
@media (max-width: 767px) {
  /* line 2467, ../sass/main.scss */
  .articlepage .podcast-player .podcast-player-content h3 {
    margin: 0 0 5.33333vw;
  }
}
/* line 2475, ../sass/main.scss */
.articlepage .podcast-player .podcast-player-content .podcast-player-embed {
  width: 100%;
}
/* line 2483, ../sass/main.scss */
.articlepage .interview p.intro {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  /* line 2483, ../sass/main.scss */
  .articlepage .interview p.intro {
    margin-bottom: 10.66667vw;
  }
}
/* line 2493, ../sass/main.scss */
.articlepage .article-footer {
  display: flex;
  align-items: flex-start;
  margin: 80px 0 100px;
}
@media (max-width: 1023px) {
  /* line 2493, ../sass/main.scss */
  .articlepage .article-footer {
    flex-direction: column;
    align-items: center;
  }
}
/* line 2503, ../sass/main.scss */
.articlepage .article-footer .arrow-link {
  margin-top: 0;
}
@media (max-width: 1023px) {
  /* line 2503, ../sass/main.scss */
  .articlepage .article-footer .arrow-link {
    margin-bottom: 40px;
  }
}
/* line 2511, ../sass/main.scss */
.articlepage .article-footer .arrow-link.up img {
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
/* line 2516, ../sass/main.scss */
.articlepage .article-footer .arrow-link.up:hover img {
  -moz-transform: rotate(-90deg) translateX(10px);
  -ms-transform: rotate(-90deg) translateX(10px);
  -webkit-transform: rotate(-90deg) translateX(10px);
  transform: rotate(-90deg) translateX(10px);
}
/* line 2523, ../sass/main.scss */
.articlepage .article-footer .sharing {
  flex-grow: 1;
  text-align: center;
}
@media (max-width: 1023px) {
  /* line 2523, ../sass/main.scss */
  .articlepage .article-footer .sharing {
    order: 1;
  }
}
/* line 2531, ../sass/main.scss */
.articlepage .article-footer .sharing h3 {
  margin: 0 0 40px;
}
/* line 2535, ../sass/main.scss */
.articlepage .article-footer .sharing a {
  display: inline-block;
  width: 64px;
  margin: 0 10px;
}
@media (max-width: 767px) {
  /* line 2535, ../sass/main.scss */
  .articlepage .article-footer .sharing a {
    width: 12.8vw;
  }
}

/* line 2548, ../sass/main.scss */
.testimonial {
  position: relative;
  background-color: #000;
  color: #fff;
  padding-bottom: 140px;
  margin-top: 140px;
}
@media (max-width: 767px) {
  /* line 2548, ../sass/main.scss */
  .testimonial {
    padding-bottom: 21.33333vw;
    margin-top: 21.33333vw;
  }
}
/* line 2560, ../sass/main.scss */
.testimonial .container {
  display: flex;
  align-items: center;
}
@media (max-width: 1023px) {
  /* line 2560, ../sass/main.scss */
  .testimonial .container {
    flex-direction: column;
  }
}
/* line 2568, ../sass/main.scss */
.testimonial .container .testimonial-image-container {
  min-width: 215px;
  margin-right: 100px;
}
@media (max-width: 1023px) {
  /* line 2568, ../sass/main.scss */
  .testimonial .container .testimonial-image-container {
    width: 44.79167vw;
    margin-right: 0;
    margin-bottom: 10.41667vw;
  }
}
@media (max-width: 767px) {
  /* line 2568, ../sass/main.scss */
  .testimonial .container .testimonial-image-container {
    min-width: 0;
    width: 100%;
  }
}
/* line 2583, ../sass/main.scss */
.testimonial .container .testimonial-image-container .testimonial-image {
  background-size: cover;
  height: 395px;
}
@media (max-width: 1023px) {
  /* line 2583, ../sass/main.scss */
  .testimonial .container .testimonial-image-container .testimonial-image {
    height: 44.79167vw;
  }
}
@media (max-width: 767px) {
  /* line 2583, ../sass/main.scss */
  .testimonial .container .testimonial-image-container .testimonial-image {
    height: 82.66667vw;
  }
}
/* line 2595, ../sass/main.scss */
.testimonial .container .testimonial-image-container .testimonial-image-alexandra-wachs {
  background-image: url("../img/testimonials/alexandra-wachs-desktop.jpg");
}
@media (max-width: 1023px) {
  /* line 2595, ../sass/main.scss */
  .testimonial .container .testimonial-image-container .testimonial-image-alexandra-wachs {
    background-image: url("../img/testimonials/alexandra-wachs-mobile.jpg");
  }
}
/* line 2603, ../sass/main.scss */
.testimonial .container .testimonial-image-container .testimonial-image-ivonne-kislaki {
  background-image: url("../img/testimonials/yvonne-kislaki-desktop.jpg");
}
@media (max-width: 1023px) {
  /* line 2603, ../sass/main.scss */
  .testimonial .container .testimonial-image-container .testimonial-image-ivonne-kislaki {
    background-image: url("../img/testimonials/yvonne-kislaki-mobile.jpg");
  }
}
/* line 2611, ../sass/main.scss */
.testimonial .container .testimonial-image-container .testimonial-image-vincent-spitzmann {
  background-image: url("../img/testimonials/vincent-spitzmann-desktop.jpg");
}
@media (max-width: 1023px) {
  /* line 2611, ../sass/main.scss */
  .testimonial .container .testimonial-image-container .testimonial-image-vincent-spitzmann {
    background-image: url("../img/testimonials/vincent-spitzmann-mobile.jpg");
  }
}
/* line 2619, ../sass/main.scss */
.testimonial .container .testimonial-image-container .testimonial-image-meike-strauch {
  background-image: url("../img/testimonials/meike-strauch-desktop.jpg");
}
@media (max-width: 1023px) {
  /* line 2619, ../sass/main.scss */
  .testimonial .container .testimonial-image-container .testimonial-image-meike-strauch {
    background-image: url("../img/testimonials/meike-strauch-mobile.jpg");
  }
}
/* line 2627, ../sass/main.scss */
.testimonial .container .testimonial-image-container .testimonial-image-carola-tepper {
  background-image: url("../img/testimonials/carola-tepper-desktop.jpg");
}
@media (max-width: 1023px) {
  /* line 2627, ../sass/main.scss */
  .testimonial .container .testimonial-image-container .testimonial-image-carola-tepper {
    background-image: url("../img/testimonials/carola-tepper-mobile.jpg");
  }
}
/* line 2635, ../sass/main.scss */
.testimonial .container .testimonial-image-container .testimonial-image-daniel-schmitt {
  background-image: url("../img/testimonials/daniel-schmitt-desktop.jpg");
}
@media (max-width: 1023px) {
  /* line 2635, ../sass/main.scss */
  .testimonial .container .testimonial-image-container .testimonial-image-daniel-schmitt {
    background-image: url("../img/testimonials/daniel-schmitt-mobile.jpg");
  }
}
/* line 2643, ../sass/main.scss */
.testimonial .container .testimonial-image-container .testimonial-image-hartmut-hofmann {
  background-image: url("../img/testimonials/hartmut-hofmann-desktop.jpg");
}
@media (max-width: 1023px) {
  /* line 2643, ../sass/main.scss */
  .testimonial .container .testimonial-image-container .testimonial-image-hartmut-hofmann {
    background-image: url("../img/testimonials/hartmut-hofmann-mobile.jpg");
  }
}
/* line 2651, ../sass/main.scss */
.testimonial .container .testimonial-image-container .testimonial-image-nick-plasa {
  background-image: url("../img/testimonials/nick-plasa-desktop.jpg");
}
@media (max-width: 1023px) {
  /* line 2651, ../sass/main.scss */
  .testimonial .container .testimonial-image-container .testimonial-image-nick-plasa {
    background-image: url("../img/testimonials/nick-plasa-mobile.jpg");
  }
}
/* line 2659, ../sass/main.scss */
.testimonial .container .testimonial-image-container .testimonial-image-sofia-zindler {
  background-image: url("../img/testimonials/sofia-zindler-desktop.jpg");
}
@media (max-width: 1023px) {
  /* line 2659, ../sass/main.scss */
  .testimonial .container .testimonial-image-container .testimonial-image-sofia-zindler {
    background-image: url("../img/testimonials/sofia-zindler-mobile.jpg");
  }
}
/* line 2667, ../sass/main.scss */
.testimonial .container .testimonial-image-container .testimonial-image-steven-eckert {
  background-image: url("../img/testimonials/steven-eckert-desktop.jpg");
}
@media (max-width: 1023px) {
  /* line 2667, ../sass/main.scss */
  .testimonial .container .testimonial-image-container .testimonial-image-steven-eckert {
    background-image: url("../img/testimonials/steven-eckert-mobile.jpg");
  }
}
/* line 2675, ../sass/main.scss */
.testimonial .container .testimonial-image-container .testimonial-image-lionel {
  background-image: url("../img/testimonials/lionel-desktop.jpg");
}
@media (max-width: 1023px) {
  /* line 2675, ../sass/main.scss */
  .testimonial .container .testimonial-image-container .testimonial-image-lionel {
    background-image: url("../img/testimonials/lionel-mobile.jpg");
  }
}
/* line 2687, ../sass/main.scss */
.testimonial .container .testimonial-content h4 {
  position: relative;
  color: #DD413A;
  margin-bottom: 0px;
}
@media (max-width: 767px) {
  /* line 2687, ../sass/main.scss */
  .testimonial .container .testimonial-content h4 {
    margin-bottom: 4vw;
  }
}
/* line 2696, ../sass/main.scss */
.testimonial .container .testimonial-content h4:before {
  content: "";
  position: absolute;
  background-color: #DD413A;
  width: 2px;
  height: 32.5px;
  bottom: -32.5px;
  left: 0;
}
@media (max-width: 767px) {
  /* line 2696, ../sass/main.scss */
  .testimonial .container .testimonial-content h4:before {
    height: 10.8vw;
    bottom: -10.8vw;
  }
}
/* line 2712, ../sass/main.scss */
.testimonial .container .testimonial-content h3 {
  margin-top: 6px;
  margin-left: 20px;
  word-break: break-word;
}