/* Kein eigenes margin-top hier: .content-section trägt bereits die
   .section-Klasse, die oben UND unten padding-block: var(--space-section)
   setzt. Zwei benachbarte Blöcke haben dadurch automatisch einen Abstand
   von 2× space-section (Ende-Padding + Start-Padding). Ein zusätzliches
   margin-top hier hätte das auf das 3-Fache erhöht — das war der Grund
   für den zu großen, unnatürlichen Abstand zwischen Textblöcken. */

.content-section__title { margin-bottom: var(--space-h2-text); }

.content-section__body h3 { margin-top: var(--space-section); margin-bottom: var(--space-h3-text); }
.content-section__body h3:first-child { margin-top: 0; }

.content-section__cta { margin-top: var(--space-paragraph); }

/* Interne Textlinks (kontextuelle Verlinkung zwischen Seiten): in der
   Markenfarbe (Gold) mit dezenter Unterstreichung, damit sie sich klar
   vom umgebenden Fließtext abheben, ohne wie eine Überschrift zu wirken. */
.content-section p a {
  color: var(--color-heading-gold);
  text-decoration: underline;
  text-decoration-color: rgba(255, 212, 41, 0.45);
  text-underline-offset: 2px;
  font-weight: var(--font-weight-semibold);
  transition: color var(--transition-base), text-decoration-color var(--transition-base);
}
.content-section p a:hover,
.content-section p a:focus-visible {
  color: var(--color-white);
  text-decoration-color: currentColor;
}

/* Bild steht im Markup vor dem Text und erscheint dadurch auf allen
   Breakpoints direkt nach der H2 und vor dem Fließtext (Spec 4.5). */

/* Plattform-Karten (App-Seite: Android/iOS) */
.platform-card {
  background: var(--color-card-bg);
  border-radius: var(--radius-card);
  padding: var(--space-card-padding);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: flex-start;
  text-align: left;
}
.platform-card img { width: 64px; height: 64px; object-fit: contain; }

/* Kompaktere Tabelle und "Download App"-Schaltfläche innerhalb der
   Plattform-Karten (Android/iOS) — wirkten im Verhältnis zur kleinen
   Karte zu groß. */
.platform-card .data-table-wrap { margin-block: 0.75rem; }
.platform-card .data-table th,
.platform-card .data-table td {
  padding: 0.5rem 0.75rem;
  font-size: 0.8rem;
}
.platform-card .btn--block {
  padding: 0.625rem 1.25rem;
  font-size: 0.9rem;
}