* {
	margin:0;
	padding:0;
	list-style:none;
	box-sizing:border-box;
	
}

body::after {
    position: fixed;
	bottom:1em;
	right:1em;
	opacity: 0.5;
	font-size: 1em;
}

.header {
    width:100%;
    height:auto;
    margin-top: 5vh;
    background-color: rgb(107,142,35);
}

/* Navigation ImpressumundDatenschutz Kontakt -------------------------*/
.datimp {
    width: 100%;
    margin: auto;
    margin-top: 1em;
    display: inline-block;
    
    }

.datimp a {
    text-decoration:none;
    color: white;
    padding: 20px;
    cursor:pointer;
  }

.datimp a:hover{
    color: white;
}



/* Hautpnavigation oben ----------------------------------------------------*/

nav {
	width:100%;
    height: 0;
	overflow:hidden;
	transition:height 0.9s ease-in-out;
}

#navtop {
    float: right;
}


nav li {
    float:left;
    width:100%;
}

nav a {
	display:block;
	width:100%;
    height:100%;
	text-decoration:none;
    font-size: 1.2em;
    line-height: 3em;
	color: white;
    }

.active {
    font-weight:bold;
}
nav a:hover {
	font-weight: bold;
}


/*Hamburger-Icon*/
.nav-toggle {
    display:block;
	position:absolute;
	right:5%;
	top:0;
	padding:1em;
	color:rgb(107,142,35);
    background-color:rgb(255,255,255);
	cursor:pointer;
    font-size: 2em;
	text-decoration:none;
}

.nav-toggle:hover {
	background:rgb(255,255,255);
}

#nav-open:target .nav-closed {
	display:block;
}

.nav-closed, #nav-closed:target .nav-closed, #nav-open:target .nav-open {
    display:none;
}

#nav-open:target nav {
		height:21em;
        background-color: rgb(107,142,35);
            }    
 

/*media screen Anmweisungen----------------------------*/

@media screen and (min-width: 1200px){

   
.nav-toggle {
        display:none !important;}
    
nav {
    max-width:100%;
    margin: auto;
    height: 10vh !important;
    display:block!important;
    padding-left: 5vw;
    }

nav li {
    width:15%;
    padding:15px;
    }

nav a {
	font-size: 1.2em;
    line-height: 1.1em;
	 }