body {
	padding: 20px;
}

@media (orientation:landscape) {
	body {
		background-color: white;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
		border: lightgray solid 1px;
	}

	.liste {
		width:18em;
		border-right:1px solid lightgray;
		float:left;
	}
	
	.liste2 {
		width:18em;
		border-right:1px solid lightgray;
		float:left;
	}
	
	.content {
		padding-left: 300px;
	}
	
	img.skulptur {
		height: 300px; 
		float:right; 
		margin-left: 1em; 
		margin-bottom: 1em;
	}
	
	.grid {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: auto;
	}
	
	img.grid {
		max-width: 200px;
		height: auto;
		padding-bottom: 20px;
	}
}

@media (orientation:portrait) {
	.liste {
		display: none;
	}
	
	.liste2 {
		position: relative;
	}
	
	img.skulptur {
		max-width: 90vw; 
		height:auto;
		padding-bottom: 1em;
	}
	
	.grid {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}
	
	img.grid {
		max-width: 90vw;
		height: auto;
		padding-bottom: 20px;
	}
}

ul {
	list-style-type:disc;
}

footer {
	clear: both;
}