/* =============================================================================
   Typography
   ========================================================================== */
   
/* ROOT TEXT */
html 				{ font-size: 20px; line-height: 1.5; letter-spacing: 0.03em;}

/* HEADLINES */
h1 				{ font-size: 2.5rem; line-height: 1.1; }																		/* Seitentitel */ 
h2 				{ font-size: 0.8rem; line-height: 1.4; letter-spacing: 0.15em; text-transform: uppercase;}	/* Rubrikentitel */
h3 				{ font-size: 1.0rem; line-height: 1.4; padding-bottom: 5px; }											/* Absatztitel */ 


/* TEXTE */
.ch_title 		{ font-size: 3.2rem; line-height: 1.1; }	/* Title */		
.ch_intro		{ font-size: 1.3rem; line-height: 1.5; }	/* Intro */
.ch_notes,
.ch_notes_title{ font-size: 0.8rem; line-height: 1.8; letter-spacing: 0.05em; text-decoration: none }			/* Marginalien */



/* =============================================================================
   Links
   ========================================================================== */




/* =============================================================================
   Buttons
   ========================================================================== */

/* BUTTONLABEL */
.ch_bt_label	{ font-size: 0.8rem; }	



/* =============================================================================
   Embedded Content
   ========================================================================== */


   

/* =============================================================================
   Other Elements
   ========================================================================== */
   
   


/* =============================================================================
   Embedded Content
   ========================================================================== */



/*-------------------------------*/
/*            HEADER             */
/*-------------------------------*/

#header{
	padding-left: 		6vw;
	padding-top: 		6vw;
	padding-right:		6vw;
}
	#header .lrg-logo,
	#header .sml-logo,
	#header .status{
		width: 			245px;
		height: 			40px;
	}
   #header .lrg-logo {
      background-image: url('../images/levo-legal_logo.png');
   }
   #header .lrg-logo.invers{
      background-image: url('../images/levo-legal_logo_white.png');
   }


	#header .bt_back{
		width: 			30px;
		height: 			40px;
	}
   #header .status.invers{
      color: #FF;
   }




/*-------------------------------*/
/*				  SECTIONS           */
/*-------------------------------*/

.cd-section {  }

.cd-content {
	width: 		88vw;
	padding: 	15vh 6vw 0 6vw;
}

#section1 { padding: 0; min-height:	95vh;}
#section2 { }
#section3 { }
#section4 { }
#section5 { }





/*-------------------------------*/
/*				  CONTENT			 	*/
/*-------------------------------*/

/* START */
#section1 { 
   display:        flex;   /* sicherstellen */
   flex-direction: column; /* untereinander */
}
	#section1 .left,
	#section1 .right{
		margin-right:	0;
		width: 			100%;
	}

	/* LEFT */
	#section1 .left{
		height:  	55vh;
      order:      2; /* Text danach */
	}
		#section1 .left .textbox {
	  		position: 		relative;
	  		width: 			calc(100% - 20vw);
	  		margin-top: 	6vh;
	  		margin-left: 	6vw;
	  		margin-bottom:	5vh;
		}

	/* RIGHT */
	#section1 .right{ 
		height:  	60vh;
		order: 		1; 	/* Bild zuerst */
	}


/* FOOTER */
#footer{
   position:         relative;
	width: 				100%;
	left:  				0;
	padding-left: 		6vw;
	padding-bottom:  	2vh;
	float:  				left;
																/*border: solid 1px #00F;*/
}
   @media ( max-height: 1024px ) {
      #footer {
         margin-top: 10%;
      }
   }

	#footer .links{
	}
	#footer span{
	}




/*-------------------------------*/
/*        NEWSLETTER FORM        */
/*-------------------------------*/

.cr_form input[type="email"] {
   width: 60%;
}
	



/*-------------------------------*/
/*      GRID: 4-SPALTIG          */
/*-------------------------------*/

/* COLUM */
.col 		{ margin-right: 0; }					/* Block mit Abstand */

/* WIDTH */
.s1			{ width: 100%; }						/* Block 1-spalte breit */
.s2			{ width: 100%; }						/* Block 2-spalten breit */
.s1-3			{ width: 100%; }						/* Block 1/3-spalten breit */

.s3			{ width: 100%; display: table; }	/* Block 3-spalten breit */


/* POSITION */
.s1-center, 
.s2-center,
.s3-center { width: 85%; margin-right: 7.5%;  margin-left: 7.5% }

.s1-space	{ width: 100%; margin-right: 0; }		/* Block 1-spalte breit, rechts leer */
.s2-space	{ width: 100%; margin-right: 0; }		/* Block 2-spalten breit, rechts leer */



/* SPACING */
.spacing1x{
	margin-bottom:			15px;
	display: 				inline-block;
}
.spacing2x{
	margin-bottom:			30px;
	display: 				inline-block;
}
.spacing3x{
	margin-bottom:			45px;
	display: 				inline-block;
}
.spacing4x{
	margin-bottom:			60px;
	display: 				inline-block;
}
.spacing5x{
	margin-bottom:			75px;
	display: 				inline-block;
}
.spacing6x{
	margin-bottom:			90px;
	display: 				inline-block;
}
.spacing7x{
	margin-bottom:			105px;
	display: 				inline-block;
}





/*-------------------------------*/
/*      GRID: 4-SPALTIG          */
/*-------------------------------*/

/* WIDTH */
.s1-3       { width: 100%; }                /* Block 1/3-spalten breit */