/***
 * General
 ***/

 body {
  background-image: none;
  background-color: #f5f6f7;
  font-family: Roboto, Helvetica, Arial, sans-serif;
}

.logo {
  background-image: url("../logo.png");
  background-repeat: no-repeat;
  height: 120px;
  width: 250px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 110px;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat.woff2") format("woff2");
  font-weight: 100 900; /* wenn variable; sonst z.B. 400 */
  font-style: normal;
  font-display: swap;
}

html, body {
  font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}

/***
 * Footer
 ***/

.footer {
  position: fixed;
  left: 10px;
  bottom: 10px;
  width: 100%;
}

.footer a {
  color: #282828;
}

.footer-link {
  display: inline-block;
}

.footer-spaced::after {
  content: " · ";
}

.pull-right {
  text-align: right;
}

/***
 * Links
 ***/

a {
  color: #0d668a;
}

a:hover,
a:focus {
  color: #ea002f;
  text-decoration: none;
}

h3 a:link {
  color: #1d1e22;
}

h3 a:hover,
h3 a:focus {
  color: #ea002f;
}