﻿@font-face {
	font-family: 'poppinsblack';
	src: url('/fonts/poppins-black-webfont.woff2') format('woff2'), url('/fonts/poppins-black-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

@font-face {
	font-family: 'poppinslight';
	src: url('/fonts/poppins-light-webfont.woff2') format('woff2'), url('/fonts/poppins-light-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}
:root {
	--baseColor: #FFFFFF;
	--errorColor: #A71818;
	--backgroundColor: #F7F7F7;
	--backgroundColor50: rgba(247,247,247,0.5);
	--backgroundColor20: rgba(247,247,247,0.2);
	--backgroundColor10: rgba(247,247,247,0.1);
	--backgroundTextColor: #000000;
	--borderColor: #DEDEDE;
	--alternativeBorderColor: #C5C5C5;
	--borderColor50: rgba(222,222,222,0.5);
	--textColor: #000000;
	--alternativeTextColor: #7F7F7F;
	--linkColor: #000000;
	--linkColor50: rgba(0, 0, 0, 0.5);
	--primaryColor: #ffbf00;
	--primaryColor50: rgba(0,66,106,0.5);
	--primaryTextColor: #000000;
	--primaryButtonColor: var(--primaryColor);
	--primaryButtonTextColor: var(--secondaryColor);
	--primaryButtonColorHover: var(--secondaryColor);
	--primaryButtonTextColorHover: var(--primaryColor);
	--secondaryColor: #000000;
	--secondaryColor50: rgba(255,198,0,0.5);
	--secondaryTextColor: #ffbf00;
	--headingColor1: var(--primaryTextColor);
	--headingColor2: var(--primaryTextColor);
	--headingColor3: var(--primaryTextColor);
	--headingColor4: var(--primaryTextColor);
	--headingColor5: var(--primaryTextColor);
	--headingColor6: var(--primaryTextColor);
	--calendarYellow: var(--primaryColor);
	--calendarBlue: #00A0AD;
	--calendarBlueLabel: var(--calendarBlue);
	--calendarRed: #D60F3C;
	--calendarGreen: #39FF00;
	--calendarPurple: #C600FF;
	--calendarOrange: #FF8C00;
	--calendarPink: #FF69B4;
	--alternativeBackgroundColor: #F7F7F7;
	--secondaryButtonBackgroundColor: var(--primaryColor);
	--secondaryButtonColor: var(--primaryTextColor);
	--secondaryButtonBackgroundColorHover: var(--primaryTextColor);
	--secondaryButtonColorHover: var(--primaryColor);
	--desktopLogoWidth: 200px;
	--desktopLogoHeight: auto;
	--fontFamily: 'poppinslight';
	--alternativeFontFamily: 'poppinsblack';
	--pattern: url('/images/bg_energiszer_alternative.svg');
}
