/* 

Der Seitenraster ist 12-Spaltig
In der NICHT-responsive Ansicht ist der Content maximal 1440 px breit

1440 px : 12 Spalten = 120 px pro Spalte

1440 px = 100 %
120	 px = 8.3333 %

*/

.gridGroup {
	float: left;
	box-sizing: border-box;
	margin-bottom: 40px;
}

.gridCell {
	width: 100%;
}

.gridLinebreak {
	float: none;
	clear: both;
	height: 0;
	line-height: 0;
}

/* 1-Spalte */
.grid1 {
	width: 8.3333%;
	padding: 0.75%;
}

/* 2-Spalten */
.grid2 {
	width: 16.6666%;
	padding: 0.75%;
}

/* 3-Spalten */
.grid3 {
	width: 25%;
	padding: 0.75%;
}

/* 4-Spalten */
.grid4 {
	width: 33.3333%;
	padding: 0.75%;
}

/* 5-Spalten */
.grid5 {
	width: 41.6666%;
	padding: 0.75%;
}

/* 6-Spalten */
.grid6 {
	width: 50%;
	padding: 0.75%;
}

/* 8-Spalten */
.grid8 {
	width: 66.6666%;
	padding: 0.75%;
}

/* 12-Spalten */
.grid12 {
	width: 100%;
	padding: 0.75%;	
}

/* Resetters added by AG */
.noMarginBottom {
	margin-bottom: 0;
}

.noPaddingBottom {
	padding-bottom: 0;
}

.noPaddingTop {
	padding-top: 0;
}

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

	.gridGroup {
		width: 50%;
	}
	
	.alwaysFullwidth {
		width: 100%;
	}	
		
}

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

	.gridGroup {
			float: none;
			width: 100%;
			padding: 0;
			margin-bottom: 30px;
	}

	.noMarginBottom {
		margin-bottom: 0;
	}

}