body .grid::before {
  background-color: #168569 ;
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  height: 100%;
  z-index: -1;
}

.backdrop-e2-forest-base::before,
.backdrop-e2-forest-base:hover::before,
.teaser:hover .backdrop-e2-forest-base::before {
  background-color: #168569 ;
}

body:not([class*="backdrop"]) > .grid {
  background-color: unset;
}


@media screen and (max-width: 659.9px) {
  body [data-cc="hero-product-bgimage"] .background.container {
      margin-top: 24px;
  }
}