/* HERO */
.hero{
    position: relative;
    height: 100vh;          /* Höhe vom Bildbereich */
    min-height: 360px;
}

.heroMedia{
    position:absolute;
    inset:0;
    background-size: cover;
    background-position: center;
}

.heroMedia.is-gray {
    filter: grayscale(1) contrast(1.05);
  }

.heroOverlay{
    position:absolute;
    inset:0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .0), rgba(0, 0, 0, .35) 65%, rgba(0, 0, 0, 1) 95%);
}