/************************************************************************************
NAV Hornig 02.03.2014
*************************************************************************************/
.nav-wrap-dsein{
  margin-top: 0px;
}

/* menu icon */
#menu-icon-dsein {
  display: none; /* hide menu icon initially */
}
/* ausrichten der ersten Liste und damit der folgenden */
.nav-dsein ul{
  margin: 0;
  padding: 0;
}

.nav-dsein,
.nav-dsein li {
   font-family:'Merriweather Sans', sans-serif;

   font-size: 17px;
   font-weight: 400;
   margin: 0;
   padding: 0;
   line-height:1.5em;
   z-index: 10000;
}
.nav-dsein li {
  list-style: none;
  float: left;
  margin-right: 2px;
  position: relative;
}

/* nav link */
.nav-dsein a {
  padding: 4px 15px;
  display: block;
  color:#333;
  text-decoration:none;
}

.nav-dsein > li.active > a, .nav-dsein > li > a:hover{
  /* background:#242d3b; */
  background: #ecebeb;
  color:#333;
}

/* nav dropdown */
.nav-dsein ul {
  background: #fff;
  padding: 5px;
  width:200px;
  position: absolute;
  left:0px;
  display: none; /* hide dropdown */
  color: #e74c3c!important;  
}

 
.nav-dsein ul li {
  float: none;
  margin: 0;
  padding: 0;
}
.nav-dsein li:hover > ul {
  display: block; /* show dropdown on hover */
   
}
/************************************************************************************
MOBILE  
*************************************************************************************/
@media screen and (max-width: 600px) {
  
  /* nav-wrap-dsein */
  .nav-wrap-dsein {
    position: relative;
  }

  /* menu icon */
  button.navbar-toggler {
  color: #fff;
     font-family:'Merriweather Sans', sans-serif;
text-align: left;
    font-size: 14px!important;
    font-weight: 700!important;
    width: 200px;
	border-radius:2px;
    height:35px;
    background: #111111 url(../images/menu-icon.png) no-repeat 0px center;
    padding: 0px 10px 0 50px;
    cursor: pointer;
    display: block; /* show menu icon */
  }
  button.navbar-toggler:hover {
     background-color: #111111;  
  }
  
  button.navbar-toggler.active {
    background-color: #111111!important;  
	color: #e74c3c!important;  
  }
  
  /* main nav */
  .nav-dsein {
  	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
    clear: both;
    position: absolute;
    top: 38px;
    width:260px;
    z-index: 10000;
    padding: 10px 0px 15px 0;
    background: #111111;
    display: none; /* visibility will be toggled with jquery */
  }
  .nav-dsein li {
    clear: both;
    float: none;
    margin: 5px 0 5px 0px;
    line-height:1.4em;
    list-style: none;
  	border-bottom:1px dotted #e74c3c;
  }

  /* Pos Schrift*/
  .nav-dsein a,
  .nav-dsein ul a {
	 font-family:'Merriweather Sans', sans-serif;

    font-size: 15px!important;
    font-weight: 400!important;
    line-height:2.5em!important;
    font: inherit;
    display: inline;
    padding: 0;
    color: #fff;
	padding: 2px 0px 0 50px;
	background-color: #111111!important;  
    color: #fff!important;  
  }
  
  
  .nav-dsein a:hover,
  .nav-dsein ul a:hover {
    color: #e74c3c!important;  
	text-decoration: none;
	background-color: #111111!important;  
	/*display: block;*/

  }
  
  /* dropdown */
  .nav-dsein ul {
    width: auto;
    position: static;
    display: block;
    border: none;
    background:#000;
  }
  .nav-dsein ul li {
    margin: 3px 0 3px 0px;
  }

}

@media screen and (min-width: 600px) {

  /* ensure .nav-dsein is visible on desktop version */
  .nav-dsein {
    display: block !important;
  }

  .nav-wrap-dsein {
    display: block;
}

  .nav-dsein {
    display: block !important;
  }
  
}