* {
	-webkit-box-sizing:	border-box;
	-moz-box-sizing:	border-box;
	box-sizing:			border-box;
}


/* CSS-Grid ///////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////*/


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

.more_padding {
	padding: 			20px
}

.push {
	float:				right;
}

.row {
	width:				auto;
/* 	margin-top:			30px; */
}

.row:before,
.row:after {
	content:			'';
	display:			table;
}

.row:after {
	clear:				both;
}

.row .row {
	margin-left:		-0em;
/* 	margin-right:		-2em; */
}



/* xtra small Screens //////////////////////////////////////////////*/

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

	.xs-1-2 {
		width:			50%;
	}

	.xs-2-2 {
		width:			100%;
	}
}





/* small Screens //////////////////////////////////////////////*/

@media screen and (min-width:481px) and (max-width:768px) {

	.sm-1-2 {
		width:			50%;
	}

	.sm-2-2 {
		width:			100%;
	}
}


/* medium Screens /////////////////////////////////////////////*/

@media screen and (min-width:768px) and (max-width:1000px){

	.md-1-6 {
		width:			16.66667%;
	}

	.md-2-6 {
		width:			33.33333%;
	}	

	.md-3-6 {
		width:			50%;
	}		

	.md-4-6 {
		width:			66.66667%;
	}	

	.md-5-6 {
		width:			83.33333%;
	}

	.md-6-6 {
		width:			100%;
	}

	.md-1-4 {
		width:			25%;
	}

	.md-2-4 {
		width:			50%;
	}	

	.md-3-4 {
		width:			75%;
	}
	
	.md-4-4 {
		width:			100%;
	}	
	


/* Offset-Klassen */
	
	.md-offset-1-6 {
		margin-left:	16.66667%;
	}

	.md-offset-2-6 {
		margin-left:	33.33333%;
	}	

	.md-offset-3-6 {
		margin-left::	50%;
	}		

	.md-offset-4-6 {
		margin-left:	66.66667%;
	}	

	.md-offset-5-6 {
		margin-left:	83.33333%;
	}

	
}

/* large Screens //////////////////////////////////////////////*/

@media screen and (min-width:1001px){

	.lg-1-3 {
		width:			33.33333%;
	}

	.lg-2-3 {
		width:			66.66667%;
	}	

	.lg-3-3 {
		width:			100%;
	}

	 
	
	.lg-1-4 {
		width:			25%;
	}

	.lg-2-4 {
		width:			50%;
	}	

	.lg-3-4 {
		width:			75%;
	}
	
	.lg-4-4 {
		width:			100%;
	}	
	

/* Offset-Klassen */	
	
	.lg-offset-1-3 {
		margin-left:	33.33333%;
	}

	.lg-offset-2-3 {
		margin-left:	66.66667%;
	}	


}