/* -- Filtergalerie -- */
.frame-filtergalerie {
	background: #FFFFFF;
}

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

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

#inhaltsbereich .frame-filtergalerie .ce-bodytext ul li {
	width: auto;
    display: inline-block;
    background: #19466e;
    color: #FFFFFF;
    margin: 0 5px 5px 5px;
    padding: 15px 25px;
    cursor: pointer;
    transition: all 0.8s ease;
    vertical-align: top;
    line-height: 1em;
}

#inhaltsbereich .frame-filtergalerie .ce-bodytext ul li::before {
	display: none;
}

#inhaltsbereich .frame-filtergalerie .ce-bodytext ul li:hover {
	background: #002d5b;
}

#inhaltsbereich .frame-filtergalerie .ce-bodytext ul li.filterall {
	display: none;
	background-image: url(../../images/funnel.svg);
	background-position:  center center;
	background-repeat: no-repeat;
	background-size: auto 50%;
	text-indent: -999px;
	width: 35px;
	overflow: hidden;
}

.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: #292929;
    background: rgba(0,0,0,0.6);
    color: #fff;
    padding: 20px;
    transition: 0.7s;
}

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

.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); 
}