html,
    body {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-size: 16px;
    }

    body {
      overflow: auto;
      background-image: url(back.jpg);
      background-attachment: fixed;
    }

    h1 {
      font-size: 1.2em;
      margin-bottom: 0.5em;
      background-color: rgb(181, 181, 181);
    }

    a {
      color: #00ffff;
      text-decoration: none;
    }

    ul {
      padding: 0;
      margin: 0;
    }

    li {
      list-style: none;
    }

    #maindiv {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      background-color: rgb(0, 0, 0, 0.2);
      margin: 5px 10px;
      padding: 10px;
      border-radius: 5px;
      min-height: calc(100vh - 10px);
      box-sizing: border-box;
    }

    .headline {
      box-shadow: inset 5px 5px 15px -6px #000000;
      margin: 10px;
      padding: 5px;
      border-radius: 5px;
      font-size: 0.8rem;
    }

    #definition {
      scroll-margin-top: 20px;
      /* Verhindert das "Anklatschen" ganz oben */
    }

    .fake-link {
      color: #00ffff;
      text-decoration: underline;
      cursor: pointer;
    }

    .fake-link:hover {
      color: red;
      /* Dein alink/hover Effekt */
    }

    video {
      max-width: 100%;
      height: auto;
      margin-left: auto;
      margin-right: auto;
    }

    kbd {
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: 0.85em;
      line-height: 1;
      padding: 0.35em 0.55em;
      border-radius: 6px;

      color: #111;
      background: linear-gradient(#ffffff, #e9e9e9);
      border: 1px solid #c8c8c8;

      box-shadow:
        inset 0 -2px 0 rgba(0, 0, 0, 0.15),
        /* untere Kante */
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        /* obere Lichtkante */
        0 1px 2px rgba(0, 0, 0, 0.2);
      /* Drop Shadow */

      white-space: nowrap;
    }