.kurstermine-looper {
	display: grid;
	grid-template-columns: 1fr;
	row-gap: 20px;
}

.kurstermine-item {
	align-items: center;
	background-color: var(--base-2);
	column-gap: 1em;
	display: grid;
	grid-template-columns: 2fr 1fr .5fr;
	row-gap: 1em;
}

.kurstermine-item > div {
	padding: 1rem;
}

.kurstermine-item__title .gb-text,
.kurstermine-item__meta .gb-text {
	font-size: 1.125rem;
}

.kurstermine-item__status-link {
	font-weight: 700;
}

@media (max-width: 1024px) and (min-width: 768px) {
	.kurstermine-item {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto;
	}

	.kurstermine-item__title  { grid-column: 1; grid-row: 1; }
	.kurstermine-item__meta   { grid-column: 2; grid-row: 1; }
	.kurstermine-item__status { grid-column: 1 / span 2; grid-row: 2; }
}

@media (max-width: 1024px) {
	.kurstermine-item__meta,
	.kurstermine-item__status {
		text-align: right;
	}
}

@media (max-width: 767px) {
	.kurstermine-item {
		align-items: flex-start;
		grid-template-columns: 1fr;
		row-gap: 0;
	}

	.kurstermine-item__meta,
	.kurstermine-item__status {
		text-align: left;
	}
}