.SectionHero {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 0;
  padding: 20px;
}@media screen and (min-width: 601px) {.SectionHero {
    flex-direction: column;
    padding: 0;
}
  }@media screen and (min-width: 1026px) {.SectionHero {
    flex-direction: row;
    padding: 0;
}
  }

.SectionHero--image-right {
  flex-direction: column;
}

@media screen and (min-width: 769px) {

.SectionHero--image-right {
    flex-direction: row-reverse;
}
  }

.SectionHero-picture {
  flex-basis: 50%;
}

.SectionHero-picture img {
    aspect-ratio: 1 / 1;
  }

@media screen and (max-width: 600px) {

.SectionHero-picture {
    border-radius: 20px 20px 0 0;
}
  }

.SectionHero-content {
  padding: 50px 30px 50px 30px;
  background: radial-gradient(50.56% 44.2% at 90.99% 82.37%, #34b5e8 0%, #34b5e8 0%, #114375 100%);
}

@media screen and (max-width: 600px) {

.SectionHero-content {
    position: relative;
    padding: 30px 15px;
    border-radius: 0 0 20px 20px;
    background: var(--clr-blue);
}

    .SectionHero-content::before {
      content: '';
      position: absolute;
      top: 1px;
      left: 0;
      width: 100%;
      height: 31px;
      background-image: url('../Images/HeroSection-wave.svg');
      background-size: cover;
      transform: translateY(-100%);
    }

    .SectionHero-content .OfferCard--extended {
      min-width: 0;
      min-width: initial;
      max-width: none;
      max-width: initial;
    }

    .SectionHero-content .Text {
      display: none;
    }

    .SectionHero-content .Subline,
    .SectionHero-content .Headline {
      text-align: center;
    }
  }

@media screen and (min-width: 1026px) {

.SectionHero-content {
    padding: 50px 50px 50px 50px;
    flex-basis: 50%;
}
  }

@media screen and (min-width: 1621px) {

.SectionHero-content {
    padding: 100px 180px 100px 100px;
}
  }

.SectionHero-content .Subline {
    margin-bottom: 5px;
  }

.SectionHero-content .Headline {
    margin-bottom: 25px;
  }

.SectionHero-content .Text {
    margin-bottom: 50px;
  }

.SectionHero-content .Text,
  .SectionHero-content .Text p {
    color: #ffffff;
  }