html, body{
	margin: 0;
	padding: 0;
	font-family: sans-serif;
}

header{
	
    background-image: url(/bilder/wasserfall1.jpg);
	width: 100%;
	padding: 15px 0;
	color: #fff;
	text-align: center;
	clear: both;
}

 header p {
     font-family: fantasy;
     font-size: 1em;
 }
 nav {
 }
nav ul{
	background-color: #005c48;
    /*background-color: #005c48;*/
	overflow: hidden;
	color: #fff;
	padding: 0;
	text-align: center;
	margin: 0;
	transition: max-height 0.5s;
}

nav ul li{
	display: inline-block;
	padding: 20px;
}

nav ul li a{
	text-decoration: none;
	color: inherit;
}

nav ul li:hover{
	background-color: #399077;
}
#hintergrundfarbe {
    background-color: #dfe5ce;
    margin: 0;
    padding: 0;
    
}
#makiert {
    background-color: #399077;
}
#inhalt {
    display: block;
    margin: auto;
    max-width: 900px;
    clear: both;
    min-height: 1200px;
    background-color: #dfe5ce;
}

.menu-icon{
	width: 100%;
    background: #005c48;
	text-align: left;
	box-sizing: border-box;
	padding: 15px 10px;
	cursor: pointer;
	color: #fff;
	display: none;
	text-align: right;
}
#unternav {
    background-color: #399077;
    max-width:300px;
    height: 50px;
    border-top : #399077 solid ;
    margin: auto;
    text-align: center;
    text-decoration: none;
    color: white;
    margin-right: 340px;


}
#unternav a {
    text-decoration: none;
    color: white;

}
.eins a {
    background-color:;
    width: 70px;
    color: #005c48!Important;

}

}
@media (max-width: 820px){

    
}
@media (max-width: 580px){
    
    nav ul{
		max-height: 0px;
	}
	

	.showing{
		max-height: 19em;
	}

	nav ul li{
		box-sizing: border-box;
		width: 100%;
		padding: 15px;
		text-align: left;
	}

	.menu-icon{
		display: block;
	}
  #unternav {
    background-color: #399077;
    max-width:300px;
    height: 50px;
    border-top : #399077 solid ;
    margin: auto!important;
    text-align: center;
    text-decoration: none;
    color: white;

}
}

footer {
    display: block;
    height: 40px;
    background-color: #005c48;
}