@font-face {
  font-family: InterBold;
  src: url("../fonts/inter-600.woff2"); }

@font-face {
  font-family: Inter;
  src: url("../fonts/inter-400.woff2"); }

@font-face {
  font-family: InterMedium;
  src: url("../fonts/inter-500.woff2"); }

@font-face {
  font-family: InterMediumItalic;
  src: url("../fonts/inter-500-italic.woff2"); }

@font-face {
  font-family: InterLight;
  src: url("../fonts/inter-300.woff2"); }

body {
  margin: 0;
  overflow-x: hidden;
  font-family: "Inter", sans-serif; }

h1 {
  font-size: 44px;}

h2 {
  font-size: 36px;}

h3 {
  font-size: 26px;}

h4 {
  font-size: 24px;}

.content {
  padding: 1px 0;
  margin: 0 auto;
  max-width: 1440px;
  background-position: top;
  background-image: url("../media/pollenflug.svg"); }
  @media (min-width: 1025px) {
    .content {
      background-size: cover;
      background-repeat: no-repeat; } }
  @media (max-width: 1024px) {
    .content {
      background-size: contain; } }

.hidden {
  display: none !important; }

@font-face {
  font-family: InterBold;
  src: url("../fonts/inter-600.woff2"); }

@font-face {
  font-family: Inter;
  src: url("../fonts/inter-400.woff2"); }

@font-face {
  font-family: InterMedium;
  src: url("../fonts/inter-500.woff2"); }

@font-face {
  font-family: InterMediumItalic;
  src: url("../fonts/inter-500-italic.woff2"); }

@font-face {
  font-family: InterLight;
  src: url("../fonts/inter-300.woff2"); }

#sliding-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  pointer-events: non; }
  #sliding-popup.eu-cookie-withdraw-wrapper:not(.eu-cookie-withdraw-wrapper-open) {
    display: none !important; }
    #sliding-popup.eu-cookie-withdraw-wrapper:not(.eu-cookie-withdraw-wrapper-open) .eu-cookie-withdraw-banner {
      display: none; }
    #sliding-popup.eu-cookie-withdraw-wrapper:not(.eu-cookie-withdraw-wrapper-open).sliding-popup-bottom {
      display: block !important;
      bottom: 0 !important; }
      #sliding-popup.eu-cookie-withdraw-wrapper:not(.eu-cookie-withdraw-wrapper-open).sliding-popup-bottom:before {
        display: none; }
  #sliding-popup .eu-cookie-withdraw-tab {
    bottom: 0;
    top: unset;
    pointer-events: all; }
  #sliding-popup .eu-cookie-withdraw-banner {
    position: relative;
    z-index: 100;
    top: 10%;
    pointer-events: all; }
  #sliding-popup:before {
    z-index: 1;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    opacity: 0.8;
    background-color: #000;
    position: fixed; }

.eu-cookie-compliance-show-details,
.eu-cookie-compliance-show-simple {
  text-align: center;
  margin-top: 25px; }

.eu-cookie-compliance-show-details {
  text-decoration: none;
  color: #153c71; }

.first-popup .eu-cookie-compliance-show-details {
  margin-left: 10px; }
  @media screen and (max-width: 650px) {
    .first-popup .eu-cookie-compliance-show-details {
      margin-left: 20px; } }

.second-popup .eu-cookie-compliance-show-details {
  display: block; }

.eu-cookie-compliance-message,
#eu-cookie-compliance-categories {
  float: none;
  max-width: 100%;
  width: 100%; }

.eu-cookie-compliance-message {
  margin-bottom: 20px; }

@media screen and (max-width: 650px) {
  #eu-cookie-compliance-categories tr {
    width: 100%; } }

#eu-cookie-compliance-categories label {
  display: block;
  position: relative;
  height: 0;
  padding-bottom: 40px;
  line-height: 1em;
  text-align: center;
  color: #153c71; }
  @media screen and (max-width: 650px) {
    #eu-cookie-compliance-categories label {
      height: auto;
      padding-bottom: 0;
      line-height: unset;
      text-align: left; } }

#eu-cookie-compliance-categories input[type=checkbox]:checked + label:after,
#eu-cookie-compliance-categories label:before {
  content: "";
  display: block;
  position: absolute; }

#eu-cookie-compliance-categories input[type=checkbox] + label:before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, 100%);
  height: 20px;
  width: 20px;
  border: 1px solid #153c71;
  background-color: #fff; }
  @media screen and (max-width: 650px) {
    #eu-cookie-compliance-categories input[type=checkbox] + label:before {
      top: 50%;
      right: 0;
      left: auto;
      transform: translateY(-50%); } }

#eu-cookie-compliance-categories input[type=checkbox]:checked + label:after {
  bottom: -8px;
  left: 50%;
  transform: translate(-50%, 100%);
  height: 10px;
  width: 10px;
  background-color: #153c71; }
  @media screen and (max-width: 650px) {
    #eu-cookie-compliance-categories input[type=checkbox]:checked + label:after {
      bottom: -1px;
      right: 6px;
      left: auto;
      transform: translateY(-50%); } }

.eu-cookie-compliance-message__first {
  font-weight: 600;
  margin-bottom: 10px;
  color: #153c71; }

.eu-cookie-compliance-message__second {
  font-size: 21px;
  font-weight: 600;
  margin: 0 0 10px;
  color: #153c71; }
  @media screen and (max-width: 650px) {
    .eu-cookie-compliance-message__second {
      font-size: 19px;
      line-height: 1.2em; } }

.eu-cookie-compliance-message__third {
  font-size: 15px;
  line-height: 20px;
  margin: 0;
  font-family: "InterLight", sans-serif;
  color: #153c71; }
  .eu-cookie-compliance-message__third a {
    font-weight: bold;
    font-family: "InterBold", sans-serif;
    text-decoration: none;
    color: #153c71; }
  @media screen and (max-width: 650px) {
    .eu-cookie-compliance-message__third {
      font-size: 12px; } }

#popup-text h2 {
  margin-bottom: 30px; }

@media (min-width: 651px) {
  #eu-cookie-compliance-categories {
    margin: 30px 0 60px; } }

@media screen and (max-width: 650px) {
  #eu-cookie-compliance-categories tbody {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse; } }

@media screen and (max-width: 650px) {
  #eu-cookie-compliance-categories tr {
    display: block; } }

#eu-cookie-compliance-categories th,
#eu-cookie-compliance-categories td {
  font-size: 16px;
  font-weight: 500; }
  @media screen and (max-width: 650px) {
    #eu-cookie-compliance-categories th,
    #eu-cookie-compliance-categories td {
      width: auto;
      display: block;
      margin: 1em 0; } }
  @media (min-width: 651px) {
    #eu-cookie-compliance-categories th,
    #eu-cookie-compliance-categories td {
      width: 25%;
      text-align: center; } }

.eu-cookie-compliance-banner {
  position: absolute;
  z-index: 2;
  pointer-events: all;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }
  @media (min-width: 651px) and (max-width: 1024px) {
    .eu-cookie-compliance-banner {
      left: 10vw;
      top: 10vw;
      transform: none; } }
  @media screen and (max-width: 650px) {
    .eu-cookie-compliance-banner {
      width: 100%; } }

.eu-cookie-compliance-content {
  background-color: white;
  max-height: 80vh;
  overflow-y: auto;
  margin: auto; }
  @media screen and (max-width: 650px) {
    .eu-cookie-compliance-content {
      overflow-x: hidden;
      max-width: 80vw; } }
  @media (min-width: 1025px) {
    .eu-cookie-compliance-content {
      padding: 50px 60px 30px;
      max-width: 550px; } }
  @media (min-width: 651px) and (max-width: 1024px) {
    .eu-cookie-compliance-content {
      padding: 50px 60px 30px;
      max-width: 80vw;
      box-sizing: border-box; } }
  @media screen and (max-width: 650px) {
    .eu-cookie-compliance-content {
      padding: 40px 40px 30px; } }

.first-popup .eu-cookie-compliance-categories-buttons {
  display: inline-block; }

.second-popup .eu-cookie-compliance-categories-buttons {
  display: flex; }
  @media screen and (max-width: 650px) {
    .second-popup .eu-cookie-compliance-categories-buttons {
      flex-direction: column; } }

.eu-cookie-compliance-more-button,
.eu-cookie-compliance-default-button {
  display: none; }

.eu-cookie-compliance-accept-all-button {
  border: none;
  font-size: 13px;
  line-height: 42px;
  font-family: "Inter", sans-serif;
  color: white;
  background-color: #072c5f; }
  @media screen and (max-width: 650px) {
    .eu-cookie-compliance-accept-all-button {
      max-height: 100%; } }
  @media (min-width: 651px) {
    .eu-cookie-compliance-accept-all-button {
      margin-right: 20px; } }

.eu-cookie-compliance-accept-all-button,
.eu-cookie-compliance-secondary-button,
.eu-cookie-withdraw-button,
.eu-cookie-withdraw-tab {
  font-size: 16px;
  line-height: 42px;
  padding: 0 30px;
  border: none;
  font-family: "Inter", sans-serif;
  transition: all .3s ease-in-out;
  opacity: 1; }
  @media screen and (max-width: 650px) {
    .eu-cookie-compliance-accept-all-button,
    .eu-cookie-compliance-secondary-button,
    .eu-cookie-withdraw-button,
    .eu-cookie-withdraw-tab {
      margin: 0 0 10px;
      padding: 0 10px; } }
  .eu-cookie-compliance-accept-all-button:hover,
  .eu-cookie-compliance-secondary-button:hover,
  .eu-cookie-withdraw-button:hover,
  .eu-cookie-withdraw-tab:hover {
    opacity: .75; }

.cookie__list {
  margin: 20px 0 0 0;
  padding: 0;
  text-align: left;
  color: #153c71; }

.cookie__item {
  display: block; }
  .cookie__item + .cookie__item {
    margin-top: 15px; }
  .cookie__item h4 {
    font-size: 15px;
    margin-bottom: 0;
    text-align: left;
    color: #153c71; }
  .cookie__item .cookie__content {
    font-size: 15px;
    color: #153c71; }
  .cookie__item .cookie__details {
    margin: 20px 0 30px 0; }
  .cookie__item .cookie__summary {
    font-weight: 600;
    color: #153c71; }
    .cookie__item .cookie__summary:focus {
      outline: 0; }
    .cookie__item .cookie__summary:hover {
      cursor: pointer; }
    .cookie__item .cookie__summary::marker, .cookie__item .cookie__summary::-webkit-details-marker {
      font-size: 10px;
      color: #153c71; }

@font-face {
  font-family: InterBold;
  src: url("../fonts/inter-600.woff2"); }

@font-face {
  font-family: Inter;
  src: url("../fonts/inter-400.woff2"); }

@font-face {
  font-family: InterMedium;
  src: url("../fonts/inter-500.woff2"); }

@font-face {
  font-family: InterMediumItalic;
  src: url("../fonts/inter-500-italic.woff2"); }

@font-face {
  font-family: InterLight;
  src: url("../fonts/inter-300.woff2"); }

.dropdown {
  text-align: center;
  transition: all .5s ease-in-out;
  padding-top: 50px; }
  @media screen and (max-width: 650px) {
    .dropdown {
      padding-top: 20px; } }
  .dropdown:before {
    content: "";
    display: block;
    height: 1px;
    width: calc(100% + 120px);
    background-color: #153c71;
    margin: 0 -60px 20px;
    opacity: 1; }
    @media screen and (max-width: 650px) {
      .dropdown:before {
        margin: 0 -60px 25px; } }
  .dropdown--inner {
    max-height: 0;
    transition: all .5s ease-in-out;
    overflow: hidden;
    position: relative; }
    .dropdown--inner__title {
      padding-right: 10px; }
  @media (min-width: 1025px) {
    .dropdown--triggers {
      display: none; } }
  .dropdown--trigger {
    border: 0px;
    background: none;
    line-height: 40px;
    font-size: 18px;
    letter-spacing: 0;
    cursor: pointer;
    text-decoration: none;
    color: #153c71; }
    @media screen and (max-width: 650px) {
      .dropdown--trigger {
        line-height: 20px; } }
    .dropdown--trigger:focus {
      outline: 0; }
    .dropdown--trigger > img {
      transform: rotate(90deg);
      position: relative;
      top: 5px; }
    .dropdown--trigger[data-toggle=collapse] img {
      transform: rotate(270deg); }
    .dropdown--trigger__open {
      display: inherit; }
    .dropdown--trigger__close {
      display: none; }
  .dropdown.open .dropdown--inner {
    max-height: 900px;
    padding-top: 25px; }
  .dropdown.open .dropdown--trigger__open {
    display: none; }
  .dropdown.open .dropdown--trigger__close {
    display: inherit; }

@font-face {
  font-family: InterBold;
  src: url("../fonts/inter-600.woff2"); }

@font-face {
  font-family: Inter;
  src: url("../fonts/inter-400.woff2"); }

@font-face {
  font-family: InterMedium;
  src: url("../fonts/inter-500.woff2"); }

@font-face {
  font-family: InterMediumItalic;
  src: url("../fonts/inter-500-italic.woff2"); }

@font-face {
  font-family: InterLight;
  src: url("../fonts/inter-300.woff2"); }

.footer {
  height: 170px; }

.footer__wrapper {
  display: flex;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 50px;
  position: relative;
  top: 60%;
  transform: translateY(-50%); }
  @media screen and (max-width: 650px) {
    .footer__wrapper {
      flex-direction: column;
      padding: 0 40px; } }

.footer__left,
.footer__right {
  display: flex;
  width: 50%; }
  @media screen and (max-width: 650px) {
    .footer__left,
    .footer__right {
      width: 100%; } }

.footer__logo {
  height: 40px;
  width: 125px; }

.footer__copyright {
  margin: 15px 0 0 25px;
  color: #072c5f;
  font-family: "InterMedium", sans-serif; }
  @media screen and (max-width: 650px) {
    .footer__copyright {
      margin: 0 0 0 25px; } }

.footer__right {
  justify-content: flex-end; }
  @media screen and (max-width: 650px) {
    .footer__right {
      margin-top: 25px;
      flex-wrap: wrap;
      justify-content: flex-start; } }

.footer__back-to-top {
  position: fixed;
  height: 40px;
  width: 40px;
  right: 50px;
  bottom: 65px;
  border: 1px solid transparent;
  border-radius: 7px;
  background-color: #072c5f;
  cursor: pointer; }
  .footer__back-to-top:after {
    content: '';
    position: relative;
    left: calc(50% - 6px);
    transform: translateX(-50%);
    border: 6px solid;
    border-color: transparent transparent white transparent; }
  @media (min-width: 651px) and (max-width: 1024px) {
    .footer__back-to-top {
      bottom: 60px; } }
  @media screen and (max-width: 650px) {
    .footer__back-to-top {
      right: 20px;
      bottom: 30px; } }

.footer__link {
  display: block;
  height: 20px;
  text-decoration: none;
  margin: 5px 0 0 40px;
  color: #072c5f;
  font-family: "InterMedium", sans-serif; }
  @media screen and (max-width: 650px) {
    .footer__link {
      margin-left: 0;
      width: 100%; } }
  .footer__link:first-child {
    margin: 5px 0 0 0; }

.footer__link--active {
  display: inline-block;
  opacity: .65; }

.header {
  background-color: #063e71;
  width: 100vw;
  height: 135px; }
  @media screen and (max-width: 650px) {
    .header {
      height: 65px; } }

.header__wrapper {
  display: flex;
  justify-content: space-between;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 50px;
  position: relative;
  top: 50%;
  transform: translateY(-50%); }
  @media screen and (max-width: 650px) {
    .header__wrapper {
      padding: 0 25px; } }

.header__logo-left {
  position: absolute;
  bottom: 0;
  width: 38%; }
  @media (max-width: 1024px) {
    .header__logo-left {
      max-width: 350px;
      /*position: relative*/
      top: 50%;
      transform: translateY(-50%);
      width: 50%; } }
  @media screen and (max-width: 650px) {
    .header__logo-left {
      max-width: 250px;
      width: 50%; } }

.header__right {
  position: relative; }
  .header__right:after {
    content: '';
    display: block;
    position: absolute;
    top: -40px;
    right: 150px;
    width: 350px;
    height: 120px;
    background-repeat: no-repeat;
    background-image: url("../media/sun.svg"); }
    @media (max-width: 1024px) {
      .header__right:after {
        display: none; } }

@media (min-width: 651px) and (max-width: 1024px) {
  .header__logo-right {
    max-width: 100px; } }

@media screen and (max-width: 650px) {
  .header__logo-right {
    max-width: 80px; } }

@font-face {
  font-family: InterBold;
  src: url("../fonts/inter-600.woff2"); }

@font-face {
  font-family: Inter;
  src: url("../fonts/inter-400.woff2"); }

@font-face {
  font-family: InterMedium;
  src: url("../fonts/inter-500.woff2"); }

@font-face {
  font-family: InterMediumItalic;
  src: url("../fonts/inter-500-italic.woff2"); }

@font-face {
  font-family: InterLight;
  src: url("../fonts/inter-300.woff2"); }

.image-section {
  margin: 0 0 70px; }
  @media (max-width: 1024px) {
    .image-section {
      margin: 50px 0; } }

.image-section__wrapper {
  display: flex;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 175px;
  box-sizing: border-box; }
  @media (min-width: 651px) and (max-width: 1024px) {
    .image-section__wrapper {
      padding: 0 75px; } }
  @media screen and (max-width: 650px) {
    .image-section__wrapper {
      padding: 0 50px; } }
  @media (max-width: 1024px) {
    .image-section__wrapper {
      flex-direction: column; } }

.image-section--reversed .image-section__wrapper {
  flex-direction: row-reverse; }
  @media (max-width: 1024px) {
    .image-section--reversed .image-section__wrapper {
      flex-direction: column; } }

.image-section__top {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 175px;
  box-sizing: border-box;
  text-align: center;
  font-family: "InterBold", sans-serif;
  color: #072c5f;
  margin-bottom: 80px; }
  @media (min-width: 651px) and (max-width: 1024px) {
    .image-section__top {
      padding: 0 75px; } }
  @media screen and (max-width: 650px) {
    .image-section__top {
      padding: 0 50px; } }
  @media (max-width: 1024px) {
    .image-section__top {
      margin-bottom: 30px; } }

.image-section__intro-headline {
  display: none; }

.image-section__intro-subline {
  display: none;
  font-family: "InterLight", sans-serif;
  font-size: 26px;
  line-height: 36px; }

.image-section__left,
.image-section__right {
  position: relative; }
  @media (max-width: 1024px) {
    .image-section__left,
    .image-section__right {
      width: 100%; } }

.image-section__right {
  width: 60%;
  padding-left: 80px; }
  @media (min-width: 651px) and (max-width: 1024px) {
    .image-section__right {
      padding-left: 0; } }
  @media (max-width: 1024px) {
    .image-section__right {
      width: 100%; } }
  @media screen and (max-width: 650px) {
    .image-section__right {
      padding-left: 0; } }

.image-section--reversed .image-section__right {
  padding-left: 0; }

.image-section__left {
  width: 50%;
  text-align: center; }
  @media (min-width: 1025px) {
    .image-section__left {
      text-align: left; } }
  @media (max-width: 1024px) {
    .image-section__left {
      width: 100%;
      margin: 0 auto 25px; } }

@media (min-width: 1025px) {
  .image-section--reversed .image-section__left {
    text-align: right; } }

.image-section__image {
  width: 100%;
  max-width: 415px; }
  @media (min-width: 1025px) {
    .image-section__image {
      position: relative;
      top: 40%;
      transform: translateY(-50%); } }
  @media screen and (-ms-high-contrast: none) {
    .image-section__image {
      position: absolute;
      right: 0; } }

.image-section--vertical-image .image-section__image {
  width: initial;
  max-height: 375px; }
  @media (min-width: 1025px) {
    .image-section--vertical-image .image-section__image {
      top: 50%; } }
  @media screen and (max-width: 650px) {
    .image-section--vertical-image .image-section__image {
      max-height: 260px; } }
  @media screen and (-ms-high-contrast: none) {
    .image-section--vertical-image .image-section__image {
      width: auto; } }

.image-section__image-headline {
  color: #153c71;
  margin: 0;
  font-family: "InterBold", sans-serif; }
  @media screen and (max-width: 650px) {
    .image-section__image-headline {
      max-width: initial; } }
  @media screen and (-ms-high-contrast: none) {
    .image-section__image-headline {
      max-width: 300px; } }

.image-section__list {
  color: #153c71;
  padding: 0 25px;
  margin: 10px 0 20px;
  font-family: "InterMedium", sans-serif; }

.image-section__list-item {
  position: relative;
  font-size: 20px;
  line-height: 30px;
  list-style: none;
  margin: 12px 0 0 5px; }
  @media screen and (max-width: 650px) {
    .image-section__list-item {
      margin: 5px 0 0 5px; } }
  .image-section__list-item::before {
    content: '';
    position: absolute;
    height: 7px;
    width: 7px;
    border: 1px solid transparent;
    border-radius: 5px;
    background-color: #153c71;
    top: 10px;
    left: -25px; }

.image-section__link {
  display: block;
  position: relative;
  font-size: 22px;
  line-height: 28px;
  color: #cf57a0;
  text-decoration: none;
  margin-left: 40px;
  font-family: "InterMedium", sans-serif; }
  @media screen and (max-width: 650px) {
    .image-section__link {
      font-size: 20px; } }
  .image-section__link:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: -40px;
    height: 25px;
    width: 25px;
    background-repeat: no-repeat;
    background-image: url("../media/download.svg"); }

@font-face {
  font-family: InterBold;
  src: url("../fonts/inter-600.woff2"); }

@font-face {
  font-family: Inter;
  src: url("../fonts/inter-400.woff2"); }

@font-face {
  font-family: InterMedium;
  src: url("../fonts/inter-500.woff2"); }

@font-face {
  font-family: InterMediumItalic;
  src: url("../fonts/inter-500-italic.woff2"); }

@font-face {
  font-family: InterLight;
  src: url("../fonts/inter-300.woff2"); }

.button {
  line-height: 75px;
  font-size: 20px;
  padding: 26px 44px;
  text-align: center;
  text-decoration: none;
  font-family: "InterMedium", sans-serif;
  border: 1px solid transparent;
  border-radius: 12px;
  cursor: pointer; }
  @media screen and (max-width: 650px) {
    .button {
      padding: 15px 44px;
      font-size: 16px; } }
  .button__pink {
    color: white;
    background-color: #cf57a0;
    transition: background-color .5s ease-in-out; }
  .button__cookie {
    line-height: 0;
    padding: 18px 30px;
    margin-left: 25px;
    opacity: 1;
    transition: opacity .2s ease-in-out; }
    .button__cookie:hover {
      opacity: .7; }
    .button__cookie:first-of-type {
      margin-left: 0; }

@font-face {
  font-family: InterBold;
  src: url("../fonts/inter-600.woff2"); }

@font-face {
  font-family: Inter;
  src: url("../fonts/inter-400.woff2"); }

@font-face {
  font-family: InterMedium;
  src: url("../fonts/inter-500.woff2"); }

@font-face {
  font-family: InterMediumItalic;
  src: url("../fonts/inter-500-italic.woff2"); }

@font-face {
  font-family: InterLight;
  src: url("../fonts/inter-300.woff2"); }

.mood {
  position: relative;
  overflow: hidden;
  width: 100vw;
  height: calc(100vh - 135px); }
  @media screen and (max-width: 650px) {
    .mood {
      height: calc(100vh - 65px); } }

.mood__content-wrapper {
  position: relative;
  height: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 175px;
  box-sizing: border-box; }
  @media (min-width: 651px) and (max-width: 1024px) {
    .mood__content-wrapper {
      padding: 0 75px; } }
  @media screen and (max-width: 650px) {
    .mood__content-wrapper {
      padding: 0 50px; } }
  .mood__content-wrapper::before {
    content: '';
    position: absolute;
    top: 30%;
    transform: translateY(-50%);
    left: 80px;
    width: 100%;
    height: 300px;
    background-repeat: no-repeat;
    background-image: url(../media/wording.svg); }
    @media (min-width: 651px) and (max-width: 1024px) {
      .mood__content-wrapper::before {
        top: 70%;
        left: 100px; } }
    @media screen and (max-width: 650px) {
      .mood__content-wrapper::before {
        top: 65%;
        left: 35px;
        width: 90%;
        background-size: contain; } }

.mood__image {
  position: absolute;
  height: 100vh;
  width: 100vw;
  background-size: cover;
  background-position: center;
  background-image: url(../media/mood.jpg); }

.right-tab {
  position: fixed;
  top: 200px;
  transform: none;
  z-index: 9;
  background: #cf57a0;
  transition: transform .5s ease-in, box-shadow .5s;
  box-shadow: none;
  box-sizing: border-box; }
  @media (min-width: 651px) {
    .right-tab {
      padding: 2vw 3vw;
      width: 800px;
      right: -801px; } }
  @media screen and (max-width: 650px) {
    .right-tab {
      top: 100px;
      width: 90vw;
      right: -90vw;
      padding: 5vw 10vw; } }
  :checked + .right-tab {
    transition: transform .5s ease-out, box-shadow .5s;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); }
    @media screen and (max-width: 650px) {
      :checked + .right-tab {
        transform: translateX(-90vw); } }
    @media (min-width: 651px) {
      :checked + .right-tab {
        transform: translateX(-800px); } }

.right-tab__content {
  max-height: 70vh;
  overflow: auto;
  font-size: 18px;
  color: white;
  font-family: "InterLight", sans-serif; }
  @media screen and (max-width: 650px) {
    .right-tab__content {
      font-size: 15px; } }
  @media (min-width: 651px) {
    .right-tab__content {
      font-size: 18px; } }

.right-tab__content strong {
  font-family: "InterBold", sans-serif; }

.right-tab__close {
  position: absolute;
  line-height: 3vw;
  font-size: 28px;
  width: 3vw;
  text-align: center;
  color: white;
  cursor: pointer; }
  @media (min-width: 651px) {
    .right-tab__close {
      top: 1vw;
      right: 1vw; } }
  @media screen and (max-width: 650px) {
    .right-tab__close {
      top: 5vw;
      right: 5vw; } }

.right-tab__title {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  position: absolute;
  line-height: 40px;
  font-size: 18px;
  padding: 0 1.5em;
  bottom: 100%;
  transform: rotate(-90deg);
  transform-origin: right bottom 0;
  color: white;
  background: #cf57a0;
  right: 100%;
  font-weight: bold;
  font-family: "InterLight", sans-serif;
  border-radius: 8px 8px 0 0;
  letter-spacing: 1px;
  cursor: pointer; }
  .right-tab__title:after {
    content: '';
    display: block;
    top: 100%;
    left: 0;
    right: 0;
    height: 5px;
    margin-top: -1px;
    background: #cf57a0;
    position: absolute; }

@font-face {
  font-family: InterBold;
  src: url("../fonts/inter-600.woff2"); }

@font-face {
  font-family: Inter;
  src: url("../fonts/inter-400.woff2"); }

@font-face {
  font-family: InterMedium;
  src: url("../fonts/inter-500.woff2"); }

@font-face {
  font-family: InterMediumItalic;
  src: url("../fonts/inter-500-italic.woff2"); }

@font-face {
  font-family: InterLight;
  src: url("../fonts/inter-300.woff2"); }

.newsletter {
  width: 100vw;
  height: 420px;
  color: white;
  background-color: #063e71; }
  @media screen and (max-width: 650px) {
    .newsletter {
      height: 300px; } }

.newsletter__wrapper {
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
  padding-left: 10%;
  padding-right: 10%;
  margin: 0 auto;
  max-width: 1440px;
  text-align: center; }
  @media screen and (max-width: 650px) {
    .newsletter__wrapper {
      padding: 0 25px;
      max-width: 400px; } }
  .newsletter__wrapper:before {
    content: "";
    position: absolute;
    top: 5%;
    bottom: 5%;
    left: 5%;
    right: 5%;
    display: block;
    background-size: contain;
    background-position: center;
    background-image: url("../media/bg-contact-banner.png");
    background-repeat: no-repeat;
    pointer-events: none; }
  .newsletter__wrapper > h2 {
    line-height: normal; }

.newsletter__headline {
  margin: 0 0 30px;
  font-size: 32px;
  font-family: "InterBold", sans-serif; }
  @media screen and (max-width: 650px) {
    .newsletter__headline {
      font-size: 26px; } }

.newsletter__subline {
  font-family: "InterLight", sans-serif;
  font-size: 32px;
  margin: 0 0 40px; }
  @media screen and (max-width: 650px) {
    .newsletter__subline {
      font-size: 26px;
      margin: 0 0 30px; } }

.newsletter__button .button {
  font-size: 20px; }
  @media screen and (max-width: 650px) {
    .newsletter__button .button {
      font-size: 18px; } }

@font-face {
  font-family: InterBold;
  src: url("../fonts/inter-600.woff2"); }

@font-face {
  font-family: Inter;
  src: url("../fonts/inter-400.woff2"); }

@font-face {
  font-family: InterMedium;
  src: url("../fonts/inter-500.woff2"); }

@font-face {
  font-family: InterMediumItalic;
  src: url("../fonts/inter-500-italic.woff2"); }

@font-face {
  font-family: InterLight;
  src: url("../fonts/inter-300.woff2"); }

.wysiwyg {
  text-align: center;
  color: #153c71;
  margin: 0 auto 50px; }
  .wysiwyg:first-of-type {
    margin: 115px auto 50px; }
    @media screen and (max-width: 650px) {
      .wysiwyg:first-of-type {
        margin: 80px auto 50px; } }
  .wysiwyg:last-of-type {
    margin: 0 auto 50px; }
  .wysiwyg h1, .wysiwyg h2, .wysiwyg h3 {
    font-family: "InterBold", sans-serif; }
  .wysiwyg p {
    font-family: "InterLight", sans-serif;
    font-size: 16px;}
  .wysiwyg ul,
  .wysiwyg li {
    margin: 15px 0; }
  .wysiwyg ul {
    font-family: "InterLight", sans-serif;
    padding: 0 0 0 20px;
    text-align: left;
    font-size: 16px; }

.wysiwyg__wrapper {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 175px;
  box-sizing: border-box; }
  @media (min-width: 651px) and (max-width: 1024px) {
    .wysiwyg__wrapper {
      padding: 0 75px; } }
  @media screen and (max-width: 650px) {
    .wysiwyg__wrapper {
      padding: 0 50px; } }

.wysiwyg__subline {
  font-family: "InterMedium", sans-serif !important;
  font-size: 16px;}

.wysiwyg__link {
  font-family: "InterBold", sans-serif;
  text-decoration: none;
  color: #072c5f; }

.wysiwyg--full {
  min-height: calc(100vh - 405px); }

.wysiwyg--full h1 {
  margin: 75px auto 25px; }

.wysiwyg--page p {
  text-align: left;
  margin: 10px 0;
  word-break: break-word; }

.wysiwyg--page strong {
  font-family: "InterBold", sans-serif; }

.wysiwyg--pflichttext {
  margin: 25px auto 0; }

.wysiwyg--pflichttext .wysiwyg__wrapper {
  padding: 0 50px;
  box-sizing: initial; }
  @media screen and (max-width: 650px) {
    .wysiwyg--pflichttext .wysiwyg__wrapper {
      padding: 0 40px; } }

.wysiwyg--pflichttext p {
  margin: 10px auto 0;
  font-size: 16px;
  line-height: 20px; }

.wysiwyg--pflichttext strong {
  font-family: "InterBold", sans-serif; }