/* ----- ANFANG Burger-Navi ----- */

/* erfordert: images/mobile/accordionHead@3x.png */
	

/* ANFANG nav-toggle */
#nav-toggle { 
	position:relative;
	
	display: block;
	cursor: pointer; 
	padding: 21px 0px 20px 0px; /* default 30px 75px 35px 16px */
	/*background-color: rgba(0,255,255,0.7);*/
	
	/*border-radius: 11px;*/
	
	overflow:hidden;
	z-index:11;
}
/*@media screen and (orientation: landscape) {
	#nav-toggle { 
	}
}*/
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  cursor: pointer;
  /*border-radius: 1px;*/
  height: 2px; /* Linienstärke */
  width: 30px;
  position: relative;
  display: block;
  content: '';
  background-color: #515151; /* Burger-Linien */
  /*background-color: #959595;*/
}
#nav-toggle span:before { top: -8px; } /* Zeilenabstand */
#nav-toggle span:after { bottom: -8px; } /* Zeilenabstand */
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { transition: all 220ms ease-in-out; }
#nav-toggle.active span { background-color: transparent; }
#nav-toggle.active span:before, #nav-toggle.active span:after { top: 0; /*background-color: #fff;*/ }
#nav-toggle.active span:before { transform: rotate(45deg); top: 2px; } /* Patch Schliessenstrich-Versatz: top... */
#nav-toggle.active span:after { transform: rotate(-45deg);  }
/* ENDE nav-toggle */



/* ANFANG Navi-Dropdown */

/*nav { }*/

#navigation { /* left bzw. margin-left: Wert-zugehörig #containerCarousel, #backToProjekteBtn, #navigation und .mwmwma */
	font-size:20px;
	line-height:1.4; 
	
	height:100%; /* » ovrt in tmplt_home.php */
	background-color: #fcfcf5;
	opacity:0.98;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
	
	position:fixed; /* default: fixed. Bei relative funzt scroll auf Desktop nicht */
	top:0;
	/*left:30px;*/
	right: calc(11.6%); /* 2. Wert: Hälfte von .mwmwma. Default 50% - 800px - 20px */
	
	overflow-y: auto;
  	-webkit-overflow-scrolling: touch;
    
	display: none;
	
    /* zum Entwickeln*/
    /*display: block !important;*/
	z-index:4;
}
@media only screen and (min-width: 1766px) {
	#navigation { 
		right: calc(50% - 680px); /* 2. Wert: Hälfte von .mwmwma. Default 50% - 800px - 20px */
	}
}

#navigation ul {
	margin: 93px 20px 11px 0px;
	padding-left:21px;
	list-style:none;
}
#navigation li {
	padding:0 0 3px 0; /* Ums, default 71px. Vergl. unten «nav .navHm»  */
	margin:0;
	/*background: url(../images/rechteck.gif) 0 4px no-repeat;
	background: url(../images/pdfIcon.png) 0 0px no-repeat;*/
}
#navigation a { 
	color:#515151; 
	
	text-decoration:none; 
	/*font-family: 'HelveticaNeue', 'Roboto', Helvetica, sans-serif;*/
	font-weight:normal;
	display:block;
}
/*nav li:hover { background: url(../images/pdfIconOver.png) 0 0px no-repeat; }*/
#navigation li a:hover { color:#959595; }
#navigation .navHm  { 
	color:#515151; 
	font-weight:normal;
	height:51px;
	padding:6px 0 0 14px; /* default 95px. Vergl. nav li */
	background-color: transparent;
}
#navigation hr {  
	text-align:left !important;
	width:auto;
	/*padding-left:130px;*/
	margin:11px 0px 11px 0;
	background-color:#959595; /* hellgrau */
	color:#959595;
	border:none;
	border-bottom-style:inherit;
	height: 1px;
}

/* Hm */
.hmAcc { 
    background-image:url(../images/mobile/accordionHead@3x.png); 
    background-repeat: no-repeat; 
    background-position:right 16px top 0px; /* alt right 77px. Pfeil links: 0 0 */
    
    background-color:transparent; 
}

.hmAccOn { background-position:right 16px top -57px; color:#959595 !important; } /* alt right 77px */
.hmAccOn:hover { background-position:right 16px top -57px !important; color:#959595; } /* alt right 77px */

.hmAktiv { color:#959595 !important; }
.umAktiv, .menuAktiv { color:#959595 !important; } /* prop Pseudo-Um «Übersicht» bzw. navigation_nur_ums.php */

.hmMitUmImmerOffColor { color:#515151 !important; } /* Variante 1b */


/* Um und Uum */
#umNavigation { width: calc(100% - 252px); } /* mit nur 3 meta-navi-icons: 252px. Zugehörig: #umNavigation in navi_desktop_burger.css, inline-Style bei .bgHellgrau in header.php und #iconNavi in main.css */
@media only screen and (max-width: 1250px) { 
	#umNavigation { width: 100%; }
}
#umNavigation .umAktiv { color:#7a0a1f !important; } /* vergl. nav a */

/*#navigation .uumAktiv { color:#959595 !important; }*/ /* vergl. nav a */
.uumPaddingLeft { padding-left: 40px !important; }


/*@media only screen and (orientation: landscape) {
	
}*/
/* ----- ENDE nav-Navi ----- */


/* ----- Sprachwahl ----- */
/*.sprachwahl { display:inline-block; }
.auszStyleLngOn { color:#b1b3b4 !important; }
.auszStyleLngOff { color:#fff !important; }*/