/*  GRID COLUMN */
.flexbox {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.flexbox .col {
	display: block;
	float: none;
}

.col:not(.flexbox .col) {
	display: block;
	float: left;
}

.col:first-child {
	margin-left: 0;
}

/* alle browser ausser IE6 und älter */

.main .lg_6, .main .lg_4, .main .lg_3 .content .lg_6, .full-content .lg_6, .special-content .lg_6, .left-content .lg_6,
.content .lg_4, .full-content .lg_4, .special-content .lg_4, .left-content .lg_4,
.content .lg_3, .full-content .lg_3, .special-content .lg_3, .left-content .lg_3, {
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
	padding-right: 25px;
	margin-bottom: 20px;
}

.grid {
	width: 100%;
}

.grid:after {
	content: " ";
	/* Older browser do not support empty content */
	clear: both;
}


/* DESKTOP */
.lg_12 {
	width: 100%;
	width: calc(100% / 12 * 12);
}

.lg_11 {
	width: 91.66666667%;
	width: calc(100% / 12 * 11);
}

.lg_10 {
	width: 83.33333333%;
	width: calc(100% / 12 * 10);
}

.lg_9 {
	width: 75%;
	width: calc(100% / 12 * 9);
}

.lg_8 {
	width: 66.66666667%;
	width: calc(100% / 12 * 8);
}

.lg_7 {
	width: 58.33333333%;
	width: calc(100% / 12 * 7);
}

.lg_6 {
	width: 50%;
	width: calc(100% / 12 * 6);
}

.lg_5 {
	width: 41.66666667%;
	width: calc(100% / 12 * 5);
}

.lg_4 {
	width: 33.33333333%;
	width: calc(100% / 12 * 4);
}

.lg_3 {
	width: 25%;
	width: calc(100% / 12 * 3);
}

.lg_2 {
	width: 16.66666667%;
	width: calc(100% / 12 * 2);
}

.lg_1 {
	width: 8.33333333%;
	width: calc(100% / 12 * 1);
}

/* DESKTOP SKIP */
.lg_skip_12 {
	margin-left: 100%;
}

.lg_skip_11 {
	margin-left: 91.66666667%;
}

.lg_skip_10 {
	margin-left: 83.33333333%;
}

.lg_skip_9 {
	margin-left: 75%;
}

.lg_skip_8 {
	margin-left: 66.66666667%;
}

.lg_skip_7 {
	margin-left: 58.33333333%;
}

.lg_skip_6 {
	margin-left: 50%;
}

.lg_skip_5 {
	margin-left: 41.66666667%;
}

.lg_skip_4 {
	margin-left: 33.33333333%;
}

.lg_skip_3 {
	margin-left: 25%;
}

.lg_skip_2 {
	margin-left: 16.66666667%;
}

.lg_skip_1 {
	margin-left: 8.33333333%;
}

/* TABLET */
@media only screen and (max-width: 1024px) {

	.bg_12 {
		width: 100%;
	}

	.bg_11 {
		width: 91.66666667%;
	}

	.bg_10 {
		width: 83.33333333%;
	}

	.bg_9 {
		width: 75%;
	}

	.bg_8 {
		width: 66.66666667%;
	}

	.bg_7 {
		width: 58.33333333%;
	}

	.bg_6 {
		width: 50%;
	}

	.bg_5 {
		width: 41.66666667%;
	}

	.bg_4 {
		width: 33.33333333%;
	}

	.bg_3 {
		width: 25%;
	}

	.bg_2 {
		width: 16.66666667%;
	}

	.bg_1 {
		width: 8.33333333%;
	}

	/* TABLET SKIP */
	.bg_skip_12 {
		margin-left: 100%;
	}

	.bg_skip_11 {
		margin-left: 91.66666667%;
	}

	.bg_skip_10 {
		margin-left: 83.33333333%;
	}

	.bg_skip_9 {
		margin-left: 75%;
	}

	.bg_skip_8 {
		margin-left: 66.66666667%;
	}

	.bg_skip_7 {
		margin-left: 58.33333333%;
	}

	.bg_skip_6 {
		margin-left: 50%;
	}

	.bg_skip_5 {
		margin-left: 41.66666667%;
	}

	.bg_skip_4 {
		margin-left: 33.33333333%;
	}

	.bg_skip_3 {
		margin-left: 25%;
	}

	.bg_skip_2 {
		margin-left: 16.66666667%;
	}

	.bg_skip_1 {
		margin-left: 8.33333333%;
	}
}

/* TABLET */
@media only screen and (max-width: 768px) {

	.md_12 {
		width: 100%;
	}

	.md_11 {
		width: 91.66666667%;
	}

	.md_10 {
		width: 83.33333333%;
	}

	.md_9 {
		width: 75%;
	}

	.md_8 {
		width: 66.66666667%;
	}

	.md_7 {
		width: 58.33333333%;
	}

	.md_6 {
		width: 50%;
	}

	.md_5 {
		width: 41.66666667%;
	}

	.md_4 {
		width: 33.33333333%;
	}

	.md_3 {
		width: 25%;
	}

	.md_2 {
		width: 16.66666667%;
	}

	.md_1 {
		width: 8.33333333%;
	}

	/* TABLET SKIP */
	.md_skip_12 {
		margin-left: 100%;
	}

	.md_skip_11 {
		margin-left: 91.66666667%;
	}

	.md_skip_10 {
		margin-left: 83.33333333%;
	}

	.md_skip_9 {
		margin-left: 75%;
	}

	.md_skip_8 {
		margin-left: 66.66666667%;
	}

	.md_skip_7 {
		margin-left: 58.33333333%;
	}

	.md_skip_6 {
		margin-left: 50%;
	}

	.md_skip_5 {
		margin-left: 41.66666667%;
	}

	.md_skip_4 {
		margin-left: 33.33333333%;
	}

	.md_skip_3 {
		margin-left: 25%;
	}

	.md_skip_2 {
		margin-left: 16.66666667%;
	}

	.md_skip_1 {
		margin-left: 8.33333333%;
	}
}

/* MOBILE  */
@media only screen and (max-width: 480px) {

	.sm_12 {
		width: 100%;
	}

	.sm_11 {
		width: 91.66666667%;
	}

	.sm_10 {
		width: 83.33333333%;
	}

	.sm_9 {
		width: 75%;
	}

	.sm_8 {
		width: 66.66666667%;
	}

	.sm_7 {
		width: 58.33333333%;
	}

	.sm_6 {
		width: 50%;
	}

	.sm_5 {
		width: 41.66666667%;
	}

	.sm_4 {
		width: 33.33333333%;
	}

	.sm_3 {
		width: 25%;
	}

	.sm_2 {
		width: 16.66666667%;
	}

	.sm_1 {
		width: 8.33333333%;
	}

	/* MOBILE SKIP */
	.sm_skip_12 {
		margin-left: 100%;
	}

	.sm_skip_11 {
		margin-left: 91.66666667%;
	}

	.sm_skip_10 {
		margin-left: 83.33333333%;
	}

	.sm_skip_9 {
		margin-left: 75%;
	}

	.sm_skip_8 {
		margin-left: 66.66666667%;
	}

	.sm_skip_7 {
		margin-left: 58.33333333%;
	}

	.sm_skip_6 {
		margin-left: 50%;
	}

	.sm_skip_5 {
		margin-left: 41.66666667%;
	}

	.sm_skip_4 {
		margin-left: 33.33333333%;
	}

	.sm_skip_3 {
		margin-left: 25%;
	}

	.sm_skip_2 {
		margin-left: 16.66666667%;
	}

	.sm_skip_1 {
		margin-left: 8.33333333%;
	}
}