/*visit_menu Zusammenfassung aller Menüeinstellungen*/

 @import url(visit_const.css);

#menu {
background-color: #FBF7EE;
  background-color: var(--bkcol_menu, #FFFFFF);
  margin: 0;
  padding: 0 1em;
  position: relative;
  height:2.5em;
  overflow: hidden;
}

#menu ul {
  list-style-type: none;
  position: relative;
}

#menu ul li {
  display: inline-block;
}

#menu ul li:last-child {
  position: absolute;
  right: 0;
  bottom: 2.5em;
  background-image: linear-gradient(to right, rgba(251,247,238,0.7) 0%, rgba(26,147,111,1) 50%);
  padding-left: 3em;
}

#menu ul li:nth-last-child(2) {
  display: none;
}

#menu ul li a {
  font-size: 1em;
  display: inline-block;
  padding: 0 0.5em;
color: #333;
  color: var(--col_btn, #333);
font-family: Arial, Helvetica, sans-serif;
  font-family: var(--font_fam_01, Arial, Helvetica, sans-serif);
  text-decoration: none;
  white-space: nowrap;
  line-height: 2.5em;
}

#menu ul li a:hover {
background-color: #009900;
  background-color: var(--bkcol_btn_hover, #009900);
color: #FFFFFF;
  color: var(--col_btn_hover, #FFFFFF);
}

#menu:target {
  height: auto;
  padding: 0;
}

#menu:target ul {
  max-height: none;
}

#menu:target ul li {
  display: block;
}

#menu:target ul li:not(:first-child) {
  margin-top: 2px;
}

#menu:target ul li:last-child {
  display: none;
}

#menu:target ul li:nth-last-child(2) {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
border-left: 2px solid #009900;
  border-left: 2px solid var(--bkcol_kopf, #009900);
}

#menu:target ul li a {
  display: block;
  padding: 0 2em;
background-color: #FFFFFF;
  background-color: var(--bkcol_menu, #FFFFFF);
color: #333;
  color: var(--col_btn, #333);
border-bottom: 2px solid #009900;
  border-bottom: 2px solid var(--bkcol_kopf, #009900);
}

#menu:target ul li a:hover {
background-color: #009900;
  background-color: var(--bkcol_kopf, #009900);
color: #FFFFFF;
  color: var(--col_btn_hover, #FFFFFF);
}