/*	6.4.8. Modul Galerie -------------------------------------------------------- */

#content #ga #uebersicht_galerie .gallery_overview {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

#content #ga #uebersicht_galerie .gallery_overview ul {
	width: 21%;
	display: inline-block;
	padding: 1em 1%;
	margin: 0 0 2em;
	list-style: none;
	background: #fff;
	border: 1px solid #0055A5; 
    box-shadow: 0px 2px 4px rgba(0,0,0,0.3); 
    transform:scale(1);
	transition: all 0.25s ease;
}

#content #ga #uebersicht_galerie .gallery_overview ul:hover {
	background: #0055A5; color: #fff !important;
	transform:scale(1.15);
	transition: all 0.25s ease;
}

#content #ga #uebersicht_galerie .gallery_overview ul:hover a { color: #fff !important; }

#content #ga #uebersicht_galerie .gallery_overview ul img {
	padding: 0;
	margin: 0 0 2% 0;
	list-style: none;
	width: 100%;
	height: auto !important;
}

/* ----------------------------- Galerie?bersicht ------------------------------ */

#content .description {
    position: relative;
    top: 0;
    left: 0;
     -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

#content #gallery_picture_overview { width: 100%; }

#content .picture_row {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

#content .picture_row li {
	width: 21%;
	display: inline-block;
	padding: 1em 1%;
	margin: 0 0 2em;
	list-style: none;
	background: #fff;
	border: 1px solid #0055A5; 
    box-shadow: 0px 2px 4px rgba(0,0,0,0.3); 
    transform:scale(1);
	transition: all 0.25s ease;
}

#content .picture_row li:hover { 
    background: #0055A5; color: #fff !important;
	transform:scale(1.15);
	transition: all 0.25s ease;
}

#content .picture_row li:hover a { color: #fff !important; }

#content .picture_row li img { padding: 0; margin: 0 0 2% 0; list-style: none; width: 100%; height: auto !important; }

#content .picture_row .picture_title { text-align: center}

#content .picture_row li .picture_content br,
#content #gallery_picture_overview .item_frame_top,
#content #gallery_picture_overview .picture_frame_top,
#content #gallery_picture_overview .item_frame_bottom,
#content #gallery_picture_overview .picture_frame_bottom { display: none; }

#content .row_frame_top,
#content .row_frame_bottom { display: inline-block; float: none; clear: both; border: 0; margin: 0; padding: 0; }

/* --- TESTGALERIE - Bilddetail --- */

#content .gallery_picture_detail {}

#content #ga #bild { text-align: center; }
#content #ga #bildoptionen { margin: 0; padding: 0; }

#content .gallery_picture_detail .picture_frame_top,
#content .gallery_picture_detail .picture_frame_bottom { display: block; float: none; clear: both; border: 0; margin: 0; padding: 0; }

#content .gallery_picture_detail .picture img { padding: 0.3em; margin: 0 0 0.5em 0; }

#content .gallery_picture_detail .picture_title { padding-bottom: 0.5em; }

#content .gallery_picture_options ul { margin: 0; }