/* ================================================================
 * Section variant: .row — horizontale Aufreihung (z.B. Logos)
 * ================================================================
 * Markup:
 *   <section class="row">
 *     <figure class="media fit"><picture>...</picture></figure>
 *     <figure class="media fit"><picture>...</picture></figure>
 *     <figure class="media fit"><picture>...</picture></figure>
 *   </section>
 *
 * (Das <p>, das TinyMCE um die [media X fit]-Tags legt, wird beim
 *  Shortcode-Replace in Core/Media.php::function_system_db_replace_tags
 *  entfernt — figures sind dann direkte Kinder der section.)
 */

section.row{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(8rem, 1fr));
    gap:1.5rem;
    align-items:center;
    justify-items:center;
    margin:0;
    padding:0;
}

section.row figure.media{
    margin:0;
    padding:0;
    max-width:12rem;
    width:100%;
}

section.row figure.media picture,
section.row figure.media img{
    width:100%;
    height:auto;
    display:block;
}