/* comfortaa-regular - latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/comfortaa-v38-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/comfortaa-v38-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/comfortaa-v38-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/comfortaa-v38-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/comfortaa-v38-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/comfortaa-v38-latin-regular.svg#Comfortaa') format('svg'); /* Legacy iOS */
}

/* comfortaa-700 - latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/comfortaa-v38-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/comfortaa-v38-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/comfortaa-v38-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/comfortaa-v38-latin-700.woff') format('woff'), /* Modern Browsers */
       url('./fonts/comfortaa-v38-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/comfortaa-v38-latin-700.svg#Comfortaa') format('svg'); /* Legacy iOS */
}

:root {
  --bg-color-dark: hsl(197, 17%, 37%);
  --bg-color-middle: hsl(198, 24%, 79%);
  --text-color: hsl(198, 25%, 64%);
}

* {
  font-family: 'Comfortaa';
  font-variant-numeric: tabular-nums;
}
h1, h2, h3, p, li {
  color: var(--text-color);
}
.fc-black {
  color: #000;
}
a.navbar-brand  {
  font-size:1.8rem;
}
a.no-deco  {
  text-decoration: none;
}
#anmeldung {
  background: var(--bg-color-middle);
}
#content {
  background: hsl(198, 25%, 64%);
}
a.register {
  text-decoration: none;
}
a.register p {
  color: #fff;
  margin-bottom:0.885rem;
}
ul.list {
  list-style-position: outside;
  padding-left: 1rem;
}
ul.list > li {
  margin-bottom: 1rem;
}
ul.list-check-dot > li {
  list-style-image: url('check-lg.svg');
}
ul.list ul li {
  margin: 0.5rem 0;
}
.btn-success {
  background: var(--text-color);
  border-color: var(--bg-color-dark);
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active {
  background: var(--bg-color-dark);
  border-color: var(--bg-color-dark);
}
#footer {
  background: hsl(198, 17%, 37%);
}
#footer a {
  color: hsl(198, 25%, 64%);
}