:root {
  --rt-content-max: 1440px;
  --rt-section-padding: clamp(24px, 4vw, 60px);
}
.content-teaser {
    overflow: hidden!important;
}
/* dein linker roter Bereich */
.content-teaser-left {
  padding-left: var(--rt-section-padding) !important;
  padding-right: var(--rt-section-padding) !important;
}


@media (min-width: 977px) {
  .content-teaser-left, .content-teaser-right {
    height: 100%;
  }
}

@media (min-width: 1440px) {
  .content-teaser::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -220px;
  height: clamp(364px, 53.2vw, 880px);
  aspect-ratio: 908 / 1106;

  background-image: url("/wp-content/themes/astra-child/images/svg/symbol-white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;

  transform: translateY(-50%);
  transform-origin: center center;
  mix-blend-mode: soft-light;
  z-index: 2;
  pointer-events: none;
  animation: rt-symbol-appear 0.5s ease-out 0.25s both;
  }  
  .content-teaser-left {
    padding-left: calc((100vw - var(--rt-content-max)) / 2 + 24px) !important;
    padding-right: clamp(40px, 4vw, 80px) !important;
    height: auto;
    min-height: calc(100% - 56px)!important;
  }
}
@media (min-width: 1464px) {
  .content-teaser-left {
    padding-left: calc((100vw - var(--rt-content-max)) / 2) !important;
  }
}