:root {
  --bg: #ffffff;
  --text: #111;
  --line: #fefefe;
  --muted: #ffffff;
}

html,
body {
  min-height: 100%;
  background-color: var(--bg);
}

.container {
  max-width: 1200px;       /* Zeilenlänge */
  margin: 0 auto;         /* zentrierung */
  padding: 0.25rem 0.25rem;  /* Abstand Rand */
  color: var(--text);
  line-height: 1.5;
  text-align: justify;    /* Blocksatz */
  -webkit-hyphens: auto;  /* Silbentrennung */
  -ms-hyphens: auto;      /* Silbentrennung */
  hyphens: auto;          /* Silbentrennung */
  box-sizing: border-box;
}

/* kleinere Bildschirme: etwas mehr Innenabstand */
@media (max-width: 480px) {
  .container { padding: 1rem; }
}