* {
    padding:0;
     margin:0;
     -moz-box-sizing:    border-box;
  -webkit-box-sizing:    border-box;
       -o-box-sizing:    border-box;
          box-sizing:    border-box;
}
body {
 
}
h1 {
  color: white;
}

.wrap .color {
 background-color: #F1F1F1; 
}
.grid {
    padding: 0;
    margin: 0 auto;
    max-width: 1200px;
   /* border: 1px red dotted; */
}
.grid:after {
  content: "";
  display: table;
  clear: both;
}
.grid [class*='col-'] {
  float: left;
}
/*.grid [class*='col-']:last-of-type {
  padding-bottom: 0;
}
*/

/* Opt-in outside padding */


.grid-pad [class*='col-'] {
  padding-right: 20px;
  padding-bottom: 20px;
 /* border:1px dashed orange; */
}

.grid-pad {
   padding: 20px 0 0 20px;
  /* border:1px dashed blue; */
   position: relative;
}
.grid-pad p,
.col-3-4 .module ul li
 {
  padding: 10px 0;
  line-height: 1.8em;
}
.col-1,
.col-2-3, 
.col-1-3,
.col-1-2,
.col-1-4, 
.col-1-8,
.col-3-4 {
  width: 100%; 
}

.kacheln.team div.col-1-4 {
 /* width: 295px; */
  width: 100%;
}

.module {
  padding: 20px;
  /* border: 1px dashed yellow; */
}

.module-top-bottom {
  padding: 20px 0;
 /*  border: 1px dashed yellow; */
}


    @media screen and (min-width:600px) {   /* 1-8 are shown 1-4  */
.wrap .color {
    background: grey;
  }
      .col-1-4, 
      .col-1-8,
      .col-1-2 {
      width: 50%;
      }
      .col-1-4:nth-child(2n+1) { 
        clear: both;
      }
      .kacheln.team div.col-1-4 {
        width: 50%;
      }
      .kacheln.team .col-1-4 {
        clear: none;
      }
      .kacheln.team .col-1-4:nth-child(2n+1){
        clear: both;
      }

    }
         @media screen and (min-width:800px) {   /* 1-8 are shown 1-4  */
           .wrap .color {
            background: #ccc;
          }  
           .col-1-4 {
            width: 25%;
            }
            .col-1-4:nth-child(2n+1) { /* 1, 3, 5, 7, ... */
              clear: none;
            }

            .col-1-4:nth-child(4n+1) { /* 1, 5, 9, ... */
              clear: both;
            }


            .col-3-4 {
            width: 75%;
            }
            .col-2-3 {
            width: 66.66%;
            }
            .col-1-3 {
            width: 33.33%;
            }
            .col-1-8 {
            width: 25%;
            }

 
          }

 @media screen and (min-width:910px) {   /* unser Team kacheln 3 */  

.kacheln.team div.col-1-4 {
  width: 33%;
}
         .kacheln.team .col-1-4:nth-child(2n+1) {
          clear: none;
        }


        .kacheln.team .col-1-4:nth-child(3n+4) {
          clear: both;
        }
      }
             @media screen and (min-width:1000px) {   /* 1-8 are shown 1-4  */
           .wrap .color {
            background: yellow;
            }


                .col-1-8 {
                 width: 12.5%;
                }

              }


   @media screen and (min-width:1200px) {   /* unser Team kacheln 4 */  
       .kacheln.team div.col-1-4 {
  width: 25%;
}

        .kacheln.team .col-1-4:nth-child(2n+1),
        .kacheln.team .col-1-4:nth-child(3n+4) {
          clear: none;
        }

        .kacheln.team .col-1-4:nth-child(4n+1) {
          clear: both;
        }
      }