.section1 { 
  display: grid;
  grid-template-columns: 1fr 6fr; 
  grid-gap: 30px;
}

.section2 {
  display: grid; 
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}
/* Responsives Verhalten */

@media only screen and (max-width: 1280px){
	.section2 { 
    grid-template-columns: 1fr 1fr; 
    text-align: left;
    margin-left: 15px;
    margin-right: 15px;    
  }	  
}
@media only screen and (max-width: 580px){
  .section1 { 
      display: grid;
      grid-template-columns: 1fr; 
      grid-gap: 30px;
  }   
}
  
@media only screen and (max-width: 720px){
  .section2 { 
    grid-template-columns: 1fr; 
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }	 
}	

@media only screen and (max-width: 1750px){main{margin-top: 280px;}}
@media only screen and (max-width: 1550px){main{margin-top: 270px;}}
@media only screen and (max-width: 1300px){main{margin-top: 260px;}}
@media only screen and (max-width: 1100px){main{margin-top: 250px;}}
@media only screen and (max-width: 950px){main{margin-top: 240px;}}
@media only screen and (max-width: 630px){main{margin-top: 230px;}}