/* Supplied hall image as a quiet decorative layer; no additional motion. */
.hero__hintergrund {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: 50% 43%;
  opacity: .5;
  pointer-events: none;
  user-select: none;
}
.hero::before {
  background-image:
    linear-gradient(90deg, rgba(16,28,44,.8) 0%, rgba(16,28,44,.64) 46%, rgba(16,28,44,.38) 100%),
    linear-gradient(0deg, rgba(16,28,44,.92) 0%, transparent 52%, rgba(16,28,44,.12) 100%);
  background-size: auto;
  -webkit-mask-image: none;
  mask-image: none;
  pointer-events: none;
}
@media (min-width: 48em) {
  .hero__figur--render .render-frame {
    box-shadow: 0 0 70px 45px rgba(16,28,44,.85);
  }
}
@media (max-width: 47.99em) {
  .hero__hintergrund {
    height: 680px;
    max-height: 100%;
    object-position: 58% 34%;
    -webkit-mask-image: linear-gradient(#000 55%, transparent 100%);
    mask-image: linear-gradient(#000 55%, transparent 100%);
  }
  .hero::before {
    background-image:
      linear-gradient(90deg, rgba(16,28,44,.76), rgba(16,28,44,.62)),
      linear-gradient(0deg, rgba(16,28,44,.98) 0%, rgba(16,28,44,.6) 38%, transparent 78%);
  }
}
@media print {
  .hero__hintergrund, .hero::before { display: none; }
}