/*! responsive-nav.js 1.0.39 by @viljamis */

.nav-collapse ul {
  margin: 0;
  padding: 0 0 0 30px;
  width: 100%;
  display: block;
  list-style: none;
}

.nav-collapse li {
  width: 100%;
  display: block;
}
.nav-collapse li.active {
    font-weight:bold;
}
.nav-collapse a {
    color:#063696;
    text-decoration:none;
    font-size: 20px;
    line-height: 36px;
}
/* mobil-menu auf grossem monitor ausblenden */
@media screen and (min-width: 768px) {
  .mobil-menu-klon ul {
      display:none;
      border: 1px solid red;
}
}
/*  */
/* mainnavi und subnavi ausblenden, weil  es zwei navigationen sind, macht man das zusätzlich */
@media screen and (max-width: 767px) {
  .navi-ausblenden {
      display:none;  
}
  body {
    background-image:none;
    background-color:#fff;
  }
}
/*  */
@media screen and (max-width: 767px) {
.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.nav-toggle:before {
  color: #094f94; /* Edit this to change the icon color */
  /*font-family: "responsivenav", sans-serif;*/
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 75px;
  text-transform: none;
  /*position: absolute;*/
  content: "≡";
  text-indent: 0;
  text-align: left;
  /*line-height: 55px;*/
  speak: none;
  width: 100%;
  top: 0;
  margin-left: 30px;
}
 a.nav-toggle, a.nav-toggle:hover, a.nav-toggle:focus, a.nav-toggle:active {
    text-decoration: none !important;
	}
	}
@media screen and (min-width: 767px) {
 .js .nav-collapse {
    position: relative;
  }
   .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}