body {

    
    font-family:Arial, Helvetica, sans-serif; font-size: 16px; color: #51668C;
	letter-spacing: 5px; 
	background-image: url("elemente/palette quer farbaender3 breiter.jpg");
	background-repeat:no-repeat; 
    background-size: 100% auto;

    }

header {
    background-color:#E1DFDF;
    color: rgb(143, 142, 142);
    padding: 0px;
    }

a:link, a:visited {
 text-decoration: none;
 color: #51668C;
 font-size: 10px;
}

#square {
   width: 12px; 
   height: 12px; 
   background: #3C5D1D; 
}

#square2 {
   width: 10px; 
   height: 15px; 
   background: #037CA9; 
}

#square3 {
   width: 15px; 
   height: 11px; 
   background: #3C3C39; 
}
#square4 {
   width: 9px; 
   height: 15px; 
   background: #BE3E28; 
}
#square5 {
   width: 15px; 
   height: 11px; 
   background: #FCE89F; 
}

.containerhead {
  display: grid;
  grid-template-columns: 85% 15%;
  grid-template-rows: auto auto;
  grid-gap: 0px;
  text-align:left
	
}

.rowhead {
      display: flex;
      flex-wrap: wrap;
}

main {font-size:10 px;
	font-color: darkgrey;
}

.container {
  display: grid;
  grid-template-columns: 40% 60%;
  grid-template-rows: auto auto;
  grid-gap: 0px;
  text-align: center;
}

.spalte-1 {
  background-color:none;
  text-align: left;
  padding-left: 20px;
  
}

.spalte-2 {
  background-color:none;
  font-size: 18 px
  text-align:left;  
  padding-top:100px;
}

span style {
font-size: larger;
font-style: italic;
font-stretch: semi-expanded;
font-weight:900;
font-color:
    }

.spalte-2-re {

}

.container2 {
  display: grid;
  grid-template-columns: 95% 5%;
  grid-template-rows: auto auto;
  grid-gap: 0px;
  }
  

.spalte-1-ob{
  background-color:#E2E2E3;
  font-size: 
  text-align: center;
	padding-top:40px;
  padding-left: 20px;
	
  }
  

.spalte3 {
  background-color:none;
  font-size: 
  text-align: center;
  padding-bottom: 60px;
}

.spalte4 {
  background-color:none;
  font-size: 
  text-align: center;
  padding-bottom: 60px;
}

  .spalte-1-unt {
  background-color:none;
  font-size: 8 px;
  text-align:left;
  padding-bottom: 60px;
  }


<div id="schriftHW"></div>	
  font-size:14px;
  font-color: color: #51668C;
  font-weight: 800;

footer 
.site-footer {
  background: #D2D2D2;
	padding-left: 10px;
	padding-top: 1px;
	padding-bottom: 5px;
	text-align:center;
    font-size:x-small;
	font-color: white;
}

#footer-content {
  
}

{
	background-color:none;
	color: rgb(104, 102, 102);
	
}

.text {font-color: #51668C;}