/* Mobile first - für schmale Viewports */

ul {
	margin-left: 2.1em;
	margin-right: 12em;
	padding: 0.1em;
}
li {
	margin: 0.1em;
	padding: 0.1em;
	
}

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

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

button {
	padding: 0.1em;
	border: 0.1em;
	background-color: #464646;
}
/* Large screens */

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