*{
	--color-text: #333333;
	--color-text-dark: #000000;
	--color-text-light: #858585;
	--color-primary: #000000;
	--color-primary-light: #363636;
	--color-primary-dark: #000000;
	--color-primary-corresponding: #ffffff; /* Zur Primärfarbe korrespondierende Farbe, damit z.B. die Schrift darauf sichtbar ist */
	--color-color1: #AAB4BE;
	--color-color2: #C9CACA;
	--color-border: #c8c8c8;
	--color-borderTable: #e9e9e9;
	
	--contactBgColor: #C9CACA;
	
	--fontFamily: Arial,Verdana,sans-serif;
	--navBarBgColor: #000000;
	--navBarFontColor: #FFFFFF;
	--navBarFontColorHover: #FFFFFF;
	--navFoldoutBgColor: #fff;
	--navFoldoutItemSpacing: 20px;
	--navFoldoutFontColor: #000000;
	--navFoldoutFontColorHover: #666666;
	--footerFontColor: #ffffff;
	--footerBgColor: #000000;
	
	/* 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));
}