/* ===========================================================
   YONESTY DESIGN SYSTEM
   GitHub-Wiki inspirierter Look
   =========================================================== */


/* -----------------------------------------------------------
   FARBEN
   ----------------------------------------------------------- */

/* Akzentfarbe für Links und aktive Navigation */
:root {
  --md-accent-fg-color: #B5B4B4;
  --md-primary-fg-color: #B814A0;
}



/* -----------------------------------------------------------
   FLIESSTEXT
   ----------------------------------------------------------- */

/* Grundschriftgröße der gesamten Dokumentation
   GitHub-Wiki-ähnlich sehr kompakt */
.md-typeset {
  font-size: 0.60rem;
  color: #333333;
}

/* Zeilenabstand Fließtext */
.md-typeset p {
  line-height: 1.45;
}

/* Listen */
.md-typeset li {
  line-height: 1.45;
}


/* -----------------------------------------------------------
   H1 wie im GitHub Wiki
   ----------------------------------------------------------- */

/* Hauptüberschrift */
.md-typeset h1 {

  /* GitHub Schriftfarbe */
  color: #24292f;

  /* Schriftgröße */
  font-size: 1.45rem;

  /* Schriftstärke */
  font-weight: 500;

  /* Abstand zwischen Text und Linie */
  padding-bottom: 0.3rem;

  /* Graue Trennlinie */
  border-bottom: 1px solid #d0d7de;

  /* Abstand zum folgenden Inhalt */
  margin-bottom: 1rem;

  /* Kein zusätzlicher Abstand oben */
  margin-top: 0;
}


/* -----------------------------------------------------------
   H2 wie im GitHub Wiki
   ----------------------------------------------------------- */

.md-typeset h2 {

  /* GitHub Schriftfarbe */
  color: #24292f;

  /* Schriftgröße */
  font-size: 1.00rem;

  /* Schriftstärke */
  font-weight: 400;

  /* Abstand zwischen Text und Linie */
  padding-bottom: 0.25rem;

  /* Graue Trennlinie */
  border-bottom: 1px solid #d8dee4;

  /* Abstand oberhalb */
  margin-top: 2rem;

  /* Abstand unterhalb */
  margin-bottom: 1rem;
}


/* -----------------------------------------------------------
   H3
   ----------------------------------------------------------- */

.md-typeset h3 {

  color: #24292f;

  font-size: 0.90rem;

  font-weight: 400;

  margin-top: 1.5rem;
}


/* -----------------------------------------------------------
   AUFZÄHLUNGEN WIE IM GITHUB WIKI
   ----------------------------------------------------------- */

.md-typeset ul {

  /* Klassische Bullet Points */
  list-style-type: disc;

  /* Linkseinzug */
  padding-left: 1.5rem;
}

.md-typeset li {

  /* Kompakter Zeilenabstand */
  line-height: 1.45;

  /* Abstand zwischen Punkten */
  margin-bottom: 0.15rem;
}

/* Farbe der Bullet Points */
.md-typeset ul li::marker {
  color: #24292f;
}


/* -----------------------------------------------------------
   LINKS
   ----------------------------------------------------------- */

/* Standard Links */
.md-typeset a {
  color: #B814A0;
}

/* Hover-Farbe */
.md-typeset a:hover {
  color: #941080;
}


/* -----------------------------------------------------------
   NAVIGATION
   ----------------------------------------------------------- */

/* Schriftgröße der Navigation */
.md-nav {
  font-size: 0.60rem;
}

/* Linke Sidebar */
.md-sidebar {
  font-size: 0.60rem;
}

/* Aktiver Menüpunkt */
.md-nav__link--active {
  color: #B814A0;
  font-weight: 500;
}


/* -----------------------------------------------------------
   TABELLEN
   ----------------------------------------------------------- */

.md-typeset table {
  font-size: 0.80rem;
}


/* -----------------------------------------------------------
   SUCHFELD
   ----------------------------------------------------------- */

.md-search__input {
  font-size: 0.60rem;
}


/* -----------------------------------------------------------
   CODEBLÖCKE
   ----------------------------------------------------------- */

.md-typeset code {
  font-size: 0.78rem;
}


/* -----------------------------------------------------------
   BILDER
   ----------------------------------------------------------- */

/* Eckige Ecken */
.md-typeset figure {
  display: block;
  width: 100%;
  margin: 1rem 0;
  padding: 0;
  box-sizing: border-box;
  margin-left: 0;
}

.md-typeset figcaption {
    display: block;
    width: 100%;
    text-align: left;
    color: #57606a;
    font-style: italic;
    font-size: 0.55rem;
    margin-top: 0.25rem;
    margin-left: 0;
}

.md-typeset figcaption::before {
  content: "Abbildung: ";
}
/* -----------------------------------------------------------
   FOOTER
   ----------------------------------------------------------- */

/* Dezente Linie oberhalb des Footers */
.md-footer {
  border-top: 1px solid #d8dee4;
}