/* ------------------------- SUCHFELD ------------------------- */

.search-wrapper {
    max-width: 500px;
    position: relative;
    width: 100%;
}

.search-wrapper input {
    font-size: 15px;
    height: 40px;
    max-width: 500px;
    width: 100%;
    background-color: var(--secondary-color);
    border: solid var(--secondary-text-color) 1px;
    border-top: none;
    border-right: none;
    border-radius: 0 0 0 5px;
    color: var(--text-color);
    padding-left: 30px;
}

#searchResults {
    background: #111;
    border: 1px solid #333;
    border-top: none;
    display: none;
    left: 0;
    max-height: 300px;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 9999;
}

.result {
    align-items: center;
    border-bottom: 1px solid #333;
    display: flex;
    gap: 12px;
    padding: 12px;
    transition: background 0.2s;
}

.result:hover {
    background: var(--accent-color);
}

.result img {
    border-radius: 4px;
    height: 60px;
    object-fit: cover;
    width: 60px;
}

.result-link {
    color: inherit;
    display: block;
    text-decoration: none;
}

/* ------------------------- MEDIA 500px ------------------------- */
@media screen and (max-width: 500px) {

    .search-wrapper {
    max-width: none;
    width: 90%;
    }
}