/* 
 * WP Block Gallery CSS
 * 
 * @package WordPress
 * @subpackage Chronik-Plugin
 * @since 1.0.0

Die WP Block Gallery hat standardmäßig auf Desktop 3, auf Mobile 2 Bilder pro Zeile.
Überzählige werden auf der letzten Zeile auf volle Breite gestreckt, was mir nicht gefällt. 
Ich möchte lieber, dass die Bilder in der letzten Zeile die gleiche Breite wie die Bilder in den 
vorherigen Zeilen haben.

┌────────┐ ┌────────┐ ┌────────┐
│ Bild 1 │ │ Bild 2 │ │ Bild 3 │
└────────┘ └────────┘ └────────┘

die überzähligen Bildere werden in gleicher Grösse zentriert.

┌────────┐ ┌────────┐ ┌────────┐
│ Bild 1 │ │ Bild 2 │ │ Bild 3 │
└────────┘ └────────┘ └────────┘
           ┌────────┐
           │ Bild 4 │
           └────────┘
*/

/* WP Block Gallery */
.wp-block-gallery.has-nested-images {
    justify-content: center;
}

/* Desktop: WordPress-Standardbreite behalten,
   aber letztes Bild nicht auf volle Breite wachsen lassen */
.wp-block-gallery.has-nested-images > .wp-block-image {
    flex-grow: 0 !important;
}

/* Mobile: 2 Bilder pro Zeile */
@media (max-width: 767px) {
    .wp-block-gallery.has-nested-images > .wp-block-image {
        flex-basis: calc(50% - var(--wp--style--unstable-gallery-gap, 16px) / 2) !important;
        width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px) / 2) !important;
    }
}