@font-face {
	font-family: "ALS Hauss-Medium";
	font-style: normal;
	font-weight: 500;
	src: url("../fonts/ALSHauss-Medium.ttf") format("truetype");
}

@font-face {
	font-family: "ALS Hauss-Regular";
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/ALSHauss-Regular.ttf") format("truetype");
}

@font-face {
	font-family: "ALS Hauss-Bold";
	font-style: normal;
	font-weight: 700;
	src: url("../fonts/ALSHauss-Bold.ttf") format("truetype");
}

:root{
    --font-family-als_hauss-bold: "ALS Hauss-Bold", Helvetica;
    --font-family-als_hauss-medium: "ALS Hauss-Medium", Helvetica;
    --font-family-als_hauss-regular: "ALS Hauss-Regular", Helvetica;
}

.text-xxxs{
    font-size: 8px !important;
}

.text-xxs{
    font-size: 12px !important;
}

.text-xs{
    font-size:14px !important;
}

.text-md{
    font-size: 16px !important;
}

.text-lg{
    font-size: 24px !important;
}

.text-xl{
    font-size: 32px !important;
}

.text-xxl{
    font-size: 64px !important;
}

.font-cl-red{
    color: #A30236 !important;
}

.font-cl-bgGrey{
    color: #f7f7f7 !important;
}

.font-cl-lightGrey{
    color: #d9d9d9 !important;
}

.font-cl-grey{
    color: #A0A0A0 !important;
}

.font-cl-darkGrey{
    color: #686868 !important;
}

.font-cl-black{
    color: #252525 !important;
}

.font-cl-orange{
    color: #FF941A !important;
}

.font-regular{
    font-family: "ALS Hauss-Regular" !important;
    font-weight: 400 !important;
    letter-spacing: 0;
    line-height: normal;
}

.font-medium{
    font-family: "ALS Hauss-Medium" !important;
    font-weight: 500 !important;
    letter-spacing: 0;
    line-height: normal;
}

.font-bold{
    font-family: "ALS Hauss-Bold" !important;
    font-weight: 700 !important;
    letter-spacing: 0;
    line-height: normal;
}