#hero {
  padding: 0;
  background-color: #003c95;
}

#herotxt {
  width: 100%;
  top: 100px;
  padding-left: 5%;
  padding-right: 10%;
  color: rgba(255,255,255,0.5);
}

@media (max-width: 576px) {
  #herotxt {
    width: 100%;
    top: 50px;
    padding-left: 10px;
    padding-right: 10%;
    color: rgba(255,255,255,0.5);
  }
}

#carousel-1 h3 {
  font-size: calc(3rem + 9vw);
}

@media (max-width: 768px) {
  #carousel-1 h3 {
    font-size: calc(2rem + 7vw);
  }
}

#video {
  /*mask-image: linear-gradient(black, transparent);*/
  /*-webkit-mask-image: linear-gradient(black, transparent);*/
}

.img-verlauf {
  mask-image: linear-gradient(black, transparent);
  -webkit-mask-image: linear-gradient(black, transparent);
}

#benefit h3 {
  font-size: calc(2rem + 3vw);
  color: #003c95;
}

#benefit h4 {
  font-size: calc(.8rem + 1vw);
  color: #003c95;
  margin-top: 20px;
}

#benefit p {
  font-size: calc(.6rem + 1vw);
  color: #003c95;
  margin-top: 20px;
}