/* Grundkonfiguration für alle Spalten */

.rs-columns::after {
    content: "";
    display: table;
    clear: both;
}

.rs-columns {
    clear: both;
    display: block;
    width: 100%;
}

.rs-column {
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    width: 100%;
	margin-top: 3.84615%;
	margin-right: 3.84615%;
}

/* Spezielle Klassen für Ausrichtung und Zeilenumbrüche */
.rs-column.-large-first {
	clear: left;
}
.rs-column.-large-last {
	margin-right: 0 !important;
}
.rs-column.-large-first-row {
	margin-top: 0;
}

/* Spaltenbreiten: Desktop / Large */
.rs-column.-large-col-1-1 { width: 100%; }
.rs-column.-large-col-2-1 { width: 48.07692%; }
.rs-column.-large-col-2-2 { width: 100%; }
.rs-column.-large-col-3-1 { width: 30.76923%; }
.rs-column.-large-col-3-2 { width: 65.38462%; }
.rs-column.-large-col-3-3 { width: 100%; }
.rs-column.-large-col-4-1 { width: 22.11538%; }
.rs-column.-large-col-4-2 { width: 48.07692%; }
.rs-column.-large-col-4-3 { width: 74.03846%; }
.rs-column.-large-col-4-4 { width: 100%; }
.rs-column.-large-col-5-1 { width: 16.92308%; }
.rs-column.-large-col-5-2 { width: 37.69231%; }
.rs-column.-large-col-5-3 { width: 58.46154%; }
.rs-column.-large-col-5-4 { width: 79.23077%; }
.rs-column.-large-col-5-5 { width: 100%; }
.rs-column.-large-col-6-1 { width: 13.46154%; }
.rs-column.-large-col-6-2 { width: 30.76923%; }
.rs-column.-large-col-6-3 { width: 48.07692%; }
.rs-column.-large-col-6-4 { width: 65.38462%; }
.rs-column.-large-col-6-5 { width: 82.69231%; }
.rs-column.-large-col-6-6 { width: 100%; }

/* Tablet-Ansicht (max-width: 900px) */
@media screen and (max-width: 900px) {
	.rs-column {
		margin-right: 6.25%;
	}
	.rs-column.-large-first {
		clear: none;
	}
	.rs-column.-large-last {
		margin-right: 6.25%;
	}
	.rs-column.-medium-first {
		clear: left;
	}
	.rs-column.-medium-last {
		margin-right: 0 !important;
	}
	.rs-column.-medium-first-row {
		margin-top: 0;
	}
	/* Breiten Medium */
	.rs-column.-medium-col-1-1 { width: 100%; }
	.rs-column.-medium-col-2-1 { width: 46.875%; }
	.rs-column.-medium-col-2-2 { width: 100%; }
	.rs-column.-medium-col-3-1 { width: 29.16667%; }
	.rs-column.-medium-col-3-2 { width: 64.58333%; }
	.rs-column.-medium-col-3-3 { width: 100%; }
	.rs-column.-medium-col-4-1 { width: 20.3125%; }
	.rs-column.-medium-col-4-2 { width: 46.875%; }
	.rs-column.-medium-col-4-3 { width: 73.4375%; }
	.rs-column.-medium-col-4-4 { width: 100%; }
	.rs-column.-medium-col-5-1 { width: 15%; }
	.rs-column.-medium-col-5-2 { width: 36.25%; }
	.rs-column.-medium-col-5-3 { width: 57.5%; }
	.rs-column.-medium-col-5-4 { width: 78.75%; }
	.rs-column.-medium-col-5-5 { width: 100%; }
	.rs-column.-medium-col-6-1 { width: 11.45833%; }
	.rs-column.-medium-col-6-2 { width: 29.16667%; }
	.rs-column.-medium-col-6-3 { width: 46.875%; }
	.rs-column.-medium-col-6-4 { width: 64.58333%; }
	.rs-column.-medium-col-6-5 { width: 82.29167%; }
	.rs-column.-medium-col-6-6 { width: 100%; }
}

/* Smartphone-Ansicht (max-width: 599px) */
@media screen and (max-width: 599px) {
	.rs-column {
		margin-right: 6.25%;
	}
	.rs-column.-medium-first {
		clear: none;
	}
	.rs-column.-medium-last {
		margin-right: 6.25%;
	}
	.rs-column.-small-first {
		clear: left;
	}
	.rs-column.-small-last {
		margin-right: 0 !important;
	}
	.rs-column.-small-first-row {
		margin-top: 0;
	}
	/* Breiten Small */
	.rs-column.-small-col-1-1 { width: 100%; }
	.rs-column.-small-col-2-1 { width: 46.875%; }
	.rs-column.-small-col-2-2 { width: 100%; }
	.rs-column.-small-col-3-1 { width: 29.16667%; }
	.rs-column.-small-col-3-2 { width: 64.58333%; }
	.rs-column.-small-col-3-3 { width: 100%; }
	.rs-column.-small-col-4-1 { width: 20.3125%; }
	.rs-column.-small-col-4-2 { width: 46.875%; }
	.rs-column.-small-col-4-3 { width: 73.4375%; }
	.rs-column.-small-col-4-4 { width: 100%; }
	.rs-column.-small-col-5-1 { width: 15%; }
	.rs-column.-small-col-5-2 { width: 36.25%; }
	.rs-column.-small-col-5-3 { width: 57.5%; }
	.rs-column.-small-col-5-4 { width: 78.75%; }
	.rs-column.-small-col-5-5 { width: 100%; }
	.rs-column.-small-col-6-1 { width: 11.45833%; }
	.rs-column.-small-col-6-2 { width: 29.16667%; }
	.rs-column.-small-col-6-3 { width: 46.875%; }
	.rs-column.-small-col-6-4 { width: 64.58333%; }
	.rs-column.-small-col-6-5 { width: 82.29167%; }
	.rs-column.-small-col-6-6 { width: 100%; }
}