:root {
    --AccentColor: #ef7d00;
    --ButtonColor: #0091d3;
    --ButtonColorSecondary: #0091d3;
    --ButtonTextColor: #fff;
    --ButtonColorHover: #007cb5;
    --ButtonTextColorHover: #fff;
    --ButtonTextFont: 'CaeciliaBoldItalic', sans-serif;
    --ButtonTextFontSize: 14px;
    --ButtonTransition: 0.2s;
    --ButtonRadius: 50px;
    --ComponentRadius: 10px;
    --ComponentElementRadius: 5px;
    --TextFont: 'GraphikLight', sans-serif;
    --TextFontSize: 14px;
    --HeaderFont: 'CaeciliaBoldItalic', sans-serif;
    --HeaderFontSize: 20px;
    --HeaderFontSizeFormFilling: 20px;
    --HeaderColor: #FFF;
    --BoxShadow: 0 0 10px #e1e1e1;
    --BorderRadius: 10px;
    --CatHeaderColor: #0091d3;
    --CheckboxColor: blue;
    --ContentHeaderFont: 'GraphikBold', sans-serif;
    --ContentHeaderSize: 20px;
    --ButtonPadding: 8px 25px;
    --AccordionColor: #ef7d00;
    --AccordionColorHover: #d36d00;
    --AccordionTextColor: #fff;
    --AccordionTextColorHover: #fff;
	--mdc-tab-indicator-active-indicator-color: var(--AccentColor);
    --FloatmenuColor: #5a5a5a;
    --HeaderIconColor: #5a5a5a;
}