[class*="grid-"] {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 1rem;
}

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

	.grid-dual-1-4 {
		grid-template-columns: 1fr 4fr;
	}

	.grid-dual-4-1 {
		grid-template-columns: 4fr 1fr;
	}

	.grid-quad {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media(min-width: 50em) {
	.grid-triple {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media(min-width: 62.5em) {
	.grid-quad {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media(min-width: 37.5em) {
	.grid-dual--reverse div:nth-child(1) {
		order: 1;
	}
}

.grid--no-gap {
	grid-gap: 0;
}

.lokale-gruppen {
	grid-column-gap: 0;
}