/* Datei: style.css */

/* ====== Grundlayout ====== */
body {
  font-family: "Arial", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 20px;        /* Basis-Schriftgröße */
  line-height: 1.8;       /* Angenehme Zeilenhöhe */
  color: #222222;         /* Dunkles Grau für bessere Lesbarkeit */
  background-color: #ffffff; /* Weißer Hintergrund */
  margin: 0;
  padding: 0 25px;        /* Seitenabstand links/rechts */
}

/* ====== Überschriften ====== */
h1, h2, h3 {
  font-family: "Segoe UI", "Arial", sans-serif;
  color: #111111;
  margin-top: 1.2em;
  margin-bottom: 0.5em;
  line-height: 1.3;
}

/* Hauptüberschrift */
h1 {
  font-size: 2rem;        /* ca. 32px */
  font-weight: 700;
  border-bottom: 2px solid #007BFF; /* optionaler Akzent */
  padding-bottom: 6px;
}

/* Abschnittsüberschrift */
h2 {
  font-size: 1.5rem;      /* ca. 24px */
  font-weight: 600;
  color: #222222;
}

/* Unterüberschrift */
h3 {
  font-size: 1.3rem;      /* ca. 20px */
  font-weight: 500;
  color: #333333;
}

/* ====== Fließtext ====== */
p {
  margin-bottom: 1.5em;
}

/* ====== Links ====== */
a {
  color: #007BFF;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

/* ====== Responsive ====== */
@media (max-width: 600px) {
  h1 { font-size: 1.6rem; }
  h2 { font-size: 1.3rem; }
  h3 { font-size: 1.1rem; }
  body { font-size: 15px; }
}