@media (min-width: 1024px) { 
section#g-container-main{
    background-image:  url(../../../../images/background/container.png), url(../../../../images/background/container2.png);
    background-repeat: repeat, no-repeat;
    background-position: top left, right 0 top 150px;
}
}
@media (min-width: 1440px) { 
    section#g-container-main{
    background-image:  url(../../../../images/background/container.png), url(../../../../images/background/container2.png), url(../../../../images/background/digital.png);
    background-repeat: repeat, no-repeat, no-repeat;
    background-position: top left, right 0 top 40px, left 0 top 800px;
}
}
.video-slider{
  position:relative;
  width:100%;
  max-width:1000px;
  margin:auto;
  font-family:Arial;
  transition:opacity .4s ease;
  height: auto;
}

.video-slider.started{
  opacity:1;
}

.slides{
  position:relative;
  width: 100%;
  height: 100%; /* alle Slides sollen Container-Höhe übernehmen */
}

.slide-text h3{
    text-align: center!important;
  }

/* Slide */

.slide{
  position: absolute; /* alle Slides überlagern sich */
  width: 100%;
  height: auto;
  top: 0; /* verhindern, dass letzte Slide nach unten springt */
  left: 0;
  opacity: 0;
  transition: opacity 1s ease;
}

.slide.active{
  opacity: 1;
  z-index: 1;
  position: relative;
}

/* Video */

.video-container{
  width:100%;
  overflow:hidden;
}

.video-container video{
  width:100%;
  height:auto;
  object-fit:cover;
}

.video-container img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* Navigation */

.video-slider .navigation span{
  position:absolute;
  top:217px;
  transform:translateY(-50%);
  font-size:40px;
  color:white;
  cursor:pointer;
  padding:10px;
  user-select:none;
  z-index: 9;
  mix-blend-mode: difference;
}

.prev{
  left:10px;
}

.next{
  right:10px;
}

/* Dots */

.dots{
  text-align:center;
}

.dot{
  display:inline-block;
  width:12px;
  height:12px;
  margin:5px;
  border-radius:50%;
  background:#bbb;
  cursor:pointer;
}

.dot.active{
  background:black;
}

/* Progressbar */

.progress-bar{
  position:absolute;
  top:0;
  left:0;
  height:4px;
  background:black;
  width:0%;
}

/* Smartphone */
@media (max-width: 600px){
  .video-container{
  width:100%;
  overflow:hidden;
}

  .video-slider .navigation span{
    top: 110px;
  }

  .slide-text{
    padding:1px;
    font-size:14px;
  }

  .slide-text h2{
    font-size:18px;
  }
}