.category__row, .contact__details-row {
    display: flex;
    margin-bottom: 0.5rem;
}

.category__row .row__icon, .contact__details-row .contact__details-icon {
    margin-right: 0.5rem;
    width: 1rem;
}

.category__row .row__icon svg, .contact__details-row .contact__details-icon svg {
    fill: #BBBBBB;
    position: relative;
    top: 1px
}

.contact__details-row .contact__details-text {
    width: 58px;
}

.entity__contact {
    display: flex;
    flex-direction: column;
    margin-top: 0.7rem;
}

.stadtteilforum_empty, .stadtteilforum_citywide {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 1.4rem;
    text-align: center;
}

.stadtteilforum_empty > img, .stadtteilforum_citywide > img {
    fill: #0080A3;
    height: 80px;
    margin-bottom: 10px;
    width: auto;
}


/*
Custom Styling Esri Map and Widget
*/

.esri-view-root .esri-ui, .esri-ui-inner-container, .esri-ui .esri-popup--is-docked, .esri-popup__main-container {
    z-index: 1000;
}

.esri-features__heading {
    display: none !important;
}

.esri-widget {
    font-family: 'Open Sans',sans-serif;
}

.esri-component.esri-popup,
.esri-popup__main-container {
    border-radius: 0.25rem;
}

.esri-popup__button,
.esri-popup__header-title,
.esri-popup__header-container--button {
    color: var(--theme-bg-highlight);
}

.esri-popup__button:hover,
.esri-popup__header-container--button:hover {
    background-color: #fff;
    color: var(--theme-bg-highlight-hover);
}

.main[data-columns="two"] .nbg-stadtteilforum .map-container{
    height: 30rem;
}

.nbg-stadtteilforum{
    .map-status {
        align-items: center;
        bottom: 0;
        display: flex;
        justify-content: center;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

    .map-container {
        border: 1px solid #B9B9B9;
        height: 40rem;
        margin: 1.5rem auto;
        overflow: hidden;
        position: relative;
        width: 100%;
        z-index: 9; /* muss hinter .wrapper--top-row mit z-index:10 liegen */
    }


    @media (max-width: 50em) {
        .map-container{
            max-height: 25rem;
        }
    }
}