.projektlisten-karte {
    padding: 0 0.9375rem;
    margin-bottom: 1.75rem;
}

#projektfinder-karte {
    height: 22.5rem;
    border: 0.625rem solid #FFFFFF;
}

h2 + #projektfinder-karte {
    margin-top: 1rem;
}

#projektfinder-karte.grosse-karte {
    height: 48.25rem;
    margin-bottom: 6.875rem;
}

.project-map-pop-up-container {
    display: none;
}

.leaflet-container {
    font: 1rem/1.375 BundesSans-Web, Arial, sans-serif !important;
}

.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
    border: none;
    background-clip: unset;
}

#projektfinder-karte .leaflet-bar {
    box-shadow: none;
    border-radius: 0;
}

#projektfinder-karte .leaflet-left .leaflet-control {
    margin-left: 0.9375rem;
}

#projektfinder-karte .leaflet-bottom .leaflet-control {
    margin-bottom: 1.25rem;
}

#projektfinder-karte .leaflet-bottom.leaflet-left .leaflet-control:first-child {
    margin-bottom: 0;
}

#projektfinder-karte .leaflet-control-zoom-in.leaflet-disabled,
#projektfinder-karte .leaflet-control-zoom-out.leaflet-disabled {
    opacity: 0.5;
}

#projektfinder-karte .leaflet-control-zoom-in.leaflet-disabled,
#projektfinder-karte .leaflet-control-zoom-out.leaflet-disabled {
    opacity: 0.5;
}
#projektfinder-karte .leaflet-control-zoom-in.leaflet-disabled:hover ,
#projektfinder-karte .leaflet-control-zoom-out.leaflet-disabled:hover {
    background-color: rgba(19, 51, 56, 0.7);
}

#projektfinder-karte .leaflet-bar a,
#leaflet-kartenansicht-btn {
    background-color: rgba(19, 51, 56, 0.7);
    border: none;
    border-radius: 0;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    text-decoration: none;
    color: var(--white);
    margin-bottom: 0.3125rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

#leaflet-kartenansicht-btn span {
    display: block;
    font-size: 0;
    line-height: 0;
}

#projektfinder-karte  .leaflet-bar a:last-child {
    margin-bottom: 0;
}

#projektfinder-karte .leaflet-bar a:hover,
#leaflet-kartenansicht-btn:hover {
    background-color: rgba(19, 51, 56, 0.9);
}

#projektfinder-karte .leaflet-control-attribution.leaflet-control {
    margin-bottom: 0;
}

#projektfinder-karte .leaflet-control-attribution a {
    font-weight: normal;
    color: #0073a0;
}


.leaflet-container a.leaflet-popup-close-button {
    top: 0.125rem;
    right: 0.125rem;
    height: 2.5rem;
    width: 2.5rem;
    padding: 0;
}

.leaflet-container a.leaflet-popup-close-button::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: var(--white);
    z-index: 1;
}

.leaflet-container a.leaflet-popup-close-button::after {
    background: url('../Icons/close.png') no-repeat center center;
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -0.4375rem;
    margin-left: -0.4375rem;
    content: '';
    width: 0.875rem;
    height: 0.875rem;
    display: block;
    z-index: 2;
}


.leaflet-popup-content-wrapper {
    border-radius: 0;
}

.leaflet-popup-content {
    margin: 1.625rem 2.75rem 1.75rem 2rem;
}

.projekt-pop-up-box {
    background-color: #FFFFFF;
    display: block;
}

.projekt-pop-up-box .text h4 {
    margin-right: 0.625rem;
    font-family: BundesSans-Web, Arial, sans-serif;
    font-size: 1rem;
    color: var(--bmfsfj-light-mint);
    text-transform: uppercase;
}

.projekt-pop-up-box address {
    font-weight: normal;
    color: var(--bmfsfj-dark-grey);
}

.projekt-pop-up-box .projekt-pop-up-name {
    font-family: BundesSans-Web, Arial, sans-serif;
    font-size: 1.25rem;
    color: var(--bmfsfj-blue);
}

.projekt-pop-up-box .themenfelder-text {
    font-family: BundesSans-Web, Arial, sans-serif;
    display: block;
    float: left;
    width: 6.25rem;
    border: 0.0625rem solid transparent;
    margin-bottom: 0;
    font-weight: normal;
    font-size: 0.875rem;
    line-height: 1.375;
    color: var(--black);
}
.projekt-pop-up-box .themenfelder-text span {
    position: relative;
    top: -0.0625rem;
}

.projekt-pop-up-box .themenfelder-liste {
    float: left;
    display: block;
    width: calc(100% - 11.8rem);
    padding: 0;
    margin-bottom: -0.625rem;
    list-style-type: none;
}

.projekt-pop-up-box .themenfeld {
    display: inline-block;
    font-size: 0.875rem;
    line-height: 0.92857;
    padding: 0.2125rem 0.2125rem 0.275rem 0.2125rem;
    border: 0.0625rem solid var(--bmfsfj-light-mint);
    color: var(--bmfsfj-light-mint);
    border-radius: 0.1875rem;
    margin-right: 0.625rem;
    font-weight: bold;
    margin-bottom: 0.625rem;
}

.projekt-pop-up-box .themenfeld span {
    position: relative;
    top: -0.0625rem;
}

.projekt-pop-up-box .themenfeld:last-child {
    margin-right: 0;
}

#container-fuer-mobile-ansicht {
    display: none;
    position: relative;
    background: var(--white);
}

#gewaehltes-projekt-mobile-ansicht {
    padding: 1.125rem 2.5rem 1.875rem 1.25rem
}

#mobile-ansicht-schliessen-btn {
    position: absolute;
    top: 0;
    right: 0.375rem;
    height: 2.5rem;
    width: 2.5rem;
    padding: 0;
    display: block;
    border: none;
    line-height: 0;
}

#mobile-ansicht-schliessen-btn::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: var(--white);
    z-index: 1;
}

#mobile-ansicht-schliessen-btn::after {
    background: url('../Icons/close.png') no-repeat center center;
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -0.4375rem;
    margin-left: -0.4375rem;
    content: '';
    width: 0.875rem;
    height: 0.875rem;
    display: block;
    z-index: 2;
}


@media (max-width: 767.98px){
    #projektfinder-karte .leaflet-bottom.leaflet-left .leaflet-control {
        display: none;
    }
    
    #projektfinder-karte, #projektfinder-karte.grosse-karte {
        height: 26.375rem;
    }
    
    #projektfinder-karte .leaflet-pane .leaflet-popup-pane {
        display: none;
    }

    #container-fuer-mobile-ansicht.projekt-gewaehlt {
        display: block;
    }

    .projektlisten-karte {
        margin-top: 1.75rem;
    }
}