.referenzitem{
	width:calc(33.3333% - 20px);	
	margin-right:20px;
	margin-bottom:20px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.referenzitem .thover{
	opacity:0;
	transition: all 0.5s ease-in;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	background:rgba(255,255,255,0.85);
	z-index:10;
	color:black;
	height:100%;
	width:100%;
	display:block;
	text-align:center;
}

.referenzitem:hover .thover,
.referenzitem:hover .thover:hover{
	opacity:1;
	color:black !important;
	
}

.referenzitem img{
	width:100%	
}

.referenzen ul{
	margin:0 0 20px 0;
	padding:0;
	list-style:none;	
}

.referenzen ul li{
	float:left;
	padding-right:10px;
}

.referenzen ul li:after{
	content: '|';
	padding-left:10px;
}

.referenzen ul li:last-child:after{
	content: '';
}


.referenzen ul li a{
	/*font-size:14px;*/
}



.referenzen ul li a:active,
.referenzen ul li a:focus{
	font-weight:bold;
	color:#ba5a24;
}

.referenzen ul li:after{
	
}

.referenzitem:hover .team-caption > div:last-child{
	display:block !important;
}

.referenzitem:hover .team-caption{
	background:rgba(76,85,161,0.7);
}

@media all and (max-width: 767px) {
	.referenzitem{
		width:calc(50% - 10px);	
		margin-right:20px;
		margin-bottom:20px;
		position:relative;
		color:#ffe40c;
	}
	
	.referenzitem:nth-child(even){
		width:calc(50% - 10px);	
		margin-right:0px;
	}	
	
	#filterselect{
		display:block !important;
	}
	
	#filterlink{
		display:none;
	}
	

}

@media all and (max-width: 991px) {
	
}

@media all and (max-width: 530px) {
	
	.referenzitem,
	.referenzitem:nth-child(even){
		width:100%;	
		margin-right:0px;
	}	
}