body {
    font-family: sans-serif;
    padding: 2rem;
    background-color: #f4f1de;
  }
  p {
    margin-top: .25em;
    margin-bottom: .25em;
  }
  p.gap-t {
    margin-top: .5em;
  }
  p.gap-b {
    margin-bottom: .5em;
  }
  ul, li {
    list-style: square;
  }
  button {
    background-color: #ffffff;
    border-radius: 6px;
  }
  button img {
    opacity: 67%;
  }
  .symbol {
    font-weight: bold;
    color: #002244;
  }
  .einr {
    margin-left: 1.5em;
  }
  .draftnr {
    font-style: italic;
    color: gray;
  }
  .slide {
    border: 2px solid blue;
    display: block;
    margin-top: 0.5rem;
    padding: 1rem;
  }
  .warn {
    font-weight: bold;
    color: red;
  }
  .ok {
    font-weight: bold;
    background-color: green;
    color: white;
    padding-left: 2px;
    padding-right: 2px;
  }
  .slidenr {
    font-size: 200%;
  }
  .navbtn {
    font-size: 150%;
    padding: .25em;
  }
  pre {
    font-family: monospace;
    color: blue;
  }
  .prewrap {
   margin: .25em;
   padding-left: .25em;
  }
  blockquote {
    margin: 0;
    padding: 20px;
    background-color: #f9f9f9;
    border-left: 5px solid #ccc;
    quotes: "“" "”" "‘" "’"; /* Define quotation marks */
  }

  blockquote:before {
    content: open-quote;
    font-size: 2.8em;
    color: #ccc;
    margin-right: 5px;
  }

  blockquote p {
    margin: 0; /* Reset default margin for paragraphs */
    font-style: italic;
    line-height: 1.6;
  }

  @media (max-width: 768px) {
    pre {
           overflow: hidden; /* Hide content that overflows the slide */
           /*white-space: nowrap; / * Prevent text from wrapping */
           text-overflow: ellipsis; /* Display ellipsis (...) for overflowed text */
         }
    .top-slide h1 {
           font-size: 150%;
         }
    .top-slide h2 {
           font-size: 120%;
         }
    ul {
      margin-left: .667em;
    }
    li > ul {
      margin-left: .667em;
    }
  }
  @media (min-width: 769px) {
    .slide {padding: 1.5rem;}
    .top-slide {
      padding: 6rem;
    }
    .top-slide h1 {
      font-size: 320%;
    }
    .top-slide h2 {
      font-size: 260%;
    }
    .top-slide h3 {
      margin-top: 4rem;
    }
    ul, li {
        list-style-image: url("../images/arrow-right.svg");
    }
  }
  @media (min-width: 1200px) {
    body {
      font-size: 14pt;
    }
    h2, h3, h4, h5 {
      margin-top: .75em;
      margin-bottom: .25em;
    }
    h2 {
      font-size: 125%;
    }
    .slide {
      height: 40rem;
      padding: 2.5rem;
      padding-right: 6rem;
    }
    li {
      margin-left: 1em;
    }
  }