/* Globale Var Definitions */
:root {
	/* Design Colors*/
	--logo-color-1: #BD0048;						/* Hauptfarbe Logo */
	--logo-color-1-rgb: 189, 9, 72;				/* Usage:  border: 1px solid rgba(var(--logo-color-1-rgb), 0.4); */
	--logo-color-1-dark: #800031;					/* Dunklere Version der Hauptfarbe für Flächen */
	--logo-color-1-light: #E6578E;					/* Hellere Version der Hauptfarbe für Flächen */
	--logo-color-2: #005795;			/* Nebenfarbe Logo */
	--logo-color-2-rgb: 0, 87,149;	/* Nebenfarbe Logo in RGB Werten*/
	--neutral-color-light: #ABABAB;				/* Hellgrau */
	--neutral-color-dark: #444444;					/* Dunkelgrau */

	/*main*/
	--font-color-light: #ffffff;					/* Allgemeine Schriftfarbe */
	--font-color-dark: #000000;						/* Allgemeine Schriftfarbe vor Hintergrund */
	--link-color: var(--logo-color-1);				/* Allgemeine Linkfarbe */
	--h1-color: var(--logo-color-1);
	--h2-color: var(--font-color-dark);
	--h3-color: var(--logo-color-1);
	--transition-time: 250ms;						/* Dauer von Transitions */	
	--padding-topbottom: 1rem;						/* Padding von Inhalten */	
	--padding-leftright: 4rem;						/* Padding von Inhalten */	
}