body {
  margin: 0;
  padding: 0 1rem;              /* kleiner Abstand zum Rand */
  text-align: left;
  font-size: 1rem;              /* Smartphone-Basis, z. B. 16px */
  line-height: 1.2;
  hyphens: auto;
  -webkit-hyphens: auto;        /* für Safari */
  overflow-wrap: break-word;    /* Notfall bei sehr langen Wörtern/URLs */
}

/* Tablets */
@media (min-width: 600px) {
  body {
    font-size: 1.125rem;
    padding: 0 2rem;
  }
}

/* Desktop: Zeilenlänge begrenzen */
@media (min-width: 1024px) {
  body {
    font-size: 0.9rem;
  }
  div {
    max-width: 80ch;
  }
}