* {
	margin:0;
	padding:0;
	list-style:none;
	box-sizing:border-box;
	font-family:'Mohave';
}

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


a {
	font-family:'Noto Sans', sans-serif;
    font-size: 1.1em;
    text-decoration: underline;
    color: rgb(37,57,110);
	letter-spacing: -0.01em;
}

a:hover {
	transform: scale(0.95);
    -webkit-transition: scale(0.95);
    -moz-transition: scale(0.95) ;
    -o-transition: scale(0.95) ;
	transition: all 0.5s; 
}

nav {
    width:100%;
	height:0;
	text-align: right;
    overflow:hidden;
	transition:height 0.7s ease-in-out;
   }
	
nav ul {
	margin-top:2.5em;
	
}
nav li {
	float:right;
	width:95%;
	margin-right: 5%;
	
}

nav a {
	font-family:'mohave';
	display:block;
	height:100%;
	width:100%;
    font-size: 3em;
	line-height:1em;
	font-weight: bold;
	text-decoration:none;
	color:rgb(20,46,105);
	margin-top:15px;
	
	 }

nav a:hover {
	color: rgb(184,18,39);
	transform: scale(0.95);
    -webkit-transition: scale(0.95);
    -moz-transition: scale(0.95) ;
    -o-transition: scale(0.95) ;
	transition: all 0.5s; 
	}

.active {
    color: rgb(184,18,39);
	}


nav .submenu li a{
	font-size: 2em;
}
/* nachoben ------*/

#nachoben {
	margin-top: 3em;
	margin-left:75%;
	
}
#nachoben a{
	display: block;    
	width: 9vw;
	height:9vw;
	margin:auto;
	margin-top: 3em;
	margin-left:2em;
	background-image: url(pfeilhoch.jpg);
	background-repeat: no-repeat;
	background-size: contain;
    transition: all 0.5s;    
	} 

/*Hamburger-Icon*/
.nav-toggle {
	display:block;
	position:absolute;
	right:15%;
	top:1em;
	margin: 2%;
	font-size: 4em;
	color:rgb(20,46,105);
	cursor:pointer;
	text-decoration:none;
}

.nav-toggle:hover {
    color: rgb(184,18,39);
	}

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

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

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

#nav-open:target nav {
	height: 22em;
            }    


#nachoben a:hover {
	transform: scale(0.8);
    -webkit-transition: scale(0.8);
    -moz-transition: scale(0.8) ;
    -o-transition: scale(0.8) ;
	      }

/*Media screen Anweisungen-------------------------------------------------------*/    
@media screen and (min-width:601px){

header {
    height:0;
	background-size: contain;
	background-repeat: no-repeat;
		}
 
.nav-toggle {
        display:none !important;}

nav {
	display:block !important;
	height:25em;
	transform: translateY(100px);
	transition: transform 2s;
	}
		
nav ul {
	margin-top:1em;
	}	
nav li {
	width:90%;
	margin-left:0;
	float:right;
		}	
nav a {
font-size: 4.5vw;
	}
#nachoben a{
	width: 8vw;
	height:8vw;
}	
	


/*Media screen Anweisungen-------------------------------------------------------*/    
@media screen and (min-width:896px){
nav a {
		font-size: 5vw;
	}
#nachoben a{
	width: 6vw;
	height:6vw;
}

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

nav a {
		font-size:4em;
	}	
#nachoben a{
	width: 4vw;
	height:4vw;
}