/* Depari Grid System*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.wrapper {
    width: 100%;
    height: auto;
    min-height: 100%;
}

.row {
	width: 100%;
	/* margin-top: 10px; */
	overflow: hidden;
	/*text-align: center; /* Zentriert die inline-Boxen */
}

.row:first-of-type {
	margin-top: 0px;
}

.one,
.two,
.three,
.four,
.five,
.six,
.seven,
.eight,
.nine,
.ten,
.eleven,
.twelve {
	display: inline-block;
	margin: 0;
	padding:0;
	overflow: hidden;
	width: 100%;
	position: relative;
}

@media (min-width: 768px) {
	.one {
		width: 8.33333333333333333%;
	}

	.two {
		width: 16.6666666666666666%;
	}

	.three {
		width: 25%;
	}

	.four {
		width: 33.33333333333333333%;
	}

	.five {
		width: 41.66666666666666666%;
	}

	.six {
		width: 50%;
	}

	.seven {
		width: 58.33333333333333333%;
	}

	.eight {
		width: 66.66666666666666666%;
	}

	.nine {
		width: 75%;
	}

	.ten {
		width: 83.33333333333333333%;
	}

	.eleven {
		width: 91.66666666666666666%;
	}

	.twelve {
		width: 100%;
	}
}



/* Sonstiges */

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.clear {
	clear:both;
}