.block {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    margin-left: 35px;
    margin-top: 20px;
}

 .column1 {
    display: flex;
    flex: 11%;
    max-width: 11%;
    margin-top: 30px;
    
 }

 .column2 {
    display: flex;
    flex: 89%;
    max-width: 89%;
    margin-top: 30px;
    
    padding-left: 10px;
 }

 .column3 {
    display: flex;
    flex: 11%;
    max-width: 11%;
    margin-top: 30px;
    
    
 }

 .column4 {
    display: flex;
    flex: 89%;
    max-width: 89%;
    margin-top: 30px;
    
    padding-left: 10px;
 }
 .column5 {
    display: flex;
    flex: 11%;
    max-width: 11%;
    margin-top: 30px;
    
 }

 .column6 {
    display: flex;
    flex: 89%;
    max-width: 89%;
    margin-top: 30px;
    
    padding-left: 10px;
 }
 .column7 {
    display: flex;
    flex: 11%;
    max-width: 11%;
    margin-top: 30px;
    
 }

 .column8 {
    display: flex;
    flex: 89%;
    max-width: 89%;
    margin-top: 30px;
    
    padding-left: 10px;
 }
 .column9 {
    display: flex;
    flex: 11%;
    max-width: 11%;
    margin-top: 30px;
    
 }

 .column10 {
    display: flex;
    flex: 89%;
    max-width: 89%;
    margin-top: 30px;
    
    padding-left: 10px;
 }


.text {
    margin-top: 20px;
}

 .column1,
 .column2,
 .column3,
 .column4,
 .column5,
 .column6,
 .column7,
 .column8,
 .column9,
 .column10 {
    margin-top: 50px;
 }

 .text {
    margin-left: 20px;
    
}
.kontaktvorstand {
    line-height: 35px;
}
 

@media (max-width: 1800px) {
    
    .column1,
    .column3,
    .column5,
    .column7,
    .column9 {
        flex: 12%;
        max-width: 12%;
    }
    .column2,
    .column4,
    .column6,
    .column8,
    .column10 {
        flex: 88%;
        max-width: 88%;
       
    }
}

@media (max-width: 1650px) {
    
    .column1,
    .column3,
    .column5,
    .column7,
    .column9 {
        flex: 13%;
        max-width: 13%;
    }
    .column2,
    .column4,
    .column6,
    .column8,
    .column10 {
        flex: 87%;
        max-width: 87%;
    }
}

@media (max-width: 1500px) {
    
    .column1,
    .column3,
    .column5,
    .column7,
    .column9 {
        flex: 14%;
        max-width: 14%;
    }
    .column2,
    .column4,
    .column6,
    .column8,
    .column10 {
        flex: 86%;
        max-width: 86%;
    }
}

@media (max-width: 1400px) {
    
    .column1,
    .column3,
    .column5,
    .column7,
    .column9{
        flex: 15%;
        max-width: 15%;
    }
    .column2,
    .column4,
    .column6,
    .column8,
    .column10 {
        flex: 85%;
        max-width: 85%;
    }
}

@media (max-width: 1300px) {
    
    .column1,
    .column2,
    .column3,
    .column4,
    .column5,
    .column6,
    .column7,
    .column8,
    .column9,
    .column10 {
        flex: 100%;
        max-width: 100%;
        
    }
    .text {
        margin-left: 0px;
        /*damit der abstand bei dem handy bild passt*/
    }
    
    
    .column2,
    .column4,
    .column6,
    .column8,
    .column10 {
        margin-top: 0;
    }
}

body {
    background-color: rgb(226, 226, 226);
    
   
}



 

  @media (max-width: 767px) {
    .footer {
        position: relative !important;
        margin-bottom: -50px;
    }
  }
  
  .container {
    max-width: 1200px; /* Maximalbreite des Inhalts im Balken */
    margin: 0 auto; /* Zentriere den Container im Balken */
  }