/* ----- ANFANG nav-Navi ----- */

/* erfordert:

- ff-lightbox.js
- ff-lightbox.css

- Style in main.css:
.schliessenKreuz {
	font-family: 'Lato', helvetica, arial, sans-serif;
	font-weight: 300;
  	font-size:40px; 
	line-height: 1;
  	color:inherit;
  	text-decoration: none;
  	text-shadow: 0 1px 0 #fff;
	display: inline-block;
}

» zarn Formular
*/
	

/* ovrt */
.pr30 { padding-right: 4vmin; } /* ovrt Desktop, prop Formular » ff-lightbox.css */

/* .schliessenKreuz » main.css und main_mobile.css */

.lightboxWrap {
	width:100%;
	
	max-height:100%;
	height:400%;
	
	background-color: #F3ECE8;
	opacity:0.99;
	position:fixed; /*default: fixed. Bei relative funzt scroll auf Desktop nicht */
	top:0;
	right:0;
	z-index:10;
	
	overflow-y: auto;
  	-webkit-overflow-scrolling: touch;
    
	display: none;
	
    /* zum Entwickeln */
    /*display: block !important;*/
	
	z-index: 12;
}
.lightboxContainer {
	text-align:left !important;
	
	max-width: 1180px;
	width:90%;
	min-height: 30vh; /* Nav-Navi */
	height: 90%;
	
	margin:auto;
	margin-top:3vh;
	
	/*background-color:rgba(238,235,230,0.95);*/
	background-color:#F8F4F2;
	
	/* obsolet?: */
	/*min-height: 100vh;*/ /* Nav-Navi */
	-webkit-transform: translateZ(0px);
	-webkit-transform: translate3d(0,0,0);
	-webkit-perspective: 1000;
	/**/
}

		

.kalenderBg {
	/*background-image:url('../images/calendar@2x_dark.png');
	background-repeat:no-repeat;
	background-position: 94% 6px;
	background-size: 22px;*/ /* Desktop 22px. Mobile » ovrt in main_mobile.css */
}			



/* ANFANG nav-toggle aus Nav-Navi, dev only */
/*#lightboxToggle { 
	line-height:1;
	
	position:fixed;
	top:25px;
	right:4%;
	ransform: scale(0.6,0.6);
	
	display: block;
	cursor: pointer; 
	padding: 30px 75px 35px 16px;
	background-color: rgba(256,256,256,0.7);
	overflow:hidden;
	z-index:11;
}
#lightboxToggle span, #lightboxToggle span:before, #lightboxToggle span:after {
  cursor: pointer;
  height: 4px;
  width: 60px;
  position: absolute;
  display: block;
  content: '';
  background-color: #20294e; 
}
#lightboxToggle span:before { top: -16px; }
#lightboxToggle span:after { bottom: -16px; }
#lightboxToggle span, #lightboxToggle span:before, #lightboxToggle span:after { transition: all 220ms ease-in-out; }
#lightboxToggle.active span { background-color: transparent; }
#lightboxToggle.active span:before, #lightboxToggle.active span:after { top: 0; }
#lightboxToggle.active span:before { transform: rotate(45deg); }
#lightboxToggle.active span:after { transform: rotate(-45deg); }*/
/* ENDE nav-toggle aus Nav-Navi, dev only */


/* ENDE nav-toggle aus Nav-Navi, dev only */