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


/* ROOT TEXT */
html 				{ font-size: 18px; }


/* HEADLINES */
h1 				 	{ font-size: 1.5rem; letter-spacing: 0; }	/* Title Block */ 
h2 					{ font-size: 1.3rem; letter-spacing: 0; }	/* Title Block */ 
h3 					{ font-size: 1.1rem; letter-spacing: 0; }	/* Title Block */ 


/* EXEPTIONS – Hero-Teaser */
.hero-teaser .imagebox .textbox h1	{ font-size: 1.3rem; letter-spacing: 0; }	/* Title Hero-Teaser > h2 */ 
.hero-teaser .teaserbox h2			{ font-size: 1.5rem; letter-spacing: 0; }	/* Title Teaser > h1 */ 


/* TEXTE */
.ch_intro	  		{ font-size: 1.5rem; line-height: 1.1; }		/* Intro 			= h3 */
.ch_body		 		{  }														/* Bodytext	 	= root */
.ch_note				{ font-size:  .7rem; }								/* Notes 		= 0.8 */
.ch_rubric-title	{ font-size:  .7rem; }								/* Rubric Title = ch_note */
.ch_facts			{ font-size: 3.0rem; line-height: 1.3; }		/* Numbers Facts= x4.0 */


/* HIGHLIGHTING */
.underline-small::after{
	height:		5px;
	width:		60px;
	left:		0;
	bottom:		-10px;
}




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

/* BASIS */
a			{ /*border-bottom: 1px solid currentColor; padding-bottom: 1px !important;*/ }
a:hover		{  }
a:focus		{  }
a:active	{  }

/* NAVIGATION */
.linknav			{ font-family: 'Rotunda-Light', Arial, sans-serif; color: var(--color1); font-size: 1.3rem; line-height: 1.6; }	/* Navigation	  = h1 */
.linknav.sub		{ font-family: 'Rotunda-Light', Arial, sans-serif; font-size: 1rem; line-height: 1.6; }							/* Navigation Sub = ch_intro */
.linknav.active 	{ padding-bottom: 0 !important; }








/* =============================================================================
   Content: Modules
   ========================================================================== */


/*-------------------------------*/
/*        	  Navbar	         	*/
/*-------------------------------*/


#header{
	padding: 			6% 0 0 6%;
}
	#header .lrg-logo{
	}
	#header .bt_back{
	}





/*-------------------------------*/
/*        Hero: 2x Teaser        */
/*-------------------------------*/

.hero-teaser{
	height: 180vh;
}

		/*-------------------------------*/
		/*         Teaser (left)         */
		/*-------------------------------*/

		.hero-teaser .teaser-group-1 {  }

			/* TEXT */
			.hero-teaser .teaser-group-1 .textbox {
				height:		auto;
				padding: 	4% 20% 10% 4%;
			}
			.hero-teaser .teaser-group-1 .logo { 
				bottom:		4%;
			}


		/*-------------------------------*/
		/*         Teaser (right)        */
		/*-------------------------------*/

		.hero-teaser .teaser-group-2 { }

			/* IMAGE */
			.hero-teaser .teaser-group-2 .imagebox{
				height: 		100vh;
			}

			/* CONTACT */
			.hero-teaser .teaser-group-2 .contact{
				height: 		80vh;
			}
				/* LEFT */
				.hero-teaser .teaser-group-2 .contact .left {
					width: 		60% !important;
				}
				/* RIGHT */
				.hero-teaser .teaser-group-2 .contact .right {
					width: 		40% !important;
				}






/* =============================================================================
   CHANGE: BASE and ADDONS
   ========================================================================== */


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

/* GRID  */
.grid-4,
.grid-3 {  }

/* 4-COLUMN GRID  */
.grid-4 {  }

	/* BOX */
	.grid-4 .box { grid-column: span 4 !important;}

  		/* SPAN (only from pos 1)*/
		.grid-4 .box.span-2 {  } 
		.grid-4 .box.span-3,
		.grid-4 .box.span-4 { grid-column: span 4 !important; }


/* 3-COLUMN GRID  */
.grid-3 {  }

	/* BOX */
	/*.grid-3 .box { grid-column: span 3 !important; }*/

  		/* SPAN (only from pos 1)*/
		/*.grid-3 .box.span-2, 
		.grid-3 .box.span-3 { grid-column: span 3 !important; }*/



/* BLOC GAPS */
.gap-0-25-top 	{ padding-top:		  6px; }
.gap-0-25-bottom{ padding-bottom:	  6px; }
.gap-0-5-top 	{ padding-top:		 15px; }
.gap-0-5-bottom	{ padding-bottom:	 15px; }
.gap-1-top 		{ padding-top:		 30px; }
.gap-1-bottom	{ padding-bottom:	 30px; }
.gap-2-top 		{ padding-top:		 60px; }
.gap-2-bottom	{ padding-bottom:	 60px; }
.gap-3-top 		{ padding-top:		 90px; }
.gap-3-bottom	{ padding-bottom:	 90px; }
.gap-4-top 		{ padding-top:		140px; }
.gap-4-bottom	{ padding-bottom:	140px; }


/* SQUARE > 5:1; */
.ratio-square {  }
	.ratio-square:before {
	  /*padding-top:	25% !important;*/
	}



/*-------------------------------*/
/*      ARROW BUTTON (CIRCLE)    */
/*-------------------------------*/

.button-light-arrow {  }
	.button-light-arrow span {  }
	.button-light-arrow span:after {
		transform:	scale(1.6);
		top: -0.8rem;
	}
.button-grey-arrow span:after {
	top: 		-10px;
}



/*-------------------------------*/
/*     BUTTON / ICON (CIRCLE)    */
/*-------------------------------*/

.icon-number,
.button-mail,
.button-mail-light {
}
	/* NUMBER */
	.icon-number {
	}
	.icon-number span:after {
		transform:	scale(1.2)!important;
		top: 		-6px;
	}