/* Container zentrieren und Breite begrenzen */
.agb-container {
  max-width: 800px;    /* oder 60–70 em */
  margin: 0 auto;      /* horizontal zentrieren */
  padding: 2em 1em;    /* oben/unten 2em, seitlich 1em Abstand */
  text-align: center;  /* Text mittig ausrichten */
}

/* Überschriften */
.header-text {
  font-size: 2.25rem;   /* groß genug für Hervorhebung */
  line-height: 1.2;
  margin-bottom: 1rem;
}

.subheader-text {
  font-size: 1.5rem;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}

/* Fließtext */
.body-text {
  font-size: 1rem;
  line-height: 1.6;
  color: #555;           /* etwas gedämpfter Ton */
  margin: 0 auto 1.5rem; /* Abstand nach unten */
}
/* 1) Setze eine sichere, saubere System‑ oder Webfont‑Fallback-Kette */
body, p, h1, h2, h3, h4, .primary-text, .header-text, .subheader-text {
  font-family: 'Open Sans', Arial, sans-serif !important;
  letter-spacing: 0 !important;              /* keine merkwürdigen Abstände */
  -webkit-font-smoothing: antialiased;        /* glattere Kanten */
  text-rendering: optimizeLegibility;         /* bessere Ligaturen und Kerning */
}

/* 2) Optional: Falls Dein Site‑Builder eingebaute Letter‑Spacing‑Werte hat */
.navbar, .w-nav-menu, .nav-link, .cta-button,
.agb-container, .footer-nav-link {
  letter-spacing: normal !important;
}

/* 3) Achte auf genug Zeilenhöhe und Kontrast */
body {
  line-height: 1.6;
  color: #333;
}