.nav--horizontal {
position: relative;
}
.nav--horizontal ul {
flex-flow: row;display: flex;
list-style-type: none;
margin: 0;
padding: 0;
}

.nav--horizontal li {
position: relative;
}

.nav--horizontal ul a,
.nav--horizontal ul strong{
color: #999;
font-weight: 400;
font-size: 13px;
letter-spacing: 1px;
padding: 10px;
display: block;
}

.nav--horizontal ul li > a,
.nav--horizontal ul li > strong{
text-transform: uppercase;
text-decoration: none;
}

.nav--horizontal ul ul li > a,
.nav--horizontal ul ul li > strong{
line-height:inherit;
text-transform: inherit;
border-bottom: 1px solid #fff;
}

.nav--horizontal ul li:hover{
background-color: #03A9F5;
}

.nav--horizontal ul li.active strong{
color: #03A9F5;
}
.nav--horizontal ul li:hover a,
.nav--horizontal ul li:hover strong{
color: #fff;
}


.nav--horizontal ul ul {
max-height: 0;
opacity: 0;
position: absolute;
margin: 0 ;
-webkit-transition: opacity 0.2s 0.3s, max-height 0s 0.6s ;
transition: opacity 0.2s 0.3s, max-height 0s 0.6s;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-width: 220px;
visibility: hidden;
}



.nav--horizontal ul > li:hover > ul,
.nav--horizontal ul ul li:hover  > ul{
z-index: 1004;
max-height: 9999px;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s;
visibility: visible;
background-color: #03A9F5;
}

.nav--horizontal ul > li:last-child:hover > ul,
.nav--horizontal ul ul li:last-child:hover  > ul{
right: 0;
}



.nav--horizontal ul ul ul{
position: absolute;
left: 100%;
top: 0;
}



.mod_customnav ul {
flex-flow: row;display: flex;
list-style-type: none;
margin: 0;
padding: 0;
}

.mod_customnav  a,
.mod_customnav  strong{
border:1px solid #ccc;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
text-decoration: none;
}
.mod_customnav  a:hover,
.mod_customnav  strong:hover{
background-color: #03A9F5;
color: #fff;
}

.mod_customnav li.abmelden:hover a{background: #c9302c; color: #fff;}


.mod_customnav li{margin-left: 4px;}

#header .mod_customnav li.glyphicon{padding: 0;
margin: 0;
line-height: 0;top: -4px;}

#header .mod_customnav li.glyphicon-search::before{display: none;}
#header .mod_customnav li.glyphicon-search a,#header .mod_customnav li.glyphicon-search strong{font-size: 0;line-height: 0;}
#header .mod_customnav li.glyphicon-search a:before,#header .mod_customnav li.glyphicon-search strong:before{font-size: 14px;line-height: initial;}


@media (max-width: 768px) {

.nav--horizontal ul {flex-flow: column;}

}