body {max-width: 70em; margin: 2em auto; padding:0; 
display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;	
  grid-template-rows: min-content 1fr min-content;
  min-height: 90vh;
background-color:#8bb615; text-align:center; }

header {background:#ffffff; font-family:Verdana, Arial, sans-serif; font-size:.9em;
  grid-column: 1 / span 4;
  grid-row:    1;					
}

main {background:#ffffff; font-family:Verdana, Arial, sans-serif; font-size:.9em;
  grid-column: 1 / span 4;
  grid-row:    2;					
}

section {text-align:left; background:#ffffff; font-family:Verdana, Arial, sans-serif; font-size:.8em;
  grid-column: 1 / span 4;
  grid-row:    1;	
  padding: 1.5em;  
}


footer {background:#ffffff; font-family:Verdana, Arial, sans-serif; font-size:.8em; text-align:right; padding-right:5em;
  grid-column: 1 / span 4;
  grid-row:    3;					
}


p,ul {font:.8em/130%; color:#4e1e07;}

.braun {color:#4e1e07;}
.orange {color:#fa9a03;}

h1 {font:bold; color:#8bb615; font-size:1.2em;}
h2 {font:bold; color:#8bb615; font-size:1em;}

h3 {font-weight:normal; color:#4e1e07; font-size:.9em;}
h4 {font-weight:normal; font-style:italic; color:#4e1e07; font-size:.9em;}

a:link, a:visited {color:#8bb615; text-decoration:none;}
a:hover {color:#8bb615; text-decoration:underline;}
a:active {color:#8bb615; text-decoration:none;}