[data-component="re4haus-hero"],
.mock-decorative-hero,
section[class*="hero"],
div[class*="hero"],
section[class*="banner"],
div[class*="banner"] {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(17, 24, 39, 0.72), rgba(31, 41, 51, 0.3)),
    url("decorative-grey-saas.svg") center / cover no-repeat !important;
}

[data-component="re4haus-hero"] picture.background,
[data-component="re4haus-hero"] .background,
.mock-decorative-hero picture.background,
.mock-decorative-hero .background,
section[class*="hero"] picture.background,
section[class*="hero"] .background,
div[class*="hero"] picture.background,
div[class*="hero"] .background {
  display: none !important;
}

[data-component="re4haus-hero"]::after,
.mock-decorative-hero::after,
section[class*="hero"]::after,
div[class*="hero"]::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 76% 18%, rgba(156, 163, 175, 0.18), transparent 36%);
}

[data-component="re4haus-hero"] > *,
.mock-decorative-hero > *,
section[class*="hero"] > *,
div[class*="hero"] > *,
section[class*="banner"] > *,
div[class*="banner"] > * {
  position: relative;
  z-index: 1;
}

[data-component="re4haus-hero"] svg,
.mock-decorative-hero svg {
  max-width: min(38vw, 520px);
  opacity: 0.14;
  filter: grayscale(1);
}

@media (max-width: 768px) {
  [data-component="re4haus-hero"],
  .mock-decorative-hero,
  section[class*="hero"],
  div[class*="hero"],
  section[class*="banner"],
  div[class*="banner"] {
    background:
      linear-gradient(180deg, rgba(17, 24, 39, 0.82), rgba(31, 41, 51, 0.46)),
      url("decorative-grey-saas.svg") center / cover no-repeat !important;
  }
}