.card-link:hover {
	text-decoration: none; /* Geen lijn onder de tekst bij mouse-over. */
}

.card {
	border: 0px;
	color: #000000;
	transition: transform 200ms ease, box-shadow 200ms ease, background-color 200ms ease, -webkit-transform 200ms ease;
}

.card h5 {
	color: #D17700;
}

/* Het hover-effect werkt voor apparaten met een muis. */
@media (pointer: fine) {
	.card:hover {
		background-color: #fff;
		box-shadow: 1px 1px 20px 0 rgb(0 0 0 / 23%);
		
		/* Til de card een klein beetje op*/
		-webkit-transform: translate(0px, -3px);
		-ms-transform: translate(0px, -3px);
		transform: translate(0px, -3px);
	}
}

/* Laat op touchscreens altijd een schaduw zien, anders maak je moeilijk onderscheid tussen de cards. */
@media (pointer: coarse), (pointer: none) {
	.card {
		background-color: #fff;
		box-shadow: 1px 1px 20px 0 rgb(0 0 0 / 13%);
	}
}

.leesmeer {
	text-align: center !important;
	font-weight: bold;
}

.card img {
	border-radius: 0px;
}