* {
    /*font-family: 'Reenie Beanie', cursive;
    font-family: 'Patrick Hand SC', cursive;
    font-family: 'Quicksand', sans-serif;
    font-style: italic;*/
    font-family: 'Tajawal', sans-serif;
  }

  body {
    background-color: #1f2e3e;
    padding: 0;
    margin: 0;
    color: white;
  }

  #steckbrief {
    border-bottom: .1em solid white;
  }

  img {
    margin: 0;
    padding: 0;
  }

  #gallery-text-left {
    width: 50%;
  }

  #gallery-text-right {
    width: 50%;
    text-align: right;
  }

  #hr {
    background-color: white;
    padding: 0;
    margin: 0;
    width: 100%;
    height: .1em;
  }

  ul {
    list-style-type: "  -  ";
  }

  p,
  li {
    line-height: 150%;
    font-size: 150%;
  }

  li {
    line-height: 110%;
    font-size: 150%;
  }

  h3 {
    line-height: 90%;
    font-size: 150%;
  }

  #textcontainer {
    margin: 8em auto;
  }

  h1.top {
    font-size: 230%;
    text-align: center;
  }

  h1.bottom {
    line-height: 150%;
    font-size: 150%;
    text-align: center;
  }

  h1.signatur {
    font-size: 250%;
    line-height: 90%;
    text-align: center;
  }

  .links {
    padding: 12pt 20pt 3pt 20pt;
    cursor: pointer;
    object-fit: contain;
    height: 2em;
    max-width: 40vw;
  }

  @media (max-width: 600px) {
    .links {
      padding: 2pt 7pt 1pt 7pt;
      height: 1.2em;
    }
  }

  @media (max-width: 350px) {
    .links {
      padding: 2pt 7pt 1pt 7pt;
      cursor: pointer;
      object-fit: contain;
      height: 1em;
    }
  }