/* Globale Var Definitions */
:root {
	/* Design Colors*/
	--logo-color-1: #0068bf;						/* Hauptfarbe Logo */
	--logo-color-1-rgb: 0, 104, 191;				/* Usage:  border: 1px solid rgba(var(--logo-color-1-rgb), 0.4); */
	--logo-color-1-dark: #003b6b;					/* Dunklere Version der Hauptfarbe für Flächen */
	--logo-color-1-light: #b0d4f0;					/* Hellere Version der Hauptfarbe für Flächen [mik: #6fadde] */ 
	--logo-color-2: #fd7800;						/* Nebenfarbe Logo */
	--logo-color-2-rgb: 253, 120, 0;				/* Nebenfarbe Logo in RGB Werten*/
	--neutral-color-light: #efefef;					/* Hellgrau */
	--neutral-color-dark: #444444;					/* Dunkelgrau */
	--shadow-color-rgb: 39,44,49;					/* Schattengrundfarbe */
	--bg-color-rgb: 255,255,255;                    /* Basis-Hintergrundfarbe */ 
	
	/*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 */	
	--stage-maxwidth: 1600px;						/* für staged Areas ("LoStage") */
	--stage-width: 96%;								/* für staged Areas ("LoStage") */
	--border-radius: 0px;							/* (12px) Kantenradius für Elemente */
	--border-radius-small: 0px;						/* (6px) für kleinere Elemente wie Schaltflächen  calc( var(--border-radius) / 2); */
}

@media (prefers-contrast: more) {
	:root {
		/* Design Colors*/
		--logo-color-1: #584100;					/* Hauptfarbe Logo */
		--logo-color-1-rgb: 88, 65, 0;				/* Usage:  border: 1px solid rgba(var(--logo-color-1-rgb), 0.4); */
		--logo-color-1-dark: #403001;				/* Dunklere Version der Hauptfarbe für Flächen */
		--logo-color-1-light: #c2c2c2;				/* Hellere Version der Hauptfarbe für Flächen */
  }
}