

.page-grid__content--text figure.hero-inline {

  --bleed: var(--satzspiegel-links);
  margin: 2.5rem 0 6rem calc(-1 * var(--bleed));
  width: calc(100% + var(--bleed) + var(--page-grid-gap));
  max-width: none;
}

.page-grid__content--text img.hero-inline__img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  margin: 0;
}

@media (max-width: 991px) {

  .page-grid__content--text figure.hero-inline {
    width: calc(100% + var(--bleed) * 2);
  }
}

@media (max-width: 767px) {
  .page-grid__content--text figure.hero-inline {
    margin: 2rem 0 2.5rem calc(-1 * var(--bleed));
  }
}

.page-grid__content--text {
  position: relative;
}

.page-grid__content--text img.hero-inline__seal {
  position: absolute;
  top: 0;

  right: calc(100px - var(--page-grid-gap));
  z-index: 2;
  width: 72px;
  max-width: none;
  height: auto;
  margin: 0;
  filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.25));
}

@media (max-width: 991px) {

  .page-grid__content--text img.hero-inline__seal {
    right: calc(100px - var(--bleed));
  }
}

@media (max-width: 767px) {
  .page-grid__content--text img.hero-inline__seal {
    width: 52px;
  }
}
