body
  {
  margin: 0;
  padding: 0;
  background-color: #f0f0f0;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: left;
  overflow: hidden;
  }

.nachricht
  {
  width: 100%;
  max-width: 600px;
  height: 400px; /* oder je nach Inhalt anpassen */
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 3em;
  text-align: center;
  opacity: 0;
  transition: opacity 2s ease-in-out;
  margin: auto;
  }

.sichtbar
  {
  opacity: 1;
  }

.akronym-horizontal
  {
  font-weight: bold;
  letter-spacing: 0.2em;
  color: #642083;
  }

.akronym-vertikal
  {
  flex-direction: column;
  font-size: 2em;
  align-items: flex-start;
  line-height: 1.6em;
  }

.zeile
  {
  width: 100%;
  display: flex;
  justify-content: left;
  opacity: 0;
  animation: einblenden 1s ease forwards;
  }

.zeile:nth-child(1) { animation-delay: 0s; }
.zeile:nth-child(2) { animation-delay: 0.3s; }
.zeile:nth-child(3) { animation-delay: 0.6s; }
.zeile:nth-child(4) { animation-delay: 0.9s; }
.zeile:nth-child(5) { animation-delay: 1.2s; }
.zeile:nth-child(6) { animation-delay: 1.5s; }
.zeile:nth-child(7) { animation-delay: 1.8s; }
.zeile:nth-child(8) { animation-delay: 2.1s; }

.buchstabe
  {
  font-weight: bold;
  color: #642083;
  }

.bedeutung
  {
  margin-left: 0.5em;
  color: #202020;
  }

@keyframes einblenden
  {
  to
    {
    opacity: 1;
    }
  }