.cover {
  color: white;
  /*background: linear-gradient(135deg, $brand-accent 0%, $brand-primary 100%);*/
  background: none;
}
.cover .page-title {
  padding-bottom: 2em;
}
.cover h1.page-title {
  padding-bottom: 0.25em;
}

.hero__bgimage-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  /*backdrop-filter: blur(3px);*/
  background: linear-gradient(108deg, var(--brand-accent) 0%, transparent 20%, transparent 0%, var(--brand-primary) 100%) !important;
  /*background: linear-gradient(135deg, rgba($brand-accent, .2) 0%,rgba($brand-primary,0.4) 100%) !important;*/
}

.region--hero.container {
  padding: 0;
  max-width: none;
  background: linear-gradient(108deg, var(--brand-accent) 70%, var(--brand-primary) 100%);
}

.cover-wrap {
  min-height: 0;
}

.cover-img {
  max-width: calc(1200px - 4em);
  margin: auto;
}
.cover-img .cover-wrap {
  min-height: 410px;
}

/*square hero image: group--hero.html.twig*/

.hero__bgimage {
  background-position: center;
  background-size: cover;
}

@media (min-width: 900px) {
  .cover-img {
    max-width: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .cover-img .cover-wrap {
    width: 50%;
  }
  .cover-img .hero-footer {
    padding: 1rem;
  }
  .cover-img .page-title {
    padding: 2em;
    width: auto;
  }
  .hero__bgimage {
    width: 50%;
  }
}

@media (min-width: 1200px) {
  .cover-img {
    max-width: calc(1200px - 4em);
  }
}

@media (max-width: 599px) {
  .cover-img .cover-wrap {
    min-height: 0;
  }
}

@media (max-width: 899px) {
  .hero__bgimage {
    height: 100%;
    margin: 0 -1em;
    position: absolute;
    margin: 0;
    left: 0;
    width: 100%;
  }
  .hero__bgimage::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(108deg, var(--brand-accent) 70%, var(--brand-primary) 100%);
  }
}