Contao Grid mit 16 Spalten und 1140px Breite

/* Elemente floaten */
.g1, .g2, .g3, .g4, .g5, .g6, .g7, .g8, .g9, .g10, .g11, .g12, .g13, .g14, .g15, .g16 {
    display: inline;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}

/* Breiten festlegen */
.g1 {
    width: 4.25%;
}
.g2 {
    width: 10.5%;
}
.g3 {
    width: 16.75%;
}
.g4 {
    width: 23%;
}
.g5 {
    width: 29.25%;
}
.g6 {
    width: 35.5%;
}
.g7 {
    width: 41.75%;
}
.g8 {
    width: 48%;
}
.g9 {
    width: 54.25%;
}
.g10 {
    width: 60.5%;
}
.g11 {
    width: 66.75%;
}
.g12 {
    width: 73%;
}
.g13 {
    width: 79.25%;
}
.g14 {
    width: 85.5%;
}
.g15 {
    width: 91.75%;
}
.g16 {
    width: 98%;
}

/* Inhaltselemente in einem Artikel erhalten automatisch einen Abstand */
.mod_article > .block {
    margin-left: 1%;
    margin-right: 1%;
}
.gr {
    margin-right: 2% !important;
}
/* Für 100% Breiten ohne Abstand und nicht innerhalb eines Artikels
 * z.B. für HTML Module im Header */
.gr16_0 {
    margin-right: 0 !important;
    width: 100%;
}

/* speziell für Bilder die nächsten beiden Angaben
 * Bilder passen sich so automatisch der Größe an */
img, object, embed {
    max-width: 100%;
}
img {
    height: auto;
    width: auto;
}
.g1 .block, .g2 .block, .g3 .block, .g4 .block, .g5 .block, .g6 .block, .g7 .block, .g8 .block, .g9 .block, .g10 .block, .g11 .block, .g12 .block, .g13 .block, .g14 .block, .g15 .block, .g16 .block {
    margin-left: 0;
    margin-right: 0;
}