/* =============================================================================
   Typography
   ========================================================================== */
   
/* ROOT TEXT */
html 					{ font-size: 16px; }

/* HEADLINES */
h1 					{ font-size: 1.8rem; }	/* Seitentitel */ 
h2 					{ font-size: 0.8rem; }	/* Rubrikentitel */ 
h3 					{ font-size: 1.0rem; }	/* Absatztitel */ 

/* TEXTE */
.ch_title 			{ font-size: 1.8rem; }	/* Title */		
.ch_intro			{ font-size: 1.0rem; 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.7rem; }	




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



/*-------------------------------*/
/*			  BUTTON		     */
/*-------------------------------*/

/* DEFAULT */
.button,
.button-boarder,
.button-no-boarder { }

	/* HOVER */
	.button:hover,
	.button-boarder:hover{
		hover: 				none !important;
		background-color:	unset !important;
	}
		.button:hover span,
		.button-boarder:hover span,
		.button-boarder.greyed-out:hover span,
		.button-no-boarder:hover span {
			padding-left: 25px;
		}


   

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


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



/*-------------------------------*/
/*           NAVIGATION          */
/*-------------------------------*/


#header{
	padding-left: 		6vw;
	padding-top: 		6vw;
	padding-right:		6vw;

	/*border: solid 1px #0F0;*/
}
   #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 .lrg-logo,
	#header .sml-logo,
	#header .status{
		width: 			152px;
		min-width: 		25px;
		height: 			25px;
	}
	#header .bt_back{
		width: 			30px;
		height: 			40px;
	}
	#header .status.invers{
		color: #FFF;
	}




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

.cd-content {
  	width: 		88vw;
	padding: 	17vh 6vw 0 6vw;
	/*border: 	solid 1px #0F0;*/
}

#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:  		65vh;
		order: 2; /* Text danach */
	}
		#section1 .left .textbox {
	  		position: 		relative;
	  		width: 			calc(100% - 12vw);

	  		margin-top: 	6vh;
	  		margin-left: 	6vw;
	  		margin-bottom:	5vh;
		}

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

		position:				relative;
		background-image: 	url('../images/levo_hero-image.jpg');
		background-position: center center !important;
		background-repeat:	no-repeat;
		background-size:		cover;
		background-position: left;

	}



/* FOOTER */

#footer{
	right: 				0;
	width: 				100%;
	padding-left: 		6vw;
	padding-bottom:  	2vh;

	position: 			relative;
	height: 				auto;
	bottom:				unset;
	z-index: 			unset;
	display: 			inline-block;
}
	@media ( max-height: 670px ) {
		#footer {
			margin-top: 45%;
		}
	}

	#footer .links{
		float: 	right;
		color:	var(--color1);
	}
	#footer span{
		padding-right: 20px;
	}


	/*   
	#recaptcha_v2_widget {
      border: solid 1px #F00;
		display: none;
	}
	*/








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

.newsletter { 
	max-width:	100%; 
}
	.newsletter button.ch_notes::after { 
		content: "eintragen";
	}
    
.cr_form input[type="email"] {
	width: 100%;
}




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