.hero {
  padding: 7rem 0 2rem;
}
@media (min-width: 768px) {
  .hero {
    padding: 9rem 0 3.5rem;
  }
}
@media (min-width: 1024px) {
  .hero {
    padding: 10rem 0 11.5rem;
  }
}
.hero__headline {
  margin-bottom: 3rem;
  color: var(--white);
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .hero__headline {
    margin-bottom: 4rem;
  }
}
@media (min-width: 1024px) {
  .hero__headline {
    margin-bottom: 7rem;
  }
}
.hero__button-block {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 1.3rem;
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .hero__button-block {
    align-items: center;
    flex-direction: row;
  }
}
.hero__teaser {
  color: var(--gray-on-white);
}
.hero__image {
  max-width: 400px;
}
@media (min-width: 768px) {
  .hero__image {
    max-width: 500px;
    margin-left: auto;
    display: block;
  }
}
@media (min-width: 1024px) {
  .hero__image {
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translateY(10rem);
    max-width: 30rem;
  }
}

.block-editor-block-list__layout .hero__image {
  max-width: 30rem !important;
}/*# sourceMappingURL=styles.css.map */