/* ================================================================
 * Section variant: .download — Katalog-Card-Look
 * ================================================================
 * CMS-Custom-Class "download" auf der Content-Section. Via :has()
 * auf das Article hochgezogen, sodass Hintergrund + Padding die
 * ganze Zeile umspannen (inklusive Keyvisual).
 *
 * Markup:
 *   <article>
 *     <section class="keyvisual">...</section>    (optional)
 *     <section class="download">
 *       <hgroup>...</hgroup>
 *       <p>Beschreibung</p>
 *     </section>
 *   </article>
 */

article:has(> section.download){
    padding:1.5rem 1rem;
    align-items:start;
}

/* Alternierende Streifen — jeder zweite Download-Artikel grau */
article:has(> section.download):nth-of-type(even){
    background:#f0f0f0;
}

/* Content-Section oben buendig neben dem Keyvisual (greift nur
 * wenn article ein Grid mit keyvisual-Spalte ist, z.B. Magazine) */
article:has(> section.keyvisual) > section.download{
    align-self:start;
}

@media screen and (min-width: 45rem){

    /* Download-Keyvisual etwas kompakter als Default */
    article:has(> section.keyvisual):has(> section.download){
        grid-template-columns:minmax(10rem, 15rem) 1fr;
        gap:1.5rem;
    }

}