:root {
	--aColor: rgba(0, 0, 0, 1);
	--aColorHover: #676766;
	--backToTop: rgba(0, 0, 0, 0.8);
	--bodyBackgroundColor: #ffffff;
	--boxBorderRadius: 15px;
	--boxBorder: 3px solid #fff;
	--boxShadow: 15px 15px 0px rgba(0,0,0,0.5);
	--boxLightBackgroundColor: #000000;
	--boxLightTextColor: #1f1f1f;
	--contentMaxWidth: 1400px;
	--cookieColor: linear-gradient(-85deg, #000, #7c7c7c);
	--cookieBackgroundColor: #eaeaea;
	--footerColor: #ffffff;
	--footerBackgroundColor: #0057a4;
	--headerHeight: 95px;
	--headerBackgroundColor: #ffffff;
	--headerColor: #000000;
	--h1FontSize: clamp(20px,2.5vw, 60px);
	--h1Color: #0057a4;
	--h1FontFamily: var(--mainFontFamily);
	--h2FontSize: clamp(20px,2.5vw, 60px);
	--h2Color: #0057a4;
	--h2FontFamily: var(--mainFontFamily);
	--h3FontSize: clamp(15px,2.5vw, 40px);
	--h3Color: var(--mainColor);
	--h3FontFamily: var(--mainFontFamily);
	--h4FontSize: clamp(12px,2.5vw, 30px);
	--h4Color: var(--mainColor);
	--h4FontFamily: var(--mainFontFamily);
	--h5FontSize: clamp(12px,2.5vw, 30px);
	--h5Color: var(--mainColor);
	--h5FontFamily: var(--mainFontFamily);
	--inputBackgroundColorHover: #000000;
	--inputTextColor: #000000;
	--inputBackgroundColor: #ffffff;
	--inputBorderColor: #0057a4;
	--logoHeader: url("template/hsf-online.de2/Logo.svg");
	--logoFooter: url("template/hsf-online.de2/Logo_footer.svg");
	--lightBoxBackgroundColor: #053e6d;
	--lightBoxTextColor: #ffffff;
	--mainFontFamily: "open_sansregular", "Open Sans", sans-serif;
	--mainColor: rgba(0, 87, 164, 1);
	--mainFontSize: clamp(12px,2.5vw, 16px);
	--menuColor: #ffffff;
	--menuColorHover: #ffffff;
	--menuFontSize: 33px;
	--menuSecondBackgroundColor: rgba(0, 0, 0, 0.9);
	--menuSecondColor: #ffffff;
	--BodyBackgroundColor: #ffffff;
	--BodyColor: rgba(0, 0, 0, 1);
	--ButtonAcktiveBackgroundColor: rgba(0, 87, 164, 1);
	--LightBoxBackgroundColor: #0057a4;
	--LightBoxTextColor: #ffffff;
	--secondColor: #0057a4;
	--SeconNavBackgroundColor: rgba(255, 255, 255, 0.9);
	--SeconNavColor: #ffffff;
	--StickyLogoUp: -230px;
}