/* *************** ALLGEMEINE FORMATIERUNGEN ***************/
*{
	margin: 0px;
	padding: 0px;
}

html, body{
	background: #000000;
}
/* *************** TYPO ************************************/
body{
	font-family: Arial, sans-serif;
	font-size: 40px;
	color: #FFFFFF;
}
/* *************** grid ************************************/
.item1 { grid-area: header; }
.item3 { grid-area: mitte; }
.item5 { grid-area: footer; }
.grid-container {
  display: grid;
  grid-template-areas:
    'header header'
    'mitte mitte'
    'footer footer';
  gap: 10px;
  background-color: #000000;
  padding: 10px;
}
.grid-container > div {
  background-color: rgba(255, 255, 255, 0.2);
  text-align: center;
  padding: 20px 0;
  font-size: 40px;
}