/* Bilder im Ratgeber und in den Bereichskarten (#100). Not-Aus: Option dsz_bilder_aus = 1 (dann keine Bilder im HTML). */

/* Titelbild über dem Artikeltext */
.dsz-artikel__bild{margin:0 0 var(--dsz-space-6);border:1px solid var(--dsz-border);border-radius:var(--dsz-radius-l);overflow:hidden;background:#F7F8F9}
.dsz-artikel__bild img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover}

/* Karten der Ratgeber-Übersicht: Bild bündig oben */
.dsz-textkarte__bild{display:block;margin:calc(var(--dsz-space-6) * -1) calc(var(--dsz-space-6) * -1) var(--dsz-space-3);border-bottom:1px solid var(--dsz-border);border-radius:var(--dsz-radius-l) var(--dsz-radius-l) 0 0;overflow:hidden;background:#F7F8F9}
.dsz-textkarte__bild img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .4s}
.dsz-card--link:hover .dsz-textkarte__bild img{transform:scale(1.03)}
.dsz-textkarten__raster--liste .dsz-textkarte__bild{display:none}

/* Bereichskarten der Startseite: Bild statt Icon und Nummer */
.dsz-bereich__bild{margin:calc(clamp(24px,3vw,36px) * -1) calc(clamp(24px,3vw,36px) * -1) var(--dsz-space-2);border-radius:calc(var(--dsz-radius-l) - 6px) calc(var(--dsz-radius-l) - 6px) 0 0;border-bottom:1px solid var(--dsz-border);overflow:hidden;background:#F7F8F9}
.dsz-bereich__bild img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}

@media (prefers-reduced-motion:reduce){.dsz-textkarte__bild img{transition:none}.dsz-card--link:hover .dsz-textkarte__bild img{transform:none}}