/* Global CSS dgnb.de, dgnb-system.de, dgnb-akademie.de
--------------------------------------------------------------------------------------- */


/* Thumbnail Gallery
--------------------------------------------------------------------------------------- */	
.thumbnail-gallery	{
	overflow:hidden;
	clear: both;	
	margin-bottom: 3em;
}
.thumbnail-gallery .col-md-4 {
	position: relative;
	min-height: 1px;
	width: 33.33333333%;
	float: left;
	padding-left: 0;
	padding-right: 0;		
}
.thumbnail-gallery .img-responsive, .thumbnail-gallery .thumbnail a > img, .thumbnail > img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
}
.thumbnail-gallery	img {
	vertical-align: middle;
}
.thumbnail-gallery .thumbnail a > img, .thumbnail-gallery .thumbnail > img {
	margin-right: auto;
	margin-left: auto;
}
.thumbnail-gallery .thumb {
	display: block;
	padding: 10px 10px 0 10px;
	margin: 0;
	box-sizing:border-box;
}
.thumbnail-gallery .thumbnail {
	display: block;
	margin-bottom:10px;
}

.thumbnail-gallery .thumbnail {
	position: relative;
}

.thumbnail-gallery .thumbnail:before {
	opacity: 0.3;
	content: '\f00e';
	font-family: 'fontawesome';
	position: absolute;
	left: 0;
	color: #333;
	font-size: 24px;
	transform: translate(-50%,-50%);
	top: 50%;
	left: 50%;
	transition: opacity 0.3s linear;
	z-index: 1;
}

.thumbnail-gallery .thumbnail:after {
	opacity: 0.3;
	content: '';
	position: absolute;
	background: rgba(255,255,255,0.7);
	width: 50px;
	height: 50px;
	border-radius: 25px;
	transform: translate(-50%,-50%);
	top: 50%;
	left: 50%;
	transition: opacity 0.3s linear;
}

.thumbnail-gallery .thumbnail:hover > span {
	color: inherit;
	text-decoration: none !important;
}

.thumbnail-gallery .thumbnail:hover:before,
.thumbnail-gallery .thumbnail:hover:after {
	opacity:1;
}

.thumbnail-gallery .first {
	clear: left;
}	

.thumbnail-gallery .figure {
	display: inline-block;
}

.thumbnail-gallery figure {
	margin: 0;
}

.thumbnail-gallery figcaption, .thumbnail-gallery figure, .thumbnail-gallery main {
	display: block;
	font-size: 12px;
	line-height: 1.3;
}	

.thumbnail-gallery	.figure-img {
	margin-bottom: .5rem;
	line-height: 1;
}

.thumbnail-gallery .img-fluid {
	max-width: 100%;
	height: auto;
}