/*--------------------------------------------------------------
# Listenansicht
--------------------------------------------------------------*/
.wm_videogallery {
	list-style-type:none;
	padding:0px;
	margin:0px -5px;
	display:flex;
	display:-webkit-flex;
	align-items:flex-start;
	flex-wrap: wrap;
}
.wm_videogallery .box {padding:5px; margin-bottom:20px; width:33.3333333%; color:#333;}
.wm_videogallery .box .box_inner {position:relative;}

.wm_videogallery .box .image {
	display:block;
	position:relative;
	padding-bottom:70%;
	width:100%;
	height:0;
	line-height:0;
	margin-bottom:10px;
}
.wm_videogallery .box .image img {
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	width:100%;
	height:100%;
	object-fit:cover;
}
.wm_videogallery .box .title {
	position:absolute;
	bottom:20px;
	left:15px;
	margin-right:15px;
	color:#FFF;
}
.wm_videogallery .box .title h3 {
	color:#333;
	margin:0px;
	font-size:18px;
	font-weight:400;
	text-transform:uppercase;
	background:#FFF;
	padding:5px;
	box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    line-height:2.1;
   	display:inline;
}
.wm_videogallery .box .overlay {
	position:absolute;
	top:0px;
	bottom:0px;
	right:0px;
	left:0px;
	background:rgba(186,44,43,0.8);
	display:flex;
	display:-webkit-flex;
	justify-content:center;
	align-items: center;
	color:#FFF;
	font-size:25px;
	font-weight:300;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	visibility:hidden;
	transition:all 0.3s;
}
.wm_videogallery .box:hover .overlay {
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	visibility:visible;
}


@media screen and (max-width:900px) {
	.wm_videogallery .box {width:50%;}
}
@media screen and (max-width:650px) {
	.wm_videogallery .box {width:100%;}
	.wm_videogallery .box .title h3 {font-size:15px;}
}

/*--------------------------------------------------------------
# Detailansicht
--------------------------------------------------------------*/