/*body {

    position: relative;

    overflow-x: hidden;

}

body,

html { height: 100%;}*/

.nav .open > a, 

.nav .open > a:hover, 

.nav .open > a:focus {background-color: transparent;}



/*-------------------------------*/

/*           Wrappers            */

/*-------------------------------*/



#wrapper {

    padding-left: 0;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



#wrapper.toggled {

    padding-left: 220px;

}



#sidebar-wrapper {

    z-index: 1099;

    left: 220px;

    width: 0;

    height: 100%;

    margin-left: -220px;

    /*overflow-y: auto;

    overflow-x: hidden;*/

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



#sidebar-wrapper::-webkit-scrollbar {

  display: none;

}



#wrapper.toggled #sidebar-wrapper {

    width: 33%;

    max-width:300px;

    box-shadow: 3px 0px 5px rgba(0,0,0,0.5);

}



#page-content-wrapper {

    width: 100%;

}



#wrapper.toggled #page-content-wrapper {

    position: absolute;

    margin-right: -220px;

}



/*-------------------------------*/

/*     Sidebar nav styles        */

/*-------------------------------*/



.sidebar-nav {

    position: absolute;

    top: 0;

    width: 100%;

    margin: 0;

    padding: 0;

    list-style: none;

    overflow-y: auto;

    height: 100vh;

}

/* Design Overlay Menu */

.tophome {

    height: 42px;

}

.overlaytophome img.biglogo {

    width: 66px;

    height: 96px;

    position: absolute;

    left: 0px;

    top: 0px;

}

a.section.overlaytophome {

    display: block;

    height: 80px;

    padding: 0;

    margin: 0;

}

.overlaytophome span.jahresbericht {

    padding-left: 73px;

    line-height: 54px;

}

.nav > li > a:hover, .nav > li > a:focus {

    text-decoration: none;

    background-color: transparent;

}



ul.submenuB, ul.submenuC, ul.submenuD, ul.submenuE {

    padding-left: 0px;

}

ul.submenuB li, ul.submenuC li, ul.submenuD li {

}

ul.submenuB li a, ul.submenuC li a, ul.submenuD li a {

    border-left:none;

}

ul.submenuB a.ov1 {

  margin-top:24px;

}

ul.submenuB a.ov2 {

  color:#fff;

}



.sidebar-nav li {

    position: relative; 

    line-height: 20px;

    display: inline-block;

    width: 100%;

}



.sidebar-nav li a {

    display: block;

    text-decoration: none;

    padding: 2px 5px 2px 30px;   

    font-size:1.2em; 

    line-height:1.4em;

}

.sidebar-nav li a.ov3 {

  padding-left:50px;

}

.sidebar-nav li a.ov4 {

  padding-left:75px;

}



.sidebar-nav > .sidebar-brand {

    height: 65px;

    font-size: 20px;

    line-height: 44px;

}

.sidebar-nav .dropdown-menu {

    position: relative;

    width: 100%;

    padding: 0;

    margin: 0;

    border-radius: 0;

    /*border: none;

    background-color: #222;*/

    box-shadow: none;

}



/*-------------------------------*/

/*       Hamburger-Cross         */

/*       Suche                   */

/*-------------------------------*/





.hamburger {

  position: relative;

  top: 7px;

  z-index: 1100;

  display: block;

  width: 40px;

  height: 30px;

  right: 18px;

  background: transparent;

  border: none;

}

.hamburger:hover,

.hamburger:focus,

.hamburger:active {

  outline: none;

}

.hamburger.is-closed:before {

  content: '';

  display: block;

  width: 100px;

  font-size: 14px;

  color: #fff;

  line-height: 32px;

  text-align: center;

  opacity: 0;

  -webkit-transform: translate3d(0,0,0);

  -webkit-transition: all .35s ease-in-out;

}

.hamburger.is-closed:hover:before {

  opacity: 1;

  display: block;

  -webkit-transform: translate3d(-100px,0,0);

  -webkit-transition: all .35s ease-in-out;

}



.hamburger.is-closed .hamb-top,

.hamburger.is-closed .hamb-middle,

.hamburger.is-closed .hamb-bottom,

.hamburger.is-open .hamb-top,

.hamburger.is-open .hamb-middle,

.hamburger.is-open .hamb-bottom {

  position: absolute;

  left: 0;

  height: 3px;

  width: 100%;

}

/*.hamburger.is-closed .hamb-top,

.hamburger.is-closed .hamb-middle,

.hamburger.is-closed .hamb-bottom {

  background-color: #1a1a1a;

}*/

.hamburger.is-closed .hamb-top { 

  top: 5px; 

  -webkit-transition: all .35s ease-in-out;

  height:2px;/* Höhe*/

}

.hamburger.is-closed .hamb-middle {

  top: 50%;

  margin-top: -1px;

  height:2px;/* Höhe*/

}

.hamburger.is-closed .hamb-bottom {

  bottom: 5px;  

  -webkit-transition: all .35s ease-in-out;

  height:2px;/* Höhe*/

}



.hamburger.is-closed:hover .hamb-top {

  top: 0;

  -webkit-transition: all .35s ease-in-out;

}

.hamburger.is-closed:hover .hamb-bottom {

  bottom: 0;

  -webkit-transition: all .35s ease-in-out;

}

/*.hamburger.is-open .hamb-top,

.hamburger.is-open .hamb-middle,

.hamburger.is-open .hamb-bottom {

  background-color: #1a1a1a;

}*/

.hamburger.is-open .hamb-top,

.hamburger.is-open .hamb-bottom {

  top: 50%;

  margin-top: -2px;  

}

.hamburger.is-open .hamb-top { 

  -webkit-transform: rotate(45deg);

  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);

}

.hamburger.is-open .hamb-middle { display: none; }

.hamburger.is-open .hamb-bottom {

  -webkit-transform: rotate(-45deg);

  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);

}

.hamburger.is-open {

    position: relative;

    z-index: 1100;

    right: 15px;

}

.hamburger.is-open:before {

  content: '';

  display: block;

  width: 100px;

  font-size: 14px;

  color: #fff;

  line-height: 32px;

  text-align: center;

  opacity: 0;

  -webkit-transform: translate3d(0,0,0);

  -webkit-transition: all .35s ease-in-out;

}

.hamburger.is-open:hover:before {

  opacity: 1;

  display: block;

  -webkit-transform: translate3d(-100px,0,0);

  -webkit-transition: all .35s ease-in-out;

}



/*-------------------------------*/

/*            Overlay            */

/*-------------------------------*/



.overlay {

    position: fixed;

    display: none;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 1;

}





/*==========  Non-Mobile First Method  ==========*/



/* Large Devices, Wide Screens */

@media only screen and (max-width : 1200px) {



}



/* Medium Devices, Desktops */

@media only screen and (max-width : 992px) {



}



/* Small Devices, Tablets */

@media only screen and (max-width : 768px) {

  #wrapper.toggled #sidebar-wrapper {

      width: 66%;

      min-width:300px;

  }





}



/* Extra Small Devices, Phones */ 

@media only screen and (max-width : 480px) {



}



/* Custom, iPhone Retina */ 

@media only screen and (max-width : 360px) {

    #wrapper.toggled #sidebar-wrapper {

      width: 80%;

      min-width:300px;

  }





}