@charset "UTF-8";
@media only screen and (max-width: 1024px){
div#mainavdrilldown { display: block; position: fixed; left: 0px; top: 0px; z-index: 100000; }
div.rootnavigation { display: none; }
div#nav { position: fixed; left: 0px; top: 0px; z-index: 2000; }
div#navgationdrilldown { display: none; height: 100%; width: 40%; min-width: 300px; position: fixed; left: 0px; top: 0px; background-color: #FFF; text-align: left; border-right: 5px solid #2d6298; z-index: 100000; }
div#nav button { display: inline-block; min-height: 50px; background: transparent; background-color:  #2d6298; padding: 10px; margin: 15px; outline: none; border: none; border-radius: 0px; cursor: pointer; color: #fefefe; }
div#nav > button#show { background-image: url("/resources/css/images/bars.svg"); background-size: 30px auto; background-repeat: no-repeat; background-position:  10px 10px; padding-left: 55px; }
div#navgationdrilldown > button.toclose { padding: 2px; margin: 0px; width: 40px; height: 40px; font-size: 25px; min-height: 40px; float: right; font-weight: bold; }
div#navgationdrilldown > div.rootnavigation { background-color: #FFF; }
div#navgationdrilldown > div.rootnavigation ul, div#navgationdrilldown > div.rootnavigation li, div#navgationdrilldown > div.rootnavigation div { display: inline-block; width: 100%;  padding: 0px; margin: 0px; list-style: none; }
div#navgationdrilldown > div.rootnavigation ul li a { color: #666; line-height: 35px; margin: 5px 0px 5px 0px; padding: 5px 5px 5px 15px; text-transform: uppercase; outline: none; }
.is-drilldown {
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%!important;
  width: 100%!important;
  margin: 0px;
}
div.is-drilldown ul { margin: 0px; padding: 0px; }
div.is-drilldown ul li { margin: 0px; padding: 0px; list-style: none; border-top: 1px solid #ccc; cursor: pointer; outline: none; }
div.is-drilldown ul li a { display: block; width: 100%; padding: 5px 5px 5px 15px; text-decoration: none; color: inherit; font-family: inherit; text-transform: uppercase; }
div.is-drilldown ul li a:hover { color: #000; outline: none; background-color: #ccc; }
div.is-drilldown ul.lev-1 a { font-size: 16px; text-transform: capitalize; outline: none; }
div.is-drilldown > ul > li { background-color: #FFF; }
div.is-drilldown > ul.lev-0 > li > ul.lev-1,
div.is-drilldown > ul.lev-0 > li > ul.lev-1 > li > ul.lev-2 { padding-bottom: 30px; }
div.is-drilldown > ul.lev-0 > li > ul.lev-1 > li > ul.lev-2 > li > a { font-size: 12px; } 
div.is-drilldown > ul.lev-0 > li > ul.lev-1 > li > ul.lev-2 > li.js-drilldown-back  > a { font-size: 16px; } 
li.topcategory { background-color: #cacaca; }
li.topcategory > a { color: #000!important; }
.is-drilldown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  height: 100%;
  width: 100%;
  background: #fefefe;
  transition: -webkit-transform 0.15s linear;
  transition: transform 0.15s linear; }
  .is-drilldown-submenu.is-active {
    z-index: 1;
    display: block;
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%); }
  .is-drilldown-submenu.is-closing {
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%); }

.is-drilldown-submenu-parent > a {
  position: relative; }
  .is-drilldown-submenu-parent > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: transparent transparent transparent #2d6298;
    border-left-style: solid;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 1.5rem;
  }

.js-drilldown-back::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  border-color: transparent #2d6298 transparent transparent;
  border-right-style: solid;
  float: left;
  margin-right: 15px;
  margin-left: 15px;
  margin-top: 10px;
  }
li.js-drilldown-back { /* background-color: #cacaca!important; */ }

.dropdown-pane {
  background-color: #fefefe;
  border: 1px solid #cacaca;
  display: block;
  padding: 1rem;
  position: absolute;
  visibility: hidden;
  width: 300px;
  z-index: 10;
  border-radius: 0; }
  .dropdown-pane.is-open {
    visibility: visible; }

.dropdown-pane.tiny {
  width: 100px; }

.dropdown-pane.small {
  width: 200px; }

.dropdown-pane.large {
  width: 400px; }

[data-whatinput='mouse'] .dropdown.menu a {
  outline: 0; }

.dropdown.menu .is-dropdown-submenu-parent {
  position: relative; }
  .dropdown.menu .is-dropdown-submenu-parent a::after {
    float: right;
    margin-top: 3px;
    margin-left: 10px; }
  .dropdown.menu .is-dropdown-submenu-parent.is-down-arrow a {
    padding-right: 1.5rem;
    position: relative; }
  .dropdown.menu .is-dropdown-submenu-parent.is-down-arrow > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: #2199e8 transparent transparent;
    border-top-style: solid;
    position: absolute;
    top: 0.825rem;
    right: 5px; }
  .dropdown.menu .is-dropdown-submenu-parent.is-left-arrow > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent #2199e8 transparent transparent;
    border-right-style: solid;
    float: left;
    margin-left: 0;
    margin-right: 10px; }
  .dropdown.menu .is-dropdown-submenu-parent.is-right-arrow > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent transparent transparent #2199e8;
    border-left-style: solid; }
  .dropdown.menu .is-dropdown-submenu-parent.is-left-arrow.opens-inner .submenu {
    right: 0;
    left: auto; }
  .dropdown.menu .is-dropdown-submenu-parent.is-right-arrow.opens-inner .submenu {
    left: 0;
    right: auto; }
  .dropdown.menu .is-dropdown-submenu-parent.opens-inner .submenu {
    top: 100%; }

.no-js .dropdown.menu ul {
  display: none; }

.dropdown.menu .submenu {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 200px;
  z-index: 1;
  background: #fefefe;
  border: 1px solid #cacaca;
  margin-top: -1px; }
  .dropdown.menu .submenu > li {
    width: 100%; }
  .dropdown.menu .submenu.first-sub {
    top: 100%;
    left: 0;
    right: auto; }
  .dropdown.menu .submenu:not(.js-dropdown-nohover) > .is-dropdown-submenu-parent:hover > .dropdown.menu .submenu, .dropdown.menu .submenu.js-dropdown-active {
    display: block; }

.dropdown.menu .is-dropdown-submenu-parent.opens-left .submenu {
  left: auto;
  right: 100%; }

.dropdown.menu.align-right .submenu.first-sub {
  top: 100%;
  left: auto;
  right: 0; }

.is-dropdown-menu.vertical {
  width: 100px; }
  .is-dropdown-menu.vertical.align-right {
    float: right; }
  .is-dropdown-menu.vertical > li .submenu {
    top: 0;
    left: 100%; }
.menu {
  margin: 0;
  list-style-type: none; }
  .menu > li {
    display: table-cell;
    vertical-align: middle; }
    [data-whatinput='mouse'] .menu > li {
      outline: 0; }
  .menu > li:not(.menu-text) > a {
    display: block;
  }
  .menu input,
  .menu a,
  .menu button {
    margin-bottom: 0; }
  .menu > li > a > img,
  .menu > li > a > i {
    vertical-align: middle; }
  .menu > li > a > span {
    vertical-align: middle; }
  .menu > li > a > img,
  .menu > li > a > i {
    display: inline-block;
    margin-right: 0.25rem; }
  .menu > li {
    display: table-cell; }
  .menu.vertical > li {
    display: block; }
  @media screen and (min-width: 40em) {
    .menu.medium-horizontal > li {
      display: table-cell; }
    .menu.medium-vertical > li {
      display: block; } }
  @media screen and (min-width: 64em) {
    .menu.large-horizontal > li {
      display: table-cell; }
    .menu.large-vertical > li {
      display: block; } }
  .menu.simple a {
    padding: 0;
    margin-right: 1rem; }
  .menu.align-right > li {
    float: right; }
  .menu.expanded {
    display: table;
    table-layout: fixed;
    width: 100%; }
    .menu.expanded > li:first-child:last-child {
      width: 100%; }
  .menu.icon-top > li > a {
    text-align: center; }
    .menu.icon-top > li > a > img,
    .menu.icon-top > li > a > i {
      display: block;
      margin: 0 auto 0.25rem; }
  .menu.nested {
    margin-left: 1rem; }

.menu-text {
  font-weight: bold;
  color: inherit;
  line-height: 1;
  padding-top: 0;
  padding-bottom: 0;
  padding: 0.7rem 1rem; }

.no-js [data-responsive-menu] ul {
  display: none; }
}
@media only screen and (min-width: 1025px){
div#mainavdrilldown { width: 20%; min-width: 250px; height:auto; position:fixed; top: 200px; left: 2%; z-index: 999; text-align: left; }
div#mainavdrilldown > div#nav > div#navgationdrilldown { background-color: #FFF; }
div#mainavdrilldown > div#nav > div#navgationdrilldown > ul { padding: 0px; }
div#mainavdrilldown > div#nav > div#navgationdrilldown > ul > li { padding: 0px 0px 0px 15px; margin: 0px; }
div#mainavdrilldown > div#nav > div#navgationdrilldown > ul > li > a { display: inline-block; width: 100%; margin: 5px 0px 5px 0px;color: #666; font-size: 16px; line-height: 25px; text-transform: uppercase; border-bottom: 1px solid #FFF; }
div#mainavdrilldown > div#nav > div#navgationdrilldown > ul > li > a:hover { color: #e2000a; border-bottom: 1px solid #ccc; }
div#mainavdrilldown > div#nav > div#navgationdrilldown > ul > li > ul.lev-1 { display: none; }
div#nav { display: inline-block; width: 100%; margin: 0px;  padding: 0px; }
div#navgationdrilldown ul, div#navgationdrilldown li { list-style: none; }
div.rootnavigation { border-top: 1px solid #ccc; }
    
/* Contentnavigation */
div.leftcontent > div#nav > div#navgationdrilldown { padding: 0px; margin: 0px; }
div.leftcontent > div#nav > div#navgationdrilldown > ul, div.leftcontent > div#nav > div#navgationdrilldown > ul > li > ul { padding: 0px; margin: 0px; list-style: none; }
div.leftcontent > div#nav > div#navgationdrilldown > ul > li { list-style: none; }
div.leftcontent > div#nav > div#navgationdrilldown > ul > li > a { display: inline-block; width: 100%; margin: 0px; padding: 0px 0px 0px 15px; font-size: 16px; line-height: 39px; text-transform: uppercase; color: #666; border-left: 5px solid #FFF; }
div.leftcontent > div#nav > div#navgationdrilldown > ul > li > a:hover { border-left: 5px solid #666; }
div.leftcontent > div#nav > div#navgationdrilldown > ul > li > ul > li a { display: inline-block; width: 100%; margin: 0px; padding: 0px 0px 0px 30px; font-size: 14px; line-height: 30px; text-transform: uppercase; border-left: 1px solid #666; color: #666; }
div.leftcontent > div#nav > div#navgationdrilldown > ul > li > ul > li a:hover { padding: 0px 0px 0px 27px; border-left: 4px solid #666; }
div.leftcontent > div#nav > div#navgationdrilldown > ul > li > ul > li a.current { padding: 0px 0px 0px 27px; border-left: 4px solid #e2000a; }
div.leftcontent > div#nav > div#navgationdrilldown > ul > li.inactive > ul.lev-1 { display: none; }
div.leftcontent > div#nav > div#navgationdrilldown a.active, div.leftcontent > div#nav > div#navgationdrilldown a.current  { color: #000; border-left-color: #e2000a; }
li.js-drilldown-back, li.topcategory, div#nav button  { display: none; }    
}    
@media only screen and ( max-width: 800px){
div#nav { padding: 0px; margin: 0px; }
div#nav > button#show { background-position: center center; }
div#nav > button#show > span { display: none; }
}
@media only screen and ( max-width: 700px){
div#nav > button#show { padding: 30px; margin: 0px; }
}