.gal_summary	{ padding-bottom: 25px; }

	#gallery				{}
	.gallery_box		{ position: relative; display: block; float: left; width: 18.4%; height: 150px; margin: 0 2% 20px 0;
							  background-repeat: no-repeat; background-position: center; background-size: cover; }
	.gallery_box img	{ display: none; }
	.gallery_box:nth-child(5N)	{ margin: 0 0 20px 0; }
	
	.act .gallery_box_legend:after	{ display: block; content: attr(title); position: absolute; left: 0; right: 0; bottom: 0; width: 100%; padding: 20px; background: rgba( 255,255,255,0.95 ); color: #222222; box-sizing: border-box; }
	
@media screen and (min-width: 641px) and (max-width: 768px) {
	.gallery_box							{ width: 32%; }
	.gallery_box:nth-child(5N)			{ margin: 0 2% 20px 0; }
	.gallery_box:nth-child(3N)			{ margin: 0 0 20px 0; }
}
@media screen and (max-width: 641px) {
	.gallery_box							{ width: 48%; margin: 0 4% 20px 0; }
	.gallery_box:nth-child(5N)			{ margin: 0 4% 20px 0; }
	.gallery_box:nth-child(2N)			{ margin: 0 0 20px 0; }
}



/* CSS Document */

.bwiseGallery{
	display:block;
	clear:both;
}

.bwiseGallery div a {
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.bwiseGallery.act div a {
	background-size: contain;
}
.bwiseGallery.act div a img {
	display: none;
}


.bwiseGalleryHidden { display: none; }
.bwiseGalleryHidden.act { display: block; }

.bwiseGallery>div{
	transition:left ease .5s;
	-webkit-transition:left ease .5s;
	-moz-transition:left ease .5s;
}
.bwiseGallery.opening>div{
	transition:none;
	-webkit-transition:none;
	-moz-transition:none;
}
.bwiseGallery>div>a{
	/*float:left;
	width:150px;
	height:150px;
	background:no-repeat center;
	background-size:cover;
	margin:5px;*/
	
	/*transition:background ease .5s;
	-webkit-transition:background ease .5s;
	-moz-transition:background ease .5s;*/
}

.bwiseGallery.act>div,
.bwiseGallery.bwiseTheatre>div{
	width:10000%;
	height:100%;
	position:relative;
}
.bwiseGallery.act>div>a,
.bwiseGallery.bwiseTheatre>div>a{
	height:100%;
	width:1%;
	margin:0;
	background-size:contain;
}

.bwiseGallery.bwiseTheatre{
	height:200px;
	overflow:hidden;
	position:relative;
	padding-right:140px;
}
.bwiseGallery.bwiseTheatre>div{
	position:relative;
}

.bwiseGallery.act{
	width: 100% !important;
	position:fixed;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background:rgba(0,0,0,.8) !important;
	z-index:10000;
	overflow:hidden;
	height:auto;
}
.bwiseGallery.act a{ background-color: transparent !important; border: none !important; float: left; }


/* UI Elemente */

.bwiseGallery>span{
	display:none;
	position:absolute;
	left:0px;
	right:0px;
	top:50%;
	margin-top:-30px;
	height:1px;
	height:0;
	overflow:visible;
}
.bwiseGallery.act>span,
.bwiseGallery.bwiseTheatre>span{
	display:block;
}

.bwiseGallery>em,
.bwiseGallery>span>strong								{ display :block; float: left; height: 50px; width: 50px; margin: 10px; padding-top: 0px;
																  border: 1px solid #969696; border-radius: 50%;
																  background:rgba(255,255,255,.8);
																  text-align: center; line-height: 38px; color: #969696; font-weight: lighter; }
.bwiseGallery>em:hover,
.bwiseGallery>span>strong:hover						{ border: 1px solid #517590; color: #517590; cursor: pointer; }

.bwiseGallery>span>strong								{ line-height: 38px; font-size: 40px; }
.bwiseGallery>span>strong:nth-child(1)				{ float:right; }
.bwiseGallery>span>strong:nth-child(1):before	{ content:"›"; }
.bwiseGallery>span>strong:nth-child(2):before	{ content:"‹"; }

.bwiseGallery>em											{ display: none; position: absolute; right: 0px; top: 0px;
																  line-height: 46px; font-size: 34px; }
.bwiseGallery.act>em										{ display:block; }
.bwiseGallery>em:before									{ content:"×"; }