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

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

/* Responsives Verhalten */
@media only screen and (max-width: 580px){
  .section1 { 
      display: grid;
      grid-template-columns: 1fr; 
      grid-gap: 30px;
  }   
}

@media only screen and (max-width: 1024px){
	.section2 { 
    grid-template-columns: 1fr 1fr; 
    text-align: left;
    margin-left: 15px;    
  }	  
}	
  
@media only screen and (max-width: 584px){
  .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;}}