/* 
Hellgrau #777675
Grau #3d3d3c
rot #891819
oragne #dd7612
*/




#hmenu {
  position: relative;
  float:left;
  width: 100%;
  z-index:999;
  width:100%;
  background: transparent repeat-x right top;   
  height:100%;
  font-size:1em;
  font-family: 'Trebuchet MS', sans-serif !important;
  text-align:center !Important;
  Border-bottom: solid 1px #891819;
  /*zum zenrierten der Liste 
  display: flex;
  align-items: center;
  justify-content: center;  */
}

#hmenu ul {
  margin: 0 0em;
  padding:0;
  list-style: none;
  background: transparent;
  text-align:center;
  clear:both;
}

#hmenu ul li {  
  position: relative;
  display: inline-block; /*Zentriert das Menü */
  margin: 0 auto;
  padding:0em 0em 0em 0;
  list-style-type:none;
  width:auto;
}

@media screen and (max-width: 900px) { /* Specific to this particular image */  
  #hmenu ul li a   {padding: 0.8em 1.5em 0.8em 1.5em !important;}
}

@media screen and (max-width: 800px) { /* Specific to this particular image */  
  #hmenu ul li a   {padding: 0.8em 1em 0.8em 1em !important;}
}


#hmenu ul li a {
  text-decoration: none;
  cursor: pointer;
  color: #3d3d3c;
  text-transform: normal;
  display: block;
  padding: 0.8em 1em 0.8em 1em;
  background:transparent;
  font-weight: 400;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  width:auto;
}



#hmenu ul.hmenu-level1 li a:hover {color: #fff;text-decoration:underline;background: #dd7612;/*background-position: 99% 50%;*/}
#hmenu ul.hmenu-level1 li.active > a {text-decoration:underline;background:#dd7612;color:#FFF;}
#hmenu ul.hmenu-level1 li.active:hover > a {text-decoration:underline;color:#6d4d2d;}





/*#hmenu ul li.has-sub {min-width: 200px;}*/
#hmenu ul.hmenu-level1 li {width: auto;}

/* Damit beim Seiten laden das untermenü des aktiven Punktes nicht angezeigt wird. */
#hmenu ul.hmenu-level1 li.active ul.hmenu-level2 {display:none;}

#hmenu ul.hmenu-level2 {position:absolute;width:auto;min-width:100%;width:300px/*background:red; padding:0 0.5em 0.5em 0.5em;*/}
#hmenu ul.hmenu-level2 li {width:100%;}
#hmenu ul.hmenu-level2 li a {text-align:left;}

#hmenu ul.hmenu-level2 li.open {border-bottom: #ffffff solid 0.2em;}
#hmenu ul.hmenu-level3 li{border-left: solid 0.5em #ffffff;}


/*#hmenu > ul > li:first-child > a {
padding-left:0em;
}
#hmenu > ul > li:last-child > a {padding-right:0em;
} */




#hmenu > ul > li:hover > a,
#hmenu > ul > li.open > a {
  color: #f6cda5;
  background: #dd7612;
}


/*icon Pfeile Sub */

#hmenu ul > li.has-sub a {padding-right:2em;}
#hmenu ul > li.has-sub::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 0.5em solid transparent;
  border-top-color: #891819;
  z-index: 2;
  right: 0.5em;
  top: 1em;
  pointer-events: none;
}

#hmenu ul > li.has-sub a {padding-right:2em;}
#hmenu ul > li.has-sub::after:hover {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 0.5em solid transparent;
  border-top-color: #c0c0c0;
  z-index: 2;
  right: 0.5em;
  top: 1em;
  pointer-events: none;
}

#hmenu ul li.open::after {border-top-color: #d5d5d5;}

#hmenu ul ul {
  display: none;
  margin-bottom:1em;
}

#hmenu ul li.active ul {display:block;}
#hmenu ul li.active ul li.has-sub ul{display:none;}
#hmenu ul li.active ul li.open ul{display:block;}


#hmenu ul ul li a {
  background: #cccccc;
  display: block;
  position: relative;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
#hmenu ul ul li:first-child > a {}

#hmenu ul ul ul li {border: 0;}

#hmenu ul ul li:hover > a,
#hmenu ul ul li.open > a,
#hmenu ul ul li.active > a {
  background: #FFFFFF;
  color: #000;
}


#hmenu ul ul ul li a {padding-left: 30px;}


#hmenu ul ul > li:hover::after,
#hmenu ul ul > li.active::after,
#hmenu ul ul > li.open::after {}