:root {

	--HUSSgelb: rgba(255,204,0, 1);
	--HUSSgelb60: rgba(255,204,0, 60%);
	--HUSSgelb25: rgba(255,204,0, .25);
	--HUSSblack10: rgba(0, 0, 0, 0.1);
	--HUSSblack30: rgba(0, 0, 0, 30%);
	--HUSSblack50: rgba(0, 0, 0, 50%);
	--HUSSblack70: rgba(0, 0, 0, 70%);
	--HUSSgrey: rgba(242,242,242,1);
	--HUSSgelblight: rgba(253, 246, 200, 1);
	
	--borderradius: 0em 1em 0em  0em; -webkit-border-radius: 0em 1em 0em  0em; -moz-border-radius: 0em 1em 0em  0em;
	
	--width-max-content: 1350px;
	--width-space-between-2cols: 100px;
	--width-space-between-3cols: 50px;
	--width-space-between-smartboxen: 40px;
	
	--FontNav: 1.125rem;
	--FontFamily: 'roboto', sans-serif;
	--FontFamilyCD: 'robotocd', sans-serif;
	
	--boxshadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);
	--boxshadowSub:5px 5px 5px 0px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.25);-moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.25);;
}

@media screen and (max-width: 1400px) {
	:root {
		--width-max-content: 96%;
	}
}