.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: 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;}}