body { 
font-family: Verdana, sans-serif;
font-size: 0.8em;
}  

.links {
float: left;
margin-right: 10px;
} 


header>h1{
grid-template-columns: auto auto;
grid-auto-flow: row dense;
max-width: 33em;
grid-gap: 10px;
font-size: 1.1em;
color: DimGray;
box-shadow: 5px 10px 15px;
margin: 0 0 2em 0;
padding: 1em;
grid-column: 1 / -1;
text-align: center;
}


h1>p {
grid-template-columns: auto auto;
grid-auto-flow: row dense;
max-width: 33em;
grid-gap: 10px;
font-size: 0.6em;
color: #2F4F4F;
grid-column: 1 / -1;
text-align: center;
}

h3>p {
grid-template-columns: auto auto;
grid-auto-flow: row dense;
max-width: 33em;
grid-gap: 10px;
font-size: 0.8em;
color: #2F4F4F;
grid-column: 1 / -1;
text-align: center;
}


form {
	max-width: 35em;
	display: grid;
	grid-template-columns: auto auto;
	grid-auto-flow: row dense;
	grid-gap: 10px;
}

form > label{
	grid-row: auto;
	text-align: right;
}



form > input, form > select {
	grid-row: auto;
        font-family: Verdana, sans-serif;
        font-size: 0.9em;	

}


button {
grid-row: auto;
grid-column: 1/-1;
font-size: 1.2em;
padding: 0.4em 1em;
}

.speichern {
background: lightgrey;
color: ä2F4F4F
font-weight: bold;
}