/* main.css - analog iOS-Style für App-Webviews */

:root {
  --color-text: #0f172a;
  --color-muted: #475569;
  /* Zwingt iOS dazu, die native San Francisco Schriftart (SF Pro) zu nutzen */
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;
  --page-pad: 1.25rem;
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
  :root {
    --color-text: #f8fafc;
    --color-muted: #94a3b8;
  }
  body {
    background-color: #000000;
  }
}

*, *::before, *::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: var(--font);
  /* Body = size: 18, weight: .medium (500) */
  font-weight: 500;
  font-size: 18px;      
  line-height: 1.5;
  color: var(--color-text);
  text-align: left;
  -webkit-text-size-adjust: 100%;
}

.section {
  padding: var(--page-pad);
}

/* Alle Überschriften (h1, h2, h3) = size: 18, weight: .semibold (600) */
h1, h2, h3, .hero__title, .features__heading {
  margin: 2rem 0 1rem;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.3;
}

/* Die allererste Überschrift (h1) braucht keinen Abstand nach oben */
.hero__title {
  margin-top: 0;
  margin-bottom: 1.5rem;
}

p {
  margin: 0 0 1rem;
}

ul {
  margin: 0 0 1rem;
  padding-left: 1.25rem;
}

li {
  margin-bottom: 0.25rem;
}

a {
  color: #00669d;
  text-decoration: none;
}

@media (prefers-color-scheme: dark) {
  a {
    color: #38bdf8;
  }
}

hr {
  border: 0;
  border-top: 1px solid var(--color-muted);
  opacity: 0.3;
  margin: 3rem 0;
}

/* ── Legaldocumente (WebViews: Datenschutzerklärung / Nutzungsbedingungen) ── */
.legal-doc__inner {
  text-align: left;
}

@media (max-width: 51.999rem) {
  body,
  .heading-left,
  .legal-doc__inner {
    text-align: left !important;
  }
}

.legal-muted {
  margin: 0 0 2rem;
  color: var(--color-muted);
}

.legal-subheading {
  margin: 0 0 0.5rem;
}

.legal-mb-1-5 {
  margin: 0 0 1.5rem;
}

.legal-mb-2 {
  margin: 0 0 2rem;
}

.legal-mb-4 {
  margin: 0 0 4rem;
}

.legal-li-spaced {
  margin-bottom: 0.5rem;
}

ul.legal-mb-2 {
  margin: 0 0 2rem;
}

.legal-rule {
  border: 0;
  border-top: 1px solid var(--color-muted);
  opacity: 0.3;
  margin: 3rem 0 4rem;
}

.legal-heading-first {
  margin-top: 2rem;
}

.legal-heading-continue {
  margin-top: 0;
}