.row {
	clear: both;
	margin-bottom: 20px;
}

.row:last-child {
	margin-bottom: 0;
}

.col {
	box-sizing: border-box;
	float: left;
}

.col-3 {
	width: 25%;
}

.col-4 {
	width: 33.333%;
}

.col-6 {
	width: 50%;
}

.col-9 {
	width: 75%;
}

.col-3,
.col-6,
.col-9 {
	padding-left: 0;
	padding-right: 15px;
}

.col-6 + .col-6,
.col-9 + .col-3,
.col-3 + .col-9 {
	padding-left: 15px;
	padding-right: 0;
}

.col-4 {
	padding-left: 0;
	padding-right: 15px;
}

.col-4 + .col-4 {
	padding-left: 15px;
	padding-right: 15px;
}

.col-4 + .col-4 + .col-4 {
	padding-left: 15px;
	padding-right: 0;
}

.row-3-cols {
	margin-left: -15px;
	margin-right: -15px;
}

.row-3-cols .col {
	padding-left: 15px !important;
	padding-right: 15px !important;
}



/* Verschachtelte Spaltenelemente */

.col .col-3,
.col .col-6,
.col .col-9 {
	padding-right: 10px;
}

.col .col-6 + .col-6,
.col .col-9 + .col-3,
.col .col-3 + .col-9 {
	padding-left: 10px;
}

.col .col-4 {
	padding-right: 10px;
}

.col .col-4 + .col-4 {
	padding-left: 10px;
	padding-right: 10px;
}

.col .col-4 + .col-4 + .col-4 {
	padding-left: 10px;
}