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

.section2 {
    display: block;
}

/*
  #mitte{
    padding: 25px;
    padding-left: 50px;
    padding-right: 50px;
  }
  #mitte{
    min-width: 420px;
    max-width: 1920px;
    margin:auto;
  }

  @media (max-width: 1470px){
    #mitte ,.section2,.section1,.oben-text{
      padding-left: 36px;
      padding-right: 36px;
    }    
  }
 */
/* 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: 580px) {
    .image {
        position: relative;
        width: 150px;
        margin: 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;
    }
}