@charset "utf-8";  

/* 
CSS Document HPK 
Layout XX - Farbe rot, Homepage
*/

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* Farben sind ZWINGEND in RGB anzugeben! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

:root {
	/* Farbschema */
	--primaryColor:					226,   0,  26;
	--primaryHoverColor:		191,   0,  22;
	--secondaryColor:				var(--primaryColor);
	--secundaryHoverColor:	var(--primaryHoverColor);
	--focusColor:						var(--primaryColor);
	--focusHoverColor:			var(--primaryHoverColor);


	/* /////////////////////////// */
	/* ///// Layout Settings ///// */
	/* /////////////////////////// */

	/* Logo Größe (Animation) */
	--minimalLogoHeight:3em;
	--maximalLogoHeight:7.5em;
	--minimalMobileLogoHeight:2em;
	--maximalMobileLogoHeight:4.5em;

	/* Darkmode */
	/* Allow Darkmode = Display (block/none) */
	/* Block == true | none == false */
	/* This Parameter will also be read by JS */
	/* If Allow Darkmode == none / false, just lightmode is shown */
	--allowDarkmode:block;
	/* Allow Call me Back Formular */
	/* Same as the Darkmode Settings */
	--allowCallmeBack:block;
}