#galerie,
li {
	margin: 0.1em;
	padding: 0.1em;
}

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

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

a {
	padding: 0.1em;
}


/* Large screens */

@media all and (min-width: 35em) {
	li {
		width: 10em;
                vertical-align: top;
	}
	.details {
		position: absolute;
		right: 10%;
		top: 10%;
		background-color: #F1F3F4;
		border: 0.1em solid #3983ab;
		border-radius: 0 8px 8px;
		padding: 1em 1em .2em;
		width: 80%;
		
		overflow: auto;
		display: none;
	}
	.details img {
		width: 90%;
	}
	.details:target {
		display: block;
	}
	.close {
		width: 0;
		heigh: 0;
		border: 0;
		text-shadow: none;
		color: transparent;
	}
	.close::after {
		position: absolute;
		top: 1em;
		right: 1em;
		content: "X";
		color: white;
		background: #c32e04;
		font: bold 1em/150% Georgia, Times, serif;
		border: 0.1em solid #3983ab;
		border-radius: 0 8px 8px;
		display: block;
		text-align: center;
		width: 1.5em;
		height: 1.5em;
		padding: 0.2em 0 0 0em;
	}
}