html, body {
	margin: 0;
	padding: 0;
	overflow:hidden;
	height: 100%;
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 50%, rgba(230,230,230,1) 100%);
	/** background: radial-gradient(circle, rgba(194,194,194,1) 0%, rgba(224,224,224,1) 50%, rgba(255,255,255,1) 100%); **/
}

* {
  box-sizing: border-box;
}

.slider {
	width: 120vh;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media (min-width: 1920px) {
	.slider {
		width: 135vh;
	}
}

.slick-slide {
  margin: 0px 20px;
}

.slick-slide img {
  width: 100%;
  max-width: 1300px;
}

.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}

.slick-active {
  opacity: .5;
}

.slick-current {
  opacity: 1;
}

.slick-prev, .slick-next {
	width: 60px;
	height: 80px;
}

.slick-prev {
	left: -65px;
}

.slick-next {
	right: -70px;
}

.slick-arrow.slick-disabled {
	opacity: 0.2;
}

/* fix issue in internet explorer showing video of next / previous slide next to current slide */
.slick-slide:not(.slick-current) video {
  visibility: hidden !important;
}

@media (max-width: 900px) {
	.slider {
		width: 80%;
	}
	
	.slick-slide {
		margin: 0px 0px;
	}
	
	.slick-prev, .slick-next {
		width: 25px;
		height: 60px;
	}
	
	.slick-prev {
		left: -25px;
	}
	
	.slick-next {
		right: -25px;
	}
}

/* querformat */
@media (max-height: 320px) {
	.slider {
		width: 115vh;
	}
	
	.slick-slide {
		margin: 0px 0px;
	}
	
	.slick-prev, .slick-next {
		width: 25px;
		height: 60px;
	}
	
	.slick-prev {
		left: -25px;
	}
	
	.slick-next {
		right: -25px;
	}
}