.unterstutzung {
  position: relative;
  padding-top: 86px;
  padding-bottom: 42px;
  background-image: url("../../../img/pattern-waves.png");
  background-repeat: no-repeat;
  background-position: top 30px center;
  background-size: cover;
  z-index: 0;
}
.unterstutzung::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(329deg, rgba(0, 0, 0, 0) 0%, rgb(182, 221, 213) 100%);
  top: 0;
  left: 0;
  opacity: 0.2;
  z-index: -1;
}
.unterstutzung__container {
  position: relative;
}
.unterstutzung__benefits {
  display: flex;
  flex-wrap: wrap;
  gap: 70px 25px;
}
.unterstutzung .benefit-item {
  flex: 1 120px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 30px;
  -webkit-hyphens: auto;
          hyphens: auto;
  white-space: normal;
}
.unterstutzung .benefit-item .benefit-image {
  display: flex;
  width: 132px;
  height: 132px;
  border-radius: 50%;
  overflow: hidden;
}

@media screen and (max-width: 1179px) {
  .unterstutzung {
    padding-top: 46px;
    background-position: center center;
    background-size: auto;
  }
  .unterstutzung__benefits {
    align-items: flex-start;
    gap: 56px 50px;
  }
  .unterstutzung .benefit-item {
    gap: 10px;
  }
  .unterstutzung__container {
    padding: 0 30px;
  }
}