.nav {
   width:60%;
   margin: 20px auto;
   
   color: #FFFF00;
   font-family: Arial;

}
.nav ul {
   list-style-type: none;
   overflow: hidden;
   margin: 1px auto 10px;
   color: #000;
   font-family: Arial;
  }
.nav ul li {
   float: right;
   color: #000000;
   width: 23%;
   margin-left: 2%;
   text-align: center;
   font-size: 24px;;
   display: inline;
   font-family: cursive, Arial;
   font-style: italic; 
   background-image: url(../images/buttonbild.jpg); 
}
.nav ul li a {
    text-align: center;
    color: #000;

}
  .nav ul li:link,.nav ul li:visited {
    color: #000000;
}
.nav ul li a:active, .nav ul li a:hover {
    color: #FFF;
    background-color: #FF0000;
}






.nav-2 {
   width: 47%;
   position: absolute;
   left: 52%;
   bottom: 20px;
   right: 20px;
   color: #FFFF00;
   font-family: Tahoma, Arial;
   
}
.nav-2 ul {
   list-style-type: none;
   overflow: hidden;
   margin: 1px auto 10px;
   color: #000;
   font-family: Tahoma, Arial;

}
.nav-2 ul li {
   float: right;
   color: #000000;
   width: 23%;
   margin-left: 2%;
   text-align: center;
   font-size: 24px;;
   display: inline;
   font-family: cursive, Arial;
   font-style: italic;
   background-image: url(../images/buttonbild.jpg);
}
.nav-2 ul li a {
    color: #000;

}
  .nav-2 ul li:link,.nav-2 ul li:visited {
    color: #000000;
}
.nav-2 ul li a:active, .nav-2 ul li a:hover {
    color: #FFF;
    background-color: #FF0000;
}






















 li a, .dropbtn {
   display: inline-block;
   color: #000;
   text-align: center;
   text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
   background-color: green;
}

li.dropdown {
   display: inline-block;
}

.dropdown-content {
   display: none;
   position: absolute;
   background-color: #faf7d1;
   min-width: 160px;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   z-index: 1;
}

.dropdown-content a {
   padding: 12px 16px;
   text-decoration: none;
   display: block;
   text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1;}

.dropdown:hover .dropdown-content {
   display: block;
}
.nav-k {
    position: absolute;
    left: 45%;
    bottom: 10px;
    background-color: #FFf;
}
.nav-k select{
    font-size: 24px;
    width: 90%;
   font-family: cursive;
   font-style: cambria; 
}

.nav-k select option:hover {
    background-color: #FF00FF;
}
.wsx select option:hover {
    background-color: #FFcccc;
}
 
 @media only screen and (max-width: 1170px) {
 .nav {
 	width: 70%;
 }
 .nav-2 {
 	bottom: 10px;
 }
.nav ul {
    margin: 0 auto 5px;
    
 }
.nav-2 ul li a {
       font-size: 18px;
       font-family: Comic;
   }
 }
@media only screen and (max-width: 950px) {
.nav-2 {
	bottom: 5px;
}
.nav ul li {
       font-size: 18px;
   }
} 

@media only screen and (max-width: 760px) {
.nav-k select {
       font-size: 18px;
   }
}