*{
	--color-text: #000000;
	--color-text-dark: #000000;
	--color-text-light: #000000;
	--color-primary: #F08600;
	--color-primary-light: #FF930B;
	--color-primary-dark: #C06B00;
	--color-primary-corresponding: #ffffff; /* Zur Primärfarbe korrespondierende Farbe, damit z.B. die Schrift darauf sichtbar ist */
	--color-color1: #f3f3f3;
	--color-color2: #e4e4e4;
	--color-border: #c8c8c8;
	--color-borderTable: #e9e9e9;
	
	--contactBgColor: #E4E4E4;
	
	--fontFamily: Arial,Verdana,sans-serif;
	--navBarBgColor: #F08A00;
	--navBarFontColor: #fff;
	--navBarFontColorHover: #333;
	--navFoldoutBgColor: #fff;
	--navFoldoutItemSpacing: 20px;
	--navFoldoutFontColor: #858585;
	--navFoldoutFontColorHover: #333;
	--footerFontColor: #000000;
	--footerFontColorHover: #c8c8c8;
	--footerBgColor: #F3F3F3;
	
	/* Flexbox Raster */
	--articleSpacing: 20px;
	/* Damit zwischen Flexboxen die gleichen Abstände vorhanden sind, für die Berechnung der Breite der einzelnen Boxen eine um das Margin reduzierte Gesamtausgangsbreite definieren */
	--grid_2_allBoxWidth: calc(100% - var(--articleSpacing,20px));
	--grid_3_allBoxWidth: calc(100% - (var(--articleSpacing,20px) * 2));
	--grid_4_allBoxWidth: calc(100% - (var(--articleSpacing,20px) * 3));
}
