:root {
    /* typography */

    --maincolor-dunkel: #000000;
    --maincolor-hell: #f1f5e1;
    --maincolor-gruen: #b8c758;
    --maincolor-dgruen: #aab73d;
    --maincolor-weiss: #ffffff;
    --mainfont: 'canada-type-gibson';
}


ul#menu li a {
    font-family: var(--mainfont);
	font-style: normal;
	font-weight: 400;
	color:var(--maincolor-dgruen);
	font-weight:500;
	font-size:1.20em;
	text-decoration:none;
	padding:9px 10px;
	cursor:pointer;
	border-bottom:4px solid #fff;
	}
ul#menu li a:hover{
	text-decoration:none;
	background:none;
	color:var(--maincolor-dunkel);
	cursor:pointer;
	border-bottom:4px solid var(--maincolor-dgruen);
	}
ul#menu li.current a{
	border-bottom:4px solid var(--maincolor-dgruen);
	}


.title-bar {
    background:var(--maincolor-dgruen);
    }

@media only screen and (max-width: 640px) {
  ul#menu {
    background:var(--maincolor-dgruen);
      height:400px;
    }
    ul#menu li a {
	color:#fff;
    border-bottom: none;
	}
ul#menu li a:hover{
	color:#000!important;
      border-bottom: none;
	}
}