/* Galerie */
#egal{display:none; margin:auto}
#egal_buehne{}
#egal #eleinwand {margin-top:15px; padding-top:15px; border-top:1px solid #cfcfcf}
#egal_smart {white-space:nowrap; width:100%; overflow:auto; display:block; margin:25px 0}
#egal a {min-height:50px; vertical-align: bottom;}
#empix #egal_smart img {max-width:90%; vertical-align:bottom; margin-top:5px; margin-right:15px; margin-bottom:5px; margin-left:3px;} 
#egal_smart img {
	/*
	-webkit-box-shadow: 0px 1px 5px 0px rgba(85, 85, 85, 0.75);
	-moz-box-shadow:    0px 1px 5px 0px rgba(85, 85, 85, 0.75);
	box-shadow:         0px 1px 5px 0px rgba(85, 85, 85, 0.75);
	*/
	vertical-align:middle;
	}
#egal_smart img:last-child {margin-right:3px}

#egal_smart ~ div.smartarrows {margin:-15px 0 25px; opacity:0.3}
#egal_smart ~ div.smartarrows i:first-child {float:left; background:url(../pix/arrow_left.png) no-repeat; display:block; width:20px; height:20px}
#egal_smart ~ div.smartarrows i:last-child {float:right; background:url(../pix/arrow_right.png) no-repeat; display:block; width:20px; height:20px;}
#egal_smart ~ div.smartarrows + br {margin-bottom:25px}
/* // Galerie */
#egal input[name=egal-bigger]:checked + div.lightbox {top:0%; bottom:0%; opacity:1;}
#egal input[name=egal-bigger]:checked + div.lightbox img {max-width:100%; max-height:100%;}
#egal input[name=egal-bigger]:checked ~ div.lightbox + #lightbox-controls {top:0px;}
#egal input[name=egal-bigger]:checked ~ div.lightbox + #lightbox-controls #close-lightbox:after {width:50px;}
#egal input[name=egal-bigger]:checked ~ div.lightbox + #lightbox-controls #close-lightbox:before {height:50px;}

@media (min-width: 850px){ /* Desktop */
	#egal {display:block; border:0px solid #cfcfcf; border-radius:5px}
	#egal_buehne {min-height:616px;}
	#egal_smart {display:none;}
	/* Galerie */
	#egal {width:600px; overflow:hidden; display:block; padding:0; text-align: center; padding-top:15px}
	#egal #eleinwand {width:40000px; float:left; position:relative; left:0; padding-top:0; margin-bottom:12px; -moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s;}
	#egal #eleinwand label, #egal #eleinwand span {display:inline-block; width:600px; float:left; border:0px solid red; text-align:center}
	#egal #eleinwand label img, #egal #eleinwand span img {max-width: 600px; margin:auto; max-height:800px; margin-top: 10px;}
	/* V2 */
	#egal > input + label{width:15.0%; float:left; cursor:pointer; margin-top:1%; margin-left:2%; border:1px solid #fff; min-height:100px; position:relative}
	#egal > input + label:nth-of-type(6n+1){margin-left:0}
	#egal > input + label img {max-width:100%; max-height:100%; width:auto; height:auto !important; box-sizing: border-box; position:absolute; top:0; bottom:0; left:0; margin: auto;}
	#egal > input:checked {outline:none}
	#egal > input:checked + label {border: 1px solid #DCDCDC;}
	#egal.anzahl-3 label{width:32.0%}
	#egal.anzahl-4 label{width:23.5%}
	#egal.anzahl-5 label{width:18.4%}
	#egal.anzahl-6 label{width:15.0%}
	#egal input[id=a1]:checked ~ #eleinwand, #egal input[id=a1]:hover ~ #eleinwand {position:relative; left:0;}
	#egal input[id=a2]:checked ~ #eleinwand, #egal input[id=a2]:hover ~ #eleinwand {position:relative; left:calc(-1 * 600px);}
	#egal input[id=a3]:checked ~ #eleinwand, #egal input[id=a3]:hover ~ #eleinwand {position:relative; left:calc(-2 * 600px);}
	#egal input[id=a4]:checked ~ #eleinwand, #egal input[id=a4]:hover ~ #eleinwand {position:relative; left:calc(-3 * 600px);}
	#egal input[id=a5]:checked ~ #eleinwand, #egal input[id=a5]:hover ~ #eleinwand {position:relative; left:calc(-4 * 600px);}
	#egal input[id=a6]:checked ~ #eleinwand, #egal input[id=a6]:hover ~ #eleinwand {position:relative; left:calc(-5 * 600px);}
	#egal input[id=a7]:checked ~ #eleinwand, #egal input[id=a7]:hover ~ #eleinwand {position:relative; left:calc(-6 * 600px);}
	#egal input[id=a8]:checked ~ #eleinwand, #egal input[id=a8]:hover ~ #eleinwand {position:relative; left:calc(-7 * 600px);}
	#egal input[id=a9]:checked ~ #eleinwand, #egal input[id=a9]:hover ~ #eleinwand {position:relative; left:calc(-8 * 600px);}
	#egal input[id=a10]:checked ~ #eleinwand, #egal input[id=a10]:hover ~ #eleinwand {position:relative; left:calc(-9 * 600px);}
	#egal input[id=a11]:checked ~ #eleinwand, #egal input[id=a11]:hover ~ #eleinwand {position:relative; left:calc(-10 * 600px);}
	#egal input[id=a12]:checked ~ #eleinwand, #egal input[id=a12]:hover ~ #eleinwand {position:relative; left:calc(-11 * 600px);}
	
	#egal_smart, #egal_smart ~ div.smartarrows, #egal_smart ~ div.smartarrows + br {display:none}

	/* // Galerie */	
}