/**
 * Frontend-Ausgabe der Credit-Blöcke: [etp_foerderer] und [etp_sponsoren].
 *
 * Layout je Block (wie zuvor per WPCode gelöst):
 *   - Desktop: zwei Logos pro Reihe, jedes füllt seine halbe Spalte
 *     (bis max. 300px Breite). Bei ungerader Anzahl steht das letzte Logo
 *     allein und mittig unter der Reihe.
 *   - Mobil (<= 600px): ein Logo pro Reihe, zentriert untereinander.
 */

.etp-credits {
	margin: 2.5rem 0 1.5rem;
}

.etp-credits + .etp-credits {
	margin-top: 1.5rem;
}

.etp-credits__divider {
	border: 0;
	border-top: 1px solid #e4e4e4;
	margin: 0 0 0.75rem;
}

.etp-credits__label {
	margin: 0 0 1.1rem;
	text-align: center;
	font-size: 1rem;
}

.etp-credits__grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 1.5rem 3%;
	margin-bottom: 1.25rem;
}

.etp-credits__grid .etp-credits__item {
	flex: 0 0 48.5%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.etp-credits__grid .etp-credits__link {
	display: inline-flex;
}

.etp-credits__grid .etp-credits__item img,
.etp-credits__grid .etp-credits__logo {
	display: block;
	width: 300px;
	max-width: 100%;
	height: auto;
}

.etp-credits__name {
	font-weight: 600;
	font-size: 1.15rem;
}

@media (max-width: 600px) {
	.etp-credits__grid .etp-credits__item {
		flex-basis: 100%;
	}
	.etp-credits__grid .etp-credits__item img,
	.etp-credits__grid .etp-credits__logo {
		max-width: 260px;
	}
}