:root {
	--first-color: #253764;
	--first-color--hover: #4f618c;
	--second-color: #f4f4f4;
	--second-color--hover: #e7ecf5;
	--light-color: #f4f4f4;
	--font-color: #000;
	--brightest: #FFF;
	--darkest: #000;
	--overlay-color: rgba(37,55,100,.3);

	--margin: 80px;					/* Der generelle Abstand zwischen den Elementen */
	--margin-within-container: 40px;	/* Der generelle Abstand zwischen den Elementen in Containern */
	--marginBig: 150px;					/* Wichtig für Abstand davor/danach */
	--marginSmall: 50px;				/* Wichtig für Abstand davor/danach */
	--header-margin: 1.5rem;				/* Der Abstand nach einem header/textmedia-header (headline) */
	--paragraph-margin: 1rem;
	--grid-gap-size: 40px;				/* Abstand zwischen Cards, Textmedien Elementen (Text + Bild sprich der darin) ... */
	
	/*
	 *	Folgende Werte erstmal von BS übernommen
	 */
	--h1-font-size: calc(1.1rem + 1vw);
	--h2-font-size: calc(1.075rem + .8vw);
	--h3-font-size: calc(1.05rem + .2vw);
	--h4-font-size: calc(1.00rem + .1vw);
	--h5-font-size: 1.00rem;
	--h6-font-size: 0,75rem;
	--h-font-weight: 500;
	
														/* Font Family ist unter der extension rh_fontcol zu konfigurieren */
	--body-font-size: var(--bs-body-font-size);			/* Font Size für den gesamten Body also auch Navigation */
	--body-font-weight: var(--bs-body-font-weight);		/* Font Weight für den gesamten Body also auch Navigation */
	--main-line-height: var(--bs-body-line-height);		/* Line Height nur für den Main spricht: Ohne Navigation */

	/* 
	 * Rewrite BS (Bootstrap)
	 */
	--bs-nav-pills-link-active-bg: var(--first-color);
	--bs-nav-link-color: var(--first-color);
}