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

.backdrop-b1-base::before,
.backdrop-hover-b1-base:hover::before,
.teaser:hover .backdrop-hover-b1-base::before {
  background-color: #492977;
}

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

body .akkordeon .summary:hover {
  background-color: #e9f8fc;
}

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