/* Landschaftsbildanalyse (/landschaftsbildanalyse/) – nur Ergänzungen zu sonnwinn.css */

/* Kopfbild (Panorama 2000 × 600 px): auf dem Handy den Ausschnitt auf die markierten Modulflächen legen.
   Der Geodaten-Vermerk nutzt .held__nachweis aus sonnwinn.css. */
@media (max-width: 700px) {
  .held .held__bild { object-position: 53% 50%; }
}

/* Drei Abbildungen nebeneinander, Bilder 16:9 */
.lba-drei { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 32px; }
@media (max-width: 900px) { .lba-drei { grid-template-columns: 1fr; } }
.lba-drei .abbildung--bild img { aspect-ratio: 16 / 9; }
.lba-drei h3 { margin-bottom: 6px; }
/* gleich hohe Karten: Überschrift, Text und Abbildung teilen sich die Zeilen (Subgrid) */
.lba-drei { grid-template-rows: auto auto auto; row-gap: 0; }
.lba-schritt { display: grid; grid-row: span 3; grid-template-rows: subgrid; }
.lba-schritt p { margin-bottom: 14px; }
.lba-schritt .abbildung { display: flex; flex-direction: column; height: 100%; }
.lba-schritt .abbildung figcaption { flex: 1; }
@media (max-width: 900px) { .lba-drei { row-gap: 32px; } }

/* Visualisierungsbeispiel: Überschrift, Foto, Visualisierung in einem Rahmen */
.lba-beispiel { border: 1px solid var(--linie); background: var(--weiss); }
.lba-beispiel h3 { padding: 14px 14px 4px; margin: 0; }
.lba-beispiel figure { margin: 0; }
.lba-beispiel img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.lba-beispiel picture { display: block; }
.lba-beispiel figcaption { font-size: 14px; color: var(--text-leise); padding: 8px 14px 12px; }