*{
	--color-text: #333333;
	--color-text-dark: #000000;
	--color-text-light: #858585;
	--color-primary: #e2001a;
	--color-primary-light: #363636;
	--color-primary-dark: #AD0014;
	--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: #F5F5F5;
	--navBarFontColor: #858585;
	--navBarFontColorHover: #333;
	--navFoldoutBgColor: #fff;
	--navFoldoutItemSpacing: 20px;
	--navFoldoutFontColor: #858585;
	--navFoldoutFontColorHover: #333;
	--footerFontColor: #FFFFFF;
	--footerBgColor: #141946;
	
	/* 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));
}
/* Transform & beyond */
.clr_altPrimary * {
	--color-primary: #FF60DB;
	--color-primary-light: #FF60DB;
	--color-primary-dark: #CC2DA8;
	--color-primary-corresponding: #ffffff;
}