.intro {
  width: 100%;
  display: grid;
  grid-template-rows: auto auto;
}
.intro .hero--image-wrapper {
  height: 60svh;
  min-height: 25rem;
}
@media (min-width: 55rem) {
  .intro .hero--image-wrapper {
    height: 80svh;
    min-height: 35rem;
  }
}
@media screen and (min-aspect-ratio: 21/9) {
  .intro .hero--image-wrapper {
    min-height: 50rem;
  }
}
.intro .hero--image-wrapper,
.intro .hero--image,
.intro .hero--image > img {
  width: 100%;
  overflow: hidden;
}
.intro .hero--image,
.intro .hero--image > img {
  height: 100%;
  max-height: 100%;
}
.intro .hero--image > img {
  object-fit: cover;
}
.intro .title-wrapper {
  background-color: var(--bg);
  width: 100%;
  padding-block: 2.5rem;
}
@media (min-width: 55rem) {
  .intro .title-wrapper {
    margin-top: -3.75rem;
  }
}
@media (min-width: 75rem) {
  .intro .title {
    grid-column: 3/13;
  }
}
.intro .title {
  text-transform: none;
  text-wrap: balance;
}

.blocks {
  overflow-x: hidden;
}
.blocks > *:not(.block-paragraph):last-child {
  margin-bottom: 0;
}

@media (min-width: 75rem) {
  .block-heading > *,
  .block-paragraph > *,
  .block-callout > * {
    grid-column: 3/9;
  }
}
[class^=block-] {
  margin-block: 5rem;
}

.block-heading {
  margin-bottom: 0;
}

.block-heading + * {
  margin-top: 0;
}

/*# sourceMappingURL=taetigkeitsfeld.css.map */