.video-container {
	/* width is set as 100% here. any width can be specified as per requirement */
	width: 100%;
	padding-top: 56.25%;
	height: 0px;
	position: relative;
}

.video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.videoVorschauBox {
	padding-top:40px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row nowrap;
}

.videoVorschau {
	background-color:#0082c8;
	flex:0 0 25%;
	display:inline-block;
}

.videoVorschau a {
	transition: opacity 75ms ease;
}

.videoVorschau a:hover img, .videoVorschau.akt a img {
opacity: .5;
}

.videoVorschau img {
	max-width:100%;
	height:auto;
	display:block;
		
}








@media  only screen and (max-width: 630px) {
	.videoVorschauBox {
		padding-top:20px;
		padding-left:15px;
		padding-right:15px;
	}
	.videoVorschauBox .innerBox {
		padding:0 5px;
	}
}