body {
      background-color: black;
      margin: 0;
      padding: 0;
    }

    <style>
    @font-face {
    font-family: "Arimo";
    src: url("fonts/Arimo.ttf") format("truetype");
}

    p {
      color: white;
      font-family: Arimo,
      font-size: 18px;
      line-height: 1.6;
      padding: 0 20px;
      max-width: 800px;
      margin: 20px auto;
    }

    pre {
      color: white;
      font-family: Arimo,
      font-size: 18px;
      line-height: 1.6;
      padding: 20px;
      max-width: 800px;
      margin: 20px auto;
      white-space: pre-wrap;
    }
    h2 {
        color: white;
        border-bottom: 5px solid red;
        padding-bottom: 10px;
        margin: 20px 0;
    }

    h2 a,
    h2 a:visited {
    color: white;
    text-decoration: none;
}

a.nav-link {
  display: block;
  color: red;
  text-decoration: none;
  text-align: left;
  margin-bottom: 1em;
  font-size: 20px;
}

a.nav-link:hover {
  color: blue;
}

/* ======= Menü-Styles ======= */
:root{
  --rot:  #d80000;
  --gelb: #ffeb3b;
  --blau: #1e90ff;
  --text: #000;
}

.menü{
  border-top: 4px solid var(--rot);
  border-bottom: 4px solid var(--rot);
  background: transparent;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", Arial, sans-serif;
}

.menü ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
}

.menü li{ margin: 0; }

.menü a{
  display: block;
  padding: 0.8rem 1.2rem;
  background: var(--gelb);          /* Standard: GELB */
  color: var(--text);
  text-decoration: none;
  font-weight: 700;
  line-height: 1;
  border-right: 1px solid rgba(0,0,0,.12);
  transition: background .12s ease, color .12s ease;
}

.menü li:first-child a{
  border-left: 1px solid rgba(0,0,0,.12);
}

/* Hover: BLAU */
.menü a:hover{
  background: var(--blau);
  color: #fff;
}

/* Klick → bleibt GELB */
.menü a:active{
  background: var(--gelb);
  color: var(--text);
}

/* Nie lila Links bitte */
.menü a:visited{ color: var(--text); }

/* Tastaturfreundlich */
.menü a:focus-visible{
  outline: 3px dashed var(--blau);
  outline-offset: 2px;
}

/* Aktuelle Seite permanent BLAU halten */
.menü a.is-current,
.menü a.is-current:hover,
.menü a.is-current:active{
  background: var(--blau);
  color: #fff;
  cursor: default;
}

/* Willkommen Bereich */
.willkommen {
  max-width: 800px;
  margin: 2rem auto;
  font-size: 1.1rem;
  line-height: 1.6;
}

.willkommen strong {
  color: #ffeb3b; /* GELB wie dein Menü */
  font-size: 1.2rem;
}

.willkommen .weisheit {
  border-left: 5px solid #d80000; /* rot wie Menü-Linie */
  padding-left: 1rem;
  margin: 1.5rem 0;
  font-style: italic;
  color: red;
}

.videotitel {
  border-left: 5px solid #ffeb3b; /* rot wie Menü-Linie */
  padding-left: 1rem;
  margin: 1.5rem 0;
  font-style: italic;
  color: yellow;
}

.titel {
  border-left: 5px solid #ffeb3b; /* rot wie Menü-Linie */
  padding-left: 1rem;
  margin: 1.5rem 0;
  font-style: italic;
  color: yellow;
  font-size: 35pt;
}