:root {
  --primary-color: #3d6f9d;
  --title-button-text-color: #ffffff;
  --highlight-color: #ef7c00;
  --primary-bg-color: #fff;
  --primary-text-color: #000000;
  --nav-bg-color: #fff;
  --nav-text-color: #000;
  --form-icon-color: #000;
  --admin-bg-color: #3d6f9d;
}

html {
  font-size: 12pt;
  color: var(--nav-bg-color);
}

body * {
  font-family: 'BundesSans', 'Calibri', 'Verdana', 'Arial', 'Helvetica',
    sans-serif;
  font-weight: 400;
  color: var(--primary-text-color);
}

h1,
h2,
h3 {
  font-family: 'BundesSerif', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
}

body > .background {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: var(--primary-bg-color);
  background-attachment: fixed;
  background-size: cover;
  z-index: -5;
}

.wrapper > .content > * {
  border: 1px solid #333333;
  border-radius: 6px;
}