/* Abschnitt Download (#1) */

.einleitung { font-size: 19px; margin-bottom: 36px; }

.downloads { display: flex; flex-wrap: wrap; gap: 16px; }

/* Ein Call-to-Action: je Sprache ein Link, sichtbar ist nur der der eingestellten Sprache. */
.download {
  display: flex; flex-direction: column; align-items: flex-start; gap: 6px;
  text-align: left;
  flex: 0 1 auto;
}
.download__meta { font-weight: 400; font-size: 15px; opacity: 0.9; }

/* Ab 1024 px (#18): Einleitung links, Button rechts in einer Zeile, vertikal mittig zum Text, Überschrift darüber.
   Schwelle gemessen mit build/download_probe.mjs; darunter steht der Button wie bisher unter dem Text. */
@media (min-width: 1024px) {
  .abschnitt--download {
    display: grid; grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 48px; align-items: center;
  }
  .abschnitt--download h1 { grid-column: 1 / -1; }
  .abschnitt--download .einleitung { margin-bottom: 0; }
  .download__titel, .download__meta { white-space: nowrap; }
}

@media (max-width: 768px) {
  .einleitung { font-size: 17px; }
  .download { flex: 1 1 100%; }
}