* {
	margin:0;
	padding:0;
	list-style:none;
	box-sizing:border-box;
	font-family : 'Poppins', sans-serif;
}

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

header {
    width:100%;
    height: auto;
}



/* BEGINN NAVIGATIONSANWEISUNGEN */

a {
    font-size: 2.5vw;
}
.naviobenstart li a {
    font-size: 3.0vw;
}
nav {
    margin-top: 0px;
    width:100%;
    height: 0;
    overflow:hidden;
    transition:height 0.7s ease-in-out;
}

nav li {
	float:left;
	width:100%;
    border-left: 2px solid rgb(77,77,77);
    margin-left: 5px;
    padding-left: 20px;
    padding-right: 20px;
}

nav a {
	display:block;
	height:100%;
	width:100%;
   	padding:0.5em;
    font-size: 3vw;
	text-decoration:none;
	color: rgb(77,77,77);
    line-height: 1em;
    text-align: left;
	}

.active {
    color:rgb(100,100,100);
}
.imtext {
    font-size: 1.4em;
}

nav a:hover {
	color: rgb(100,100,100);
}
/*
.navstart a {
    font-size: 4em;
    text-align: right;
}*/

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


.nav-toggle:hover {
    color:  rgb(100,100,100);
	}

#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: 16em;
    
        }    

.naviobenstart li{
    float:left;
    text-align: center;
    padding: 2vw;
  }

.footercontainer a {
    font-size: 4vw;
}
@media screen and (min-width: 601px) {
 .footercontainer a {
    font-size:1.8vw;
    }
    
.naviobenstart li a {
    font-size: 2vw;
} 
nav a {
    font-size: 2.5vw;    
}
    
@media screen and (min-width: 1200px){  

.footercontainer a {
    font-size: 1.2vw;
}
.naviobenstart li a {
    font-size: 1.2vw;
} 
 nav a {
    font-size: 1.6vw;    
} 
}