* {
	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;
    min-height: 80px;
    }

a {
  font-size: 1.1em;
  text-decoration: none;
  letter-spacing: 0.05em;
  color: rgb(20,46,106);  
}

a:hover {
    color: rgb(181,18,39);
}

/* 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-weight: 400;
    font-size: 1.1em;
    letter-spacing: 0.05em;
    line-height: 2em;
	color: rgb(20,46,106);
    }



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

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

#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:22em;
        background-color: rgb(30,30,30);
            }    
 

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

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

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

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

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

}