@charset "UTF-8";
/* CSS Document */

#footer {
	background-color: var(--act-primary-dark);
	padding: 50px;
}

#footer .boxed {
	grid-template-columns: 1fr 1fr 1fr;
}

#footer .footer-menu {
	align-content: start;
	color: var(--white);
	gap: 20px;
}

#footer .footer-menu ul {
	padding: 0;
	margin: 0;
}

#footer .footer-menu ul li {
	padding: 5px 0;
}

#footer .footer-menu ul a {
	color: var(--white);
}

#footer .footer-menu ul a:hover {
	color: var(--act-alt);
}

#footer .bedrijf {
	gap: 20px;
	color: var(--white);
	text-align: right;
}

#footer .bedrijf .links a {
	color: var(--act-alt);
	margin: 5px 0;
}

#footer .bedrijf .links a:hover {
	color: var(--act-alt-dark);
}

#footer .disclaimer {
	justify-content: center;
	color: var(--white);
	align-self: center;
	gap: 50px;
}

#footer .disclaimer svg .cls-2 {
	fill: var(--white);
}

@media screen and (max-width: 1180px) and (orientation: portrait),
screen and (max-width: 1024px) {
	
}

@media screen and (max-width: 768px) {
	#footer {
		padding: 20px;
	}
	
    #footer .boxed {
		grid-template-columns: 1fr;
		gap: 60px;
	}
	
	#footer .bedrijf {
		text-align: left;
	}
}