/*
 * Die Artikelbilder bleiben native WordPress-Blöcke. Diese Regeln sind nur
 * ein Fallback für Themes, die den Core-Galerieblock nicht mehrspaltig stylen.
 */
.wp-block-gallery.afaw-native-gallery {
    display: grid !important;
    gap: clamp(0.75rem, 2vw, 1.25rem);
    align-items: start;
    margin-block: 1.5rem;
}

.wp-block-gallery.afaw-native-gallery.columns-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wp-block-gallery.afaw-native-gallery.columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.wp-block-gallery.afaw-native-gallery > .wp-block-image {
    width: 100%;
    margin: 0;
}

.wp-block-gallery.afaw-native-gallery > .wp-block-image > img {
    display: block;
    width: 100%;
    height: auto;
}

.wp-block-gallery.afaw-native-gallery.is-cropped > .wp-block-image > img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.wp-block-gallery.afaw-native-gallery > .wp-block-image > figcaption {
    position: static;
    width: auto;
    margin: 0.55rem 0 0;
    padding: 0;
    background: none;
    color: inherit;
    text-align: left;
}

@media (max-width: 700px) {
    .wp-block-gallery.afaw-native-gallery.columns-2,
    .wp-block-gallery.afaw-native-gallery.columns-3 {
        grid-template-columns: 1fr;
    }
}