Theme Name:   Blocksy Child
 Theme URI:    http://example.com/blocksy-child/
 Description:  Blocksy Child Theme
 Author:       Digitales für Kreative - Petra Gieffers
 Author URI:   https://digitales-fuer-kreative.de
 Template:     blocksy
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  blocksy-child





/* Bild- oder Galerieblöcke im Gutenberg-Editor */


.gallery-quad .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    color: black;  /* Ändert die Schriftfarbe in Schwarz */
    position: relative;  /* Positioniert die Caption relativ zum Bild */
    padding-top: 8px;  /* Fügt Abstand oben hinzu, um den Text vom Bild zu trennen */
    background-color: transparent;  /* Stellt sicher, dass der Hintergrund transparent ist */
    display: block;  /* Stellt die Anzeige auf Block, damit die Caption unter dem Bild erscheint */
    text-align: center;  /* Zentriert den Text */
	background: inherit;
}
.gallery-quad .wp-block-gallery .wp-block-image {
    position: relative;
    overflow: hidden;
    width: calc(33.333% - 10px);  /* Anpassung für 3 Spalten, wobei ein wenig Platz für den Rand bleibt */
    margin: 5px;
    float: left;
}

.wp-block-gallery .wp-block-image::before {
    content: "";
    display: block;
    padding-top: 100%; /* Dies erzeugt ein Quadrat basierend auf der Breite */
}

.wp-block-gallery .wp-block-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover; /* Sorgt dafür, dass das Bild den Bereich ausfüllt ohne zu verzerren */
}

.wp-block-gallery .wp-block-image:last-child {
    width: calc(33.333% - 10px); /* Stellt sicher, dass das letzte Bild dieselbe Breite wie die anderen hat, auch wenn es allein in einer Zeile steht */
}
}