:root {
    --first-color: #004994;
    --first-color--hover: #002953;
	--second-color: #009bae;
	--second-color--hover: #004750;
    --light-color: #edeff1;
    --font-color: #000;
	--brightest: #FFF;
	--darkest: #000;
	--overlay-color: #1c2a4ea5;
	
	--p-dark-blue: #1C2B4E;			/* 2 Farben reichen uns hier nicht :) */
	--first-color-90: #004894E6;		/* Z.B. Startseite Navigations BG */

	--margin: 100px;					/* Der generelle Abstand zwischen den Elementen */
	--margin-within-container: 30px;	/* 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: 2rem;				/* Der Abstand nach einem header/textmedia-header (headline) */
	--paragraph-margin: 1rem;
	--grid-gap-size: 30px;				/* Abstand zwischen Cards, Textmedien Elementen (Text + Bild sprich der darin) ... */
	
	
	--upper-header-height: 125px;		/* Header Layout Pröpster Startseite */
	
	--p-border-radius: 10px;
	
	@media (max-width: 991px) {
		--upper-header-height: 75px;
	}
	
	@media (max-width: 767px) {
		--margin: 50px;
	}
	
	/*
	 *	Folgende Werte erstmal von BS übernommen
	 */
	--h1-font-size: calc(1.375rem + 1.5vw);
	--h2-font-size: calc(1.325rem + .9vw);
	--h3-font-size: calc(1.3rem + .6vw);
	--h4-font-size: calc(1.275rem + .3vw);
	--h5-font-size: 1.25rem;
	--h6-font-size: 1rem;
	--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);
	
	--input-border-radius: 0.3rem;
	--input-border-color: #c3c3c3;
	--input-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.2);
}