#galerie ul,
#galerie li {
	
	padding: 3em;
}

#galerie li {
	display: inline-block;
	list-style-type: none;
	width: 45%;
    margin-left: 8%;
    margin-bottom: 5%;
}

img {
	padding: 0;
	margin: 0;
	width: 100%;
	/* Bild passt sich an verfügbaren Raum im li ann */
}

button {
	padding: 0.1em;
}
/* Large screens */

@media all and (min-width: 35em) {
	#galerie li {
		width: 10em;
	}
	button {
		padding: 0.1em;
		width: 10em;
		height: 7.5em;
		position: relative;
	}
	button img {
		
		position: absolute;
		left: 0%;
		top: 0%;
		z-index: 0;
		width: 10em;
		transition: all 1s;
	}
	button:focus img,
	button:hover img {
		border: 2em solid #eee;
		border-radius: 1em;
		position: absolute;
		left: -4%;
		top: -4%;
		width: 300%;
		z-index: 5;
		box-shadow: 1px 1px 5px #333;
		transition: all 1s;
	}
}
@media (min-width: 400px) {
	#galerie ul,
#galerie li {
	
	padding: 3em;
}

#galerie li {
	display: inline-block;
	list-style-type: none;
	width: 45%;
}

img {
	padding: 0;
	width: 100%;
	/* Bild passt sich an verfügbaren Raum im li ann */
}

button {
	padding: 0.1em;
}
/* Large screens */

@media all and (min-width: 35em) {
	#galerie li {
		width: 10em;
	}
	button {
		padding: 0.1em;
		width: 10em;
		height: 7.5em;
		position: relative;
	}
	button img {
		
		position: absolute;
		left: 0%;
		top: 0%;
		z-index: 0;
		width: 10em;
		transition: all 1s;
	}
	button:focus img,
	button:hover img {
		border: 2em solid #eee;
		border-radius: 1em;
		position: absolute;
		left: -4%;
		top: -4%;
		width: 300%;
		z-index: 5;
		box-shadow: 1px 1px 5px #333;
		transition: all 1s;
	}
}
}