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

/* v1.1

Manual » fff-Manuals und  ....php

*/
	
/* site-spez */
 #lightboxContainer {
    font-size: 12px;
    line-height: 1.45;
     
     padding-top: 95px; 
     margin-left: 25px; 
     max-width: 1080px; 
     min-height: 100vh;
}    

#lightboxContainer h1 {
    font-size: 20px;
    line-height: 1.3;

    margin-top: 0;
    margin-bottom: 18px;
}

#bestellenBtnSubmit { display: none; }


/* Schliessen-Kreuz mit Zeichen «×» in Klasse <a> */
.schliessenKreuzLightbox {
	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;
    
    position: absolute;
    left: 32px;
    top: 12px;
    z-index: 9999999999999;
	/* text-align: right; muss auf parent liegen*/
}
.schliessenKreuzLightbox:after {
  content: '×'; /* UTF-8 Kreuz-Symbol */
}

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

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

.lightboxWrap {
	width:100%;
	min-height:100vh; /* falls Lightboxinhalt niedriger als viewport */
	/*height: » js*/
	
	/* Inhaltpositionierung für slide-Animation (sonst fade einkommentieren in js) hier */
    /*padding-top:100px;*/
	box-sizing: border-box;
	
	background-color: rgba(255,255,255,0.85);
	/*opacity:0.9;*/
    
	position:absolute; /*default: fixed. Bei relative funzt scroll auf Desktop nicht */
	top:0;
	right:0;
	z-index:10;
	
	/*overflow-y: auto;*/
  	/*-webkit-overflow-scrolling: touch;*/ /* obsolet? */
    
	/*display: none;*/ /*» parent*/
	
    /* zum Entwickeln */
    /*display: block !important;*/
	
	z-index: 12;
}
.lightboxContainer {
	font-size: 15px; /* default inherit */
	text-align:left !important;
	
	/*max-width: 480px;*/ /* hier oder inline */
	/*width:80%;*/ /* hier oder inline */
	
	margin:auto;
	/*padding-bottom: 4vh;*/
	
	/*background-color:rgba(214,200,194,0.1);*/
	
	/* obsolet?: */
	/*min-height: 100vh;*/
	-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;
}	*/		


/* 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 */