/* Die Seite ist mindestens so hoch wie das Browserfenster. */
html,
body {
  min-height: 100vh;
  background-color: #000000;
  color: #fff;
}

/* Einheitliche Schrift in allen Eingabefeldern. */
h1 {
  font-family: "articulat-heavy-cf", sans-serif;
  font-weight: 900;
  font-style: normal;
}

h2 {
  font-family: "articulat-cf", sans-serif;
  font-weight: 800;
  font-style: normal;
}

h3 {
  font-family: "articulat-cf", sans-serif;
  font-weight: 600;
  font-style: normal;
}

h4 {
  font-family: "articulat-cf", sans-serif;
  font-weight: 400;
  font-style: italic;
}

h5 {
  font-family: "articulat-cf", sans-serif;
  font-weight: 200;
  font-style: italic;
}

/* Kursbilder behalten ein einheitliches Format und werden passend zugeschnitten. */
.card-img-top {
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.site-logo {
  height: 60px;
  width: 60px;
}

.custom-nav h3 {
  margin-bottom: 0;
}

.design-submit-button {
  background-color: #f59300;
  outline: none;
  box-shadow: none;
}

.design-submit-button:hover {
  background-color: #871580;
  border-color: #ffffff;
  outline: none;
  box-shadow: none;
}

.design-submit-button:focus,
.design-submit-button:active,
.design-submit-button:focus-visible {
  background-color: #871580;
  border-color: #ffffff;
  outline: none;
  box-shadow: none;
}

:root {
  --bs-body-bg: #000000;
  --bs-body-color: #ffffff;
}

.form-control,
.form-select {
  color: #ffffff;
  background-color: #000000;
}

/* Quellenangabe 10 Start */
.form-control::placeholder {
  color: #c8c8c8;
  opacity: 1;
}

.form-control::-webkit-calendar-picker-indicator {
  filter: invert(1);
}
/* Quellenangabe 10 Ende */

.navbar .navbar-brand,
.navbar .nav-link,
.navbar .nav-link.active {
  color: #ffffff;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
  text-decoration: underline;
}

.sbtn {
  border: 2px solid #ffffff;
}