body {
  font-family: 'Helvetica Now Display';
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-black);
  background-color: var(--bs-body-bg);
}

.navbar-toggler {
  color: var(--bs-black);
}

.navbar {
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
  background-color: #ffffff;
}

.figure-caption {
  color: #000000;
}

a {
  color: var(--bs-black);
  text-decoration: none;
}

a:hover {
  color: var(--bs-black);
}

.navbar-brand {
  font-size: 20px;
  color: var(--bs-black);
  text-decoration: none;
  white-space: nowrap;
}

.nav-link {
  font-size: 20px;
  color: var(--bs-black);
}

.navbar-nav .nav-link.active, .navbar-nav .show > .nav-link {
  color: var(--bs-black);
}

.untertitel {
  font-size: 10px;
}

@media (min-width: 992px) {
  .untertitel {
    font-size: 14px;
  }
}

@media (min-width: 1400px) {
  .untertitel {
    font-size: 16px;
  }
}

.kopfzeile {
  font-size: 20px;
}

html {
  height: 100%;
  width: 100%; scroll-behavior: smooth;
}

body {
  height: 100%;
}

.column-scroll {
  height: 100%;
  overflow-y: scroll;
}

.breadcrumb {
  --bs-breadcrumb-divider: "→";
  font-size: 20px;
}

#graph {
  width: 100%;
  height: 100%;
}

#graph-m {
  width: 100%;
  height: 100%;
}