@media (min-width: 1200px) {
	
	div#width {
		
	}
	
	section.info, section#online-rechner {
		width:25%;
	}
	
	section#online-rechner {
		float:left;
	}
	
	#news-info {
		float:left;
	}

	
	section#online-rechner .vierspalter {
		display: block;
		width:100%;
		padding: 10px 0 5px 100px;
		margin: 0 0 10px;
	}
	
	section#online-rechner .vierspalter h2 a {
		margin-bottom: 0;
	}

	section#online-rechner div {
		border-bottom: 1px solid #ddd;
	}
	
	div#feinstaub {
		background: url(bilder/feinstaub.png) 15px 10px no-repeat #eee;
	}
	
	div#tempo100 {
	    background: url(bilder/tempo100.png) 5px 10px no-repeat #eee;
	}
	
	div#reifen {
	    background: url(bilder/reifen.png) 15px 10px no-repeat #eee;
	}
	
	div#ladung {
	    background: url(bilder/ladung.png) 5px 10px no-repeat #eee;
	}
	
}

@media (max-width: 980px) {

	section#online-rechner .vierspalter {
		display: block;
		float: left;
		width:50%;
		padding: 10px 0 5px 100px;
		margin: 0 0 10px;
	}
	
	section#online-rechner .vierspalter h2 a {
		margin-bottom: 0;
	}

	section#online-rechner div {
		border-bottom: 1px solid #ddd;
	}
	
	section#online-rechner div#feinstaub {
		background: url(bilder/feinstaub.png) 10px 10px no-repeat #eee;
		padding-left: 80px;
		padding-right: 25px;
	}
	
	div#tempo100 {
	    background: url(bilder/tempo100.png) 5px 10px no-repeat #eee;
	}
	
	section#online-rechner div#reifen {
	    background: url(bilder/reifen.png) 10px 10px no-repeat #eee;
		padding-left: 80px;
		padding-right: 20px;
	}
	
	div#ladung {
	    background: url(bilder/ladung.png) 5px 20px no-repeat #eee;
	}
	
	header nav {
		position: static;
		margin-top:2em;
	}
	
	.startseite header h2 {
		margin-left:0;
		margin-top:1.5em;
		font-size:150%;
	}

	.startseite header h1 {
		margin-left: 2em;
		font-size: 150%;
	}	
	
	#kues-logo {
		top:20px;
	}
	
	section#seitennews {
		display:none;
	}
	
	section#content {
		width:100%;
	}
	
	section#sitemap {
		width:100%;
		margin:0;
		float:none;
		box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;

	}	
}

@media (max-width: 840px){
	
	.startseite header h1, .startseite header h2 {
		display:none;
	}
	
	#kues-logo {
		top:20px;
	}
	
	
	section.info {
		width:50%;
	}
	
	section.info img {
		display:none;
	}
	
	section#online-rechner {
		width:50%;
	}
	
	section#online-rechner .vierspalter {
		display: block;
		width:100%;
		padding: 10px 0 5px 100px;
		margin: 0 0 10px;
	}
		
	section#online-rechner .vierspalter h2 a {
		margin-bottom: 0;
	}

	section#online-rechner div {
		border-bottom: 1px solid #ddd;
	}
	
	section#online-rechner div#feinstaub {
		background: url(bilder/feinstaub.png) 5px 10px no-repeat #eee;
		padding-left: 100px;
		
	}
	
	div#tempo100 {
	    background: url(bilder/tempo100.png) 5px 10px no-repeat #eee;
	}
	
	section#online-rechner div#reifen {
	    background: url(bilder/reifen.png) 5px 10px no-repeat #eee;
		padding-left: 100px;
	}
	
	div#ladung {
	    background: url(bilder/ladung.png) 5px 20px no-repeat #eee;
	}
	
	
	
}

@media (max-width: 680px) {
	
	header {
		padding:0;
		min-height:70px;
	}
	
	#logo {
		padding:20px 20px 5px 20px;
	}
		
	header nav li, header nav a {
		display: block;
		width:100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	
	
	header nav {
		border-radius:0;
		padding:0;
		background:#920000;
		margin:0;
		margin-top:15px;
	}
	
	header nav li a {
		border-top: 1px solid #AA3B3B;
		border-bottom: 1px solid #610000;
	}
	
	header nav a {
		border:none;
	}
	
	header nav .subnav {
		display:block !important;
	}
	
	nav .subnav a{
		padding-left:40px;
	}
	
	#menu-trigger {
		display:block;
		margin: 15px auto 0;
		background: url(bilder/menu-trigger.png) 10px 50% no-repeat #ddd;
		height:50px;
		padding:20px 0 10px 70px;
		width:100px;
		border-radius:20px;
		font-weight: bold;
	}
	
	#menu-trigger:hover {
		text-decoration: none;
	}
	
	section.info, section#online-rechner {
		width:100%;
	}
	
	section.info h1, section#online-rechner h1 {
		margin: 0 -10px 15px;
	}

	div#wrapper, nav.subnav, section#seitennews {
		display:none;
	}
	
	#logo {
		display:block;
	}
	
	#kues-logo {
		display:none;
	}
		
	section#content {
		width:100%;
	}
	
	.kontakt fieldset, .kontakt #kleingedrucktes {
		width:100%;
	}
		
}

@media (max-width: 580px) {
	div.zweispalter {
		width:100%;
	}
	
	div.zweispalter + div.zweispalter {
		padding-left:0px;
	}
	
	#pschuler {
		display:block;
		float:none;
	}
	
}

@media (max-width: 500px) {
		
	#logo img {
		display:block;
		max-width: 95%;
	}
	
}