/* ============================================
   Capa Grid System - Minimal Version
   Nur Grid-System ohne konfliktierende Styles
   ============================================ */

/* Container */
.container {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 10px;
  box-sizing: border-box;
}

.container:before, 
.container:after {
  content: '';
  clear: both;
  display: block;
}

.container.full {
  max-width: 100%;
}

.container.narrow {
  max-width: 960px;
}

/* All columns */
.c5, .c10, .c15, .c20, .c25, .c30, .c33, .c35, .c40, .c45, .c50, .c55, .c60, .c65, .c66, .c70, .c75, .c80, .c85, .c90, .c95, .c100,
.t5, .t10, .t15, .t20, .t25, .t30, .t33, .t35, .t40, .t45, .t50, .t55, .t60, .t65, .t66, .t70, .t75, .t80, .t85, .t90, .t95, .t100,
.m5, .m10, .m15, .m20, .m25, .m30, .m33, .m35, .m40, .m45, .m50, .m55, .m60, .m65, .m66, .m70, .m75, .m80, .m85, .m90, .m95, .m100 {
  float: left;
  padding: 0 10px;
  box-sizing: border-box;
}

/* Desktop columns */
.c5 { width: 5%; }
.c10 { width: 10%; }
.c15 { width: 15%; }
.c20 { width: 20%; }
.c25 { width: 25%; }
.c30 { width: 30%; }
.c33 { width: 33.33%; }
.c35 { width: 35%; }
.c40 { width: 40%; }
.c45 { width: 45%; }
.c50 { width: 50%; }
.c55 { width: 55%; }
.c60 { width: 60%; }
.c65 { width: 65%; }
.c66 { width: 66.66%; }
.c70 { width: 70%; }
.c75 { width: 75%; }
.c80 { width: 80%; }
.c85 { width: 85%; }
.c90 { width: 90%; }
.c95 { width: 95%; }
.c100 { width: 100%; }

/* Tablet (768px) */
@media only screen and (max-width: 768px) {
  .t5 { width: 5%; }
  .t10 { width: 10%; }
  .t15 { width: 15%; }
  .t20 { width: 20%; }
  .t25 { width: 25%; }
  .t30 { width: 30%; }
  .t33 { width: 33.33%; }
  .t35 { width: 35%; }
  .t40 { width: 40%; }
  .t45 { width: 45%; }
  .t50 { width: 50%; }
  .t55 { width: 55%; }
  .t60 { width: 60%; }
  .t65 { width: 65%; }
  .t70 { width: 70%; }
  .t75 { width: 75%; }
  .t80 { width: 80%; }
  .t85 { width: 85%; }
  .t90 { width: 90%; }
  .t95 { width: 95%; }
  .t100 { width: 100%; }
}

/* Mobile (420px) */
@media only screen and (max-width: 420px) {
  .m5 { width: 5%; }
  .m10 { width: 10%; }
  .m15 { width: 15%; }
  .m20 { width: 20%; }
  .m25 { width: 25%; }
  .m30 { width: 30%; }
  .m33 { width: 33.33%; }
  .m35 { width: 35%; }
  .m40 { width: 40%; }
  .m45 { width: 45%; }
  .m50 { width: 50%; }
  .m55 { width: 55%; }
  .m60 { width: 60%; }
  .m65 { width: 65%; }
  .m70 { width: 70%; }
  .m75 { width: 75%; }
  .m80 { width: 80%; }
  .m85 { width: 85%; }
  .m90 { width: 90%; }
  .m95 { width: 95%; }
  .m100 { width: 100%; }
}

/* Clearfix */
.clear, 
.clearfix {
  clear: both;
  display: block;
  width: 0;
  height: 0;
}

/* Responsive images */
img,
.img-responsive {
  max-width: 100%;
  height: auto;
}