body,html{height:100%;}
	body{
		font-family:Arial,Verdana,sans-serif;
		
	}
    #wrapper{
			width:95%;
			height:auto;
			margin:auto;
			margin-top:10px;
            position:relative;
			/*border-left:1px solid silver;*/
			/*border-right:1px solid silver;*/
		}
	
	#mainHeader {
		padding-top:10px;
		padding-bottom:10px;
		text-align:center;
		width:98%;
		height:120px;
		position:relative;
		
	}
	#navHeader{
		margin:auto;
		width:50%
	}
	#navHeader{
		width:100%;
		list-style-type:none;
		
	}
	#navHeader li{
		width:26%;
		height: 30px;
		float:left;
		margin-right:5%;
	}
	#navHeader li a{
		display:block;
		width:100%;
		height:100%;
		color:hsl(0, 0%, 75%);
		font-size:0.65em;
		text-decoration:none;
		text-align:right;
	}
	
	#mainHeader h1{
		font-size:1.2em;
		color:hsl(0, 0%, 60%);
		font-weight:300;
		text-decoration:underline;
	}
	#mainHeader h2{
		color:hsl(0, 0%, 60%);
		font-weight:200;
		font-size:1em;
		line-height:110%;
	}
	.banner{
		height:180px;
		background:url('../img/bannner_willkommen.jpg');
		background-repeat: no-repeat;
		padding:35px;
		/*background-origin: content-box;*/
		background-size:cover;
		background-position:0 -100;
	}
	.banner2{
		height:180px;
		background:url('../img/leistungen.jpg');
		background-repeat: no-repeat;
		padding:35px;
		/*background-origin: content-box;*/
		background-size:cover;
		background-position:0 -100;
	}
	.banner3{
		height:180px;
		background:url('../img/banner3.jpg');
		background-repeat: no-repeat;
		padding:35px;
		/*background-origin: content-box;*/
		background-size:cover;
		background-position:0 -100;
	}
	.banner4{
		height:180px;
		background:url('../img/banner4.jpg');
		background-repeat: no-repeat;
		padding:35px;
		/*background-origin: content-box;*/
		background-size:cover;
		background-position:0 -100;
	}
	.banner5{
		height:180px;
		background:url('../img/banner6.jpg');
		background-repeat: no-repeat;
		padding:35px;
		/*background-origin: content-box;*/
		background-size:cover;
		background-position:0 -100;
	}
	main{
		padding-top:20px;
	}

	.willkommen{
		min-height:300px;
		width:98%;
		padding:1%;
		text-align:center;
		float:left;
			color:hsl(240, 20%, 25%);
	}
	.zuMeinerPerson{
		min-height:300px;
		width:98%;
		padding:1%;
		text-align:left;
		float:left;
			color:hsl(240, 20%, 25%);
	}
	
	#wechsel{
		display:block;
		width:80px;
		height:80px;
		position:absolute;
		top:0;
		z-index:100;
		cursor:pointer;
	}
	#mainNav{
		display:none;
		min-height:300px;
		width:98%;
		padding:1%;
		float:left;
		border-right:1px solid silver;
		
	}
	#mainNav ul{
		width:98%;
		list-style-type:none;
		text-align:left;
		padding:0;
	}
	#mainNav ul li{
		width:88%;
		height:50px;
		
	}
	#mainNav ul li a{
		display:block;
		height:100%;
		width:100%;
		text-decoration:none;
		line-height:222%;
		padding-left:2.98%;
		color:hsl(240, 20%, 25%);
	}
	#mainNav ul li a:hover{
		background-color:hsl(240, 20%, 95%);
	}
	
	
	#mainFooter{
		position:fixed;
		bottom:0px;
		width:100%;
		height:40px;
		
		z-index:500;
	}

    .leistungen li{
        margin-bottom:2%;
        margin-left:-3%;
    }

.nachOben{
    display:inline-block;
    width: 30px;
    height:30px;
   // background-color: aqua;
    position:absolute;
    right:20px;
    bottom:5px;
    opacity:0.4;
    color:transparent;
    background-image:url('../img/nachOben.png');
    background-repeat: no-repeat;
}
	
	/*///////////////////////////////////////////////////////////////////////////*/
	@media screen and (min-width: 26.8em) { 
	#mainHeader{
			padding-top:-20px;
		}
	#mainHeader h1{
		font-size:1.2em;
		color:hsl(0, 0%, 75%);
		font-weight:300;
		text-decoration:underline;
	}
	#mainHeader h2{
		color:hsl(0, 0%, 75%);
		font-weight:200;
		font-size:1em;
		line-height:30%;
	}
         .leistungen li{
        margin-bottom:2%;
        margin-left:0%;
    }
	
}
/*///////////////////////////////////////////////////////////////////////////*/
	@media screen and (min-width: 60em) { 
		#wechsel{display:none;}
		
		#wrapper{
			max-width:960px;
			height:100%;
			margin:auto;
			margin-top:10px;
			/*border-left:1px solid silver;*/
			/*border-right:1px solid silver;*/
		}
		/*#mainHeader{
			padding-top:20px;
		}*/

		#mainNav{
		display:block;
		min-height:300px;
		width:24%;
		padding:1%;
		float:left;
		border-right:1px solid silver;
		}
		.willkommen{
		min-height:300px;
		width:57%;
		padding:1%;
		text-align:center;
		float:left;
		}
		.zuMeinerPerson{
		min-height:300px;
		width:60%;
		padding:1%;
		text-align:left;
		float:left;
		}
		.leistungen{
		min-height:300px;
		width:70%;
		padding:1%;
		text-align:left;
		float:left;
		}
		article.anfahrt{
		min-height:600px;
		width:65%;
		padding:1%;
		text-align:left;
		float:left;
		}
		aside.anfahrt{
		min-height:300px;
		width:65%;
		padding:1%;
		text-align:left;
		clear:left;
		}
		.kontakt{
		min-height:300px;
		width:65%;
		padding:1%;
		text-align:left;
		float:left;
		}
		#mainFooter{
		position:fixed;
		bottom:0px;
		
		width:60%;
	}


	}