/* Globale Schrift auf Oxygen setzen */
html, body {
  font-family: 'Oxygen', sans-serif !important;
}



/* Nur die About-Seite anpassen */
.about__text {
  font-size: 1rem;
  line-height: 1.6;
  max-width: 70ch;    /* Mobil/Tablet */
  margin: 0 auto;
}

@media (min-width: 900px) {
  .about__text {
    max-width: 95ch;  /* Desktop angenehm breit */
  }
}

@media (min-width: 1600px) {
  .about__text {
    max-width: 110ch; /* Für große Bildschirme */
  }
}

/* Überschriften harmonischer gestalten */
.about__text h1,
.about__text h2,
.about__text h3 {
  line-height: 1.3;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
}

/* Abstand zwischen Absätzen */
.about__text p {
  margin-bottom: 0.7em;
}

/* Listen freundlicher */
.about__text ul,
.about__text ol {
  margin-left: 1.3em;
  margin-bottom: 1.2em;
}

/* Link-Styling (optional, schick) */
.about__text a {
  color: var(--color-primary);
  text-decoration: underline;
}
.about__text a:hover {
  text-decoration-thickness: 2px;
}