.grid {
  background: white;
  margin: 0 0 20px 0;
}
.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;
}
.col-1-1, 
.col-2-3, 
.col-1-3,
.col-1-2,
.col-1-4, 
.col-1-8,
.col-3-4 {
  width: 100%; 
}
.module {
  padding: 0;
  background: #eee;
  border:1px dashed grey;
}
.repeater_aktuell,
.arbeiten {
 margin: 40px 0;
  background: #fff;
}

    @media screen and (min-width:850px) {   /* 1-4 are shown 1-2  */
	body {
	 border: 2px yellow dashed;
	}
	    .col-1-4,
      .col-1-2  {
      width: 50%;
      }
      .col-1-4news {
      width: 25%;
      padding-right: 20px;
      }
      .col-1-4ausstellungen {
      width: 25%;
      padding-right: 0px;
      }
      .ausstellungen .ausstellungenrepeater .col-1-2 {
      padding-right: 20px;
      }
      .ausstellungen div.col-1-2 ul {
        padding: 10px 0 0;;
      }
      .col-3-4 {
      width: 50%;
      }
      .col-1-4:nth-child(2n+1) {    /*  1 - 3 - 5 - 7 - ...  */
    	clear: both;
      }
      .col-1-4:nth-child(2n+1) div.module.arbeiten {
        margin: 40px 60px 40px 0;
      }
      .col-1-4:nth-child(2n) div.module.arbeiten {
        float: right;
      }
    }

             @media screen and (min-width:1200px) {   /* 1-4 are shown 1-4  */
             	body {
	  			 border: 2px orange dashed;
				        }

                .col-1-4 {
                /*  width: 25%;  */
                }
                .col-1-4:nth-child(2n+1) {
    			        /* clear: none;  */
      			   }
                .col-1-8 {
                 width: 12.5%;
                }
              }