.gallery {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
	gap: 10px;
	grid-auto-flow: dense;
	padding: 1.5em;
	background-color: var(--main-accent-color);

}

.gallery figure {
	/* border: 1px solid #ffffff; */
	position: relative;
	margin: 0;
	/* figure hat sonst einen browsereigenen Abstand! */
	
	counter-increment: posMarkup;
}

.gallery figure.fig2 {
	grid-column-end: span 2;
}

.gallery figure.fig3 {
	grid-column-end: span 3;
}

.gallery figure.fig4 {
	grid-column-end: span 4;
}

.gallery figure.fig2rund {

	height: 250px;
    width: 250px;
	overflow: hidden;           /* *** Bild-Überstände werden abgeschnitten */
    border-radius: 50%;
}

.gallery figure.fig300 {
	height: 250px;
    width: auto;
    object-fit: cover;
}

.gallery figure img {
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
}