h1 {
	padding: 1rem 0;
}

p {
	margin-bottom: 1rem;
}

.accordion {
	padding: 1rem 0;
}

.accordion>.card .card-header {
	padding: 1rem 2rem;
	font-weight: bold;
	cursor: pointer;
}

.accordion>.card li {
	margin: 0 0 0.8rem 0;
}

.accordion>.card li li {
	margin: 0.8rem 0;
}

.accordion>.card p {
	padding: 0 1.5rem 0.5rem;
}

/* state arrows toevoegen */

.card-header::after {
content: "\f107";
color: #333;
right: 2rem;
position: absolute;
font-family: "Font Awesome 5 Free";
}

.card-header[aria-expanded="true"]::after {
content: "\f106";
}