/* -- Filtergalerie -- */
.frame-filtergalerie {
    opacity: 0;
}

.frame-filtergalerie .ce-filter {
	width: 100%;
	float: left;
	clear: both;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: center;	
}

.frame-filtergalerie .ce-filter ul {
	width: 100%;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	list-style: none;
}

.frame-filtergalerie .ce-filter ul li {
	width: auto;
    display: inline-block;
    background: rgba(0,0,0,0.2);
    color: inherit;
    margin: 0 5px 5px 5px;
    padding: 10px 15px;
    cursor: pointer;
	transition: all 0.8s ease;	
	vertical-align: top;
}

.frame-filtergalerie .ce-filter ul li:hover {
	background: rgba(0,0,0,0.4);
}

.frame-filtergalerie .ce-filter ul li.filterall {
	display: none;
	background-image: url(filter_black.svg);
	/*background-image: url(filter_white.svg);*/
	background-position:  center center;
	background-repeat: no-repeat;
	background-size: auto 25px;
	text-indent: -999px;
	width: 35px;
	overflow: hidden;
	min-height: 1.13em;
}

.frame-filtergalerie .ce-gallery {
	width: 100%;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	text-align: center;
}

.frame-filtergalerie .ce-row {
	display: inline-block;
	float: none;
	clear: none;
	position: relative;
	margin: 0 0.5% 10px 0.5%;
}

.frame-filtergalerie .image-caption {
	position: absolute;
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.6);
    color: inherit;
    padding: 20px;
    transition: 0.7s;
}

.frame-filtergalerie .image-caption a {
	color: inherit;
}

.frame-filtergalerie .ce-row:hover .image-caption {
	top: 0;
	bottom: 0;	
}

.frame-filtergalerie .ce-row .image img { 
	transition: all .5s ease-in-out; 
}

.frame-filtergalerie .ce-row:hover .image img {
	transform: scale(1.1); 
}