*[class*="grid-"], *[class*="grid-"] > *[class*="grid-"] {
	margin: 0 auto;
	max-width: 1180px;
	text-align: justify;
	font-size: 0.1em;
	-ms-text-justify: distribute-all-lines;
	text-justify: distribute-all-lines;
}
*[class*="grid-"] > * {
	font-size: 10em;
}
*[class*="grid-"] > *[class*="grid-"] > * {
	font-size: 100em;
}
*[class*="grid-"] > *[class*="grid-"] > *[class*="grid-"] {
	font-size: 1em;
}
*[class*="grid-"]:after {
	content: '';
	display: inline-block;
	width: 100%;
	zoom: 1;
	*display: inline;/*IE7 - HACK*/
}

.c1, .c2, .c3, .c4, .c5, .c6,
.c7, .c8, .c9, .c10, .c11, .c12,
.tl1, .tl2, .tl3, .tl4, .tl5, .tl6,
.tl7, .tl8, .tl9, .tl10, .tl11, .tl12,
.tp1, .tp2, .tp3, .tp4, .tp5, .tp6,
.tp7, .tp8, .tp9, .tp10, .tp11, .tp12,
.pl1, .pl2, .pl3, .pl4, .pl5, .pl6,
.pl7, .pl8, .pl9, .pl10, .pl11, .pl12 {
	display: inline-block;
	text-align: left;
	-ms-text-justify: auto;
	text-justify: auto;
	vertical-align: top;
	margin-bottom: 1em;
	position: relative;
	zoom: 1;
	*display: inline;/*IE7 - HACK*/
}

/**
 * Span Element, welches die fehlenden Spalten
 * auffüllt für die jeweilige Bildschirmgröße
 * (Media-Queries legen fest, wenn der fix bei Größe 0 ausgeblendet werden soll)
 */
.fix {
	margin-bottom: 0;
}
@media only screen and (min-width: 1025px) {
	span.c0.fix {
		display: none;
	}
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	span.c0.fix {
		display: none;
	}
}
@media only screen and (min-width: 569px) and (max-width: 768px) {
	span.c0.fix {
		display: none;
	}
}
@media only screen and (min-width: 481px) and (max-width: 568px) {
	span.c0.fix {
		display: none;
	}
}

.grid-12 .c1 { width: 6.78091%; }
.grid-12 .c2 { width: 15.25538%; }
.grid-12 .c3 { width: 23.72984%; }
.grid-12 .c4 { width: 32.2043%; }
.grid-12 .c5 { width: 40.67876%; }
.grid-12 .c6 { width: 49.15323%; }
.grid-12 .c7 { width: 57.62769%; }
.grid-12 .c8 { width: 66.10215%; }
.grid-12 .c9 { width: 74.57661%; }
.grid-12 .c10 { width: 83.05108%; }
.grid-12 .c11 { width: 91.52554%; }
.grid-12 .c12 {width: 100%;}

.grid-12 .c11 .c1 { width: 7.40877%; }
.grid-12 .c11 .c2 { width: 16.66789%; }
.grid-12 .c11 .c3 { width: 25.92701%; }
.grid-12 .c11 .c4 { width: 35.18614%; }
.grid-12 .c11 .c5 { width: 44.44526%; }
.grid-12 .c11 .c6 { width: 53.70438%; }
.grid-12 .c11 .c7 { width: 62.96351%; }
.grid-12 .c11 .c8 { width: 72.22263%; }
.grid-12 .c11 .c9 { width: 81.48175%; }
.grid-12 .c11 .c10 { width: 90.74088%; }
.grid-12 .c11 .c11 { width: 100%; }

.grid-12 .c10 .c1 { width: 7.95455%; }
.grid-12 .c10 .c2 { width: 18.18182%; }
.grid-12 .c10 .c3 { width: 28.40909%; }
.grid-12 .c10 .c4 { width: 38.63636%; }
.grid-12 .c10 .c5 { width: 48.86364%; }
.grid-12 .c10 .c6 { width: 59.09091%; }
.grid-12 .c10 .c7 { width: 69.31818%; }
.grid-12 .c10 .c8 { width: 79.54545%; }
.grid-12 .c10 .c9 { width: 89.77273%; }
.grid-12 .c10 .c10 { width: 100%; }

.grid-12 .c9 .c1 { width: 8.86076%; }
.grid-12 .c9 .c2 { width: 20.25316%; }
.grid-12 .c9 .c3 { width: 31.64557%; }
.grid-12 .c9 .c4 { width: 43.03797%; }
.grid-12 .c9 .c5 { width: 54.43038%; }
.grid-12 .c9 .c6 { width: 65.82278%; }
.grid-12 .c9 .c7 { width: 77.21519%; }
.grid-12 .c9 .c8 { width: 88.60759%; }
.grid-12 .c9 .c9 { width: 100%; }

.grid-12 .c8 .c1 { width: 10%; }
.grid-12 .c8 .c2 { width: 22.85714%; }
.grid-12 .c8 .c3 { width: 35.71429%; }
.grid-12 .c8 .c4 { width: 48.57143%; }
.grid-12 .c8 .c5 { width: 61.42857%; }
.grid-12 .c8 .c6 { width: 74.28571%; }
.grid-12 .c8 .c7 { width: 87.14286%; }
.grid-12 .c8 .c8 { width: 100%; }

.grid-12 .c7 .c1 { width: 11.47541%; }
.grid-12 .c7 .c2 { width: 26.22951%; }
.grid-12 .c7 .c3 { width: 40.98361%; }
.grid-12 .c7 .c4 { width: 55.7377%; }
.grid-12 .c7 .c5 { width: 70.4918%; }
.grid-12 .c7 .c6 { width: 85.2459%; }
.grid-12 .c7 .c7 { width: 100%; }

.grid-12 .c6 .c1 { width: 13.46154%; }
.grid-12 .c6 .c2 { width: 30.76923%; }
.grid-12 .c6 .c3 { width: 48.07692%; }
.grid-12 .c6 .c4 { width: 65.38462%; }
.grid-12 .c6 .c5 { width: 82.69231%; }
.grid-12 .c6 .c6 { width: 100%; }

.grid-12 .c5 .c1 { width: 16.27907%; }
.grid-12 .c5 .c2 { width: 37.2093%; }
.grid-12 .c5 .c3 { width: 58.13953%; }
.grid-12 .c5 .c4 { width: 79.06977%; }
.grid-12 .c5 .c5 { width: 100%; }

.grid-12 .c4 .c1 { width: 20.58824%; }
.grid-12 .c4 .c2 { width: 47.05882%; }
.grid-12 .c4 .c3 { width: 73.52941%; }
.grid-12 .c4 .c4 { width: 100%; }

.grid-12 .c3 .c1 { width: 28%; }
.grid-12 .c3 .c2 { width: 64%; }
.grid-12 .c3 .c3 { width: 100%; }

.grid-12 .c2 .c1 { width: 43.75%; }
.grid-12 .c2 .c2 { width: 100%; }

.grid-12 .c1 .c1 { width: 100%; }

/* Zehner grid */
.grid-10 .c1 { width: 8.47581%; }
.grid-10 .c2 { width: 18.64516%; }
.grid-10 .c3 { width: 28.81452%; }
.grid-10 .c4 { width: 38.98387%; }
.grid-10 .c5 { width: 49.15323%; }
.grid-10 .c6 { width: 59.32258%; }
.grid-10 .c7 { width: 69.49194%; }
.grid-10 .c8 { width: 79.66129%; }
.grid-10 .c9 { width: 89.83065%; }
.grid-10 .c10 { width: 100%; }

.grid-10 .c9 .c1 { width: 9.43532%; }
.grid-10 .c9 .c2 { width: 20.7559%; }
.grid-10 .c9 .c3 { width: 32.07649%; }
.grid-10 .c9 .c4 { width: 43.39707%; }
.grid-10 .c9 .c5 { width: 54.71766%; }
.grid-10 .c9 .c6 { width: 66.03824%; }
.grid-10 .c9 .c7 { width: 77.35883%; }
.grid-10 .c9 .c8 { width: 88.67941%; }
.grid-10 .c9 .c9 { width: 100%; }

.grid-10 .c8 .c1 { width: 10.63981%; }
.grid-10 .c8 .c2 { width: 23.40555%; }
.grid-10 .c8 .c3 { width: 36.17129%; }
.grid-10 .c8 .c4 { width: 48.93703%; }
.grid-10 .c8 .c5 { width: 61.70277%; }
.grid-10 .c8 .c6 { width: 74.46852%; }
.grid-10 .c8 .c7 { width: 87.23426%; }
.grid-10 .c8 .c8 { width: 100%; }

.grid-10 .c7 .c1 { width: 12.19682%; }
.grid-10 .c7 .c2 { width: 26.83068%; }
.grid-10 .c7 .c3 { width: 41.46455%; }
.grid-10 .c7 .c4 { width: 56.09841%; }
.grid-10 .c7 .c5 { width: 70.73227%; }
.grid-10 .c7 .c6 { width: 85.36614%; }
.grid-10 .c7 .c7 { width: 100%; }

.grid-10 .c6 .c1 { width: 14.28766%; }
.grid-10 .c6 .c2 { width: 31.43013%; }
.grid-10 .c6 .c3 { width: 48.57259%; }
.grid-10 .c6 .c4 { width: 65.71506%; }
.grid-10 .c6 .c5 { width: 82.85753%; }
.grid-10 .c6 .c6 { width: 100%; }

.grid-10 .c5 .c1 { width: 17.24364%; }
.grid-10 .c5 .c2 { width: 37.93273%; }
.grid-10 .c5 .c3 { width: 58.62182%; }
.grid-10 .c5 .c4 { width: 79.31091%; }
.grid-10 .c5 .c5 { width: 100%; }

.grid-10 .c4 .c1 { width: 21.74183%; }
.grid-10 .c4 .c2 { width: 47.82789%; }
.grid-10 .c4 .c3 { width: 73.91394%; }
.grid-10 .c4 .c4 { width: 100%; }

.grid-10 .c3 .c1 { width: 29.41506%; }
.grid-10 .c3 .c2 { width: 64.70753%; }
.grid-10 .c3 .c3 { width: 100%; }

.grid-10 .c2 .c1 { width: 45.45848%; }
.grid-10 .c2 .c2 { width: 100%; }

.grid-10 .c1 .c1 { width: 100%; }

/**
 * Größen Für Tablets im Querformat
 * (überschreiben Desktop-Ansicht)
 */
@media only screen and (max-width: 1024px) {
	*[class*="grid-"] {max-width: 984px;}
	.grid-12  .tl0 {width: 100%;}
	.grid-12 .tl1 { width: 6.78091%; }
	.grid-12 .tl2 { width: 15.25538%; }
	.grid-12 .tl3 { width: 23.72984%; }
	.grid-12 .tl4 { width: 32.2043%; }
	.grid-12 .tl5 { width: 40.67876%; }
	.grid-12 .tl6 { width: 49.15323%; }
	.grid-12 .tl7 { width: 57.62769%; }
	.grid-12 .tl8 { width: 66.10215%; }
	.grid-12 .tl9 { width: 74.57661%; }
	.grid-12 .tl10 { width: 83.05108%; }
	.grid-12 .tl11 { width: 91.52554%; }
	.grid-12 .tl12 {width: 100%;}

	.grid-12 .tl12  .tl0 {width: 100%;}
	.grid-12 .tl12 .tl1 { width: 6.78091%; }
	.grid-12 .tl12 .tl2 { width: 15.25538%; }
	.grid-12 .tl12 .tl3 { width: 23.72984%; }
	.grid-12 .tl12 .tl4 { width: 32.2043%; }
	.grid-12 .tl12 .tl5 { width: 40.67876%; }
	.grid-12 .tl12 .tl6 { width: 49.15323%; }
	.grid-12 .tl12 .tl7 { width: 57.62769%; }
	.grid-12 .tl12 .tl8 { width: 66.10215%; }
	.grid-12 .tl12 .tl9 { width: 74.57661%; }
	.grid-12 .tl12 .tl10 { width: 83.05108%; }
	.grid-12 .tl12 .tl11 { width: 91.52554%; }
	.grid-12 .tl12 .tl12 {width: 100%;}

	.grid-12 .tl11 .tl1 { width: 7.40877%; }
	.grid-12 .tl11 .tl2 { width: 16.66789%; }
	.grid-12 .tl11 .tl3 { width: 25.92701%; }
	.grid-12 .tl11 .tl4 { width: 35.18614%; }
	.grid-12 .tl11 .tl5 { width: 44.44526%; }
	.grid-12 .tl11 .tl6 { width: 53.70438%; }
	.grid-12 .tl11 .tl7 { width: 62.96351%; }
	.grid-12 .tl11 .tl8 { width: 72.22263%; }
	.grid-12 .tl11 .tl9 { width: 81.48175%; }
	.grid-12 .tl11 .tl10 { width: 90.74088%; }
	.grid-12 .tl11 .tl11 { width: 100%; }

	.grid-12 .tl10 .tl1 { width: 7.95455%; }
	.grid-12 .tl10 .tl2 { width: 18.18182%; }
	.grid-12 .tl10 .tl3 { width: 28.40909%; }
	.grid-12 .tl10 .tl4 { width: 38.63636%; }
	.grid-12 .tl10 .tl5 { width: 48.86364%; }
	.grid-12 .tl10 .tl6 { width: 59.09091%; }
	.grid-12 .tl10 .tl7 { width: 69.31818%; }
	.grid-12 .tl10 .tl8 { width: 79.54545%; }
	.grid-12 .tl10 .tl9 { width: 89.77273%; }
	.grid-12 .tl10 .tl10 { width: 100%; }

	.grid-12 .tl9 .tl1 { width: 8.86076%; }
	.grid-12 .tl9 .tl2 { width: 20.25316%; }
	.grid-12 .tl9 .tl3 { width: 31.64557%; }
	.grid-12 .tl9 .tl4 { width: 43.03797%; }
	.grid-12 .tl9 .tl5 { width: 54.43038%; }
	.grid-12 .tl9 .tl6 { width: 65.82278%; }
	.grid-12 .tl9 .tl7 { width: 77.21519%; }
	.grid-12 .tl9 .tl8 { width: 88.60759%; }
	.grid-12 .tl9 .tl9 { width: 100%; }

	.grid-12 .tl8 .tl1 { width: 10%; }
	.grid-12 .tl8 .tl2 { width: 22.85714%; }
	.grid-12 .tl8 .tl3 { width: 35.71429%; }
	.grid-12 .tl8 .tl4 { width: 48.57143%; }
	.grid-12 .tl8 .tl5 { width: 61.42857%; }
	.grid-12 .tl8 .tl6 { width: 74.28571%; }
	.grid-12 .tl8 .tl7 { width: 87.14286%; }
	.grid-12 .tl8 .tl8 { width: 100%; }

	.grid-12 .tl7 .tl1 { width: 11.47541%; }
	.grid-12 .tl7 .tl2 { width: 26.22951%; }
	.grid-12 .tl7 .tl3 { width: 40.98361%; }
	.grid-12 .tl7 .tl4 { width: 55.7377%; }
	.grid-12 .tl7 .tl5 { width: 70.4918%; }
	.grid-12 .tl7 .tl6 { width: 85.2459%; }
	.grid-12 .tl7 .tl7 { width: 100%; }

	.grid-12 .tl6 .tl1 { width: 13.46154%; }
	.grid-12 .tl6 .tl2 { width: 30.76923%; }
	.grid-12 .tl6 .tl3 { width: 48.07692%; }
	.grid-12 .tl6 .tl4 { width: 65.38462%; }
	.grid-12 .tl6 .tl5 { width: 82.69231%; }
	.grid-12 .tl6 .tl6 { width: 100%; }

	.grid-12 .tl5 .tl1 { width: 16.27907%; }
	.grid-12 .tl5 .tl2 { width: 37.2093%; }
	.grid-12 .tl5 .tl3 { width: 58.13953%; }
	.grid-12 .tl5 .tl4 { width: 79.06977%; }
	.grid-12 .tl5 .tl5 { width: 100%; }

	.grid-12 .tl4 .tl1 { width: 20.58824%; }
	.grid-12 .tl4 .tl2 { width: 47.05882%; }
	.grid-12 .tl4 .tl3 { width: 73.52941%; }
	.grid-12 .tl4 .tl4 { width: 100%; }

	.grid-12 .tl3 .tl1 { width: 28%; }
	.grid-12 .tl3 .tl2 { width: 64%; }
	.grid-12 .tl3 .tl3 { width: 100%; }

	.grid-12 .tl2 .tl1 { width: 43.75%; }
	.grid-12 .tl2 .tl2 { width: 100%; }

	.grid-12 .tl1 .tl1 { width: 100%; }

	/* Zehner grid */
	.grid-10 .tl1 { width: 8.47581%; }
	.grid-10 .tl2 { width: 18.64516%; }
	.grid-10 .tl3 { width: 28.81452%; }
	.grid-10 .tl4 { width: 38.98387%; }
	.grid-10 .tl5 { width: 49.15323%; }
	.grid-10 .tl6 { width: 59.32258%; }
	.grid-10 .tl7 { width: 69.49194%; }
	.grid-10 .tl8 { width: 79.66129%; }
	.grid-10 .tl9 { width: 89.83065%; }
	.grid-10 .tl10 { width: 100%; }

	.grid-10 .tl9 .tl1 { width: 9.43532%; }
	.grid-10 .tl9 .tl2 { width: 20.7559%; }
	.grid-10 .tl9 .tl3 { width: 32.07649%; }
	.grid-10 .tl9 .tl4 { width: 43.39707%; }
	.grid-10 .tl9 .tl5 { width: 54.71766%; }
	.grid-10 .tl9 .tl6 { width: 66.03824%; }
	.grid-10 .tl9 .tl7 { width: 77.35883%; }
	.grid-10 .tl9 .tl8 { width: 88.67941%; }
	.grid-10 .tl9 .tl9 { width: 100%; }

	.grid-10 .tl8 .tl1 { width: 10.63981%; }
	.grid-10 .tl8 .tl2 { width: 23.40555%; }
	.grid-10 .tl8 .tl3 { width: 36.17129%; }
	.grid-10 .tl8 .tl4 { width: 48.93703%; }
	.grid-10 .tl8 .tl5 { width: 61.70277%; }
	.grid-10 .tl8 .tl6 { width: 74.46852%; }
	.grid-10 .tl8 .tl7 { width: 87.23426%; }
	.grid-10 .tl8 .tl8 { width: 100%; }

	.grid-10 .tl7 .tl1 { width: 12.19682%; }
	.grid-10 .tl7 .tl2 { width: 26.83068%; }
	.grid-10 .tl7 .tl3 { width: 41.46455%; }
	.grid-10 .tl7 .tl4 { width: 56.09841%; }
	.grid-10 .tl7 .tl5 { width: 70.73227%; }
	.grid-10 .tl7 .tl6 { width: 85.36614%; }
	.grid-10 .tl7 .tl7 { width: 100%; }

	.grid-10 .tl6 .tl1 { width: 14.28766%; }
	.grid-10 .tl6 .tl2 { width: 31.43013%; }
	.grid-10 .tl6 .tl3 { width: 48.57259%; }
	.grid-10 .tl6 .tl4 { width: 65.71506%; }
	.grid-10 .tl6 .tl5 { width: 82.85753%; }
	.grid-10 .tl6 .tl6 { width: 100%; }

	.grid-10 .tl5 .tl1 { width: 17.24364%; }
	.grid-10 .tl5 .tl2 { width: 37.93273%; }
	.grid-10 .tl5 .tl3 { width: 58.62182%; }
	.grid-10 .tl5 .tl4 { width: 79.31091%; }
	.grid-10 .tl5 .tl5 { width: 100%; }

	.grid-10 .tl4 .tl1 { width: 21.74183%; }
	.grid-10 .tl4 .tl2 { width: 47.82789%; }
	.grid-10 .tl4 .tl3 { width: 73.91394%; }
	.grid-10 .tl4 .tl4 { width: 100%; }

	.grid-10 .tl3 .tl1 { width: 29.41506%; }
	.grid-10 .tl3 .tl2 { width: 64.70753%; }
	.grid-10 .tl3 .tl3 { width: 100%; }

	.grid-10 .tl2 .tl1 { width: 45.45848%; }
	.grid-10 .tl2 .tl2 { width: 100%; }

	.grid-10 .tl1 .tl1 { width: 100%; }
}

/**
 * Größen Für Tablets im Hochformat
 * (überschreiben Tablet Querformat-Ansicht)
 */
@media only screen and (max-width: 768px) {
	*[class*="grid-"] {max-width: 728px;}
	.grid-12 .tp1 { width: 6.78091%; }
	.grid-12 .tp2 { width: 15.25538%; }
	.grid-12 .tp3 { width: 23.72984%; }
	.grid-12 .tp4 { width: 32.2043%; }
	.grid-12 .tp5 { width: 40.67876%; }
	.grid-12 .tp6 { width: 49.15323%; }
	.grid-12 .tp7 { width: 57.62769%; }
	.grid-12 .tp8 { width: 66.10215%; }
	.grid-12 .tp9 { width: 74.57661%; }
	.grid-12 .tp10 { width: 83.05108%; }
	.grid-12 .tp11 { width: 91.52554%; }
	.grid-12 .tp12 {width: 100%;}

	.grid-12 .tp12 .tp1 { width: 6.78091%; }
	.grid-12 .tp12 .tp2 { width: 15.25538%; }
	.grid-12 .tp12 .tp3 { width: 23.72984%; }
	.grid-12 .tp12 .tp4 { width: 32.2043%; }
	.grid-12 .tp12 .tp5 { width: 40.67876%; }
	.grid-12 .tp12 .tp6 { width: 49.15323%; }
	.grid-12 .tp12 .tp7 { width: 57.62769%; }
	.grid-12 .tp12 .tp8 { width: 66.10215%; }
	.grid-12 .tp12 .tp9 { width: 74.57661%; }
	.grid-12 .tp12 .tp10 { width: 83.05108%; }
	.grid-12 .tp12 .tp11 { width: 91.52554%; }
	.grid-12 .tp12 .tp12 {width: 100%;}

	.grid-12 .tp11 .tp1 { width: 7.40877%; }
	.grid-12 .tp11 .tp2 { width: 16.66789%; }
	.grid-12 .tp11 .tp3 { width: 25.92701%; }
	.grid-12 .tp11 .tp4 { width: 35.18614%; }
	.grid-12 .tp11 .tp5 { width: 44.44526%; }
	.grid-12 .tp11 .tp6 { width: 53.70438%; }
	.grid-12 .tp11 .tp7 { width: 62.96351%; }
	.grid-12 .tp11 .tp8 { width: 72.22263%; }
	.grid-12 .tp11 .tp9 { width: 81.48175%; }
	.grid-12 .tp11 .tp10 { width: 90.74088%; }
	.grid-12 .tp11 .tp11 { width: 100%; }

	.grid-12 .tp10 .tp1 { width: 7.95455%; }
	.grid-12 .tp10 .tp2 { width: 18.18182%; }
	.grid-12 .tp10 .tp3 { width: 28.40909%; }
	.grid-12 .tp10 .tp4 { width: 38.63636%; }
	.grid-12 .tp10 .tp5 { width: 48.86364%; }
	.grid-12 .tp10 .tp6 { width: 59.09091%; }
	.grid-12 .tp10 .tp7 { width: 69.31818%; }
	.grid-12 .tp10 .tp8 { width: 79.54545%; }
	.grid-12 .tp10 .tp9 { width: 89.77273%; }
	.grid-12 .tp10 .tp10 { width: 100%; }

	.grid-12 .tp9 .tp1 { width: 8.86076%; }
	.grid-12 .tp9 .tp2 { width: 20.25316%; }
	.grid-12 .tp9 .tp3 { width: 31.64557%; }
	.grid-12 .tp9 .tp4 { width: 43.03797%; }
	.grid-12 .tp9 .tp5 { width: 54.43038%; }
	.grid-12 .tp9 .tp6 { width: 65.82278%; }
	.grid-12 .tp9 .tp7 { width: 77.21519%; }
	.grid-12 .tp9 .tp8 { width: 88.60759%; }
	.grid-12 .tp9 .tp9 { width: 100%; }

	.grid-12 .tp8 .tp1 { width: 10%; }
	.grid-12 .tp8 .tp2 { width: 22.85714%; }
	.grid-12 .tp8 .tp3 { width: 35.71429%; }
	.grid-12 .tp8 .tp4 { width: 48.57143%; }
	.grid-12 .tp8 .tp5 { width: 61.42857%; }
	.grid-12 .tp8 .tp6 { width: 74.28571%; }
	.grid-12 .tp8 .tp7 { width: 87.14286%; }
	.grid-12 .tp8 .tp8 { width: 100%; }

	.grid-12 .tp7 .tp1 { width: 11.47541%; }
	.grid-12 .tp7 .tp2 { width: 26.22951%; }
	.grid-12 .tp7 .tp3 { width: 40.98361%; }
	.grid-12 .tp7 .tp4 { width: 55.7377%; }
	.grid-12 .tp7 .tp5 { width: 70.4918%; }
	.grid-12 .tp7 .tp6 { width: 85.2459%; }
	.grid-12 .tp7 .tp7 { width: 100%; }

	.grid-12 .tp6 .tp1 { width: 13.46154%; }
	.grid-12 .tp6 .tp2 { width: 30.76923%; }
	.grid-12 .tp6 .tp3 { width: 48.07692%; }
	.grid-12 .tp6 .tp4 { width: 65.38462%; }
	.grid-12 .tp6 .tp5 { width: 82.69231%; }
	.grid-12 .tp6 .tp6 { width: 100%; }

	.grid-12 .tp5 .tp1 { width: 16.27907%; }
	.grid-12 .tp5 .tp2 { width: 37.2093%; }
	.grid-12 .tp5 .tp3 { width: 58.13953%; }
	.grid-12 .tp5 .tp4 { width: 79.06977%; }
	.grid-12 .tp5 .tp5 { width: 100%; }

	.grid-12 .tp4 .tp1 { width: 20.58824%; }
	.grid-12 .tp4 .tp2 { width: 47.05882%; }
	.grid-12 .tp4 .tp3 { width: 73.52941%; }
	.grid-12 .tp4 .tp4 { width: 100%; }

	.grid-12 .tp3 .tp1 { width: 28%; }
	.grid-12 .tp3 .tp2 { width: 64%; }
	.grid-12 .tp3 .tp3 { width: 100%; }

	.grid-12 .tp2 .tp1 { width: 43.75%; }
	.grid-12 .tp2 .tp2 { width: 100%; }

	.grid-12 .tp1 .tp1 { width: 100%; }

	/* Zehner grid */
	.grid-10 .tp1 { width: 8.47581%; }
	.grid-10 .tp2 { width: 18.64516%; }
	.grid-10 .tp3 { width: 28.81452%; }
	.grid-10 .tp4 { width: 38.98387%; }
	.grid-10 .tp5 { width: 49.15323%; }
	.grid-10 .tp6 { width: 59.32258%; }
	.grid-10 .tp7 { width: 69.49194%; }
	.grid-10 .tp8 { width: 79.66129%; }
	.grid-10 .tp9 { width: 89.83065%; }
	.grid-10 .tp10 { width: 100%; }

	.grid-10 .tp9 .tp1 { width: 9.43532%; }
	.grid-10 .tp9 .tp2 { width: 20.7559%; }
	.grid-10 .tp9 .tp3 { width: 32.07649%; }
	.grid-10 .tp9 .tp4 { width: 43.39707%; }
	.grid-10 .tp9 .tp5 { width: 54.71766%; }
	.grid-10 .tp9 .tp6 { width: 66.03824%; }
	.grid-10 .tp9 .tp7 { width: 77.35883%; }
	.grid-10 .tp9 .tp8 { width: 88.67941%; }
	.grid-10 .tp9 .tp9 { width: 100%; }

	.grid-10 .tp8 .tp1 { width: 10.63981%; }
	.grid-10 .tp8 .tp2 { width: 23.40555%; }
	.grid-10 .tp8 .tp3 { width: 36.17129%; }
	.grid-10 .tp8 .tp4 { width: 48.93703%; }
	.grid-10 .tp8 .tp5 { width: 61.70277%; }
	.grid-10 .tp8 .tp6 { width: 74.46852%; }
	.grid-10 .tp8 .tp7 { width: 87.23426%; }
	.grid-10 .tp8 .tp8 { width: 100%; }

	.grid-10 .tp7 .tp1 { width: 12.19682%; }
	.grid-10 .tp7 .tp2 { width: 26.83068%; }
	.grid-10 .tp7 .tp3 { width: 41.46455%; }
	.grid-10 .tp7 .tp4 { width: 56.09841%; }
	.grid-10 .tp7 .tp5 { width: 70.73227%; }
	.grid-10 .tp7 .tp6 { width: 85.36614%; }
	.grid-10 .tp7 .tp7 { width: 100%; }

	.grid-10 .tp6 .tp1 { width: 14.28766%; }
	.grid-10 .tp6 .tp2 { width: 31.43013%; }
	.grid-10 .tp6 .tp3 { width: 48.57259%; }
	.grid-10 .tp6 .tp4 { width: 65.71506%; }
	.grid-10 .tp6 .tp5 { width: 82.85753%; }
	.grid-10 .tp6 .tp6 { width: 100%; }

	.grid-10 .tp5 .tp1 { width: 17.24364%; }
	.grid-10 .tp5 .tp2 { width: 37.93273%; }
	.grid-10 .tp5 .tp3 { width: 58.62182%; }
	.grid-10 .tp5 .tp4 { width: 79.31091%; }
	.grid-10 .tp5 .tp5 { width: 100%; }

	.grid-10 .tp4 .tp1 { width: 21.74183%; }
	.grid-10 .tp4 .tp2 { width: 47.82789%; }
	.grid-10 .tp4 .tp3 { width: 73.91394%; }
	.grid-10 .tp4 .tp4 { width: 100%; }

	.grid-10 .tp3 .tp1 { width: 29.41506%; }
	.grid-10 .tp3 .tp2 { width: 64.70753%; }
	.grid-10 .tp3 .tp3 { width: 100%; }

	.grid-10 .tp2 .tp1 { width: 45.45848%; }
	.grid-10 .tp2 .tp2 { width: 100%; }

	.grid-10 .tp1 .tp1 { width: 100%; }
}

/**
 * Größen Für Smartphones im Querformat
 * (überschreiben Tablet Hochformat-Ansicht)
 */
@media only screen and (max-width: 568px) {
	*[class*="grid-"] {max-width: 528px;}
	.grid-12 .pl1 { width: 6.78091%; }
	.grid-12 .pl2 { width: 15.25538%; }
	.grid-12 .pl3 { width: 23.72984%; }
	.grid-12 .pl4 { width: 32.2043%; }
	.grid-12 .pl5 { width: 40.67876%; }
	.grid-12 .pl6 { width: 49.15323%; }
	.grid-12 .pl7 { width: 57.62769%; }
	.grid-12 .pl8 { width: 66.10215%; }
	.grid-12 .pl9 { width: 74.57661%; }
	.grid-12 .pl10 { width: 83.05108%; }
	.grid-12 .pl11 { width: 91.52554%; }
	.grid-12 .pl12 {width: 100%;}

	.grid-12 .pl11 .pl1 { width: 7.40877%; }
	.grid-12 .pl11 .pl2 { width: 16.66789%; }
	.grid-12 .pl11 .pl3 { width: 25.92701%; }
	.grid-12 .pl11 .pl4 { width: 35.18614%; }
	.grid-12 .pl11 .pl5 { width: 44.44526%; }
	.grid-12 .pl11 .pl6 { width: 53.70438%; }
	.grid-12 .pl11 .pl7 { width: 62.96351%; }
	.grid-12 .pl11 .pl8 { width: 72.22263%; }
	.grid-12 .pl11 .pl9 { width: 81.48175%; }
	.grid-12 .pl11 .pl10 { width: 90.74088%; }
	.grid-12 .pl11 .pl11 { width: 100%; }

	.grid-12 .pl10 .pl1 { width: 7.95455%; }
	.grid-12 .pl10 .pl2 { width: 18.18182%; }
	.grid-12 .pl10 .pl3 { width: 28.40909%; }
	.grid-12 .pl10 .pl4 { width: 38.63636%; }
	.grid-12 .pl10 .pl5 { width: 48.86364%; }
	.grid-12 .pl10 .pl6 { width: 59.09091%; }
	.grid-12 .pl10 .pl7 { width: 69.31818%; }
	.grid-12 .pl10 .pl8 { width: 79.54545%; }
	.grid-12 .pl10 .pl9 { width: 89.77273%; }
	.grid-12 .pl10 .pl10 { width: 100%; }

	.grid-12 .pl9 .pl1 { width: 8.86076%; }
	.grid-12 .pl9 .pl2 { width: 20.25316%; }
	.grid-12 .pl9 .pl3 { width: 31.64557%; }
	.grid-12 .pl9 .pl4 { width: 43.03797%; }
	.grid-12 .pl9 .pl5 { width: 54.43038%; }
	.grid-12 .pl9 .pl6 { width: 65.82278%; }
	.grid-12 .pl9 .pl7 { width: 77.21519%; }
	.grid-12 .pl9 .pl8 { width: 88.60759%; }
	.grid-12 .pl9 .pl9 { width: 100%; }

	.grid-12 .pl8 .pl1 { width: 10%; }
	.grid-12 .pl8 .pl2 { width: 22.85714%; }
	.grid-12 .pl8 .pl3 { width: 35.71429%; }
	.grid-12 .pl8 .pl4 { width: 48.57143%; }
	.grid-12 .pl8 .pl5 { width: 61.42857%; }
	.grid-12 .pl8 .pl6 { width: 74.28571%; }
	.grid-12 .pl8 .pl7 { width: 87.14286%; }
	.grid-12 .pl8 .pl8 { width: 100%; }

	.grid-12 .pl7 .pl1 { width: 11.47541%; }
	.grid-12 .pl7 .pl2 { width: 26.22951%; }
	.grid-12 .pl7 .pl3 { width: 40.98361%; }
	.grid-12 .pl7 .pl4 { width: 55.7377%; }
	.grid-12 .pl7 .pl5 { width: 70.4918%; }
	.grid-12 .pl7 .pl6 { width: 85.2459%; }
	.grid-12 .pl7 .pl7 { width: 100%; }

	.grid-12 .pl6 .pl1 { width: 13.46154%; }
	.grid-12 .pl6 .pl2 { width: 30.76923%; }
	.grid-12 .pl6 .pl3 { width: 48.07692%; }
	.grid-12 .pl6 .pl4 { width: 65.38462%; }
	.grid-12 .pl6 .pl5 { width: 82.69231%; }
	.grid-12 .pl6 .pl6 { width: 100%; }

	.grid-12 .pl5 .pl1 { width: 16.27907%; }
	.grid-12 .pl5 .pl2 { width: 37.2093%; }
	.grid-12 .pl5 .pl3 { width: 58.13953%; }
	.grid-12 .pl5 .pl4 { width: 79.06977%; }
	.grid-12 .pl5 .pl5 { width: 100%; }

	.grid-12 .pl4 .pl1 { width: 20.58824%; }
	.grid-12 .pl4 .pl2 { width: 47.05882%; }
	.grid-12 .pl4 .pl3 { width: 73.52941%; }
	.grid-12 .pl4 .pl4 { width: 100%; }

	.grid-12 .pl3 .pl1 { width: 28%; }
	.grid-12 .pl3 .pl2 { width: 64%; }
	.grid-12 .pl3 .pl3 { width: 100%; }

	.grid-12 .pl2 .pl1 { width: 43.75%; }
	.grid-12 .pl2 .pl2 { width: 100%; }

	.grid-12 .pl1 .pl1 { width: 100%; }

	/* Zehner grid */
	.grid-10 .pl1 { width: 8.47581%; }
	.grid-10 .pl2 { width: 18.64516%; }
	.grid-10 .pl3 { width: 28.81452%; }
	.grid-10 .pl4 { width: 38.98387%; }
	.grid-10 .pl5 { width: 49.15323%; }
	.grid-10 .pl6 { width: 59.32258%; }
	.grid-10 .pl7 { width: 69.49194%; }
	.grid-10 .pl8 { width: 79.66129%; }
	.grid-10 .pl9 { width: 89.83065%; }
	.grid-10 .pl10 { width: 100%; }

	.grid-10 .pl9 .pl1 { width: 9.43532%; }
	.grid-10 .pl9 .pl2 { width: 20.7559%; }
	.grid-10 .pl9 .pl3 { width: 32.07649%; }
	.grid-10 .pl9 .pl4 { width: 43.39707%; }
	.grid-10 .pl9 .pl5 { width: 54.71766%; }
	.grid-10 .pl9 .pl6 { width: 66.03824%; }
	.grid-10 .pl9 .pl7 { width: 77.35883%; }
	.grid-10 .pl9 .pl8 { width: 88.67941%; }
	.grid-10 .pl9 .pl9 { width: 100%; }

	.grid-10 .pl8 .pl1 { width: 10.63981%; }
	.grid-10 .pl8 .pl2 { width: 23.40555%; }
	.grid-10 .pl8 .pl3 { width: 36.17129%; }
	.grid-10 .pl8 .pl4 { width: 48.93703%; }
	.grid-10 .pl8 .pl5 { width: 61.70277%; }
	.grid-10 .pl8 .pl6 { width: 74.46852%; }
	.grid-10 .pl8 .pl7 { width: 87.23426%; }
	.grid-10 .pl8 .pl8 { width: 100%; }

	.grid-10 .pl7 .pl1 { width: 12.19682%; }
	.grid-10 .pl7 .pl2 { width: 26.83068%; }
	.grid-10 .pl7 .pl3 { width: 41.46455%; }
	.grid-10 .pl7 .pl4 { width: 56.09841%; }
	.grid-10 .pl7 .pl5 { width: 70.73227%; }
	.grid-10 .pl7 .pl6 { width: 85.36614%; }
	.grid-10 .pl7 .pl7 { width: 100%; }

	.grid-10 .pl6 .pl1 { width: 14.28766%; }
	.grid-10 .pl6 .pl2 { width: 31.43013%; }
	.grid-10 .pl6 .pl3 { width: 48.57259%; }
	.grid-10 .pl6 .pl4 { width: 65.71506%; }
	.grid-10 .pl6 .pl5 { width: 82.85753%; }
	.grid-10 .pl6 .pl6 { width: 100%; }

	.grid-10 .pl5 .pl1 { width: 17.24364%; }
	.grid-10 .pl5 .pl2 { width: 37.93273%; }
	.grid-10 .pl5 .pl3 { width: 58.62182%; }
	.grid-10 .pl5 .pl4 { width: 79.31091%; }
	.grid-10 .pl5 .pl5 { width: 100%; }

	.grid-10 .pl4 .pl1 { width: 21.74183%; }
	.grid-10 .pl4 .pl2 { width: 47.82789%; }
	.grid-10 .pl4 .pl3 { width: 73.91394%; }
	.grid-10 .pl4 .pl4 { width: 100%; }

	.grid-10 .pl3 .pl1 { width: 29.41506%; }
	.grid-10 .pl3 .pl2 { width: 64.70753%; }
	.grid-10 .pl3 .pl3 { width: 100%; }

	.grid-10 .pl2 .pl1 { width: 45.45848%; }
	.grid-10 .pl2 .pl2 { width: 100%; }

	.grid-10 .pl1 .pl1 { width: 100%; }
}

/**
 * Größen für Smartphone Hochformat
 * (überschreibt alle Größen auf eine einzige von rechts nach links, immer)
 */
@media only screen and (max-width: 480px) {
	*[class*="grid-"] {max-width: 440px;}

	.c1, .c2, .c3, .c4, .c5, .c6,
	.c7, .c8, .c9, .c10, .c11, .c12 {
		width: 100% !important;
	}

	.grid-12 .pp1 { width: 6.78091% !important; }
	.grid-12 .pp2 { width: 15.25538% !important; }
	.grid-12 .pp3 { width: 23.72984% !important; }
	.grid-12 .pp4 { width: 32.2043% !important; }
	.grid-12 .pp5 { width: 40.67876% !important; }
	.grid-12 .pp6 { width: 49.15323% !important; }
	.grid-12 .pp7 { width: 57.62769% !important; }
	.grid-12 .pp8 { width: 66.10215% !important; }
	.grid-12 .pp9 { width: 74.57661% !important; }
	.grid-12 .pp10 { width: 83.05108% !important; }
	.grid-12 .pp11 { width: 91.52554% !important; }
	.grid-12 .pp12 {width: 100% !important;}

	.grid-12 .pp11 .pp1 { width: 7.40877% !important; }
	.grid-12 .pp11 .pp2 { width: 16.66789% !important; }
	.grid-12 .pp11 .pp3 { width: 25.92701% !important; }
	.grid-12 .pp11 .pp4 { width: 35.18614% !important; }
	.grid-12 .pp11 .pp5 { width: 44.44526% !important; }
	.grid-12 .pp11 .pp6 { width: 53.70438% !important; }
	.grid-12 .pp11 .pp7 { width: 62.96351% !important; }
	.grid-12 .pp11 .pp8 { width: 72.22263% !important; }
	.grid-12 .pp11 .pp9 { width: 81.48175% !important; }
	.grid-12 .pp11 .pp10 { width: 90.74088% !important; }
	.grid-12 .pp11 .pp11 { width: 100% !important; }

	.grid-12 .pp10 .pp1 { width: 7.95455% !important; }
	.grid-12 .pp10 .pp2 { width: 18.18182% !important; }
	.grid-12 .pp10 .pp3 { width: 28.40909% !important; }
	.grid-12 .pp10 .pp4 { width: 38.63636% !important; }
	.grid-12 .pp10 .pp5 { width: 48.86364% !important; }
	.grid-12 .pp10 .pp6 { width: 59.09091% !important; }
	.grid-12 .pp10 .pp7 { width: 69.31818% !important; }
	.grid-12 .pp10 .pp8 { width: 79.54545% !important; }
	.grid-12 .pp10 .pp9 { width: 89.77273% !important; }
	.grid-12 .pp10 .pp10 { width: 100% !important; }

	.grid-12 .pp9 .pp1 { width: 8.86076% !important; }
	.grid-12 .pp9 .pp2 { width: 20.25316% !important; }
	.grid-12 .pp9 .pp3 { width: 31.64557% !important; }
	.grid-12 .pp9 .pp4 { width: 43.03797% !important; }
	.grid-12 .pp9 .pp5 { width: 54.43038% !important; }
	.grid-12 .pp9 .pp6 { width: 65.82278% !important; }
	.grid-12 .pp9 .pp7 { width: 77.21519% !important; }
	.grid-12 .pp9 .pp8 { width: 88.60759% !important; }
	.grid-12 .pp9 .pp9 { width: 100% !important; }

	.grid-12 .pp8 .pp1 { width: 10% !important; }
	.grid-12 .pp8 .pp2 { width: 22.85714% !important; }
	.grid-12 .pp8 .pp3 { width: 35.71429% !important; }
	.grid-12 .pp8 .pp4 { width: 48.57143% !important; }
	.grid-12 .pp8 .pp5 { width: 61.42857% !important; }
	.grid-12 .pp8 .pp6 { width: 74.28571% !important; }
	.grid-12 .pp8 .pp7 { width: 87.14286% !important; }
	.grid-12 .pp8 .pp8 { width: 100% !important; }

	.grid-12 .pp7 .pp1 { width: 11.47541% !important; }
	.grid-12 .pp7 .pp2 { width: 26.22951% !important; }
	.grid-12 .pp7 .pp3 { width: 40.98361% !important; }
	.grid-12 .pp7 .pp4 { width: 55.7377% !important; }
	.grid-12 .pp7 .pp5 { width: 70.4918% !important; }
	.grid-12 .pp7 .pp6 { width: 85.2459% !important; }
	.grid-12 .pp7 .pp7 { width: 100% !important; }

	.grid-12 .pp6 .pp1 { width: 13.46154% !important; }
	.grid-12 .pp6 .pp2 { width: 30.76923% !important; }
	.grid-12 .pp6 .pp3 { width: 48.07692% !important; }
	.grid-12 .pp6 .pp4 { width: 65.38462% !important; }
	.grid-12 .pp6 .pp5 { width: 82.69231% !important; }
	.grid-12 .pp6 .pp6 { width: 100% !important; }

	.grid-12 .pp5 .pp1 { width: 16.27907% !important; }
	.grid-12 .pp5 .pp2 { width: 37.2093% !important; }
	.grid-12 .pp5 .pp3 { width: 58.13953% !important; }
	.grid-12 .pp5 .pp4 { width: 79.06977% !important; }
	.grid-12 .pp5 .pp5 { width: 100% !important; }

	.grid-12 .pp4 .pp1 { width: 20.58824% !important; }
	.grid-12 .pp4 .pp2 { width: 47.05882% !important; }
	.grid-12 .pp4 .pp3 { width: 73.52941% !important; }
	.grid-12 .pp4 .pp4 { width: 100% !important; }

	.grid-12 .pp3 .pp1 { width: 28% !important; }
	.grid-12 .pp3 .pp2 { width: 64% !important; }
	.grid-12 .pp3 .pp3 { width: 100% !important; }

	.grid-12 .pp2 .pp1 { width: 43.75% !important; }
	.grid-12 .pp2 .pp2 { width: 100% !important; }

	.grid-12 .pp1 .pp1 { width: 100% !important; }

	/* Zehner grid */
	.grid-10 .pp1 { width: 8.47581% !important; }
	.grid-10 .pp2 { width: 18.64516% !important; }
	.grid-10 .pp3 { width: 28.81452% !important; }
	.grid-10 .pp4 { width: 38.98387% !important; }
	.grid-10 .pp5 { width: 49.15323% !important; }
	.grid-10 .pp6 { width: 59.32258% !important; }
	.grid-10 .pp7 { width: 69.49194% !important; }
	.grid-10 .pp8 { width: 79.66129% !important; }
	.grid-10 .pp9 { width: 89.83065% !important; }
	.grid-10 .pp10 { width: 100% !important; }

	.grid-10 .pp9 .pp1 { width: 9.43532% !important; }
	.grid-10 .pp9 .pp2 { width: 20.7559% !important; }
	.grid-10 .pp9 .pp3 { width: 32.07649% !important; }
	.grid-10 .pp9 .pp4 { width: 43.39707% !important; }
	.grid-10 .pp9 .pp5 { width: 54.71766% !important; }
	.grid-10 .pp9 .pp6 { width: 66.03824% !important; }
	.grid-10 .pp9 .pp7 { width: 77.35883% !important; }
	.grid-10 .pp9 .pp8 { width: 88.67941% !important; }
	.grid-10 .pp9 .pp9 { width: 100% !important; }

	.grid-10 .pp8 .pp1 { width: 10.63981% !important; }
	.grid-10 .pp8 .pp2 { width: 23.40555% !important; }
	.grid-10 .pp8 .pp3 { width: 36.17129% !important; }
	.grid-10 .pp8 .pp4 { width: 48.93703% !important; }
	.grid-10 .pp8 .pp5 { width: 61.70277% !important; }
	.grid-10 .pp8 .pp6 { width: 74.46852% !important; }
	.grid-10 .pp8 .pp7 { width: 87.23426% !important; }
	.grid-10 .pp8 .pp8 { width: 100% !important; }

	.grid-10 .pp7 .pp1 { width: 12.19682% !important; }
	.grid-10 .pp7 .pp2 { width: 26.83068% !important; }
	.grid-10 .pp7 .pp3 { width: 41.46455% !important; }
	.grid-10 .pp7 .pp4 { width: 56.09841% !important; }
	.grid-10 .pp7 .pp5 { width: 70.73227% !important; }
	.grid-10 .pp7 .pp6 { width: 85.36614% !important; }
	.grid-10 .pp7 .pp7 { width: 100% !important; }

	.grid-10 .pp6 .pp1 { width: 14.28766% !important; }
	.grid-10 .pp6 .pp2 { width: 31.43013% !important; }
	.grid-10 .pp6 .pp3 { width: 48.57259% !important; }
	.grid-10 .pp6 .pp4 { width: 65.71506% !important; }
	.grid-10 .pp6 .pp5 { width: 82.85753% !important; }
	.grid-10 .pp6 .pp6 { width: 100% !important; }

	.grid-10 .pp5 .pp1 { width: 17.24364% !important; }
	.grid-10 .pp5 .pp2 { width: 37.93273% !important; }
	.grid-10 .pp5 .pp3 { width: 58.62182% !important; }
	.grid-10 .pp5 .pp4 { width: 79.31091% !important; }
	.grid-10 .pp5 .pp5 { width: 100% !important; }

	.grid-10 .pp4 .pp1 { width: 21.74183% !important; }
	.grid-10 .pp4 .pp2 { width: 47.82789% !important; }
	.grid-10 .pp4 .pp3 { width: 73.91394% !important; }
	.grid-10 .pp4 .pp4 { width: 100% !important; }

	.grid-10 .pp3 .pp1 { width: 29.41506% !important; }
	.grid-10 .pp3 .pp2 { width: 64.70753% !important; }
	.grid-10 .pp3 .pp3 { width: 100% !important; }

	.grid-10 .pp2 .pp1 { width: 45.45848% !important; }
	.grid-10 .pp2 .pp2 { width: 100% !important; }

	.grid-10 .pp1 .pp1 { width: 100% !important; }
}

/**
 * Die nachfolgenden Zeilen sind nur für Entwicklungszwecke gedacht
 */
.debug *[class*="grid-"], *[class*="grid-"].debug {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI4Mi44MSUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4Mi44MiUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, rgba(0,0,255,0.53) 82.81%, rgba(255,255,255,0) 82.82%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(82.81%,rgba(0,0,255,0.05)), color-stop(82.82%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(0,0,255,0.05) 82.81%,rgba(255,255,255,0) 82.82%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(0,0,255,0.05) 82.81%,rgba(255,255,255,0) 82.82%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(0,0,255,0.05) 82.81%,rgba(255,255,255,0) 82.82%); /* IE10+ */
	background: linear-gradient(to right, rgba(0,0,255,0.05) 82.81%,rgba(255,255,255,0) 82.82%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 */
	background-size: 8.454%;
}
.debug *[class*="grid-10"], *[class*="grid-10"].debug {
	background-size: 10.21%;
}
@media only screen and (max-width: 480px) {
	.debug *[class*="grid-"], *[class*="grid-"].debug {
		background: rgba(0,0,255,0.05);
	}
}

.debug *[class^="c"] {
	background: rgba(0,0,0,0.05);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/* TABLET COLOR */
@media only screen and (max-width: 1024px) {
	.debug *[class^="c"] {
		background: rgba(0,0,0,0.1);
	}
}

/* SMALL SCREEN SIZES */
@media only screen and (max-width: 768px) {
	.debug *[class^="c"] {
		background: rgba(0,0,0,0.15);
	}
}

/* PHONE SIZES LANDSCAPE */
@media only screen and (max-width: 568px) {
	.debug *[class^="c"] {
		background: rgba(0,0,0,0.2);
	}
}

/* PHONE SIZES */
@media only screen and (max-width: 480px) {
	.debug *[class^="c"] {
		background: rgba(0,0,0,0.25);
	}
}