@media only screen and (max-width:1145px) {
	#slideshow{
		height:350px;
	}
}

@media only screen and (max-width:1045px) {
	.leistung{
		width:48%;
		min-height:520px;
	}
	
	.leistungsbutton{
		width:96%;
	}	
	
	#content{
		width:90%;
		margin:auto;
	}
	
	#headline{
		top:-17px;
		width:100%;
	}
	
	#headline h2{
		text-align:center;
	}
	
	#contentinhaltlinks,
	#contentinhaltrechts{
		width:100%;
		margin-right:0;
		float:none;
	}

}

@media only screen and (max-width:990px) {
	header h1{
		font-size:43px;
	}
	
	nav{
		display:none;
	}

	.mobilenavi{
		display:block;
		width:100%;
		position:fixed;
		top:30px;
		background:#369975;
		left:0;
		text-align:left;
		padding-top:10px;
		padding-bottom:10px;
		z-index:999;
	}
	
	#content{
		margin-top:-50px;
	}
	
	.mobilenavi ul{
		list-style:none;
	}
	
	.mobilenavi ul li a{
		color:#fff;
		text-decoration:none;
		font-size:18px;
		letter-spacing:1px;
		line-height:32px;
	}
	
	.mobilenavi ul .active{
		opacity:0.5;
	}
	
	#los{
		margin-left:35px;
		cursor:pointer;
	}
	
	.spalte{
		width:90%;
		margin:auto;
		padding:0;
		float:none;
		text-align:center;
	}
	
	.logobild{
		margin-top:50px;
		margin-bottom:-30px;
	}
}

@media only screen and (max-width:880px) {
	.leistung{
		min-height:480px;
	}
}

@media only screen and (max-width:730px) {
	.leistung{
		min-height:460px;
	}
}

@media only screen and (max-width:690px) {
	.leistung{
		min-height:auto;
		padding-bottom:1%;
		width:100%;
		float:none;
	}	
	
	.leistungsbutton{
		position:relative;
		width:100%;
	}
	
	#kopfleiste{
		font-size:12px;
	}
	
	#kopfleiste a{
		font-size:12px !important;
	}
	
	#slideshow{
		height:220px;
		margin-top:-20px;
	}
	
	#slideshow img{
		height:400px;
		width:auto;
	}
	
	#headline{
		margin-top:25px;
	}
	
	#headline h2{
		font-size:24px;
	}
	
	header h1{
		font-size:30px;	
		margin-top:30px;
	}
	
	header h2{
		font-size:14px;
		margin-top:-22px;
	}
	
	.logobild{
		display:none;
	}
	
	.logobildmobil{
		display:block;
		width:95%;
		margin-left:auto;
		margin-right:auto;
		margin-top:55px;
		max-width:300px;
	}
	
	.mobilenavi{
		top:26px;
	}
	
}

@media only screen and (max-width:615px) {
	#headline{
		margin-top:50px;	
	}
	
	#headline h2{
		font-size:18px;
	}

	#kopfleiste{
		display:none;
	}
	
	.mobilenavi{
		top:0px;
	}
	
	#slideshow img{
		height:220px;
	}
}

@media only screen and (max-width:415px) {
	#headline{
		top:-40px;
		width:100%;	
	}
	
	#contentinhalt{
		margin-top:-20px;	
	}
}
