/* Galerie */
#egal{display:none; margin:auto}
#egal #eleinwand {margin-top:15px; padding-top:15px;}
#egal_smart {white-space:nowrap; width:100%; overflow:auto; display:block; margin:25px 0}
#egal a {min-height:50px; }
#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);}
#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; display:block; width:20px; height:20px}
#egal_smart ~ div.smartarrows i:last-child {float:right; display:block; width:20px; height:20px; text-align:right}
#egal_smart ~ div.smartarrows + br {margin-bottom:25px}
/* // Galerie */
#egal input {display:none; margin:0px}
#egal > input + label{width:12.6%; float:left; cursor:pointer; margin-top:2%; margin-left:2%; padding:1%; border:1px solid #D6D5D5; position:relative}
#egal > input + label > a {font-size:10px; color:#000; line-height: 30px;}
#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; vertical-align:middle}
#egal .middler {height:100%; width:0; vertical-align:middle; display: inline-block;}
#egal > input:checked {outline:none}
#egal > input:checked + label {border: 1px solid #ABABAB;}

@media (min-width: 850px){ /* Desktop */
	#egal {display:block;}
	#egal_smart {display:none;}
	/* Galerie */
	#egal { width:585px; 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 span {display:inline-block; width:585px; float:left; border:0px solid red; text-align:center}
	#egal #eleinwand span img {max-width: 585px; margin:auto; max-height:800px;}
	
	#egal #eleinwand label {display:inline-block; width:585px; float:left;text-align:center;vertical-align:middle; height:100%; cursor:pointer}
	#egal #eleinwand label img {max-width: 585px; margin:auto; max-height:300px; vertical-align:middle}
	#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 * 585px);}
	#egal input[id=a3]:checked ~ #eleinwand, #egal input[id=a3]:hover ~ #eleinwand {position:relative; left:calc(-2 * 585px);}
	#egal input[id=a4]:checked ~ #eleinwand, #egal input[id=a4]:hover ~ #eleinwand {position:relative; left:calc(-3 * 585px);}
	#egal input[id=a5]:checked ~ #eleinwand, #egal input[id=a5]:hover ~ #eleinwand {position:relative; left:calc(-4 * 585px);}
	#egal input[id=a6]:checked ~ #eleinwand, #egal input[id=a6]:hover ~ #eleinwand {position:relative; left:calc(-5 * 585px);}
	
	#egal_smart, #egal_smart ~ div.smartarrows, #egal_smart ~ div.smartarrows + br {display:none}

	/* // Galerie */	
}