.col-lg-4.navi { padding:20px 0; }
span.menu-expand { display:none; }


.navbar-nav > li.touren,
.navbar-nav > li.seminare,
.navbar-nav > li.ausbildung,
.navbar-nav > li.jugend,
.navbar-nav > li.familie,
.navbar-nav > li.schulen,
.navbar-nav > li.firmen,
.navbar-nav > li.infos {
margin-bottom:4px;
min-height:28px;
margin-top:12px; }

.navbar-nav > li.current { margin-bottom:0px; }

a.nav-link {
font-size:12px; 
line-height:14px !important;
padding: 2px 8px !important;
color: #703D2E;
width: 230px;
}

.navbar-nav li.touren > a.nav-link,
.navbar-nav li.seminare > a.nav-link,
.navbar-nav li.ausbildung > a.nav-link,
.navbar-nav li.jugend > a.nav-link,
.navbar-nav li.familie > a.nav-link,
.navbar-nav li.schulen > a.nav-link,
.navbar-nav li.firmen > a.nav-link,
.navbar-nav li.infos > a { 
font-family: 'Comic Sans Bold', sans-serif; 
font-size:15px;
font-weight:500;
color: #222;
margin-top:8px;
}

.navbar-nav { box-shadow: none; font-weight: normal; padding:0; }
.navbar-nav > li > ul.dropdown-menu { position: static !important; margin:5px 0 0 0; }
.navbar-nav > li.current > ul.dropdown-menu { display:block !important; }
.navbar-nav > li { margin-top:0; padding-top:0;  }
.navbar-nav > li.infos { margin-bottom:12px; }


.navbar li.nav-item a.nav-link:hover, 
.navbar li.nav-item.active a.nav-link,
.navbar-nav .dropdown-menu li.active a.nav-link { color: #CC0000; }


.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
float: left;
min-width: 230px;
padding:0;
margin:0;
margin-top: 0px;
color: #703D2E;
text-align: left;
list-style: none;
background-color: transparent;
background-clip: padding-box;
border: 0px solid rgba(0,0,0,.15);
border-radius: 0rem;
border:none;
padding-top:4px;
}



.navbar-nav li.touren { background:url('../img/navi/navi-touren.gif') no-repeat 0px 0px; }
.navbar-nav li.touren:hover, .navbar-nav li.touren.current, .navbar-nav li.touren.show { background:url('../img/navi/navi-touren-over.gif') no-repeat 0px 0px; }

.navbar-nav li.seminare { background:url('../img/navi/navi-seminare.gif') no-repeat 0px 0px; }
.navbar-nav li.seminare:hover, .navbar-nav li.seminare.current, .navbar-nav li.seminare.show { background:url('../img/navi/navi-seminare-over.gif') no-repeat 0px 0px; }

.navbar-nav li.ausbildung { background:url('../img/navi/navi-ausbildung2.gif') no-repeat 0px 0px; }
.navbar-nav li.ausbildung:hover, .navbar-nav li.ausbildung.current, .navbar-nav li.ausbildung.show { background:url('../img/navi/navi-ausbildung2-over.gif') no-repeat 0px 0px; }

.navbar-nav li.jugend { background:url('../img/navi/navi-jugend2.gif') no-repeat 0px 0px; }
.navbar-nav li.jugend:hover, .navbar-nav li.jugend.current, .navbar-nav li.jugend.show {  background:url('../img/navi/navi-jugend2-over.gif') no-repeat 0px 0px; }

.navbar-nav li.familie { background:url('../img/navi/navi-familie.gif') no-repeat 0px 0px;}
.navbar-nav li.familie:hover, .navbar-nav li.familie.current, .navbar-nav li.familie.show { background:url('../img/navi/navi-familie-over.gif') no-repeat 0px 0px; }

.navbar-nav li.schulen { background:url('../img/navi/navi-schulen.gif') no-repeat 0px 0px;  }
.navbar-nav li.schulen:hover, .navbar-nav li.schulen.current, .navbar-nav li.schulen.show { background:url('../img/navi/navi-schulen-over.gif') no-repeat 0px 0px; }

.navbar-nav li.firmen { background:url('../img/navi/navi-firmen.gif') no-repeat 0px 0px;}
.navbar-nav li.firmen:hover, .navbar-nav li.firmen.current, .navbar-nav li.firmen.show { background:url('../img/navi/navi-firmen-over.gif') no-repeat 0px 0px; }

.navbar-nav li.infos { background:url('../img/navi/navi-infos.gif') no-repeat 0px 0px; }
.navbar-nav li.infos:hover, .navbar-nav li.infos.current, .navbar-nav li.infos.show { background:url('../img/navi/navi-infos-over.gif') no-repeat 0px 0px; }

/*
.nav-item.current ul.dropdown-menu { display:block !important; }
body.article-1 .navbar-nav li.touren  ul.dropdown-menu { display:block !important; }
*/

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
  background: #68A4C4;
    width: 38px;
    height: 38px;
    border-radius: 62% 38% 46% 54% / 60% 63% 37% 40%;
    background-color: #B1A679;
  transition: all 0.4s;
}

.back-to-top i {
  font-size: 24px;
  color: #fff;
  line-height: 0;
}

.back-to-top:hover {
  background: #703D2E;
  color: #fff;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}



/* Mobile Menu */

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

a.nav-link {
font-size:14px; 
line-height:15px !important;
padding: 2px 8px !important;
color: #703D2E;
width: 250px;
margin-bottom:4px;
}

.navbar-nav li.touren > a.nav-link,
.navbar-nav li.seminare > a.nav-link,
.navbar-nav li.ausbildung > a.nav-link,
.navbar-nav li.jugend > a.nav-link,
.navbar-nav li.familie > a.nav-link,
.navbar-nav li.schulen > a.nav-link,
.navbar-nav li.firmen > a.nav-link,
.navbar-nav li.infos > a { 
font-family: 'Comic Sans Bold', sans-serif; 
font-size:15px;
font-weight:500;
color: #222;
margin-top:8px;
}


.navbar-nav > li > ul.dropdown-menu { min-width: 250px; margin-top:5px; }




.navbar-expand-md .navbar-collapse {
    display: block !important;
    flex-wrap: wrap
    flex-basis: auto;
}

/* hamburger button */

  .mobile-bar-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right;
position: absolute;
    top: 15px;
    right: 10px;
  }
  .menu-close {
    position: absolute;
    top: 13px;
    right: 16px;
  }
  .menu-close i {
    color: #000;
    font-size: 25px;
  }
  .hamburger-button {
    position: absolute;
    top: 2px;
    right: 8px;
  }
  
  .hamburger-button a {
    width: 38px;
    height: 38px;
    border-radius: 62% 38% 46% 54% / 60% 63% 37% 40%;
    text-align: center;
    background-color: #B1A679;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .hamburger-button a i {
    font-size: 22px;
    color: #fff;
    margin: 0 auto;
  }
  .hamburger-button {
    display: inline-block;
    position: relative;
  }
  .hamburger-button a:hover { background-color: #703D2E; }
  .mobile-top-bar {
    display: inline-block;
    margin-right: 6px;
    cursor: pointer;
    position: relative;
    top: 0px;
  }
  .mobile-top-bar span {
    display: block;
    width: 20px;
    height: 2px;
    background-color: #000;
    border-radius: 20px;
    margin: 5.9px 0;
  }
  .mobile-top-bar span:nth-child(1) {
    margin-top: 0;
  }
  .mobile-top-bar span:nth-child(2) {
    width: 12px;
    margin-left: 8px;
  }
  

  
  /* menu open hintergrund */
  
.main-menu-wrap {
background: url("../img/hintergrund.jpg") !important;
background-repeat: repeat-x;
background-attachment: fixed;
background-position: center center;
background-size: auto;
background-color: #CC0000;
width: 100%;
position: fixed;
z-index: 999;
top: 0;
height: 100vh;
-webkit-transition: 0.5s;
transition: 0.5s;
left: -100%;
padding: 55px 20px 30px;
overflow-y: auto;
-webkit-transition: 0.4s;
transition: 0.4s;
  }
.main-menu-wrap.open {
    left: 0;
  }
.main-menu-wrap.open .navbar-nav { width:230px; margin:0 auto 40px auto; }
 
}