body {
	height: 100vh;
	margin: 0;
	display: grid;
	grid:
		"head head" var(--head-height)         /* Zeile 1: zwei Bereiche und Höhe der Zeile */
		"info main" var(--main-height)         /* Zeile 2: zwei Bereiche und Höhe der Zeile */
		"info use" var(--use-height)           /* Zeile 3: zwei Bereiche und Höhe der Zeile */
		"foot foot" var(--foot-height)         /* Zeile 4: zwei Bereiche und Höhe der Zeile */
		/ var(--info-width) var(--main-width); /* Breite der zwei Spalten */  
	align-content: space-evenly;
	/*position: relative;*/
	position: absolute;
/*	justify-content: center;*/
}

#header {
	background-color: rgb(200,150,150);
	grid-area: head;
	border: 1px solid;
}
#info {
	background-color: rgb(170,170,200);
	grid-area: info;
	padding: 10px;
	border: 1px solid;
}
#usage {
    background-color: yellowgreen;
	grid-area: use;
	padding: 10px;
	border: 1px solid;
}
#main {
	background-color: lightblue;
	grid-area: main;
	padding: 10px;
	border: 1px solid;
}
#footer {
	background-color: mediumpurple;
	grid-area: foot;
	border: 1px solid;
}

h2,h3 {
	/*adding: 0px 10px 10px 10px;*/
	text-align: center;
}