/* 940 x 2000  @media all and (min-width: 1023px) and (max-width: 2000px) */


@media all and (min-width: 1023px) {



#kernpunkte {
         position: relative;
         top: 140px;
         margin-left: auto;
         margin-right: auto;
         background-color: #ffffff;
         display: inline-block;
         height: 430px;
         }


#kernpunkte ul {
       justify-content: space-around;
       margin-left: auto;
       margin-right: auto;
}

#kernpunkte li {
        list-style-type: none;
        margin-top: 20px;
        margin-bottom: 15px;
        margin-left: 20px;
        margin-right: 20px;
        display: inline-block;

}

#kernpunkte a {
        max-width:2000px;
        display: inline-block;
        text-decoration: none;
        margin-left: auto;
        margin-right: auto;

}


#band {
         position: relative;
         top: 0px;
         background-color: #E0E8D3;
         height: 200px;
         width: 100%;
         }

#ziel {
         width: 800px;
         text-align: center;
         margin-left: auto;
         margin-right: auto;
         display: inline-block;
         padding-top: 80px;
         }

}












@media all and (min-width: 630px) and (max-width: 1023px){
#wrapper {max-width: 1023px;}

#kernpunkte {
         position: relative;
         margin-top: -100px;
         margin-left: auto;
         margin-right: auto;
         background-color: #ffffff;
         display: inline-block;
         height: 230px;
         }


#kernpunkte ul {
       justify-content: space-around;
       margin-left: auto;
       margin-right: auto;
}

#kernpunkte li {
        list-style-type: none;
        margin-top: 20px;
        margin-bottom: 15px;
        margin-left: 20px;
        margin-right: 20px;
        display: inline-block;

}

#kernpunkte a {
        max-width:1024px;
        display: inline-block;
        text-decoration: none;
        margin-left: auto;
        margin-right: auto;
        }

#band {
         position: relative;
         margin-top: 10px;
         background-color: #E0E8D3;
         height: 200px;
         width: 100%;

         }

#ziel {
         width: 90%;
         text-align: center;
         margin-left: auto;
         margin-right: auto;
         display: inline-block;
         padding-top: 8%;
          }

}









@media all and (min-width: 175px) and (max-width: 629px){


/*  */
#wrapper {max-width: 629px;}
#umweltMKlein{
         position: relative;
         margin-top: -370px;
         background-color: #447737;
         height: 140px;
         color: #ffffff;
         font-weight: bold;
         font-size: 1.2em;
         padding-top: 20px;
         }


#kernpunkte {
         position: relative;
         margin-top: -100px;
         margin-left: auto;
         margin-right: auto;
         background-color: #ffffff;
         display: inline-block;
         height: 230px;
         }


#kernpunkte ul {
       justify-content: space-around;
       margin-left: auto;
       margin-right: auto;
}

#kernpunkte li {
        list-style-type: none;
        margin-top: 20px;
        margin-bottom: 15px;
        margin-left: 20px;
        margin-right: 20px;
        display: inline-block;

}

#kernpunkte a {
        max-width:1024px;
        display: inline-block;
        text-decoration: none;
        margin-left: auto;
        margin-right: auto;
        }

#band {
         position: relative;
         margin-top: 10px;
         background-color: #E0E8D3;
         height: 160px;
         width: 100%;
         }

#ziel {
         width: 90%;
         text-align: center;
         margin-left: auto;
         margin-right: auto;
         display: inline-block;
         padding-top: 8%;
         }


}