nav {	position:relative;
		margin:0 auto;
		font-family:'bold';
		font-weight:bold;	
		font-size:1.125em;
		height:40px;
		top:-16px; 
		text-align:center;
		text-transform: uppercase;
		z-index:1008;}

nav  a, nav .activ, nav a .activ { 	
		color:white;
		padding:3px 15px;
		margin:0 8px;}
				
nav  a:hover, nav .activ { 	
		transition: all .15s ease;color:rgba(255,255,255,0.5);}
	
nav a:hover {
			 background-color:rgba(255,255,255,0.28);
			 outline:1px solid white; }				

nav ul li:hover > ul {	display: block;	}
nav ul {	list-style: none;
			position: relative;
			display: inline-table;
			}

nav li {	float: left;}
nav ul li a, nav ul li .activ {
		display: block; 
		text-decoration: none;
			}
nav ul ul { /*Umrandung vom Untermenue */
	position: absolute;
	display: none; 
	text-align:left;
	margin-left:6px;
	top: 100%; /*dadurch klebt es unten exakt an*/
	
	}
nav ul ul ul {	position: absolute; left: 100%; 	}
	
		
nav ul ul li {	float: none; 	}
nav ul ul li a, nav ul ul li .activ {padding: 10px;/*Untermenue Buttons */
		background-color:#BEAF9D; 
		color:#363C43;
		border-radius:0;
	-webkit-box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.28);
	-moz-box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.28);
	box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.28);
	margin:0 0px; /*die "0px" sind um das margin von zeile 14 im u-menue zu neutralisieren....*/
	margin-bottom:2px;}
nav ul ul li .activ {
	background-color: #CDC3B8; color: rgba(0, 0, 0, 0.4);	}	
nav ul ul li a:hover {	background-color: #B39684;	}	

			
/* ------ ab hier: SMART!!! ------------- */			
				
			/* ------ BurgerButton ------------- */
#panel {	position:fixed;  /* das ausgeklappte Menue */  
			overflow:auto;
			padding:0px;
			color:rgba (0, 147, 214, 0.6);
			background-color:silver;
			right:0;
			top:69px;
			min-width:320px;
			display: none;		
			z-index:2000; 
			-webkit-box-shadow: -8px 10px 5px -4px rgba(0,0,0,0.38);
			-moz-box-shadow: -8px 10px 5px -4px rgba(0,0,0,0.38);
			box-shadow: -8px 10px 5px -4px rgba(0,0,0,0.38);}
.slide 		{position:absolute;  /* dit is der "Burger"..... */ 
			display:none;
			z-index:3000;}
.btn-slide { /* dit is der "Burger"..... */ 
			position:fixed; 
			right:16px;
			top:3px;
			color:white;
			background: url(../px/bttns/burger_open.png) no-repeat right 6px top 4px;
			background-color:rgba(0,0,0,0.88);
			height: 65px;
			width:65px;
			display: block;
			border-radius:0;
			z-index:3000;
		    -webkit-box-shadow: 2px 2px 11px -2px rgba(0,0,0,0.36); 
			box-shadow: 2px 2px 11px -2px rgba(0,0,0,0.36);
			-moz-box-shadow: 2px 2px 11px -2px rgba(0,0,0,0.36);}
		.btn-slide:hover{color:rgba (0, 147, 214, 0.0);}
		.slideactive {background: url(../px/bttns/burger_close.png) no-repeat right 6px top 4px;background-color:rgba(0,0,0,0.88);}
/* ------ ENDE BurgerButton ------------- */

.energie-abgesetzt {margin-top:35px;}


/* ------ das Ausklappmenue unter dem Burger: ------------- */

.modenav {  font-size: 24px; display:none;font-family:'bold';}
.modenav ul {}
.modenav ul li {
  *display: inline;
  position: relative;}

.modenav ul li a, .modenav ul li .activ {
  display: block;
  color:black;
  padding: 20px 10px;
  border-bottom:1px solid white;
  text-decoration: none;}
    
.modenav ul li .activ {background-color: #D4D3D3; color:grey;}

.modenav ul li ul { /*ist der umenue-dropdown Block */
background-color: rgba(180, 180, 180, 0.9);/*ist der jeweilige  u-u-umenue-button, etwas dunkler als die anderen */
  position: static;
  width: 100%;
  list-style: none;
  padding: 0;
  display: none;
  position: absolute;
  margin-top:-2px;
  border-left:20px solid silver; }
  
  
  .modenav.mobile ul li ul { 
  position: static;
  width: 100%;}
  
  
  .modenav ul li span.arrow {
  position: absolute;
  width: 100%;
  height:50px; }

  .modenav.mobile li span.arrow {display:block;
   top: 10px;
  right: 12px;
  left: auto;
  padding: 15px;
  background: url(../px/bttns/down2.png) no-repeat right 2px top 10px;}


.modenav.mobile ul li span.arrow:hover {}
.modenav.mobile ul li span.arrow.arrow-rotate {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);	
  width: 90%;
  margin-left:90%;
  right: 12px;
  background: url(../px/bttns/down2.png) no-repeat left 2px top 10px;	}

  
.modenav ul li ul li {  }
.modenav ul li ul li a {  }
.modenav ul li ul li a:hover {}
.modenav ul li:hover a {}
.modenav ul li:hover a:hover {}
.modenav ul li:hover ul {}
.modenav ul li:hover ul a {}
.modenav ul li:hover ul a:hover { }

.modenav .nav-bars {}
.modenav .nav-bars i {}
.modenav.mobile {}
.modenav.mobile ul {}
.modenav.mobile ul li {  }