/* navigation.css */

 #offcanvas:not( .mm-menu ) {display: none;}

.offcanvas a {
  width:40px;
  height:40px;
  float:right;
  display:block;
  margin:47px 20px 0 0;
  padding:0;
  background: url(http://dev.proturity.de.w01e3c18.kasserver.com/files/images/assets/burger.png) no-repeat top center;
  transition: 1.0s;
}
.offcanvas a:hover {
  background: url(http://dev.proturity.de.w01e3c18.kasserver.com/files/images/assets/burger-hover.png) no-repeat top center;
  rotate: 90deg;
  transition: 1.0s;
}
.mm-panel {background:rgb(19,26,45);}

.mod_mmenu li .active {color: rgb(47,104,160)!important; background: none;}
.mm-listitem {text-align:left}
.mm-listitem a {color:rgb(255,255,255)!important}
.mm-listitem a:hover {color:rgb(47,104,160)!important}
.mm-listitem--selected a {color:rgb(0, 69, 127)!important}
.mm-listitem span {color: rgb(47,104,160)!important;}
.mm-listitem--selected a  {color: rgb(47,104,160)!important; background: none!important;}
.mm-menu--theme-black-contrast {
  --mm-color-background: rgb(19,26,45);
  --mm-color-border: rgba(47, 104, 160, 0.5)!important;
  --mm-color-icon: rgba(47, 104, 160, 0.5)!important;
  --mm-color-text: #fff;
}

.main-menu ul {
  margin:0;
  list-style:none;
}

.main-menu ul.level_1 li {
  display:inline-block!important
}
.main-menu ul.level_1 li a {
  color:rgb(255,255,255)!important;
}

/* -------------------- Aufklapp Naviagtion -------------------- */ 
.main-menu ul.level_1 ul.level_2 li a {
    color:rgb(255, 255, 255)!important;
}
.main-menu ul.level_1 ul.level_2 li a:hover {
   color:rgb(76, 172, 248)!important;
}

.main-menu ul.level_1 ul.level_2 li a.trail {
  color:rgb(76, 172, 248)!important;
}

.main-menu ul.level_1 ul.level_2 li strong {
  color:rgb(76, 172, 248)!important;
}


.main-menu ul.level_1 li a:hover {
  color:rgb(76, 172, 248)!important
}
.main-menu ul.level_1 li a.trail {
  color:rgb(76, 172, 248)!important
}
.main-menu ul.level_1 li .forward {
  display:block;
  margin:5px 10px;
  font-weight:normal;
  color:rgb(76, 172, 248)!important
}
.main-menu ul.level_1 li strong {
  display:block;
  margin:5px 10px;
  font-weight:normal;
  color:rgb(76, 172, 248)!important
}

.main-menu ul.level_1 li ul li {
  display:block!important
}
.main-menu ul.level_2 li strong {
  margin:0!important
}
nav > ul > li > ul {
  display:none
}
nav  > ul a {
  margin-bottom:1px;
  text-align:left;
  white-space:nowrap;
  text-decoration:none;
  display: block!important;
  color: rgb (19,26,45);
  padding: 5px 10px!important
}
nav  > ul .active {
  margin-bottom:1px;
  text-align:left;
  white-space:nowrap;
  text-decoration:none;
  display: block!important;
  color: rgb (0, 69, 127)
}
nav ul > li > ul > li a {
  background: rgba(51, 72, 135, 0.8);
  color:rgb(255, 255, 255);
  border-radius:10px;
}
nav ul > li > ul > li a:hover {
  background: rgba(51, 72, 135, 0.8);
  color:rgb(255, 255, 255)
}
nav ul > li > ul > li.active {
  padding:5px 10px;
  text-align:left;
  background: rgba(51, 72, 135, 0.8);
  color:rgb(19,26,45);
  font-weight: 200;
  border-radius:10px;
}
nav ul > li > ul > li a {
  padding:5px 10px;
  background: rgba(51, 72, 135, 0.8);
  color:rgb(255, 255, 255);
  font-weight: 200
}
nav > ul {
  overflow:hidden;
  display:inline-block;
  padding:0 10px;
}
nav > ul > li:hover > ul {
  position:absolute;
  display:block;
  z-index:999;
}
nav > ul > li > ul > li {
  position:relative
}
nav > ul > li > ul > li > ul {
  display:none
}
nav > ul > li > ul > li:hover > ul {
  display:block
}
nav > ul > li > ul > li:hover > ul {
  left:100%;
  position:absolute;
  display:block;
  top: 0
}