.special-map.lightbox .special-map-container iframe {
    width: 100%;
    height: 100%;
}

.special-map .close {
    display: none;
}

.special-map.lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    /*text-align: center;*/
    z-index: 100000;
  }

.special-map.lightbox .close {
    display: block;
    color: white;
    font-family: Arial, sans-serif;
    margin-bottom: 10px;
    cursor: pointer;
}

.special-map.lightbox .special-map-container {
    position: relative;
    top: 10px;
    left: 10px;
    width: calc(100vw - 20px);
    height: calc(100vh - 60px);
    transition: width .3s ease;
}

.special-map.lightbox .special-map-container iframe {
    box-shadow: 0 0 25px #111;
    border-style: none;
}

.special-map.lightbox .enlarge {
    display: none;
}

.dhp-map.lightbox.squeezed .dhp-map-container { /* Sidebar is open */
    width: calc(100vw - 10px - 412px - 10px) !important;
}

/* Responsive */
@media screen and (max-width: 413px) and (orientation: portrait) {
    .special-map .special-map-container.size-normal iframe,
    .special-map .special-map-container.size-compact iframe
    {
        width: calc(100vw - 20px);
    }

/*    .dhp-map .enlarge {
        display: none;
    }*/
}

/*
 * Stacking context work-around
 * Another (better) solution is to create a lightbox- div further up in the
 * stacking context hierarchy.
 */
#navigation .nav-aktiv>div, #navigation-mobile .nav-aktiv>div {
    z-index: auto !important;
}