.bkgmedia,
.article.bkgcolor:not([data-lay="34"]){
  padding-top: var(--space-2);
  padding-bottom: var(--space-2);
}

/* .bkgmedia */
.bkgmedia{
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.name-field-bkgmedia{
  display: none;
}

/* articles due to row-half, so wwrap at container wrap*/
.article.bkgcolor{
  position: relative;
}
.bkghelper{
  position: absolute;
  top: 0;
  left: -50px;
  height: 100%;
  width: calc(100vw + 100px);
  width: calc(100dvw + 100px);
}
@media screen and (min-width: 1800px){
  .bkghelper{
    left: calc((1800px - 100vw) / 2);
    width: 100vw;
    width: 100dvw;
  }
  .view-content.wwrap .bkghelper{
    left: calc((1700px - 100vw) / 2);
  }
}

@media screen and ((max-width: 1150px) or (max-height: 900px)){
  .bkgmedia, .article.bkgcolor:not([data-lay="34"]) {
    padding-top: var(--space);
    padding-bottom: var(--space);
  }
}

@media screen and (max-width: 1150px){
  .bkgmedia{
    background-attachment: scroll;
  }
}

@media screen and (max-width: 480px){
  .bkgmedia, .article.bkgcolor:not([data-lay="34"]) {
    padding-top: var(--space);
    padding-bottom: var(--space);
  }
}