.result-dropdown {
position: absolute;display: none;
border: 1px solid #ccc;
border-radius: 5px;
width: 300px; /* width of the search input */
max-height: 150px; /* limit dropdown height */
overflow-y: auto; /* enable scrolling if too many results */
background:white;
}

.result-item {
padding: 5px;
cursor: pointer;
}

.result-item:hover {
 color:#007BBF;
 text-decoration:underline;
}


.search-box {
position: relative; /* Ensure that position absolute in de dropdown werkt correct */
}

.result-dropdown {
position: absolute;
border: 1px solid #ccc;
border-radius: 5px;
width: calc(100% - 2px); /* width matching the input, adjust as needed */
max-height: 80vh; /* Optional max height */
overflow-y: auto;
background-color: white; /* Ensure it has a solid background */
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Optional: Adds a shadow for visibility */
z-index: 6000; /* Ensure it's on top of other elements */
top: 100%; /* Position it directly below de input */
left: 0; /* Align to the left of de input */
}

.result-item {
padding: 5px;
cursor: pointer;
}