#menu ul {
  list-style: none;
  padding-left: 30%;
  margin-top: 0px;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
}
#menu ul li ul {
  flex-direction: column;
  position: absolute;
  left: 0px; 
  top: 100%;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease-in;
  display: inline;
}
#menu ul li {
	background-color: rgb(24, 143, 0);
	padding: 20px;
	transition: all 0.2s ease-in;
	position: relative;

}
#menu ul li:hover {
	background-color: rgb(45, 175, 20);
}	
#menu ul li:hover ul {
	visibility: visible;
	opacity: 1;
}
body {
  margin: 0;
  padding: 0;
}
.navbar {
  background-color: rgb(24, 143, 0);
  height: 58px;
}
nav {
  float: center-right;
  margin: 0;
  color: white;
}
nav a {
  text-decoration: none;
  display: inline-block;
}
* {
  font-family: Montserrat, sans-serif;
}
footer {
    background-color: rgb(24, 143, 0);
    padding: 5px;
    text-align: center;
    position: sticky;
}
footer a {
    color: white;
    text-decoration: none;
    padding-right: 30px;
}
footer a:hover {
    text-decoration: underline;
}
footer a.last {
    padding-right: 0px;
}
#Footertext {
	opacity: 90%;
	position: fixed;
	bottom: 5px;
	right: 5px;
}
#BilderSortiment  {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding-left: 13.66%;
	margin-top: 5%;
}
#SchokoladeBild {
	padding-right: 5%; 
}
#BilderSortiment a {
  text-decoration: none;
  color: #000000;
  display: inline-block;
}
#Ueberschrift {
	margin-top: 5%;
}
#WerSindWir {
	padding-left: 20px;
    padding-right: 20px
}
#Fairtrade {
	padding-left: 20px;
    padding-right: 20px
}
#Table_Schokolade {
	margin-top: 2.5%;
	padding-left: 7.5%;
}

#Standorte {
    padding-left: 15px
}

#Standorte2 {
    padding-bottom: 15px
}

#Kaffee {
    padding-left: 15px;
    padding-top: 15px
}

#Impressung {
    padding-left: 15px
}

#Datenschutz {
    padding-left: 15px
}
/*
Diese Styles schieben das Bild von links herein und rechts wieder raus
*/
.simpleSlides {
	position: absolute;
	left: 50%;
	top: 300;
	transform: translate(-50%, 0);
}

.slides {
	display: none;
	z-index: 0;
}
/*
Die Animation von links nach rechts dauert 8 Sekunden
*/
.animate-left {
	position: relative;
	animation: animateleft 10s;
}

/*
Das hier sind die Schritte der Animation von links nach rechts
*/
@keyframes animateleft { 
	0%   { left :-130%; opacity:0 } 
	3%  { left:0; opacity:1 }
	98%  { left:0; opacity:1 }
	100% {left:130%; opacity:0 }
}