@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Serif&display=swap');

article {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 150;
  font-style: normal;
}


body {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 150;
  font-style: normal;
}

/* article {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}*/

footer ul li a {
  font-weight: bold;
  font-family: "IBM Plex Sans", sans-serif;
/*  font-size: 0.83333rem; */
  color: #333;
}

li {
	font-size: 16px;
}

footer .very-dark-primary-color {
  background-color: transparent;
  height: 100px;
}

footer img {
  height: 80px !important;
}

.homepage-element-about .dark-primary-bg {
  color: #000;
  background-color: transparent;
}

.homepage-element-about .dark-primary-bg h2 {
  color: #000;
}

.homepage-element-about .dark-primary-bg p {
  color: #000;
}

:root {
  --primary-dark-color: #062657;
  --very-dark-primary-color: #06152D;
  --primary-light-color: darkred;
  --topbar-background-color: #FFFFFF;
  --menu-background-color: #FFFFFF;
  --menu-alternative-background-color: #FFFFFF;
  --menu-foreground-color: #000000;
  --link-color: darkred;
  --toc-link-color: darkred;
  --figure-caption-background-color: darkred;
  --figure-caption-color: #FFFFFF;
}

.pagination .current {
  background-color: var(--link-color);
}
.pagination .current a {
      color: #ffffff;
}
.pagination a:hover {
  background: var(--very-dark-primary-color);
}

footer .very-dark-primary-color {
  background-color: transparent;
  height: 100px;
}

footer img {
  height: 60px !important;
}

.fig-caption {
  background-color: #f1f1f1;
  padding: 10px;
}

.fig-caption span, p {
  font-size: 16px;
}

.table-caption {
  background-color: #f1f1f1;
  padding: 10px;
}

.table-caption span, p {
  font-size: 16.5px;
}

a {
	color: darkred;
}

.toc-link {
	color: darkred;
}

.figure-caption {
	background-color: darkred;
}

.primary-light {
	color: darkred;
}

.button {
  background-color: darkred;
}

.button:hover {
  background-color: #580000;
}

a:hover {
  color: #580000;
}

a:focus {
  color: #580000;
}

.button:focus {
  background-color: #580000;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  color: darkred;
  border-color: darkred transparent transparent;
}

.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
  color: darkred;
  border-color: darkred transparent transparent;
}

#content aside h3 {
  text-transform: uppercase;
  font-size: 1.25rem;
  color: black;
}

img[data-img="Stilometrie_mit_Stylo_Install_Stylo-Package_p.png"] {
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

header #main-menu li a {
  font-weight: 300;
  color: var(--menu-foreground-color);
  font-size: 1.2rem;
}