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

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

.special-map-container.compact-iframe iframe {
	width: 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 - 40px);
    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;
}


.hero-article {
    margin-top: 10px;
    position: relative;
}

.hero-article img {
    display: block;
    width: 100%;
}

.hero-text {
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 30px;
    padding: 20px 20px 30px;
    width: 420px;
}

.hero-text .time,.hero-text .time a {
    color: #fff;
    display: block;
    font-weight: normal;
}

.hero-text h1 {
    margin: 0;
    font-size: 21px;
    color: #fff;
}

.hero-header {
    font-size: 21px !important;
    line-height: inherit !important;
}

.hero-text p {
    font-size: 12px;
    color: #fff;
    margin: 0;
    line-height: 16px;
}

.hero-text a {
    color: #fff;
}

.hero-top-left {
    top: 30px;
    left: 0;
    bottom: auto;
}

.hero-top-right {
    right: 0;
    top: 30px;
    left: auto;
    bottom: auto;
}

.hero-bottom-right {
    right: 0;
    bottom: 30px;
    left: auto;
    top: auto;
}

.hero-text-small {
      width: auto;
      position: static;
        background-color: #000;
       padding: 16px;
    }

.hero-text-black {
   background-color: #000;
}

.hero-text-orange {
   background-color: #ef7100;
}

.hero-text-green {
   background-color: #008551;
}

.hero-text-grey {
   background-color: #636f7a;
}

.hero-text-blue {
   background-color: #234273;
}

.hero-text-cyan {
   background-color: #1175ab;
}

.hero-text-large {
    background-color: #000;
}


@media only screen and (max-width:590px) {
        .hero-text {
            width: auto;
            position: static;
            background-color: #000;
         padding: 16px;
    }
}


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

/*    .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;
}

@media only screen and (max-width:590px) {
    .special-map-container iframe {
      height: 300px;
  }
}