/* FH Wedel - Inhaltselement Bilder (Spec 9.7).
   Raster: 1, 2, 3 oder 4 Spalten. Unter 480 px stehen 2er und 3er
   einspaltig, 4er zweispaltig; 3er ab 768 px, 4er ab 1000 px voll.
   Keine Lightbox. */
.fhw-bilder__raster {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-4);
    margin: 0;
    padding: 0;
    list-style: none;
}

.fhw-bilder__eintrag {
    margin: 0;
}

.fhw-bilder__eintrag + .fhw-bilder__eintrag {
    margin-top: 0;
}

.fhw-bilder__figur {
    margin: 0;
}

.fhw-bilder__link {
    display: block;
    border-radius: var(--radius-l);
}

.fhw-bilder__img {
    border-radius: var(--radius-l);
    transition: opacity var(--dur-fast) var(--ease-out);
}

.fhw-bilder__link:hover .fhw-bilder__img {
    opacity: 0.88;
}

/* Original: Bilder unterschiedlicher Hoehe oben buendig */
.fhw-bilder--original .fhw-bilder__raster {
    align-items: start;
}

.fhw-bilder--4 .fhw-bilder__raster {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 30rem) {
    .fhw-bilder--2 .fhw-bilder__raster,
    .fhw-bilder--3 .fhw-bilder__raster {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 48rem) {
    .fhw-bilder__raster {
        gap: var(--space-5);
    }

    .fhw-bilder--3 .fhw-bilder__raster {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 62.5rem) {
    .fhw-bilder--4 .fhw-bilder__raster {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}