body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #333;
    color: #eee;
    line-height: 1.6;
        font-size: 16px; /* oder größer, je nach Bedarf */
}


header {
    background-color: #444;
    padding: 1em;
    text-align: center;
    border-bottom: 1px solid #555;
}
  
main {
    padding: 20px;
    max-width: 800px; /* Adjust this value to control the text window's width */
    margin: 0 auto; /* Centers the content horizontally */
}

.text-container {
      max-width: 100px;   /* Maximale Breite des Textfensters */
      margin: 0 auto;     /* Zentriert das Element horizontal */
      padding: 20px;      /* Innenabstand für etwas Luft */
      border: 1px solid #ccc; /* Optional: Rahmen */
      background-color: #f9f9f9; /* Optional: Hintergrundfarbe */
      text-align: center; /* Zentriert den Text im Container */
}

article {
   background-color: #444;
   padding: 20px;
   border-radius: 5px;
   line-height: 1.7; /* Verbessert den Zeilenabstand */
   max-width: 10px; /* oder eine andere passende Breite */
   margin: 0 auto; /* Zentriert den Textbereich */
}

section {
    margin-bottom: 1.5em; /* Fügt Abstand zwischen den Abschnitten hinzu */
}

p {
    margin-bottom: 0.75em; /* Fügt Abstand zwischen den Absätzen hinzu */
}
.zentrierter-text {
    max-width: 10px;   /* Breite des Textbereichs */
    margin: 0 auto;      /* Zentriert den Text horizontal */
    text-align: justify;    /* Optional: Blocksatz */
}
footer {
    background-color: #444;
    text-align: center;
    padding: 1em;
    font-size: 0.8em;
    color: #bbb;
    border-top: 1px solid #555;
}