h1         {font: bold 1.5em Times New Roman, Times, serif;text-decoration: underline overline;text-align:center} ;
h2       {font: bold 1em Times New Roman, Times, serif;text-decoration: underline overline;text-shadow: 1px 1px 1px;  color: #002c79; }
h3       {font: bold 1em Times New Roman, Times, serif;text-shadow: 1px 1px 1px;  color: #002c79; }
h4       {font: bold 1em Times New Roman, Times, serif;  text-align:left ; color: black; }
a {
  display: inline-block;
  padding-left: .5em;
  text-decoration: underline;  
}
a:focus   { background-color: red; color: black;}
a:hover   { background-color: green; color: white; }
a:active  { background-color: yellow; color: black; }

body {

width: 1000px;
font: bold 1.2em Times New Roman, Times, serif;
background-color: #b5cefa;

    display: grid;
		gap: 0.5em;
		

}

@media (min-width: 45em) { 
	/* Breite beträgt mindestens 45em */ 
	body {
    grid-template-columns: 1fr 3fr 1fr;	
    grid-template-rows: auto 1fr 100px;
	}
}

header,footer {
	grid-column: 1 / -1;
}





header {
  display: grid; 
  grid-template-columns: 1fr 3fr ; 
  
  #grid-gap: 10em;
  #background-color: #d9e6fc;
  #background-image:url("klimafonds300dpi.jpg");
  background-size: contain;
  height: 120px;
  background-repeat:no-repeat;
  background-position: left;
  text-align: center;
    margin-left: 20px ;
   
  padding: 20px;
}

box {
  font: bold 1em Helvetica, Arial, sans-serif;
  width: 250px;
  color: blue;
  background-color: white;
  border:  10px solid blue;
  border-radius: 1em 1em 1em 1em;
  #margin:  30px auto;
  padding: 1.5em;
  margin-top: 1px ;
  #margin-bottom: 20px ;
  margin-left: 0px ;
  padding-top: 2em;
  }
  box1 {
 
  font: bold 1.2em Times New Roman, Times, serif;
  width: 1200px;
  color: #4a7bd3;
  background-color: white;
  border:  10px solid #d9e6fc;
  border-radius: 1em 1em 1em 1em;
  #margin:  30px auto;
  padding: 2em;
  margin-top: 1px ;
  #margin-bottom: 20px ;
  margin-right: auto ;
  margin-left: auto ;
  padding-top: 2em;
  }
menu {
  font: bold 0.9em Times New Roman, Times, serif;
  color: black;
  width: 200px;
  height:180px;
  color: blue;
  background-color: #d9e6fc;
  border:  10px solid white;
  border-radius: 1em 1em 1em 1em;
  margin:  30px auto;
  padding: 2em;
  margin-top: 5px ;
  margin-bottom: 20px ;
  margin-left: 40px ;
  
  margin-top:20px;
  padding-top: 30px;
  #padding-right: 10px;
  }
textbox {

text-align: center;
  font: normal 0.9em Times New Roman, Times, serif;
  width: 800px;
  color: black;
  background-color: #d9e6fc;
  border:  10px solid white;
  border-radius: 1em 1em 1em 1em;
  #margin:  30px auto;
  #padding: 2em;
  margin-top: 5px ;
  margin-bottom: 20px ;
  #margin-right: 30px ;
  margin-left: 10px ;
  margin-top:20px;
  padding-top: 30px;
  
  padding-left:20px;
  }
  
textbox_1 {

text-align: left;
  font: normal 0.9em Times New Roman, Times, serif;
  width: 800px;
  color: black;
  background-color: #d9e6fc;
  border:  10px solid white;
  border-radius: 1em 1em 1em 1em;
  #margin:  30px auto;
  #padding: 2em;
  margin-top: 5px ;
  margin-bottom: 20px ;
  #margin-right: -30px ;
  margin-left: 10px ;
  margin-top:20px;
  padding-top: 30px;
  padding-left:20px;
  }

  #max-width: 99em;