body {
	display: grid;
	gap: 0.5em;
}

@media (min-width:30em) {
	/* Breite beträgt mindestens 30em */
	
	body {
		grid-template-columns: 3fr 1fr;
		grid-template-rows: 1fr auto auto auto;	
}

header,
main {
	grid-column: 1 / -1;
}

header {
	background: #F1F3F4; /* hellgrau */
	border-color: #d5d5d5;
}

main {
	background: #F1F3F4; /* apricot */
	border-color: #df6c20;
	text-align: left;
}

nav {
	background: #F1F3F4; /* hellblau */
	border-color: #df6c20;
}

aside {
	background: #F1F3F4;
	border-color: #8db243;
}

footer {
	background: #F1F3F4; /* rosa */
	border-color: #8a9da8;
}

footer * {
	float: right;
	clear: right;
}

body {
	margin: 0 auto;
	max-width: 65em;
	font-family: sans-serif;
}

header,
nav,
main,
article,
section,
aside,
footer {
	border-radius: 0px 0.5em 0.5em;
	border: 1px solid;
	padding: 10px;
}

h1 {
		font-size: 12pt;
}

table {
	text-align: center;
	width: 100%;
}

td {
	width: 25%;
	font-weight: bold;
}

#thumbs {
	height: 200px;
}

#left {
	padding-left: 150px;
	padding-top: 50px;
	text-align: left;
}

nav,
footer,
header {
	font-size: 10pt;
}