.slide-cartridges {
  position: relative;
  background-color: #141227;
}

.slide-cartridges .inkTankHeroVideoHolder {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 10%;
  display: block;
  width: 1460px;
  height: 100%;
  opacity: 0;
  transition: opacity 1s ease-out 0s;
  overflow: hidden;
}

.slide-cartridges .inkTankHeroVideoHolder:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url('ecotank_mask.png');
}

video#inkTankHeroVideo {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -100;
  background-size: cover;
  transition: 1s opacity;
}

.hero-slider .slick-static .slide-cartridges .description {
  transition: opacity 1.2s ease-out 0s;
}

.hero-slider .slick-transition .slide-cartridges .inkTankHeroVideoHolder,
.hero-slider .slick-transition .slide-cartridges .description,
.hero-slider .slick-static .slide-cartridges .inkTankHeroVideoHolder,
.hero-slider .slick-static .slide-cartridges .description {
  opacity: 1;
}

.hero-slider .slick-transition .slide-cartridges .inkTankHeroVideoHolder,
.hero-slider .slick-static .slide-cartridges .inkTankHeroVideoHolder {
  transition-delay: 1.75s;
}

.hero-slider .slick-transition .slide-cartridges .description,
.hero-slider .slick-static .slide-cartridges .description {
  transition-delay: 1s;
}

@media only screen and (max-width: 1460px) {
	.slide-cartridges .inkTankHeroVideoHolder {
		left:0;
	}
}

@media only screen and (max-width: 959px) {
  
  .slide-cartridges .inkTankHeroVideoHolder {
    display: none;
  }

  .slide-cartridges {
    background-image: url('ecotank_background.jpg');
  }

}

@media only screen and (max-width: 770px) {
  
  html[lang="de"] .slide-cartridges .description {
    max-width: 320px;
  }

  html[lang="fr"] .slide-cartridges .description {
    max-width: 300px;
  }

}