@charset "UTF-8";
/* CSS Document */

* {
   -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
   box-sizing:border-box;
}

img { width:100%; max-width:100%; height:auto;}

/* Raster */
.container { max-width:994px; margin:0 auto; }
.row       { float:left; width:100%; margin-bottom:35px; }
.columns   { float:left; margin:0 1.5%; padding:2.12%; position:relative; }
/* .columns p:last-child { margin-bottom:0; } */

.row:first-child { margin-bottom:0; }
.row:first-child .columns { padding-top:0; }


aside.columns { margin:0 3% 0 0; padding:2.12% 0; }
section.columns { margin:0; padding:2.12% 0; }

@media screen and (max-width:750px) {
  .sm-1, .sm-2 { position:relative; }
    
  /* 2 spaltiges Raster in der kleineren Layout-Version */
  .sm-1 { width:50%; }
  .sm-2 { width:100%; }
  
  .columns { margin:0; padding:3%; }
  aside.columns { margin:0; padding:3% }
  section.columns { margin:0; padding:3%; }
}

@media screen and (max-width:750px) {
  .md-1, .md-2, .md-3, .md-4 { position:relative; }
  
  /* 12 spaltiges Raster in der großen Layout-Version */
  .md-1 { width:25%; }
  .md-2 { width:50; }
  .md-3 { width:75%; }
  .md-4 { width:100%; }
}

@media screen and (min-width:750px) {
  .lg-2, .lg-3, .lg-4, .lg-6 { position:relative; }
  
  /* 6 spaltiges Raster in der großen Layout-Version */
  .lg-2 { width:31.3333333333%; }
  .lg-3 { width:50%; }
  .lg-4 { width:65.5166666666%; }
  .lg-6 { width:100%; }
  
  .columns:first-child { margin-left:0; }
  .columns:last-child  { margin-right:0 !important; }
}