.ajax-search-module {
    display: flex;
    justify-content: space-between; /* Verteil die Elemente gleichmäßig: Suchfeld links, Icon rechts */
    align-items: center;
    position: relative;
    flex-direction: row-reverse;
    margin-top: 3px;
}

#ajax-search-input {
    flex: 1; /* Lässt das Suchfeld den gesamten verfügbaren Platz einnehmen */
    display: none; /* Standardmäßig versteckt */
}

.search-icon {
    cursor: pointer;
    margin-left: 8px; /* Abstand zwischen dem Suchfeld und dem Icon */
    font-size: 24px;
}

#search-results {
    position: absolute;
    background-color: white;
    color: #000000;
    border: 1px solid #ddd;
    z-index: 1000; /* Höherer Z-Index, um die Ergebnisse über andere Elemente zu bringen */
    max-height: 100vh; /* Maximalhöhe für den Container */
    overflow-y: auto; /* Scrollbar, falls viele Ergebnisse */
    width: 100%; /* Breite des Suchfeldes anpassen */
    padding: 5px;
    margin-top: 200px;
}

#search-results {
    position: absolute;
    top: 100%; /* Positioniere die Liste direkt unterhalb des Suchfeldes */
    left: 0;
    background-color: white;
    color: #000000;
    border: 1px solid #ddd;
    z-index: 1000;
    max-height: 700px; /* Erhöhe die maximale Höhe, um mehr Items anzuzeigen */
    overflow-y: scroll; /* Scrollbalken immer anzeigen, auch wenn nicht notwendig */
    width: 100%;
    padding: 0;
    margin: 0;
    list-style-type: none; /* Entfernt die Standardaufzählungszeichen */
}

.search-result-item {
    padding: 8px 12px;
    border-bottom: 1px solid #ddd;
}

.search-result-item a {
    text-decoration: none;
    color: #000;
}

.search-result-item a:hover {
    text-decoration: underline;
}

.search-result-item:last-child {
    border-bottom: none; /* Entfernt den unteren Rand beim letzten Element */
}

@media (max-width: 1183px) {
.ajax-search-module {
    margin-top: 78px;
    margin-right: 50px;
}
}

@media (max-width: 769px) {
.ajax-search-module {
    margin-top: -58px;
    margin-right: 60px;
}   
}