:root {
	--color-felgroen: #154734;
	--homepage-backgroundcolor-farmdata: #007934;
	--homepage-backgroundcolor-footer: #154734;
	--homepage-backgroundcolor-general: #154734;
	--color-footer: #FFFFFF;
}

.pp-homepage-general-header {
	color: #FFFFFF;
}

.nav-tabs > li > a.active {
	color: #FFFFFF !important;
}

ul.pp-typeahead-li.pp-typeahead-li-selected {
	background-color: var(--color-felgroen);
	color: #FFFFFF !important;
}

.pp-typeahead-li a:hover {
	text-decoration: none;
	color: #FFFFFF !important;
}

.pp-homepage-general-header h2 a {
    color: #FFFFFF !important;
}

/* Replace .pp-homepage-footer with your footer's actual class */
.pp-homepage-footer {
	background-color: var(--homepage-backgroundcolor-footer);
	background-image: url('/path/to/DanHatch_footer_wide.png');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: cover;
	color: var(--color-footer);
}

/* On small screens, drop the photo so the contact text stays readable */
@media (max-width: 768px) {
	.pp-homepage-footer {
		background-image: none;
	}
}