/* Galerie */
#egal{display:none;}
#egal #eleinwand {margin-top:15px}
#egal_smart {white-space:nowrap; width:100%; overflow:auto; display:block; margin:25px 0; text-align: center;}
#egal a {min-height:50px; }
#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.5}
#egal_smart ~ div.smartarrows i:last-child {float:right}
/* // Galerie */
#egal input {display:none; margin:0px}
/* V1 */
#egal a{width:15.0%; float:left; cursor:pointer; margin-top:2%; margin-left:2%; padding:1%; height:100px; border:1px solid #D6D5D5;}
#egal a:nth-of-type(6n+1){margin-left:0}
#egal a img {max-width:100%; max-height:100%; width:auto; height:auto !important; box-sizing: border-box;}
#egal a:focus {border: 1px solid #999; outline:none}
#egal a:focus img {border:none !important}
/* V2 */
#egal label{width:15.0%; float:left; cursor:pointer; margin-top:2%; margin-left:2%; padding:1%; height:100px; border:1px solid #D6D5D5;}
#egal label:nth-of-type(6n+1){margin-left:0}
#egal label img {max-width:100%; max-height:100%; width:auto; height:auto !important; box-sizing: border-box;}
#egal input:checked {outline:none}
#egal input:checked + label {border: 1px solid #999;}

@media (min-width: 992px){ /* Tablet */
	#egal {display:block}
	#egal_smart {display:none;}
	/* Galerie */
	#egal {width:660px; overflow:hidden; border:none; display:block; padding:0; text-align: center; margin:25px auto}
	#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;}
	/* V1 */
	#egal #eleinwand span {display:inline-block; width:660px; float:left; border:0px solid red; text-align:center}
	#egal #eleinwand span img {max-width: 660px; margin:15px auto; max-height:600px;}
	
	/* V2 */
	#egal #eleinwand label {display:inline-block; width:660px; float:left; border:0px solid red; text-align:center}
	#egal #eleinwand label img {max-width: 660px; margin:15px auto; max-height:600px;}
	
	#egal_smart, #egal_smart ~ div.smartarrows {display:none}
	
	/* V1 */
	#egal a:hover ~ #eleinwand , #egal a:focus ~ #eleinwand {left:0;}
	#egal a + a:hover ~ #eleinwand , #egal a + a:focus ~ #eleinwand {position:relative; left:-660px;}
	#egal a + a + a:hover ~ #eleinwand , #egal a + a + a:focus ~ #eleinwand {position:relative; left:-1320px;}
	#egal a + a + a + a:hover ~ #eleinwand , #egal a + a + a + a:focus ~ #eleinwand {position:relative; left:-1980px;}
	#egal a + a + a + a + a:hover ~ #eleinwand , #egal a + a + a + a + a:focus ~ #eleinwand {position:relative; left:-2640px;}
	#egal a + a + a + a + a + a:hover ~ #eleinwand , #egal a + a + a + a + a + a:focus ~ #eleinwand {position:relative; left:-3300px;}
	
	/* V2 */
	#egal input[id=a1]:checked ~ #eleinwand, #egal input[id=a1]:hover ~ #eleinwand {left:0;}
	#egal input[id=a2]:checked ~ #eleinwand, #egal input[id=a2]:hover ~ #eleinwand {position:relative; left:calc(-1 * 660px);}
	#egal input[id=a3]:checked ~ #eleinwand, #egal input[id=a3]:hover ~ #eleinwand {position:relative; left:calc(-2 * 660px);}
	#egal input[id=a4]:checked ~ #eleinwand, #egal input[id=a4]:hover ~ #eleinwand {position:relative; left:calc(-3 * 660px);}
	#egal input[id=a5]:checked ~ #eleinwand, #egal input[id=a5]:hover ~ #eleinwand {position:relative; left:calc(-4 * 660px);}
	#egal input[id=a6]:checked ~ #eleinwand, #egal input[id=a6]:hover ~ #eleinwand {position:relative; left:calc(-5 * 660px);}
	#egal input[id=a7]:checked ~ #eleinwand, #egal input[id=a7]:hover ~ #eleinwand {position:relative; left:calc(-6 * 660px);}
	#egal input[id=a8]:checked ~ #eleinwand, #egal input[id=a8]:hover ~ #eleinwand {position:relative; left:calc(-7 * 660px);}
	#egal input[id=a9]:checked ~ #eleinwand, #egal input[id=a9]:hover ~ #eleinwand {position:relative; left:calc(-8 * 660px);}
	#egal input[id=a10]:checked ~ #eleinwand, #egal input[id=a10]:hover ~ #eleinwand {position:relative; left:calc(-9 * 660px);}
	#egal input[id=a11]:checked ~ #eleinwand, #egal input[id=a11]:hover ~ #eleinwand {position:relative; left:calc(-10 * 660px);}
	#egal input[id=a12]:checked ~ #eleinwand, #egal input[id=a12]:hover ~ #eleinwand {position:relative; left:calc(-11 * 660px);}
	
	#egal input[id=a13]:checked ~ #eleinwand, #egal input[id=a13]:hover ~ #eleinwand {position:relative; left:calc(-12 * 660px);}
	#egal input[id=a14]:checked ~ #eleinwand, #egal input[id=a14]:hover ~ #eleinwand {position:relative; left:calc(-13 * 660px);}
	#egal input[id=a15]:checked ~ #eleinwand, #egal input[id=a15]:hover ~ #eleinwand {position:relative; left:calc(-14 * 660px);}
	#egal input[id=a16]:checked ~ #eleinwand, #egal input[id=a16]:hover ~ #eleinwand {position:relative; left:calc(-15 * 660px);}
	#egal input[id=a17]:checked ~ #eleinwand, #egal input[id=a17]:hover ~ #eleinwand {position:relative; left:calc(-16 * 660px);}
	#egal input[id=a18]:checked ~ #eleinwand, #egal input[id=a18]:hover ~ #eleinwand {position:relative; left:calc(-17 * 660px);}
	#egal input[id=a19]:checked ~ #eleinwand, #egal input[id=a19]:hover ~ #eleinwand {position:relative; left:calc(-18 * 660px);}
	#egal input[id=a20]:checked ~ #eleinwand, #egal input[id=a20]:hover ~ #eleinwand {position:relative; left:calc(-19 * 660px);}
	#egal input[id=a21]:checked ~ #eleinwand, #egal input[id=a21]:hover ~ #eleinwand {position:relative; left:calc(-20 * 660px);}
	#egal input[id=a22]:checked ~ #eleinwand, #egal input[id=a22]:hover ~ #eleinwand {position:relative; left:calc(-21 * 660px);}
	#egal input[id=a23]:checked ~ #eleinwand, #egal input[id=a23]:hover ~ #eleinwand {position:relative; left:calc(-22 * 660px);}
	#egal input[id=a24]:checked ~ #eleinwand, #egal input[id=a24]:hover ~ #eleinwand {position:relative; left:calc(-23 * 660px);}
}

@media (min-width: 1200px){ /* Desktop */
	#egal {display:block}
	#egal_smart {display:none;}
	/* Galerie */
	#egal {width:730px; overflow:hidden; border:none; display:block; padding:0; text-align: center; margin:25px auto}
	#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:730px; float:left; border:0px solid red; text-align:center}
	#egal #eleinwand span img {max-width: 730px; margin:15px auto; max-height:800px;}
	#egal_smart, #egal_smart ~ div.smartarrows{display:none}
	
	/* V1 */
	#egal a:hover ~ #eleinwand , #egal a:focus ~ #eleinwand {left:0;}
	#egal a + a:hover ~ #eleinwand , #egal a + a:focus ~ #eleinwand {position:relative; left:calc(-1 * 730px);}
	#egal a + a + a:hover ~ #eleinwand , #egal a + a + a:focus ~ #eleinwand {position:relative; left:calc(-2 * 730px);}
	#egal a + a + a + a:hover ~ #eleinwand , #egal a + a + a + a:focus ~ #eleinwand {position:relative; left:calc(-3 * 730px);}
	#egal a + a + a + a + a:hover ~ #eleinwand , #egal a + a + a + a + a:focus ~ #eleinwand {position:relative; left:calc(-4 * 730px);}
	#egal a + a + a + a + a + a:hover ~ #eleinwand , #egal a + a + a + a + a + a:focus ~ #eleinwand {position:relative; left:calc(-5 * 730px);}
	
	/* V2 */	
	#egal input[id=a1]:checked ~ #eleinwand, #egal input[id=a1]:hover ~ #eleinwand {left:0;}
	#egal input[id=a2]:checked ~ #eleinwand, #egal input[id=a2]:hover ~ #eleinwand {position:relative; left:calc(-1 * 730px);}
	#egal input[id=a3]:checked ~ #eleinwand, #egal input[id=a3]:hover ~ #eleinwand {position:relative; left:calc(-2 * 730px);}
	#egal input[id=a4]:checked ~ #eleinwand, #egal input[id=a4]:hover ~ #eleinwand {position:relative; left:calc(-3 * 730px);}
	#egal input[id=a5]:checked ~ #eleinwand, #egal input[id=a5]:hover ~ #eleinwand {position:relative; left:calc(-4 * 730px);}
	#egal input[id=a6]:checked ~ #eleinwand, #egal input[id=a6]:hover ~ #eleinwand {position:relative; left:calc(-5 * 730px);}
	#egal input[id=a7]:checked ~ #eleinwand, #egal input[id=a7]:hover ~ #eleinwand {position:relative; left:calc(-6 * 730px);}
	#egal input[id=a8]:checked ~ #eleinwand, #egal input[id=a8]:hover ~ #eleinwand {position:relative; left:calc(-7 * 730px);}
	#egal input[id=a9]:checked ~ #eleinwand, #egal input[id=a9]:hover ~ #eleinwand {position:relative; left:calc(-8 * 730px);}
	#egal input[id=a10]:checked ~ #eleinwand, #egal input[id=a10]:hover ~ #eleinwand {position:relative; left:calc(-9 * 730px);}
	#egal input[id=a11]:checked ~ #eleinwand, #egal input[id=a11]:hover ~ #eleinwand {position:relative; left:calc(-10 * 730px);}
	#egal input[id=a12]:checked ~ #eleinwand, #egal input[id=a12]:hover ~ #eleinwand {position:relative; left:calc(-11 * 730px);}
}