@font-face {
    font-family: 'Museo 300';
    src: url('/css/Museo-300.woff2') format('woff2')
}
@font-face {
    font-family: 'Museo 500';
    src: url('/css/Museo-500.woff2') format('woff2')
}
@font-face {
    font-family: 'Museo 700';
    src: url('/css/Museo-700.woff2') format('woff2')
}
body {
    font-family: 'Museo 300', sans-serif; 
}
a {
    font-family: 'Museo 500', sans-serif; 
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Museo 700', sans-serif; 
}
.groen {
	color: green !important;
}
.oranje {
	color: orange !important;
}
.rood {
	color: red !important;
}
.cursief {
	color: grey !important;
	font-style: italic !important; 
}
#search-results {
    position: absolute;
    top: 100%; /* Zet het direct onder de zoekbalk */
    left: 0;
    width: 100%; /* Laat het even breed zijn als de zoekbalk */
    z-index: 999;
    background: white; /* Voorkomt overlap met andere elementen */
    border: 1px solid #ccc; /* Optioneel: geef het een rand voor zichtbaarheid */
    border-top: none;
}