@charset "utf-8";

/**
 *     fanthomas communications, Thomas Gerspacher
 *
 *     Custom responsive column widths
 *     Based on madeyourday/contao-rocksolid-columns
 *     
**/

.rs-columns {
  clear: both;
  display: inline-block;
  margin-top: 1%;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 2%;
  margin-right: 4%;
}

.rs-column.-large-first {
  clear: left;
}

.rs-column.-large-last {
  margin-right: -5px;
}

.rs-column.-large-first-row {
  margin-top: 0;
}

.rs-column.-large-col-1-1 {
  width: 100%;
}

.rs-column.-large-col-2-1 {
  width: 48%; /* ( 100 - 4 ) : 2 */
}

.rs-column.-large-col-2-2 {
  width: 100%;
}

.rs-column.-large-col-3-1 {
  width: 30.66667%; /* ( 100 - 8 ) : 3 */
}

.rs-column.-large-col-3-2 {
  width: 65.33333%; /* ( ( ( 100 - 8 ) : 3 ) x 2 ) + 4 */
}

.rs-column.-large-col-3-3 {
  width: 100%;
}

.rs-column.-large-col-4-1 {
  width: 22%; /* ( 100 - 12 ) : 4 */
}

.rs-column.-large-col-4-2 {
  width: 48%; /* ( ( ( 100 - 12 ) : 4 ) x 2 ) + 4 */
}

.rs-column.-large-col-4-3 {
  width: 74%; /* ( ( ( 100 - 12 ) : 4 ) x 3 ) + 8 */
}

.rs-column.-large-col-4-4 {
  width: 100%;
}

.rs-column.-large-col-5-1 {
  width: 16.8%; /* ( 100 - 16 ) : 5 */
}

.rs-column.-large-col-5-2 {
  width: 37.6%; /* ( ( ( 100 - 16 ) : 5 ) x 2 ) + 4 */
}

.rs-column.-large-col-5-3 {
  width: 58.4%; /* ( ( ( 100 - 16 ) : 5 ) x 3 ) + 8 */
}

.rs-column.-large-col-5-4 {
  width: 79.2%; /* ( ( ( 100 - 16 ) : 5 ) x 4 ) + 12 */
}

.rs-column.-large-col-5-5 {
  width: 100%;
}

.rs-column.-large-col-6-1 {
  width: 13.33333%; /* ( 100 - 20 ) : 6 */
}

.rs-column.-large-col-6-2 {
  width: 30.66667%; /* ( ( ( 100 - 20 ) : 6 ) x 2 ) + 4 */
}

.rs-column.-large-col-6-3 {
  width: 48%; /* ( ( ( 100 - 20 ) : 6 ) x 3 ) + 8 */
}

.rs-column.-large-col-6-4 {
  width: 65.33333%; /* ( ( ( 100 - 20 ) : 6 ) x 4 ) + 12 */
}

.rs-column.-large-col-6-5 {
  width: 82.66667%; /* ( ( ( 100 - 20 ) : 6 ) x 5 ) + 16 */
}

.rs-column.-large-col-6-6 {
  width: 100%;
}

@media screen and (max-width: 900px) {

  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }

  .rs-column.-large-first {
    clear: none;
  }

  .rs-column.-large-last {
    margin-right: 7.69231%;
  }

  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }

  .rs-column.-medium-first {
    clear: left;
  }

  .rs-column.-medium-last {
    margin-right: -5px;
  }

  .rs-column.-medium-first-row {
    margin-top: 0;
  }

  .rs-column.-medium-col-1-1 {
    width: 100%;
  }

  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }

  .rs-column.-medium-col-2-2 {
    width: 100%;
  }

  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }

  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }

  .rs-column.-medium-col-3-3 {
    width: 100%;
  }

  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }

  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }

  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }

  .rs-column.-medium-col-4-4 {
    width: 100%;
  }

  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }

  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }

  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }

  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }

  .rs-column.-medium-col-5-5 {
    width: 100%;
  }

  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }

  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }

  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }

  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }

  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }

  .rs-column.-medium-col-6-6 {
    width: 100%;
  }

}

@media screen and (max-width: 599px) {

  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }

  .rs-column.-large-last {
    margin-right: 7.69231%;
  }

  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }

  .rs-column.-medium-first {
    clear: none;
  }

  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }

  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }

  .rs-column.-small-first {
    clear: left;
  }

  .rs-column.-small-last {
    margin-right: -5px;
  }

  .rs-column.-small-first-row {
    margin-top: 0;
  }

  .rs-column.-small-col-1-1 {
    width: 100%;
  }

  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }

  .rs-column.-small-col-2-2 {
    width: 100%;
  }

  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }

  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }

  .rs-column.-small-col-3-3 {
    width: 100%;
  }

  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }

  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }

  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }

  .rs-column.-small-col-4-4 {
    width: 100%;
  }

  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }

  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }

  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }

  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }

  .rs-column.-small-col-5-5 {
    width: 100%;
  }

  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }

  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }

  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }

  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }

  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }

  .rs-column.-small-col-6-6 {
    width: 100%;
  }

}