/* 
    Created on : 01.06.2016, 17:50:46
    Author     : Andeas Methling
*/
/* Drilldown Navigation */
@media only screen and ( min-width:1400px ){
header > div#nav > div#navgationdrilldown > ul.lev-0 > li.inactive > a,
header > div#nav > div#navgationdrilldown > ul.lev-0 > li.active > a,
header > div#nav > div#navgationdrilldown > ul.lev-0 > li.current > a {
    font-size: 16px!important;
}
header > div#nav > div#navgationdrilldown li a { font-size: 16px!important; }
}
@media only screen and (min-width:1025px){
header > div#nav { width: 100%; height: 47px; text-align: center; position: relative; background-color: #fff; border-bottom: 1px solid #b2b2b2; border-top: 1px solid #b2b2b2; opacity: 1; z-index: 2000; }   
header > div#nav > div#navgationdrilldown { text-align: center; }
header > div#nav > div#navgationdrilldown li.js-drilldown-back, header > div#nav > div#navgationdrilldown li.topcategory { display: none!important; }
header > div#nav > div#navgationdrilldown ul { display: inline-block; float: none; vertical-align: top; text-align: left; }
header > div#nav > div#navgationdrilldown li { display: inline-block; float: none; padding: 10px 6px 10px 6px; border-left: 5px solid #fff; vertical-align: top; overflow: hidden; }
header > div#nav > div#navgationdrilldown li:hover,header > div#nav > div#navgationdrilldown li:focus, header > div#nav > div#navgationdrilldown li:active { height: auto; border-left-color: #95C11F; overflow: visible; } 
header > div#nav > div#navgationdrilldown li a { display: inline-block; white-space: nowrap; font-size: 14px; }
header > div#nav > div#navgationdrilldown> ul.lev-0 { width: 100%; height: 44px; padding: 0px; overflow: hidden;  }
header > div#nav > div#navgationdrilldown> ul.lev-0 > li { height: 25px; overflow: hidden; }
header > div#nav > div#navgationdrilldown> ul.lev-0 > li:hover { height: auto; overflow: visible; }
header > div#nav > div#navgationdrilldown> ul.lev-0 > li > ul.lev-1  { position: absolute; left: 0px; top: 47px; opacity: 0; }
header > div#nav > div#navgationdrilldown> ul.lev-0:hover { height: 45px; overflow: visible; }
header > div#nav > div#navgationdrilldown> ul.lev-0 > li:hover ul.lev-1 {
    opacity: 1;
    -moz-transition:    opacity linear  0.3s 0.3s;
    -webkit-transition: opacity linear  0.3s 0.3s;
    -o-transition:      opacity linear  0.3s 0.3s;
    transition:         opacity linear  0.3s 0.3s;
}
header > div#nav > div#navgationdrilldown > ul.lev-0 > li.inactive { background-color: #fff; }
header > div#nav > div#navgationdrilldown > ul.lev-0 > li.active,
header > div#nav > div#navgationdrilldown > ul.lev-0 > li.current {
    border-left-color: #95C11F;
}
header > div#nav > div#navgationdrilldown > ul.lev-0 > li.inactive > a,
header > div#nav > div#navgationdrilldown > ul.lev-0 > li.active > a,
header > div#nav > div#navgationdrilldown > ul.lev-0 > li.current > a {
    padding: 0px 10px 0px 0px; font-size: 12px; line-height: 27px; text-transform: uppercase; border-right: 1px solid #0077be;
}
header > div#nav > div#navgationdrilldown > ul.lev-0 > li.inactive, header > div#nav > div#navgationdrilldown > ul.lev-0 > li.inactive,
header > div#nav > div#navgationdrilldown > ul.lev-0 > li.inactive, header > div#nav > div#navgationdrilldown > ul.lev-0 > li.active,
header > div#nav > div#navgationdrilldown > ul.lev-0 > li.inactive, header > div#nav > div#navgationdrilldown > ul.lev-0 > li.current
{
    position: relative;
}
header > div#nav > div#navgationdrilldown > ul.lev-0 > li.inactive > ul.lev-1,
header > div#nav > div#navgationdrilldown > ul.lev-0 > li.active > ul.lev-1,
header > div#nav > div#navgationdrilldownn > ul.lev-0 > li.current > ul.lev-1 {
    display: block;
    position: absolute;
    left: -5px;
    top: 47px;
    padding-top: 20px;
    text-align: left;
    background-color: #fff;
    border-left: 5px solid #b2b2b2;
}
header > div#nav > div#navgationdrilldown > ul.lev-0 > li.inactive > ul.lev-1 > li,
header > div#nav > div#navgationdrilldown > ul.lev-0 > li.current > ul.lev-1 > li,
header > div#nav > div#navgationdrilldown > ul.lev-0 > li.active > ul.lev-1 > li {
    display: block;
    padding: 5px 10px 5px 10px;
    background-color: #fff;
    border-left-color: #b2b2b2;
    position: relative;
    left: -5px;
}
header > div#nav > div#navgationdrilldown > ul.lev-0 > li.inactive > ul.lev-1 > li:hover,
header > div#nav > div#navgationdrilldown > ul.lev-0 > li.current > ul.lev-1 > li:hover,
header > div#nav > div#navgationdrilldown > ul.lev-0 > li.active > ul.lev-1 > li:hover {
    border-left-color: #95C11F;
}

header > div#nav > div#navgationdrilldown > ul.lev-0 > li.current > ul.lev-1 > li.active,
header > div#nav > div#navgationdrilldown > ul.lev-0 > li.active > ul.lev-1 > li.current {
    border-left-color: #95C11F;
}

header > div#nav > div#navgationdrilldown > ul.lev-0 > li.inactive > ul.lev-1 > li > ul.lev-2,
header > div#nav > div#navgationdrilldown > ul.lev-0 > li.active > ul.lev-1 > li > ul.lev-2,
header > div#nav > div#navgationdrilldown > ul.lev-0 > li.current > ul.lev-1 > li > ul.lev-2 {
    display: none!important;
}
}



@media only screen and (min-width:1026px){
div.navigationmobile { display: none; }
header > div#navigation { width: 100%; height: 47px; text-align: center; position: relative; background-color: #fff; border-bottom: 1px solid #b2b2b2; border-top: 1px solid #b2b2b2; opacity: 1; z-index: 2000; }
/* header > div#navigation:hover::before  {
content: "";
display: block;
width: 100%;
height: 300px;
position: absolute;
left: 0px;
background-color: #fff;
opacity: 0.5;
}
*/
header > div#navigation ul { display: inline-block; float: none; }
header > div#navigation li { display: inline-block; float: none; padding: 10px; border-left: 5px solid #fff; }
header > div#navigation li:hover, header > div#navigation li:focus, header > div#navigation li:active { border-left-color: #95C11F; } 
header > div#navigation li a { display: inline-block; white-space: nowrap; }
header > div#navigation > ul.lev-0 { width: 100%; height: 44px; padding: 0px; overflow: hidden; }
header > div#navigation > ul.lev-0 > li > ul.lev-1  { opacity: 0; }
header > div#navigation > ul.lev-0:hover { height: 45px; overflow: visible; }
header > div#navigation > ul.lev-0 > li:hover ul.lev-1 {
    opacity: 1;
    -moz-transition:    opacity linear  0.3s 0.3s;
    -webkit-transition: opacity linear  0.3s 0.3s;
    -o-transition:      opacity linear  0.3s 0.3s;
    transition:         opacity linear  0.3s 0.3s;
}
header > div#navigation > ul.lev-0 > li.inactive { background-color: #fff; }
header > div#navigation > ul.lev-0 > li.active,
header > div#navigation > ul.lev-0 > li.current {
    border-left-color: #95C11F;
}
header > div#navigation > ul.lev-0 > li.inactive > a,
header > div#navigation > ul.lev-0 > li.active > a,
header > div#navigation > ul.lev-0 > li.current > a {
    padding: 0px 10px 0px 0px; font-size: 16px; line-height: 27px; text-transform: uppercase; border-right: 1px solid #0077be;
}
header > div#navigation > ul.lev-0 > li.inactive, header > div#navigation > ul.lev-0 > li.inactive,
header > div#navigation > ul.lev-0 > li.inactive, header > div#navigation > ul.lev-0 > li.active,
header > div#navigation > ul.lev-0 > li.inactive, header > div#navigation > ul.lev-0 > li.current
{
    position: relative;
}
header > div#navigation > ul.lev-0 > li.inactive > ul.lev-1,
header > div#navigation > ul.lev-0 > li.active > ul.lev-1,
header > div#navigation > ul.lev-0 > li.current > ul.lev-1 {
    display: block;
    position: absolute;
    left: -5px;
    top: 47px;
    padding-top: 20px;
    text-align: left;
    background-color: #fff;
    border-left: 5px solid #b2b2b2;
}
header > div#navigation > ul.lev-0 > li.inactive > ul.lev-1 > li,
header > div#navigation > ul.lev-0 > li.current > ul.lev-1 > li,
header > div#navigation > ul.lev-0 > li.active > ul.lev-1 > li {
    display: block;
    background-color: #fff;
    border-left-color: #b2b2b2;
    position: relative;
    left: -5px;
}
header > div#navigation > ul.lev-0 > li.inactive > ul.lev-1 > li:hover,
header > div#navigation > ul.lev-0 > li.current > ul.lev-1 > li:hover,
header > div#navigation > ul.lev-0 > li.active > ul.lev-1 > li:hover {
    border-left-color: #95C11F;
}

header > div#navigation > ul.lev-0 > li.current > ul.lev-1 > li.active,
header > div#navigation > ul.lev-0 > li.active > ul.lev-1 > li.current {
    border-left-color: #95C11F;
}

header > div#navigation > ul.lev-0 > li.inactive > ul.lev-1 > li > ul.lev-2,
header > div#navigation > ul.lev-0 > li.active > ul.lev-1 > li > ul.lev-2,
header > div#navigation > ul.lev-0 > li.current > ul.lev-1 > li > ul.lev-2 {
    display: none!important;
}
}
/* Subnavigation */
section > div.contentleft > ul.rex-navi1 { display: block; margin: 0px; padding: 0px 0px 15px 0px; text-align: left; }
section > div.contentleft > ul.rex-navi1 a { display: inline-block; width: 95%; margin: 0px; padding: 0% 0% 0% 5%; line-height: 30px; font-size: 16px; border-left: 5px solid #fff; }
section > div.contentleft > ul.rex-navi1 a:hover,
section > div.contentleft > ul.rex-navi1 a:active,
section > div.contentleft > ul.rex-navi1 a:focus,
section > div.contentleft > ul.rex-navi1 a.rex-current,
section > div.contentleft > ul.rex-navi1 a.rex-active {
    border-left-color: #95C11F;
}
section > div.contentleft > b > a { display: inline-block; width: 94%; padding: 1% 0% 2% 5%; margin: 30px 0px 0px 0px; font-size: 18px; font-weight: 400; text-align: left; text-transform: uppercase; border-left: 5px solid #95C11F; }
section > div.contentleft > ul.rex-navi1 > li > a { padding-left: 20px; }
section > div.contentleft > ul.rex-navi1 > li,
section > div.contentleft > ul.rex-navi1 > li.rex-active > ul.rex-navi2 > li {
    display: inline-block; width: 95%; margin: 0px; padding: 0px;
}

section > div.contentleft > ul.rex-navi1 > li.rex-current > ul.rex-navi2 > li > a,
section > div.contentleft > ul.rex-navi1 > li.rex-normal > ul.rex-navi2 > li > a,
section > div.contentleft > ul.rex-navi1 > li.rex-active > ul.rex-navi2 > li > a {
    width: 90%; padding: 0% 0% 0% 10%;
}
@media only screen and (max-width:1280px){
header > div#navigation > ul.lev-0 > li.inactive > a,
header > div#navigation > ul.lev-0 > li.active > a {
    font-size: 14px;
}   
}    
@media only screen and (max-width:1025px){
header > div#navigation, div.isclose  { width: 100px; height: 100px; position: fixed; left: 0px; top: 0px; overflow: hidden; }
div#navigation > div.navigationmobile { width: 90%; padding: 5%; background-color: #fff; }
div.open > div.navigationmobile { width: 96%!important; padding: 2%!important; }
header > div#navigation > ul.rex-navi1 > li.rex-normal > a,
header > div#navigation > ul.rex-navi1 > li.rex-current > a {
line-height: 25px;
}
div#navigation > div.navigationmobile > button { width: 100%; border: none; outline: none; padding: 10px; }
div#navigation > div.navigationmobile > button.fa { font-size: 30px; line-height: 30px; }
div#navigation > div.navigationmobile > button.fa-bars { height: 90px; font-size: 25px; text-align: left; color: #fff; background-color: #0077be; } 
div#navigation > div.navigationmobile > button.fa > p { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; line-height: 30px; text-transform: uppercase; padding: 0px; margin: 0px; float: right; }
div#navigation > div.navigationmobile > button.fa-times-circle { background-color: #fff; color: #0077be; text-align: right; } 
div.isclose > div.navigationmobile > button.tooclose  { display: none; }
div.isclose > div.navigationmobile > button.toopen   { display: inline-block; }
div.open > div.navigationmobile  > button.tooclose  { display: inline-block; }
div.open > div.navigationmobile > button.toopen   { display: none; } 
div.open { height: 100%!important; width: auto!important; min-width: 310px; overflow: scroll!important; background-color: #fff; border-right: 2px solid #b2b2b2; }
div#navigation > ul { display: none; }
div.open ul { display: block!important; text-align: left; padding: 5px; }
div.open a { display: block; width: 96%; padding: 2%; }
div.open > ul.lev-0 { background-color: #fff; }
div.open > ul.lev-0 > li, div.open > ul.rex-navi1 li > ul.rex-navi2 > li { margin: 0px; padding: 0px; border-top: 1px solid #b2b2b2; }
div.open > ul.lev-0 > li > a { text-transform: uppercase; }
div.open > ul.lev-0 > li > ul.lev-1 { padding: 0px; }
div.open > ul.lev-0 > li > ul.lev-1 > li > a { width: 95%; padding-left: 5%; }
div.open > ul.lev-0 > li > ul.lev-1 > li > ul.lev-2 { padding-left: 10%; }
.current, .active { color: #0077be!important; }
/* Subnavigation */
section > div.contentleft > ul.rex-navi1, section > div.contentleft > b { display: none; }

}
@media only screen and (max-width:700px){
header > div#navigation, div.isclose  { width: 55px; height: 55px; }
div#navigation > div.navigationmobile > button.fa-bars { height: 50px; text-align: center; }  
div#navigation > div.navigationmobile > button.fa > p { display: none; }
section > div.contentleft > b#sidenav_title, section > div.contentleft > ul.rex-navi1 { display: none; }
section > div.contentright { width: 100%; float: none; }
}