/* ––––––––––––––––––––––––––––––––––––––––––––––
                  - Navigation  - 
 ––––––––––––––––––––––––––––––––––––––––––––––––

Element nav#navarea in css „layout“


nav#navarea {
	position: absolute;
	top:0px;
	left: 0px;
	width: 100%; 
	padding: 0em 0em 0em 0em;
	margin:  0 auto;
	background-color: #fff;
}
                                                      */

  
	

a.toggle-nav {
        display: none;
    }
	
	


ul#navigation {
position: fixed;
	top:0em;
  width: 100%; 
  padding: 1.5em 0 1.5em 0; 
  margin:  0 0 0 0;
  text-align: center;
  font-size: 0.9em;
  line-height: 1.5em;
  color: #666; 
  background-color: #fff;
/* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);  */
	
  z-index: 2;
  }


li.menue {
display:inline-block;
margin:  0 0em 0 0em;
padding:  0 0em 0 0em;
list-style-type: none; /* Die Bullets vor den Menüpunkten schalten wir ab. */	
}


li.dropdown {
  display: inline-block;
	list-style-type: none;

}

li a  {
	color:#cc5200;     /*   #0B4D8C Blau  #cc5200 Orange */
 	padding: 0.8em 1.9em 0.8em 1.9em;
	background: #fff;    /* Farbe vom Menue ändern */
	display:block;
	text-decoration: none;
	 
    }

/*  
 li a .in-dropdown {
	display:inline-block;
	color:#0B4D8C;     /*   #0B4D8C Blau  #cc5200 Orange *//*  
 	padding: 2.8em 1.2em 2.8em 1.2em;
	background: #fff;   
    text-decoration: none;
}                                 */


li a:hover, .in-dropdown:hover {
  background: #DADADA;
}                               


.dropdown-content {
  display: none;
  position: absolute;
  background: #DADADA;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 3;
}

.dropdown-content a {
  color: #cc5200;       /*   #cc5200 Orange */
  padding: 0.8em 1.9em 0.8em 1.9em;
  text-decoration: none;
  display: block;
  text-align: left;

}

.dropdown-content a:hover {
	  background-color: #DADADA;
}

.dropdown:hover .dropdown-content {
  display: block;
}








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



/* ––––––––––––––––––––––––––––––––––––––––––––––
–––––––––––––––––––––––––––––––––––––––––––––––––
             Navigation - MITTEL - TABLET -                
––––––––––––––––––––––––––––––––––––––––––––––
––––––––––––––––––––––––––––––––––––––––––––––––  */
	


a.toggle-nav {
    display: inline-block;
	float: right;

	text-decoration: none;
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    border-radius: 0.4em;
    cursor: pointer;
    padding:0.6em 1.8em 0.6em 1.8em;
	 margin:0em 0.8em 0em 0em;
    color: #fff;
    background: #fff;       /*   #cc5200 Orange */
	z-index: 2;
}

a.toggle-nav:hover {
    background: #DADADA;
    color: #1A1F2B;
}
	
	.hamburger {
		width: 2.5em;		
}	


	
ul#navigation {
	 
  padding: 0em 0 0em 0; 
  text-align: left;
  position:absolute;
  top: -26em;
  transition: 0.9s ease-in-out; 
}

ul#navigation:target {
  position:absolute;
  top: -0.1em;
 z-index: 3;
	
}
	
 




li.menue  {
display:block;
margin:  0 0em 0 0em;
padding:  0 0em 0 0em;
list-style-type: none;          /* Die Bullets vor den Menüpunkten schalten wir ab.*/
}


li.dropdown {
  display: block;
}         

li a  {
	color:#cc5200;     /*   #0B4D8C Blau  #cc5200 Orange */
 	padding: 0.8em 1.9em 0.8em 1.9em;
	background: #fff;    /* Farbe vom Menue ändern */
	display:block;
	border-top: 1px solid #DADADA;
	text-decoration: none;
    }

/*  
 li a .in-dropdown {
	display:inline-block;
	color:#0B4D8C;     /*   #0B4D8C Blau  #cc5200 Orange *//*  
 	padding: 2.8em 1.2em 2.8em 1.2em;
	background: #fff;   
    text-decoration: none;
}                                 */


li a:hover {
  background: #DADADA;
} 
	
.in-dropdown {   /*   der Link mit Dropdown-Menue a class="in-dropdown" */
padding: 0.8em 1.9em 0.2em 1.9em;
  background: #fff;
} 
	
.in-dropdown:hover {
  background: #fff;
} 


.dropdown-content {
  display: block;
  position: relative;
  background: #DADADA;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0);
  z-index: 3;
}

.dropdown-content a {
  color: #cc5200;       /*   #cc5200 Orange */
  padding: 0.5em 1.9em 0.5em 4.9em;
  text-decoration: none;
  display: block;
	
border-top: 0px solid #DADADA;
  text-align: left;
}

.dropdown-content a:hover {
	  background-color: #DADADA;
}

.dropdown:hover .dropdown-content {
  display: block;
}



	  

}




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

/* ––––––––––––––––––––––––––––––––––––––––––––––
–––––––––––––––––––––––––––––––––––––––––––––––––
–––––––––––––––––––––––––––––––––––––––––––––––––
                  – Navigation - Schmal -           
–––––––––––––––––––––––––––––––––––––––––––––––––
–––––––––––––––––––––––––––––––––––––––––––––––––
––––––––––––––––––––––––––––––––––––––––––––––––– */


a.toggle-nav {
  padding:0.6em 1.8em 0.2em 1.8em;
}
	
	
  
}