@font-face {
	font-family: 'primary-font';
	src: url('../fonts/calibri/light.eot') format('eot');
	src: url('../fonts/calibri/light.eot?#iefix') format('embedded-opentype'),
       url('../fonts/calibri/light.woff') format('woff'),
       url('../fonts/calibri/light.otf') format('otf'),
       url('../fonts/calibri/light.ttf') format('truetype'),
       url('../fonts/calibri/light.svg#light') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'primary-font';
	src: url('../fonts/calibri/bold.eot') format('eot');
	src: url('../fonts/calibri/bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/calibri/bold.woff') format('woff'),
       url('../fonts/calibri/bold.otf') format('otf'),
       url('../fonts/calibri/bold.ttf') format('truetype'),
       url('../fonts/calibri/bold.svg#bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

:root {
	--text-color: #000;
	--background-color: #fff;
	--line-color: #bfbfbf;
	--hilite-color: #f00;
	--secondary-color: #cdcdcd;
	--logo-background: #ffed00;
	--spot-color: #ffed00;
	--spot-text-color: #000;
	--pending-color: #f8c620;
	--done-color: #c0d231;
	/* --free-color: #28a745; */
	--free-color: var(--spot-color);
	--blocked-color: #cdcdcd;
	--background-image: url('/img/background-seefracht.jpg');
	--logo: url('/img/logo-dms.svg');
	--logo-background: #ffed00;
}