.activiteiten-layout__intro {
	margin-bottom: 2.5rem;
}

.activiteiten-layout__list {
	display: grid;
	gap: 1.25rem;
}

.activiteiten-item {
	display: grid;
	grid-template-columns: 180px minmax(0, 1fr) auto;
	align-items: center;
	gap: 1rem 2rem;
	background-color: #f2f2f2;
	border-radius: var(--pk-button-radius);
	padding: 1.5rem 2rem;
	min-height: 99px;
}

.activiteiten-item__date {
	font-weight: 700;
	font-size: 1.1rem;
	color: var(--pk-color-secondary);
}

.activiteiten-item__title {
	font-weight: 400;
	font-size: 1.25rem;
	color: var(--pk-color-secondary);
}

.activiteiten-item__action {
	justify-self: end;
}

.activiteiten-item__status {
	color: var(--pk-color-secondary);
}

.activiteiten-item .pk-button-group {
	margin: 0;
}

@media screen and (max-width: 767px) {
	.activiteiten-item {
		grid-template-columns: 1fr;
		justify-items: start;
		padding: var(--pk-site-gutter);
	}

	.activiteiten-item__action {
		justify-self: start;
	}
}