.item1 { grid-area: header; }
.item2 { grid-area: nav; }
.item3 { grid-area: main; }
.item4 { grid-area: aside;}
.item5 { grid-area: header1;}
.item6 { grid-area: footer; }
.item7 { grid-area: footer1; }
.item8 { grid-area: footer2; }
.item9 { grid-area: footer3; }
.item10{ grid-area: header2; }


/* Gitter Einstellungen */

.grid-container {
  display: grid;
  grid-template-columns: 40em 40em 40em;
	grid-template-rows: auto auto auto auto auto;
  grid-template-areas:
	'header2 header2 header2'
    'header nav footer1 '
	'main aside footer2'
    'header1 footer footer3';
  background-color: #551a8b;
}


.quiz-container {
	
    max-width: 500px;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

form {
    margin-bottom: 20px;
}

input {
    margin-bottom: 10px;
}

#result, #resul, #resu, #res, #re, #r, #f, #Fe{
    font-weight: bold;

}
h1{
	color: 	#fff68f;
	text-align:center;
}


h2{
	color:#CAFF70;
	
}
body{
	max-width:1200px;
	color:#98F5FF;

}
.item3 {
	margin-top:1em;
}
.item4{
	margin-top:-8em;
}
.item5{
	margin-top:-1em;
}
.item6{
	margin-top:1em;
}

.item8{
	margin-top: -6em;
}