.teaser-grid-icon {
	display: grid;
	gap: 1.5rem;
}

@media(min-width: 36em) {
	.teaser-grid-icon {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media(min-width: 46em) {
	.teaser-grid-icon:has(li:nth-child(2)) {
		grid-template-columns: repeat(2, 1fr);
	}

	.teaser-grid-icon:has(li:nth-child(3)) {
		grid-template-columns: repeat(3, 1fr);
	}

	.teaser-grid-icon:has(li:nth-child(4)) {
		grid-template-columns: repeat(2, 1fr);
	}

	.teaser-grid-icon:has(li:nth-child(5)) {
		grid-template-columns: repeat(3, 1fr);
	}
}

/*
@supports (container-type: inline-size) {
	@container (width >= 768px) {
		.teaser-grid-icon {
			container-type: inline-size;
			grid-template-columns: repeat(2, 1fr);
		}

		.teaser-grid-icon:has(li:nth-child(3)) {
			grid-template-columns: repeat(3, 1fr);
		}
	}
}
 */