h1 {
	padding: 1rem 0;
}

.accordion {
	padding: 1rem 0;
}

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

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

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

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

.beReturnSteps .img-fluid {
	padding: 5% 20%;
}

.beReturnSteps p {
	text-align: center;
	padding: 2% 12%;
}

.beReturnStates .img-fluid {
	padding: 5% 10%;
}

.beReturnStates p {
	text-align: center;
	padding: 2% 12%;
}

.beReturnLegend .img-fluid {
	padding: 2% 43% 5% 43%;
}

.beReturnLegend .row {
	padding: 20px 0;
}

/* 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";
}