/* =============================================================================
   Typography
   ========================================================================== */

/* ROOT TEXT */
html 				{ font-size: 19px; line-height: 1.5; letter-spacing: 0.02em;}

/* 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: 0.4rem; }											/* Absatztitel */ 


/* TEXTE */
.ch_title 		{ font-size: 3.2rem; line-height: 1.1; }	/* Title */	
.ch_claim		{ font-size: 1.7rem; line-height: 1.5; }	/* Claim */	
.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.03em; text-decoration: none }			/* Marginalien */



/* =============================================================================
   Links
   ========================================================================== */
   
/* NOTES */
.linknotes		{  }		/*Marginalien*/

/* NAVIGATION */
.linknav			{ font-size: 12pt; line-height: 1.2; }			/*Navigation*/



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

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

   

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



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




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

#header{
	position: 			fixed;
	width: 				100%;
	height: 				auto;
	padding: 			3vw;
	z-index: 			1001;
																		/*border: solid 1px #00F;*/
}
	#header.lightgrey {
		background-color: var(--color3);
	}


	#header .lrg-logo,
	#header .sml-logo,
	#header .status{
		display: 			inline-block;
		width: 				260px;
		height: 				43px;
		vertical-align:	top;
		
		background-size: 		auto 100%;
		background-position:	left bottom;
	   background-repeat:	no-repeat;
/*																		border: solid 1px #F00;*/
	}
	#header .lrg-logo{
		background-image:	url('../images/levo-legal_logo.png');
	}
	#header .lrg-logo.invers{
		background-image:	url('../images/levo-legal_logo.png');
	}
	#header .sml-logo{
	   background-image:	url('');
		background-position:0 bottom;
	}
	#header .sml-logo-white{
	   background-image:	url('');
		background-position:0 bottom;
	}
	#header .status{
		float: 		right;
		text-align: right;
	}
	#header .bt_back{
		display: 				inline-block;

		float: 					right;
		width: 					30px;
		height: 					45px;
		
		background: 			url("../images/bt_back.svg");
		background-size: 		auto 30px;
		background-position:	right bottom;
	   background-repeat:	no-repeat;
		
																		/*border: solid 1px #F00;*/
	}


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

.cd-section {
  	position:	relative;
}
.cd-content {
  	position:	relative;
  	width: 		100vw;
	padding: 	15vh 3vw 0 3vw;
	float: 		left;
	background-color: var(--color3);
/*																		border: solid 1px #0F0;*/
}

#section1 { padding: 0; min-height:	100vh; }





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

/* START */
#section1 {  }
	#section1 .left,
	#section1 .right{
		margin-right:	0;
		width: 			50%;
		height:  		100vh;
	}

	/* LEFT  */
	#section1 .left { 
		background-color: #FFF; 
/*																	border: solid 1px #F51828;*/
	}
		#section1 .left .textbox {
	  		position:		absolute;
	  		display: 		inline-block;
	  		bottom:			0;
	  		height:  		auto;
	  		width: 			calc(50% - 10vw);

	  		margin-left: 	3vw;
	  		margin-bottom:	8vw;
/*	  																border: solid 1px #F51828;*/
		}


	/* RIGHT */
	#section1 .right{
		position:				relative;
		background-image: url('../images/levo_hero-image.jpg');
		background-position:	top;
		background-repeat:	no-repeat;
		background-size:		cover;
		background-position: left;

		background-color: rgb(0 0 0 / 0.3);  /*black and 30% transparent*/ 
		background-blend-mode: multiply;
	}
		#section1 .right .claim{
			position: 			fixed;
			right: 				0;
			width: 				50%;
			height: 				auto;
			padding: 			3vw;
			padding-bottom:  	4vh;
			bottom:				0;
			text-align: 		right;
/*	  																	border: solid 1px #0F0;*/
		}


/* FOOTER */

#footer{
	position: 			fixed;
	right: 				0;
	width: 				50%;
	height: 				auto;
	padding: 			3vw;
	padding-bottom:  	4vh;
	bottom:				0;
	z-index: 			1003;
/*																			border: solid 1px #00F;*/
}
	#footer .links{
		float: 	right;
		color:	var(--color1);
																		/*border: solid 1px #F00;*/
	}
	#footer span{
		padding-right: 20px;
	}


/* HERO, TITLE */
#hero { 
	padding-top: 8vh;
/*																			border: solid 1px #F00;*/
}






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

.newsletter-container {
   margin-top: 30px;
}

.cr_form * {
   box-sizing: border-box;
}

.cr_form {
   font-family: inherit;
}

.cr_form .cr_ipe_item {
   margin: 0 0 20px 0;
   padding: 0;
}

.cr_form label {
   display: block;
   margin-bottom: 8px;
   font-weight: 500;
   font-size: 14px;
   color: #333;
}

.cr_form input[type="email"] {
   width: 60%;
   padding: 12px 16px;
   border: 1px solid #ddd;
   border-radius: 4px;
   font-size: 16px;
   font-family: inherit;
   transition: border-color 0.3s ease;
   background: #fff;
}

.cr_form input[type="email"]:focus {
   outline: none;
   border-color: #333;
}

.cr_form .cr_button {
   display: inline-block;
   padding: 12px 32px;
   background-color: #333;
   color: #fff;
   border: none;
   border-radius: 40px;
   font-size: 16px;
   font-weight: 500;
   cursor: pointer;
   font-family: inherit;
   transition:     background 0.25s;
}

.cr_form .cr_button:hover {
   background: var(--color2);
   color:      var(--color1);
}

.cr_form .submit_container {
   text-align: left;
}

.cr_form .g-recaptcha {
   margin: 20px 0;
}

.clever_form_error {
   background-color: #fff0f0;
   border-color: #ff6b6b !important;
}

.clever_form_note {
   margin: 5px 0 0 0;
   display: block;
   position: relative;
   padding: 8px 12px;
   font-weight: normal;
   background-color: #fff3cd;
   color: #856404;
   font-size: 13px;
   border-radius: 4px;
}