/* Hauptmaske */
	.div_main {
	min-height: 800px;	
	margin: auto;	
	position: absolute;
	}
	
@media only screen and (max-width: 600px) { /* Extra small devices (phones, 600px and down) */
	.example {background: red;} /* test */
	.div_main {
	min-width: 600px;
	left: 1%;
	}	
} /*Ende von @media only screen and (max-width: 600px)*/

@media only screen and (min-width: 600px) { /* Small devices (portrait tablets and large phones, 600px and up) */
	.example {background: green;} /* test */
	.div_main {
	min-width: 600px;	
	width: calc(100% - 30px);
	left: 1%;
	}	
} /*Ende von @media only screen and (min-width: 600px)*/

@media only screen and (min-width: 768px) { /* Medium devices (landscape tablets, 768px and up) */
	.example {background: blue;} /* test */
	.div_main {
	width: calc(100% - 30px);
	left: 1%;
	}
} /*Ende von @media only screen and (min-width: 768px)*/
	
@media only screen and (min-width: 992px) { /* Large devices (laptops/desktops, 992px and up) */
	.example {background: orange;} /* test */
	.div_main {
	width: calc(100% - 30px);
	left: 1%;
	}	
} /*Ende von @media only screen and (min-width: 992px)*/
	
@media only screen and (min-width: 1200px) { /* Extra large devices (large laptops and desktops, 1200px and up) */
	.example {background: pink;} /* test */
	
	.div_main {
	 width: 1220px;
	 margin-left: -610px;
	 left: 50%;
	 }
} /*Ende von @media only screen and (min-width: 1200px)*/