/* =============================================================================
   Hero grün
   ========================================================================== */

@scope (.subpage-hero) {
  :scope {
    position: relative;
    background-color: var(--color-green);
    background-image: url('../../images/logo_wasserzeichen.svg');
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: contain;
    background-attachment: scroll;
  }

  @media (width <= 991px) {
    :scope {
      background-position: 0%;
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: scroll;
    }
  }
}