/* FEATURES STYLES - Titel mit Hintergrund */
.home .hintergrund{
  max-width: 85%;
}

.hintergrund {
  margin: 0 auto;
  border-radius: 30px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  aspect-ratio: 1650 / 600 !important;
}

.page-section .hitergrund-breit {
  width: 100vw;
}

.hintergrund span{
  background-color: transparent !important;
}

.hintergrund {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.hintergrund .page-section--center {
  max-width: none;
}

.hintergrund .page-section--center .section-kicker{
  color: #00597b;
  margin-bottom: 0px;
  font-weight: 500;
  font-size: 20.5px;
}

.hintergrund .page-section--center h2{
  color: #575656;
  font-size: 50px;
  font-weight: 700;
  margin: 0 auto;
}

.hintergrund .page-section--center .section-subtitle{
  font-weight: 500;
  font-size: 22px;
  margin: 20px auto 50px;
  color: #575656;
}

.hintergrund .page-section .wp-block-button,
.hintergrund .page-section .wp-block-button a {
  margin: 0 auto;
}

/* TABLET + MOBILE */
@media (max-width: 980px) {
  .home .hintergrund {
    max-width: calc(100% - 48px);
  }

  .hintergrund {
    aspect-ratio: auto !important;
    min-height: 420px;
    padding: 42px 22px;
    border-radius: 22px;
  }

  .hintergrund .page-section--center {
    max-width: calc(100% - 48px);
  }

  .hintergrund .page-section--center .section-kicker {
    font-size: 17px;
  }

  .hintergrund .page-section--center h2 {
    font-size: clamp(2rem, 6vw, 2.8rem);
    line-height: 1.1;
  }

  .hintergrund .page-section--center .section-subtitle {
    margin: 16px auto 28px;
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media (max-width: 768px) {
  .hintergrund {
    min-height: 360px;
    padding: 34px 18px;
    border-radius: 18px;
  }

  .hintergrund .page-section--center .section-kicker {
    font-size: 15px;
  }

  .hintergrund .page-section--center .section-subtitle {
    margin-bottom: 22px;
  }

  .weltkarte {
    min-height: 300px;
  }

  .weltkarte .content {
    padding: 30px 20px;
  }
}