@font-face {
  font-family: "Cera Compact Pro";
  src: url("files/CeraCompactPro-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cera Compact Pro";
  src: url("files/CeraCompactPro-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cera Compact Pro";
  src: url("files/CeraCompactPro-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-family: "Cera Compact Pro";
  --black: #000000;
  --header-color: #ffffff;
  --header-additional-color: #111111;
  --header-additional-text-color: #eeeeee;
  --header-text-color: #111111;
  --header-border-color: #f7f7f7;
  --next-level-menu-color: #ffffff;
  --header-select-color: #0098d2;
  --footer-map-color: #111111;
  --footer-color: #000000;
  --footer-primary-text-color: #ffffff;
  --footer-secondary-text-color: #eeeeee;
  --footer-border-color: #222222;
  --primary: #006f98;
  --primary-dark: #075473;
  --primary-gradient-dark: #075473;
  --primary-gradient-light: #0098d2;
  --primary-opacity: rgba(0, 111, 152, 0.1);
  --primary-opacity-hover: rgba(0, 111, 152, 0.16);
  --primary-back-light: #0098d2;
}