div.videoVorschau {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
		
}
div.videoVorschau .vorschauBox {
	flex: 0 1 33.3333333%;
}

.flexTopBox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;

}
.flexTopBox .video {
	position:relative;
	flex: 0 1 66.666666%;

}

.flexTopBox {
	padding:40px 0;
}

.flexTopBox .video .video-container {
	width: 100%;
	padding-top: 56.25%;
	position: relative;
}
.flexTopBox .video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.flexTopBox .text {
	flex: 0 1 33.3333333%;

}

.flexTopBox .text .titel {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:26pt;
	font-weight:400;
	padding-top:0px;
	padding-bottom:15px;
	margin:0;
	color:#323232;
	line-height:35px;
}


.flexTopBox .text .text {
	padding:20px 0 0;
}

div.videoVorschau .vorschauBox a.vorschaulink .titel {
	font-family: 'Roboto Condensed', sans-serif;
	background-color:#c2c2c2;
	color:#fff !important;
	font-size:22pt;
	font-weight:400;
	line-height:34px;
	padding:20px;
}

div.videoVorschau .vorschauBox a.vorschaulink:hover .titel {
	background-color:#b7b7b7;
}

div.videoVorschau .vorschauBox .titel .counter {
	font-size:14pt;
	line-height:26px;
	padding-top:3px;
	font-weight:300;
}

div.videoVorschau .vorschauBox .bild {
	overflow:hidden;
	display: flex;
	align-items: center;
	justify-content: center;

}

div.videoVorschau .vorschauBox .bild img {
	width:100%;
	height:auto;
	display:block;
}

div.videoVorschau .vorschauBox .bild {
	position:relative;
}

div.videoVorschau .vorschauBox .bild .ytvbutton  {
	background-image: url('/_webpics/video-play-button-procamed.svg');
	background-size:cover;
	display: inline-block;
	width: 60px;
	height: 60px;
	z-index:1;
	position:absolute;
}



div.videoVorschau .vorschauBox .text {
	font-size:11pt;
	line-height:22px;
	color:#555;
	background-color:#fff;
	padding:20px;
}

div.videoVorschau .vorschauBox a.videoLink:hover .text {
	background-color:#eff9ff;
}

div.videoVorschau .vorschauBox .text .titel {
	font-family: 'Roboto Condensed', sans-serif;
	color:#323232;
	font-weight:300;
	font-size:18pt;
	line-height:30px;
	padding:10px 0;
}
div.videoVorschau .vorschauBox a.videoLink {
	!important;
}






@media  only screen and (max-width: 800px) {
	div.videoVorschau .vorschauBox {
		flex: 0 1 50%;
	}
	.flexTopBox .video {
		position:relative;
		flex: 0 1 100%;
	}
	.flexTopBox .text {
		flex: 0 1 100%;
		padding-top:40px;
	}
}

@media  only screen and (max-width: 500px) {
	div.videoVorschau .vorschauBox {
		flex: 1 1 100%;
	}
}