@media (max-width: 1200px){

	/* Layout */
	.inner { width: calc(100% - 60px)}
	
	/* - - - - - Header - - - - - */
	
	/* - - - - - Main Container - - - - - */
	
	/* - - - Grid Elemente - - - */
	
	/* - - - - - Footer - - - - - */

}

@media (max-width: 1100px){

	/* Layout */

	/* - - - - - Header - - - - - */
	
	/* - - - - - Main Container - - - - - */
	
	/* - - - Grid Elemente - - - */
	
	/* - - - - - Footer - - - - - */


}

@media (max-width: 1000px){

	/* Layout */

	/* - - - - - Header - - - - - */
	
	/* - - - - - Main Container - - - - - */
	
	/* - - - Grid Elemente - - - */
	
	/* 4-spaltiger Container 25/25/25/25 */
	
	
	/* - - - - - Footer - - - - - */


}

@media (max-width: 900px){

	/* Layout */

	/* - - - - - Header - - - - - */
	
	/* - - - - - Main Container - - - - - */
	
	/* Branche */
	.branche .text-box { padding: 21px 0; }

	/* - - - Grid Elemente - - - */
	
	/* 2-sapltiger Container 25/75*/
		
	/* 2-sapltiger Container 75/25*/

	/* - - - - - Footer - - - - - */


}

@media (max-width: 800px){

	/* Layout */

	/* - - - - - Header - - - - - */
	
	/* - - - - - Main Container - - - - - */
	
	/* - - - Grid Elemente - - - */
	
	/* 2-spaltiger Container 25/25/25/25 */
	.col-25-wrap .col { width: calc(((100% - 330px) / 12) * 6 + (5 * 30px)); margin-bottom: 30px; }
	.col-25-wrap .col:nth-child(2n+2) { margin-right: 0; }
	.col-25-wrap + .col-25-wrap { margin-top: -125px;}

	/* 2-spaltiger Container 25/75 */
	.col-25-75-wrap .col { width: 100%; margin: 0;}

	/* 3-spaltiger Container 25/50/25 */
	.col-25-50-25-wrap .col { width: 100%; margin: 0;}

	/* - - - - - Footer - - - - - */
	.footer-wrap .col-33-wrap .col { width: calc(((100% - 330px) / 12) * 6 + (5 * 30px));}
	.footer-wrap .col-33-wrap .col2 { margin-right: 0; }

}


@media (max-width: 768px){

	/* Layout */

	/* - - - - - Header - - - - - */
	
	/* - - - - - Main Container - - - - - */
	
	/* - - - Grid Elemente - - - */
	
	/* 2-sapltiger Container 25/75*/
	
	
	/* 2-sapltiger Container 33/66*/
	
	
	/* 2-sapltiger Container 40/60*/
	
	
	/* 2-spaltiger Container 50/50 */
	
	
	/* 2-sapltiger Container 66/33*/
	
	
	/* 2-sapltiger Container 60/40*/
	
	
	/* 2-sapltiger Container 75/25*/
	
	
	/* 3-spaltiger Container 33/33/33 */
	
	
	/* 4-spaltiger Container 25/25/25/25 */
	
	
	/* - - - - - Footer - - - - - */
	
}

@media (max-width: 700px){

	/* Layout */
	h1 { line-height: 1em;}

	/* - - - - - Header - - - - - */
	.header-wrap .logo { margin-bottom: 10px; }
	.nav-toggle { background: url('../img/menu-toggle.png') no-repeat left top; width: 25px; height: 25px; background-size: 25px; margin-top: 33px;}
	
	.menu-close { background: url('../img/menu-close.png') no-repeat left top; width: 25px; height: 25px; background-size: 25px; position: absolute; right: 30px; top: 30px;}

	.nav-inner { position: absolute; right: 0; top: 0; height: 100%; background: #2e2e2e; z-index: 50; min-width: 66%; display: none;}
	.header-wrap .nav-wrap .mainnav { margin: 50px 30px 30px;}
	.header-wrap .nav-wrap .mainnav li { float: none; border-bottom: #a7a7a7 solid 1px;}
	.header-wrap .nav-wrap .mainnav li a { color: #a7a7a7; display: block; padding: 0; line-height: 60px;}
	.header-wrap .nav-wrap .mainnav li.active a, 
	.header-wrap .nav-wrap .mainnav li a:hover { color: #fff; background: none; }

	/* - - - - - Main Container - - - - - */

	/* 4-spaltiger Container 25/25/25/25 */
	.col-25-wrap + .col-25-wrap { margin-top: -95px;}

	/* - - - Grid Elemente - - - */
	
	/* - - - - - Footer - - - - - */


}

@media (max-width: 600px){

	/* Layout */

	/* - - - - - Header - - - - - */
	
	/* - - - - - Main Container - - - - - */
	
	/* - - - Grid Elemente - - - */
	
	/* 2-sapltiger Container 25/75*/
	
	
	/* 2-sapltiger Container 33/66*/
	
	
	/* 2-sapltiger Container 40/60*/
	
	
	/* 2-spaltiger Container 50/50 */
	.col-50-wrap .col { width: 100%; margin: 0 0 30px;}
	.col-50-wrap .col2 { margin-bottom: 0}
	
	/* 2-sapltiger Container 66/33*/
	
	
	/* 2-sapltiger Container 60/40*/
	
	
	/* 2-sapltiger Container 75/25*/
	
	
	/* 3-spaltiger Container 33/33/33 */
	.col-33-wrap .col { width: 100%; margin: 0 0 30px;}
	
	/* 4-spaltiger Container 25/25/25/25 */
	.col-25-wrap .col { width: 100%; margin: 0 0 30px;}
	.col-25-wrap .col4 { margin-bottom: 0}

	/* Service Button */
	.service-button span { padding: 0 10px;}
	
	/* - - - - - Footer - - - - - */
	.footer-wrap .col-33-wrap .col { width: 100%; margin: 0;}

}

@media (max-width: 500px){

	/* Layout */
	h1 { font-size: 40px; }

	/* - - - - - Header - - - - - */
	
	/* - - - - - Main Container - - - - - */
	
	/* - - - Grid Elemente - - - */
	
	/* 2-sapltiger Container 25/75*/
	
	
	/* 2-sapltiger Container 33/66*/
	
	
	/* 2-sapltiger Container 40/60*/
	
	
	/* 2-spaltiger Container 50/50 */
	
	
	/* 2-sapltiger Container 66/33*/
	
	
	/* 2-sapltiger Container 60/40*/
	
	
	/* 2-sapltiger Container 75/25*/
	
	
	/* 3-spaltiger Container 33/33/33 */
	
	
	/* 4-spaltiger Container 25/25/25/25 */
	
	
	/* - - - - - Footer - - - - - */


}

@media (max-width: 400px){

	/* Layout */
	h1 { font-size: 30px; }

	/* - - - - - Header - - - - - */
	.nav-inner { min-width: 75%; }
	
	/* - - - - - Main Container - - - - - */
	
	/* - - - Grid Elemente - - - */
	
	/* 2-sapltiger Container 25/75*/
	
	
	/* 2-sapltiger Container 33/66*/
	
	
	/* 2-sapltiger Container 40/60*/
	
	
	/* 2-spaltiger Container 50/50 */
	
	
	/* 2-sapltiger Container 66/33*/
	
	
	/* 2-sapltiger Container 60/40*/
	
	
	/* 2-sapltiger Container 75/25*/
	
	
	/* 3-spaltiger Container 33/33/33 */
	
	
	/* 4-spaltiger Container 25/25/25/25 */
	
	
	/* - - - - - Footer - - - - - */


}

@media (max-width: 320px){

	/* Layout */

	/* - - - - - Header - - - - - */
	
	/* - - - - - Main Container - - - - - */
	
	/* - - - Grid Elemente - - - */
	
	/* 2-sapltiger Container 25/75*/
	
	
	/* 2-sapltiger Container 33/66*/
	
	
	/* 2-sapltiger Container 40/60*/
	
	
	/* 2-spaltiger Container 50/50 */
	
	
	/* 2-sapltiger Container 66/33*/
	
	
	/* 2-sapltiger Container 60/40*/
	
	
	/* 2-sapltiger Container 75/25*/
	
	
	/* 3-spaltiger Container 33/33/33 */
	
	
	/* 4-spaltiger Container 25/25/25/25 */
	
	
	/* - - - - - Footer - - - - - */


}