/* line 54, ../sass/main.scss */
.loader {
  position: fixed;
  width: 100%;
  height: 100%;
  text-align: center;
}
@media (max-width: 720px) and (orientation: landscape) {
  /* line 54, ../sass/main.scss */
  .loader {
    display: none;
  }
}
/* line 64, ../sass/main.scss */
.loader .loader-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 72, ../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 75, ../sass/main.scss */
.loader .hexagon svg {
  fill: #FFC629;
}
@-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 95, ../sass/main.scss */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

/* line 105, ../sass/main.scss */
body {
  position: relative;
  background-color: #fff;
  font-family: Lato, sans-serif;
  font-weight: 400;
  font-size: 0;
  color: #000;
  font-variant-ligatures: no-common-ligatures;
}

/* line 115, ../sass/main.scss */
.main {
  position: relative;
  opacity: 0;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

/* line 123, ../sass/main.scss */
.responsive-video-16-9 {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  background-color: #000;
}
/* line 129, ../sass/main.scss */
.responsive-video-16-9 video, .responsive-video-16-9 iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* ==========================================================================
   Custom
   ========================================================================== */
/* line 146, ../sass/main.scss */
.__iq_dist_to_top {
  top: 60px;
}

/* line 150, ../sass/main.scss */
.__iq_header_height {
  height: 60px;
}

/* line 154, ../sass/main.scss */
.__iq_hero_height {
  height: calc(100vh - 60px);
}

/* line 158, ../sass/main.scss */
.iq-header-space {
  position: relative;
  z-index: 20000;
}

/* line 164, ../sass/main.scss */
.iq-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 20000;
  background-color: #000;
}

/* line 172, ../sass/main.scss */
.__iq_CFooter, .__iq_CHeader {
  z-index: 10000;
}

/* line 176, ../sass/main.scss */
.landscape-notice {
  display: none;
  height: 100vh;
  width: 100%;
  font-size: 16px;
  padding: 20px;
  align-items: center;
  text-align: center;
  justify-content: center;
}
@media (max-width: 720px) and (orientation: landscape) {
  /* line 176, ../sass/main.scss */
  .landscape-notice {
    display: flex;
  }
}

/* line 191, ../sass/main.scss */
.jarallax {
  position: relative;
  z-index: 0;
}

/* line 196, ../sass/main.scss */
.jarallax > .jarallax-img {
  position: absolute;
  object-fit: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

@media (max-width: 720px) and (orientation: landscape) {
  /* line 206, ../sass/main.scss */
  .main {
    display: none;
  }
}
/* line 211, ../sass/main.scss */
.main .progress {
  position: fixed;
  width: 100%;
  height: 5px;
  background-color: #E14B00;
  z-index: 100;
}
/* line 218, ../sass/main.scss */
.main .progress .inner {
  height: 100%;
  background-color: #FFC629;
  width: 0;
}
/* line 225, ../sass/main.scss */
.main .logo {
  position: fixed;
  width: 120px;
  left: 16px;
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
}
/* line 237, ../sass/main.scss */
.main .logo img {
  width: 120px;
  height: auto;
}
@media (max-width: 1279px) {
  /* line 225, ../sass/main.scss */
  .main .logo {
    position: relative;
    top: 0;
  }
}
/* line 248, ../sass/main.scss */
.main .header {
  position: relative;
  padding: 46px 0;
  z-index: 0;
}
/* line 253, ../sass/main.scss */
.main .header h1 {
  max-width: 620px;
}
/* line 259, ../sass/main.scss */
.main .container {
  max-width: 760px;
  padding: 0 20px;
  margin: 0 auto;
}
/* line 265, ../sass/main.scss */
.main h1 {
  margin: 0;
  font-size: 72px;
  line-height: 72px;
  font-weight: 900;
  color: #FFC629;
}
@media (max-width: 720px) {
  /* line 265, ../sass/main.scss */
  .main h1 {
    font-size: 42px;
    line-height: 42px;
  }
}
/* line 277, ../sass/main.scss */
.main h1 span {
  display: block;
  color: #E14B00;
}
/* line 283, ../sass/main.scss */
.main a {
  color: #FFC629;
  text-decoration: none;
}
/* line 287, ../sass/main.scss */
.main a:hover {
  text-decoration: underline;
}
/* line 292, ../sass/main.scss */
.main p {
  margin: 0;
}
/* line 296, ../sass/main.scss */
.main strong {
  font-weight: 900;
}
/* line 300, ../sass/main.scss */
.main .arrow {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  bottom: -30px;
  z-index: 1;
}
/* line 310, ../sass/main.scss */
.main .arrow .circle-wrapper {
  position: absolute;
  top: 30px;
  width: 60px;
  height: 30px;
  overflow: hidden;
}
/* line 317, ../sass/main.scss */
.main .arrow .circle-wrapper .circle {
  position: absolute;
  top: -30px;
  width: 100%;
  height: 60px;
  background-color: #fff;
  border-radius: 50%;
}
/* line 327, ../sass/main.scss */
.main .arrow .arrow-icon {
  position: relative;
}
/* line 330, ../sass/main.scss */
.main .arrow .arrow-icon img {
  width: 24px;
  height: auto;
}
/* line 337, ../sass/main.scss */
.main .header-jarallax {
  height: 480px;
}
/* line 341, ../sass/main.scss */
.main .grey {
  position: relative;
  padding: 29px 0 77px;
  font-size: 21px;
  line-height: 32px;
  background-color: #F0F1F2;
}
/* line 348, ../sass/main.scss */
.main .grey.kursiv {
  padding: 140px 0 133px;
  font-style: italic;
}
/* line 353, ../sass/main.scss */
.main .grey.quote {
  padding: 103px 0 133px;
  font-style: italic;
}
/* line 360, ../sass/main.scss */
.main .grey .arrow .circle-wrapper .circle {
  background-color: #F0F1F2;
}
/* line 366, ../sass/main.scss */
.main .grey.white {
  background-color: #fff;
  padding: 111px 0 121px;
}
/* line 372, ../sass/main.scss */
.main .grey.white .arrow .circle-wrapper .circle {
  background-color: #fff;
}
/* line 379, ../sass/main.scss */
.main .grey .button {
  width: 143px;
  height: 48px;
  padding: 0 30px;
  border-radius: 24px;
  background-color: #005CB9;
  font-weight: 900;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  font-size: 16px;
  line-height: 16px;
  border: none;
  text-transform: none;
  -moz-transition: background-color 0.25s linear;
  -o-transition: background-color 0.25s linear;
  -webkit-transition: background-color 0.25s linear;
  transition: background-color 0.25s linear;
}
/* line 397, ../sass/main.scss */
.main .grey .button:hover {
  text-decoration: none;
  background-color: #FFC629;
}
/* line 403, ../sass/main.scss */
.main .grey.non-kursiv {
  padding: 125px 0 94px;
  font-style: normal;
}
/* line 409, ../sass/main.scss */
.main .kapitel {
  position: relative;
  display: block;
  padding: 131px 0 110px;
}
/* line 414, ../sass/main.scss */
.main .kapitel:hover {
  text-decoration: none;
}
/* line 418, ../sass/main.scss */
.main .kapitel.kapitel-grey {
  background-color: #F0F1F2;
}
/* line 423, ../sass/main.scss */
.main .kapitel.kapitel-grey .arrow .circle-wrapper .circle {
  background-color: #F0F1F2;
}
/* line 431, ../sass/main.scss */
.main .kapitel-jarallax {
  height: 480px;
}
/* line 435, ../sass/main.scss */
.main .with-quote {
  position: relative;
  padding: 119px 0 342px;
  font-size: 21px;
  line-height: 32px;
}
@media (max-width: 720px) {
  /* line 435, ../sass/main.scss */
  .main .with-quote {
    padding: 119px 0 442px;
  }
}
/* line 445, ../sass/main.scss */
.main .with-quote .quote {
  position: absolute;
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
  left: 0;
  right: 0;
  -moz-transform: translateX(-12px);
  -ms-transform: translateX(-12px);
  -webkit-transform: translateX(-12px);
  transform: translateX(-12px);
  padding: 0 20px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  height: 324px;
  bottom: -92px;
  z-index: 1;
}
@media (max-width: 720px) {
  /* line 445, ../sass/main.scss */
  .main .with-quote .quote {
    flex-direction: column;
    height: auto;
  }
}
/* line 466, ../sass/main.scss */
.main .with-quote .quote .image-wrapper {
  width: 324px;
  height: 324px;
  border: 12px solid #fff;
  border-radius: 162px;
  overflow: hidden;
}
/* line 473, ../sass/main.scss */
.main .with-quote .quote .image-wrapper img {
  width: 100%;
  height: 100%;
}
/* line 479, ../sass/main.scss */
.main .with-quote .quote .copy-wrapper {
  position: relative;
  margin-left: 20px;
  padding-bottom: 12px;
}
/* line 484, ../sass/main.scss */
.main .with-quote .quote .copy-wrapper img {
  width: 70px;
  height: auto;
  margin-bottom: 40px;
}
/* line 490, ../sass/main.scss */
.main .with-quote .quote .copy-wrapper .copy {
  color: #005CB9;
  font-style: italic;
  font-size: 16px;
  line-height: 20px;
}
/* line 500, ../sass/main.scss */
.main .white {
  padding: 114px 0 100px;
  font-size: 21px;
  line-height: 32px;
}
/* line 505, ../sass/main.scss */
.main .white.kursiv {
  font-style: italic;
}
/* line 510, ../sass/main.scss */
.main .circle-diagramm {
  position: relative;
  padding: 114px 0 117px;
  font-size: 21px;
  line-height: 32px;
}
/* line 516, ../sass/main.scss */
.main .circle-diagramm .diagramm-wrapper {
  display: flex;
  align-items: center;
}
@media (max-width: 720px) {
  /* line 516, ../sass/main.scss */
  .main .circle-diagramm .diagramm-wrapper {
    flex-direction: column;
  }
}
/* line 524, ../sass/main.scss */
.main .circle-diagramm .diagramm-wrapper .circle-wrapper {
  width: 150px;
  min-width: 150px;
  height: 150px;
  border-radius: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: conic-gradient(#FFC629 0% 54%, #005CB9 46%);
  margin-right: 40px;
}
@media (max-width: 720px) {
  /* line 524, ../sass/main.scss */
  .main .circle-diagramm .diagramm-wrapper .circle-wrapper {
    margin-right: 0;
    margin-bottom: 40px;
  }
}
/* line 540, ../sass/main.scss */
.main .circle-diagramm .diagramm-wrapper .circle-wrapper .circle {
  width: 70px;
  height: 70px;
  background-color: #fff;
  border-radius: 35px;
  font-weight: 900;
  font-style: italic;
  color: #FFC629;
  font-size: 20px;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 556, ../sass/main.scss */
.main .circle-diagramm .diagramm-wrapper .copy {
  font-style: italic;
  color: #FFC629;
  padding-left: 44px;
  border-left: 4px solid #FFC629;
}
@media (max-width: 720px) {
  /* line 556, ../sass/main.scss */
  .main .circle-diagramm .diagramm-wrapper .copy {
    padding-left: 0;
    padding-top: 40px;
    border-left: none;
    border-top: 4px solid #FFC629;
  }
}
/* line 571, ../sass/main.scss */
.main .circle-diagramm .diagramm-wrapper.base-grey .circle-wrapper {
  background: conic-gradient(#F38B00 0% 52%, #E1E2E3 48%);
}
/* line 576, ../sass/main.scss */
.main .circle-diagramm .diagramm-wrapper.blue {
  margin-top: 60px;
}
/* line 579, ../sass/main.scss */
.main .circle-diagramm .diagramm-wrapper.blue .circle-wrapper {
  background: conic-gradient(#005CB9 0% 51%, #E1E2E3 49%);
  margin-right: 0;
  margin-left: 40px;
  order: 2;
}
@media (max-width: 720px) {
  /* line 579, ../sass/main.scss */
  .main .circle-diagramm .diagramm-wrapper.blue .circle-wrapper {
    margin-left: 0;
    order: 1;
  }
}
/* line 591, ../sass/main.scss */
.main .circle-diagramm .diagramm-wrapper.blue .copy {
  padding-left: 0;
  padding-right: 44px;
  border-left: none;
  border-right: 4px solid #FFC629;
  order: 1;
}
@media (max-width: 720px) {
  /* line 591, ../sass/main.scss */
  .main .circle-diagramm .diagramm-wrapper.blue .copy {
    padding-right: 0;
    border-right: none;
  }
}
/* line 608, ../sass/main.scss */
.main .circle-diagramm .arrow .circle-wrapper .circle {
  background-color: #fff;
}
/* line 615, ../sass/main.scss */
.main .bar-diagramm {
  position: relative;
  padding: 133px 0 127px;
}
/* line 619, ../sass/main.scss */
.main .bar-diagramm .legende {
  margin-bottom: 34px;
}
/* line 622, ../sass/main.scss */
.main .bar-diagramm .legende .legende-item {
  display: flex;
  align-items: center;
  height: 23px;
  padding-left: 33px;
  font-size: 15px;
  line-height: 15px;
  border-left: 23px solid #005CB9;
  margin-bottom: 12px;
}
/* line 632, ../sass/main.scss */
.main .bar-diagramm .legende .legende-item.yellow {
  border-color: #FFC629;
}
/* line 638, ../sass/main.scss */
.main .bar-diagramm .bar-items {
  display: flex;
  height: 413px;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 30px;
  border-bottom: 1px solid #000;
}
@media (max-width: 720px) {
  /* line 638, ../sass/main.scss */
  .main .bar-diagramm .bar-items {
    flex-direction: column;
    height: auto;
    align-items: center;
    justify-content: center;
    gap: 60px;
  }
}
/* line 654, ../sass/main.scss */
.main .bar-diagramm .bar-items .bar-item {
  width: 185px;
}
/* line 657, ../sass/main.scss */
.main .bar-diagramm .bar-items .bar-item .bars {
  display: flex;
  align-items: flex-end;
  margin-bottom: 20px;
  gap: 6px;
}
/* line 663, ../sass/main.scss */
.main .bar-diagramm .bar-items .bar-item .bars .bar {
  width: 54px;
  height: 200px;
  background-color: #005CB9;
  display: flex;
  justify-content: center;
  padding-top: 10px;
  font-size: 17px;
  font-weight: 900;
  color: #fff;
}
/* line 674, ../sass/main.scss */
.main .bar-diagramm .bar-items .bar-item .bars .bar.yellow {
  background-color: #FFC629;
}
/* line 680, ../sass/main.scss */
.main .bar-diagramm .bar-items .bar-item .copy {
  font-size: 14px;
  line-height: 20px;
}
@media (max-width: 720px) {
  /* line 686, ../sass/main.scss */
  .main .bar-diagramm .bar-items .bar-item .bars {
    justify-content: center;
    height: 283px;
  }
  /* line 691, ../sass/main.scss */
  .main .bar-diagramm .bar-items .bar-item .copy {
    text-align: center;
  }
}
/* line 696, ../sass/main.scss */
.main .bar-diagramm .bar-items .bar-item.center {
  width: 210px;
}
/* line 699, ../sass/main.scss */
.main .bar-diagramm .bar-items .bar-item.center .bars {
  justify-content: center;
}
/* line 703, ../sass/main.scss */
.main .bar-diagramm .bar-items .bar-item.center .copy {
  text-align: center;
}
@media (max-width: 720px) {
  /* line 708, ../sass/main.scss */
  .main .bar-diagramm .bar-items .bar-item.center .bars {
    justify-content: center;
    height: 179px;
  }
  /* line 713, ../sass/main.scss */
  .main .bar-diagramm .bar-items .bar-item.center .copy {
    text-align: center;
  }
}
/* line 720, ../sass/main.scss */
.main .bar-diagramm .bar-items .bar-item.right .bars {
  justify-content: flex-end;
}
/* line 724, ../sass/main.scss */
.main .bar-diagramm .bar-items .bar-item.right .copy {
  text-align: right;
}
@media (max-width: 720px) {
  /* line 729, ../sass/main.scss */
  .main .bar-diagramm .bar-items .bar-item.right .bars {
    justify-content: center;
    height: 120px;
  }
  /* line 734, ../sass/main.scss */
  .main .bar-diagramm .bar-items .bar-item.right .copy {
    text-align: center;
  }
}
/* line 742, ../sass/main.scss */
.main .bar-diagramm .question {
  font-size: 14px;
  line-height: 20px;
  margin-top: 60px;
}
/* line 749, ../sass/main.scss */
.main h3 {
  font-weight: 900;
  font-style: italic;
  color: #E14B00;
  font-size: 28px;
  line-height: 40px;
  margin: 50px 0;
}
/* line 758, ../sass/main.scss */
.main .footer {
  display: flex;
  align-items: center;
  font-family: Lato, sans-serif;
}
@media (max-width: 720px) {
  /* line 758, ../sass/main.scss */
  .main .footer {
    flex-direction: column;
  }
}
/* line 767, ../sass/main.scss */
.main .footer img {
  min-width: 95px;
  width: 95px;
}
/* line 772, ../sass/main.scss */
.main .footer .copy {
  color: #333333;
  font-size: 32px;
  line-height: 40px;
  font-style: italic;
  font-weight: 900;
  margin-left: 54px;
}
@media (max-width: 720px) {
  /* line 772, ../sass/main.scss */
  .main .footer .copy {
    margin-left: 0;
    margin-top: 54px;
    text-align: center;
  }
}
/* line 788, ../sass/main.scss */
.main .teaser-container {
  position: relative;
  padding: 44px 0 193px;
  background-color: #F0F1F2;
}
/* line 793, ../sass/main.scss */
.main .teaser-container .headline {
  color: #333333;
  font-size: 32px;
  line-height: 40px;
  font-style: italic;
  font-weight: 900;
}
/* line 801, ../sass/main.scss */
.main .teaser-container .teasers {
  margin-top: 45px;
  display: flex;
  gap: 80px;
}
@media (max-width: 720px) {
  /* line 801, ../sass/main.scss */
  .main .teaser-container .teasers {
    flex-direction: column;
  }
}
/* line 810, ../sass/main.scss */
.main .teaser-container .teasers .teaser {
  width: 320px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 720px) {
  /* line 810, ../sass/main.scss */
  .main .teaser-container .teasers .teaser {
    width: 100%;
  }
}
/* line 819, ../sass/main.scss */
.main .teaser-container .teasers .teaser img {
  width: 100%;
  height: auto;
}
/* line 824, ../sass/main.scss */
.main .teaser-container .teasers .teaser .topline {
  color: #333333;
  font-size: 24px;
  line-height: 40px;
  font-style: italic;
  font-weight: 900;
  margin: 32px 0 0;
}
/* line 833, ../sass/main.scss */
.main .teaser-container .teasers .teaser .copy {
  color: #333333;
  font-size: 16px;
  line-height: 24px;
  margin: 14px 0 30px;
}
/* line 840, ../sass/main.scss */
.main .teaser-container .teasers .teaser .button {
  width: 143px;
  height: 48px;
  border-radius: 24px;
  background-color: #005CB9;
  font-weight: 900;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  font-size: 16px;
  line-height: 16px;
  border: none;
  text-transform: none;
  -moz-transition: background-color 0.25s linear;
  -o-transition: background-color 0.25s linear;
  -webkit-transition: background-color 0.25s linear;
  transition: background-color 0.25s linear;
}
/* line 857, ../sass/main.scss */
.main .teaser-container .teasers .teaser .button:hover {
  text-decoration: none;
  background-color: #FFC629;
}