#navi ul ul {background-color: #458cc9; background: rgba(69, 140, 201, .8);margin-top:20px;}
#navi #cssmenu  ul  li  a {padding-left: 0.7em; padding-right: 0.7em;}

#cssmenu .aktiv2{background:#27669c;color:#fff;}
#cssmenu .aktiv{background:#ff3300;color:#fff;}

#navi{margin:0;padding:0 0 0 20px;}
/*Navigatin*/
#navi ul li  a { color: #878787; font-size: 0.775em; padding-bottom: 0.1em; }
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
margin: 0;
padding: 0px 0;
border: 0;
list-style: none;
line-height: 1;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#cssmenu #menu-button {
display: none;
}
#cssmenu {
width: auto;
font-family: Verdana, Helvetica, sans-serif;
}
#cssmenu > ul {
}
#cssmenu.align-right > ul > li {
float: right;
}
#cssmenu > ul > li {
float: left;
display: inline-block;
}
#cssmenu.align-center > ul {
float: none;
text-align: center;
}
#cssmenu.align-center > ul > li {
float: none;
}
#cssmenu.align-center ul ul {
text-align: left;
}
#cssmenu > ul > li > a {margin:0;padding:10px 0; text-decoration: none; font-size: 0.8em; color: #000; border-right: solid 1px #fff; line-height: 2em; letter-spacing: 1px;  text-transform: uppercase; }
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a {
color: #fff;
/*background-color: #27669c;*/
background-color:#999;
}
#cssmenu > ul > li.has-sub > a {
padding-right: 38px;
}
#cssmenu > ul > li.has-sub > a::after {
content: "";
position: absolute;
width: 0;
height: 0;
border: 0.35em solid transparent;
border-top-color: #d3eced;
right: 24px;
top: 8px;
}
#cssmenu > ul > li.has-sub.active > a::after,
#cssmenu > ul > li.has-sub:hover > a {
border-top-color: #717171;
}
#cssmenu ul ul {
position: absolute;
left: -9999px;
top: 60px;
padding-top: 0px;
}
#cssmenu.align-right ul ul {
text-align: right;
}
#cssmenu.align-right > ul > li > ul::after {
left: auto;
right: 20px;
}
#cssmenu ul ul ul::after {
content: "";
position: absolute;
width: 0;
height: 0;
border: 5px solid transparent;
border-right-color: #ffffff;
top: 11px;
left: -4px;
}
#cssmenu.align-right ul ul ul::after {
border-right-color: transparent;
border-left-color: #ffffff;
left: auto;
right: -4px;
}
#cssmenu > ul > li > ul {
top: 120px;
}
#cssmenu > ul > li:hover > ul {
top: 1.6em;
left: 0;
opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
left: auto;
right: 0;
}
#cssmenu ul ul ul {
padding-top: 0;
padding-left: 6px;
}
#cssmenu.align-right ul ul ul {
padding-right: 6px;
}
#cssmenu ul ul > li:hover > ul { left: 180px; top: 0px; opacity: 1; white-space: nowrap; }
#cssmenu.align-right ul ul > li:hover > ul {
left: auto;
right: 100%;
opacity: 1;
}
#cssmenu ul ul li a {text-decoration: none; font-weight: 400; width: 200px; color: #fff; padding-top: 1em; padding-bottom: 1em; padding-left: 1em; padding-right: 3em; line-height: 150%;}
#cssmenu ul ul li a:hover {
/*background-color: #27669c;*/
background-color:#999;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.active > a {
color: #fff;
}
#cssmenu ul ul li:first-child > a {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
#cssmenu ul ul li:last-child > a {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
#cssmenu > ul > li > ul::after {
position: absolute;
display: block;
}
#cssmenu ul ul li.has-sub > a::after {
content: "";
position: absolute;
width: 0;
height: 0;
border: 4px solid transparent;
border-left-color: #777777;
right: 17px;
top: 14px;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
border-left-color: transparent;
border-right-color: #777777;
right: auto;
left: 17px;

}
#cssmenu ul ul li.has-sub.active > a::after,
#cssmenu ul ul li.has-sub:hover > a::after {
border-left-color: #333333;
}
#cssmenu.align-right ul ul li.has-sub.active > a::after,
#cssmenu.align-right ul ul li.has-sub:hover > a::after {
border-right-color: #333333;
border-left-color: transparent;
}






/*Mobile Ansicht ANFANG*/
@media all and (min-width: 480px) and (max-width: 1000px) {
#navi{padding:0 0 0 0px;}

#cssmenu { padding:0 0 0 20px; background-color: #dfdfdf;}
#cssmenu #menu-button{color: #333;font-family:Arial;}
#cssmenu #menu-button::after { border-top: 2px solid #27669c;  border-bottom: 2px solid #27669c; }
#menu-button::before { border-top: 2px solid #27669c;}
#cssmenu > ul > li > a {color: #555;  border-bottom: solid 1px #fff; font-size: 1.1em;}
#cssmenu ul ul li a {color: #555;}
#cssmenu ul ul li.active > a {color: #555;}
a.leer {color: #fff !important; background-color: #1e384c !important;}
#cssmenu > ul { display: none;}
#cssmenu > ul.open { display: block; border-top: 1px solid rgba(0, 0, 0, 0.1);}
#cssmenu.align-right > ul {
float: none;
}
#cssmenu.align-center > ul {
text-align: left;
}
#cssmenu > ul > li,
#cssmenu.align-right > ul > li {
float: none;
display: block;
}
#cssmenu > ul > li > a {
padding: 18px 25px 18px 25px;
border-right: 0;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
/*background-color: #27669c;*/
background-color:#999;
}
#cssmenu #menu-button {

display: block;
text-decoration: none;
font-size: 13px;
font-weight: 700;
padding: 18px 25px 18px 10px;
text-transform: uppercase;
letter-spacing: 1px;
cursor: pointer;
}
#cssmenu ul ul,
#cssmenu ul li:hover > ul,
#cssmenu > ul > li > ul,
#cssmenu ul ul ul,
#cssmenu ul ul li:hover > ul,
#cssmenu.align-right ul ul,
#cssmenu.align-right ul li:hover > ul,
#cssmenu.align-right > ul > li > ul,
#cssmenu.align-right ul ul ul,
#cssmenu.align-right ul ul li:hover > ul {
left: 0;
right: auto;
top: auto;
opacity: 1;
width: 100%;
padding: 0;
position: relative;
text-align: left;
}
#cssmenu ul ul li {
width: 100%;
}
#cssmenu ul ul li a { width: 100%; box-shadow: none; padding-left: 35px; font-style: italic;  }
#cssmenu ul ul ul li a {
padding-left: 45px;
}
#cssmenu ul ul li:first-child > a,
#cssmenu ul ul li:last-child > a {
border-radius: 0;
}
#cssmenu #menu-button::after {
display: block;
content: '';
position: absolute;
height: 3px;
width: 22px;
right: 25px;
top: 18px;
}
#cssmenu #menu-button::before {
display: block;
content: '';
position: absolute;
height: 3px;
width: 22px;
right: 25px;
top: 28px;
}
#cssmenu > ul > li.has-sub > a::after,
#cssmenu ul ul li.has-sub > a::after {
display: none;
}
}


/*Mobile Ansicht ANFANG*/
@media all and (max-width: 480px){
#navi{padding:0 0 0 0px;}

#cssmenu { padding:0 0 0 0px; background-color: #dfdfdf;}
#cssmenu #menu-button{color: #333;font-family:Arial;}
#cssmenu #menu-button::after { border-top: 2px solid #27669c;  border-bottom: 2px solid #27669c; }
#menu-button::before { border-top: 2px solid #27669c;}
#cssmenu > ul > li > a {color: #555;  border-bottom: solid 1px #fff; font-size: 1.1em;}
#cssmenu ul ul li a {color: #555;}
#cssmenu ul ul li.active > a {color: #555;}
a.leer {color: #fff !important; background-color: #1e384c !important;}
#cssmenu > ul { display: none;}
#cssmenu > ul.open { display: block; border-top: 1px solid rgba(0, 0, 0, 0.1);}
#cssmenu.align-right > ul {
float: none;
}
#cssmenu.align-center > ul {
text-align: left;
}
#cssmenu > ul > li,
#cssmenu.align-right > ul > li {
float: none;
display: block;
}
#cssmenu > ul > li > a {
padding: 18px 25px 18px 25px;
border-right: 0;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
/*background-color: #27669c;*/
background-color:#999;
}
#cssmenu #menu-button {

display: block;
text-decoration: none;
font-size: 13px;
font-weight: 700;
padding: 18px 25px 18px 10px;
text-transform: uppercase;
letter-spacing: 1px;
cursor: pointer;
}
#cssmenu ul ul,
#cssmenu ul li:hover > ul,
#cssmenu > ul > li > ul,
#cssmenu ul ul ul,
#cssmenu ul ul li:hover > ul,
#cssmenu.align-right ul ul,
#cssmenu.align-right ul li:hover > ul,
#cssmenu.align-right > ul > li > ul,
#cssmenu.align-right ul ul ul,
#cssmenu.align-right ul ul li:hover > ul {
left: 0;
right: auto;
top: auto;
opacity: 1;
width: 100%;
padding: 0;
position: relative;
text-align: left;
}
#cssmenu ul ul li {
width: 100%;
}
#cssmenu ul ul li a { width: 100%; box-shadow: none; padding-left: 35px; font-style: italic;  }
#cssmenu ul ul ul li a {
padding-left: 45px;
}
#cssmenu ul ul li:first-child > a,
#cssmenu ul ul li:last-child > a {
border-radius: 0;
}
#cssmenu #menu-button::after {
display: block;
content: '';
position: absolute;
height: 3px;
width: 22px;
right: 25px;
top: 18px;
}
#cssmenu #menu-button::before {
display: block;
content: '';
position: absolute;
height: 3px;
width: 22px;
right: 25px;
top: 28px;
}
#cssmenu > ul > li.has-sub > a::after,
#cssmenu ul ul li.has-sub > a::after {
display: none;
}
}


/*a.leer { cursor: none; color: #fff !important; background-color: #458cc9 !important;}*/

#cssmenu #menu-button {font-size:1.3em;font-family:Arial,Helvetica,sans-serif;letterspacing:0;color:#555;font-weight:normal;margin-top:-5px;}