nav {
position:absolute;
top:0px;
right:0px;
width:100%;
padding:0px;
box-sizing:border-box;
z-index:1000;
font-family:'ORF Universal';font-weight:400;
float:left;
}
.active-nav nav {
z-index:1020;
}
#menu-toggle {
position:absolute;
cursor:pointer;
background:transparent url(../img/icons.png) no-repeat -124px -40px;
top:0px;
right:10px;
width:48px;
height:42px;
display:block;
z-index:30000;
}
#menu-toggle:hover, #menu-toggle:active,.active-nav #menu-toggle{
background:transparent url(../img/icons.png) no-repeat 12px 10px;
}
.active-nav #menu-toggle{
background:transparent url(../img/icons.png) no-repeat 12px 10px;
}
#menu-close {
position:absolute;
cursor:pointer;
background:#ffffff url(../img/icons.png) no-repeat -140px -54px;
bottom:0px;
right:0px;
padding:6px 7px;
width:27px;
height:18px;
display:none;
z-index:1010;
}
.active-nav #menu-close {
display:block;
}
/******** Highlight-Menu ******************************************************************************/
#menuHighlights {
width:100%;
position:absolute;
left:0px;
top:0px;
padding:0px 180px 0px 15px;
font-size:20px;
line-height:41px;
text-transform:uppercase;
background-color:#000000;
font-family: 'ORF Universal SC', Arial, Helvetica, Sans-Serif; 
font-weight:500;
z-index:10000;
}
body.front #menuHighlights, body.articleDetails #menuHighlights  {
background:transparent url(../img/transparent_s_65.png) repeat left top;
}
#menuHighlights ul.menu {
display:flex;
justify-content: space-between;
}
#menuHighlights ul a:hover, #menuHighlights ul a:active {
color:#000000;
}
#menuHighlights ul.menu li a {
color:#ffffff;
line-height:42px;
display:block;
text
}
#menuHighlights ul.menu li a:hover, #menuHighlights ul.menu li a:active {
color:#e20613;
outline:none;
}
#menuHighlights ul.menu li a.active,#menuHighlights ul.menu li a.active:link, #menuHighlights ul.menu li a.active:visited, #menuHighlights ul.menu li a:focus {
color:#e20613;
outline:none;
}

#mainNavSearch {
position:absolute;
right:63px;
top:9px;
display:block;
width:24px;
height:24px;
padding:0px;
background:	transparent url(../img/lupe.svg) no-repeat left top;
background-size:24px 24px;
text-indent:-100000px;
overflow:hidden;
color:#b60a06;
font-size:0.0001em;
}
/******** Menu ******************************************************************************/
#menu {
display:none;
bottom:0px;
margin-top:42px;
padding:30px 20px 0px 0;
width:100%;
background:transparent url(../img/transparent_s_85.png) repeat left top;
min-height:450px;
float:left;
}
body.front #menu, body.articleDetails #menu {
background:transparent url(../img/transparent_s_65.png) repeat left top;
}
#menu ul {
display:block;
box-sizing:border-box;
width:auto;
float:right;
padding-bottom:20px;
}
#menu ul li{
list-style:none;
box-sizing:border-box;
text-align:right;
}

#menu ul li a, #menu ul li a:link, #menu ul li a:visited {
display:block;
box-sizing:border-box;
font-size:20px;
line-height:17px;
text-decoration:none;
color:#ffffff;
font-family: 'ORF Universal SC', Arial, Helvetica, Sans-Serif;
font-weight:500;
padding-left:15px;
padding-top:7px;
padding-bottom:6px;
}

#menu ul li a:hover, #menu ul li a:active, #menu ul li a.active, #menu ul li a.active:link, #menu ul li a.active:visited, #menu ul li a:focus {
color:#e20613;
outline:none;
}
.active-nav #menu {   
display:block !important;
}
.active-nav #menu ul {
right:0px;
}
.active-nav #menu li{
width:100% !important;
display:block;
float:none;
}
.active-nav #menu li a {
display:block;
height:auto;
font-size:16px;
}

/* Submenu */
#menu ul ul {
position: absolute;
top:48px;
z-index: 100;
width: 100%;
padding-top:1px;
visibility:hidden;
}
#menu ul ul li {
display:block;
float:none;
position:relative;
width:auto;
padding:0px 0 5px 0px;
}
#menu ul ul li a, #menu ul ul li a:link, #menu ul ul li a:visited {
font-size:18px;
min-height:30px;
padding:8px 5px;
text-align:center;
background:	transparent url(../img/menu_transparent.png) repeat center 0px;
}
#menu ul ul li a:hover, #menu ul ul li a:active {
background:	transparent url(../img/menu_transparent_hi.png) repeat center 0px;
color:#ffffff !important;
}
#menu ul li:hover ul {
visibility:visible;
}
#menu ul ul li {
display:block;
float:none;
}
.active-nav #menu ul ul {
position:static;
visibility: visible !important;
box-shadow:none;
} 
