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

/* Mittlere Section */

.section2 ul li {
  background: url(../bilder/ico_check_beige.png) no-repeat 20px 4px;
  background-image: url(../bilder/ico_check_beige.svg),none;
  padding: 0 0 0 50px;
  margin: 0 0 0 -40px;	
  display: block;
}

.section2 {
  width: 60%;
}

#mitte h4 {
  color: #00416e;
  font-size: 18px;
  line-height: 24px;
}

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


@media only screen and (max-width: 1024px){
  .section1 {
    width: 66.7%;
  }
}

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