#map {
    position: absolute;
    width: 100%;
    height: 100%;
    /* Ensure the map takes the full height of its container */
}

#map.relative-position {
    position: relative;
}

@media (min-width: 769px) {
    #map {
        height: 50rem;
    }

    /* Position the accordion absolutely on top of the map */
    #map ~ div.elementor .accordion-wrapper {
        position: absolute;
        top: -49rem;
        right: 5rem;
        z-index: 4;
        /* Ensure it stays on top of both #map and .find-ort */
    }

}

@media (max-width: 768px) {
    #map {
        height: 25rem;
    }

    .elementor-4899,
    .map-column.elementor-element:where(.e-con-full, .elementor-widget) .elementor-widget-container {
        display: flex;
        flex-direction: column-reverse;
    }
}

#map div[style*="color: rgb(6, 54, 109)"] {
    position: absolute;
    bottom: 0;
    right: -1.5rem;
    background-color: rgba(255, 255, 255, 0.5);
}


.fa-map::before,
.fa-list::before {
    font-family: FontAwesome;
    /* counting on Elementor to bring the FontAwesome css file */
}

/* Accessibility */
.pojo-a11y-negative-contrast .map-column,
.pojo-a11y-negative-contrast #map#map,
.pojo-a11y-negative-contrast #map#map *,
.pojo-a11y-high-contrast .map-column,
.pojo-a11y-high-contrast #map#map,
.pojo-a11y-high-contrast #map#map *,
.pojo-a11y-light-background .map-column,
.pojo-a11y-light-background #map#map,
.pojo-a11y-light-background #map#map * {
    background-color: transparent !important;
}