#all{
	width:100%;
	height:2400px;
	
	
}
#menue{
	float:left;
	width:100%;
	height:6%;
	background:white;
	
}
#inhalt{
	float:left;
	width:100%;
	height:100%;
	background:#333;
	
}
ul {
  list-style-type: none;
  margin: auto;
  padding: 0;
  overflow: hidden;
  background-color: white;
  position: sticky;
  top: 0;
}

li {
  float: left;
  font-size: 2.8em;
}

li a {
  display: block;
  color:black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover {
  background-color: grey;
  animation-name: menu;
  animation-duration: 500ms;
  animation-iteration-count: 1;
  animation-direction:forwards;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  
}

.active {
  background-color: #4CAF50;
}

@keyframes menu{
	0% {background-color:white; hsla(350,50%,50%,0.3);}
/*													ol	or	ur	ul      */
	100% {background-color:#FDF370; border-radius: 100% 100% 100% 100%;hsla(350,50%,50%,0.9);}
}