/* ============================================================
   Gustav Stahlwerk Manufaktur – CMS-Ergänzungen
   Stile für die neuen Block-Typen (Text, Bild+Text, Galerie).
   ============================================================ */

/* ---------- Freier Text-Abschnitt ---------- */

.cms-text p {
    margin-bottom: 1.2em;
    max-width: 62ch;
    font-size: 18px;
}
.cms-text p:last-child { margin-bottom: 0; }
.cms-text ul { margin-bottom: 1.2em; padding-left: 22px; font-size: 17px; }

/* ---------- Bild + Text ---------- */

.cms-bild-text {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 48px;
    align-items: start;
}
.cms-bild-text.rechts .cms-bild-text-bild { order: 2; }
.cms-bild-text figure img {
    width: 100%;
    height: auto;
    border: 1px solid var(--linie);
}
@media (max-width: 760px) {
    .cms-bild-text { grid-template-columns: 1fr; }
    .cms-bild-text.rechts .cms-bild-text-bild { order: 0; }
}

/* ---------- Galerie (gleichmäßiges Raster) ---------- */

.galerie-raster {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 14px;
}
.galerie-raster a {
    display: block;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border: 1px solid var(--linie);
    background: var(--beton);
}
.galerie-raster img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.25s ease;
}
.galerie-raster a:hover img { transform: scale(1.04); }

/* Projekt-Raster: Bilder sind verlinkt, Struktur bleibt erhalten */
.projekt-raster a { display: contents; }
.projekt-raster a figure { margin: 0; }

/* Galerie-/Projekt-Notiz als Block (Absätze darin) */
.projekt-notiz p { margin-bottom: 1em; }
.projekt-notiz p:last-child { margin-bottom: 0; }