@charset "utf-8";

@import "main.css?5";

@media (min-width: 1201px) {

	#kopf {
		width: 1100px;
		padding: 0px 0px 0px 0px;
		margin: 0px auto 0px auto;
	}
	
	#logo {
		width: 370px;
		margin: 20px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#menu {
		width: 670px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#content {
		width: 1100px;
		padding: 30px 0px 30px 0px;
		margin: 0px auto 0px auto;
	}
	
	#fuss {
		width: 1100px;
		padding: 10px 0px 10px 0px;
		margin: 0px auto 0px auto;
	}
  
}

@media (max-width: 1200px) {

	#kopfhintergrund {
		padding: 20px 0px 0px 0px;
	}

	#kopf {
		width: 90%;
		padding: 0px 0px 0px 0px;
		margin: 0px auto 0px auto;
	}
	
	#logo {
		width: 100%;
		margin: 20px 0px 20px 0px;
		padding: 0px 0px 20px 0px;
	}
	
	#logo img {
		width: 50%;
		height: auto;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

	#menu {
		clear: both;
		width: 100%;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#menu ul li {
		text-align: center;
		width: 100%;
		margin: 0px 10px 10px 0px;
		padding: 10px 0px 10px 0px;
	}

	#content {
		width: 90%;
		padding: 30px 0px 30px 0px;
		margin: 0px auto 0px auto;
	}
	
	#fuss {
		width: 90%;
		padding: 10px 0px 10px 0px;
		margin: 0px auto 0px auto;
	}
	
	body, H1, H2, H3, #menu ul li, #menu ul li a, #content p, #fuss {
        font-size: 30px;
    }
  
}