#tab_informationwindow_content_searchresult {
    display: none;
}

#tab_informationwindow_content_search {
    position: static !important;
}

#googlemaps {
    width: max(100%, 1280px) !important;
    max-width: 100%;
}

@media (min-width: 568px) {
    #googlemapscontainer {
        display: grid;
        grid-template-columns: 1fr 2fr;
        grid-template-rows: auto 800px;
    }

    #informationcontainer {
        display: contents !important;
    }

    #tab_informationwindow_content_search {
        grid-row: 1;
        grid-column: 1 / -1;
    }

    #tab_informationwindow_content_searchresult {
        display: block;
        grid-row: 2;
        grid-column: 1;
        overflow: hidden;
        overflow-y: scroll;
    }

    #search_result_box {
        overflow: visible;
    }

    #search_result_box > span {
        display: none;
    }

    table.searchresult {
        width: 98%;
        text-align: left;
        border-collapse: collapse;
    }

    table.searchresult thead {
        display: none;
    }

    table.searchresult tr {
        display: block;
        margin-bottom: var(--marginSmall);
    }

    table.searchresult td {
        display: block;
    }

    table.searchresult .relationLink {
        display: block;
        border: 1px solid var(--baseLight500);
    }

    table.searchresult .relationLink .c-card__contentWrapper {
        padding: var(--marginSmall);
        row-gap: var(--marginExtraSmall);
    }

    #googlemaps {
        grid-row: 2;
        grid-column: 1 / -1;
    }

    #informationcontainer:has(#search_result_box:not(:empty)) + #googlemaps {
        width: 100% !important;
        max-width: none;
        grid-column: 2 / -1;
    }
}

.google-infowindow {
    .relationLink {
        display: flex;
        flex-direction: column;
    }

    /** This selector makes sure that you can't click on people who don't want their profile publicly visible */
    .relationLink:has(.u-visuallyHidden:empty) {
        pointer-events: none;
        text-decoration: none;
    }

    .picture img {
        max-width: 200px;
        aspect-ratio: 1;
        object-fit: cover;
    }

    .info {
        order: -1;
    }

    .name {
        font-size: var(--h3Size);
        font-weight: 700;
    }
}