/* hochbahn v0.0.1 | JD */
.hb-maps-content{color:#4d4d4d;max-width:970px;margin:0 auto}.hb-maps-content .hb-row{margin-left:-15px;margin-right:-15px}.hb-maps-content .hb-row:after,.hb-maps-content .hb-row:before{content:" ";display:table}.hb-maps-content small{font-size:75%}.hb-maps-content .hb-col-6,.hb-maps-content .hb-col-12{width:100%;float:left;position:relative;min-height:1px;padding-left:15px;padding-right:15px}.hb-maps-content .hb-col-6{width:50%}@media (max-width:767px){.hb-maps-content .hb-col-6{width:100%}.hb-maps-content .hb-col-6 .hide-on-mobile{display:none}}.hb-maps-content .bg-u4-yellow{background:#ffcf53}.hb-maps-content .bg-u4-green{background:#b9d36c}.hb-maps-content .bg-u4-blue{background:#78c7c9}.hb-maps-content svg{display:block}.hb-maps-content h1,.hb-maps-content h2,.hb-maps-content h3,.hb-maps-content h4,.hb-maps-content h5,.hb-maps-content h6{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.hb-maps-content h1{margin-bottom:5px}.hb-maps-content h4{color:#626b72;font-size:16px;font-weight:400;letter-spacing:.025em;margin:0 0 15px;padding-top:0}.hb-maps-content .content-aktuell,.hb-maps-content .content-dauerhaft,.hb-maps-content .content-ubahn{height:26px;width:26px;background-color:#ef7b10;border:3px solid #676c6e;border-radius:50%;display:inline-block;-ms-flex-negative:0;flex-shrink:0;margin-right:10px;position:relative}.hb-maps-content .content-aktuell:before{background:#676c6e;content:"";height:14px;width:14px;border-radius:50%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.hb-maps-content .content-ubahn{background-color:#146eb4;border-color:#146eb4}.hb-maps-content .hb-maps-overview-mobile-navigation{display:block}@media (min-width:768px){.hb-maps-content .hb-maps-overview-mobile-navigation{display:none}}.hb-maps-content .hb-maps-overview-mobile-navigation .hb-maps-overview-mobile-navigation-link{padding:5px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:24px;color:#fff;font-weight:700;margin:10px 0;text-decoration:none!important;-webkit-transition:all .3s ease;transition:all .3s ease}.hb-maps-content .hb-maps-overview-mobile-navigation .hb-maps-overview-mobile-navigation-link .h2{font-size:20px;margin:0!important}.hb-maps-content .hb-maps-overview-mobile-navigation .hb-maps-overview-mobile-navigation-link svg{display:block;width:32px}.hb-maps-content .hb-maps-overview-mobile-navigation .hb-maps-overview-mobile-navigation-link svg path{-webkit-transition:fill .3s ease;transition:fill .3s ease}.hb-maps-content .hb-maps-overview-mobile-navigation .hb-maps-overview-mobile-navigation-link:hover.bg-u4-yellow{background:rgba(255,207,83,.3)}.hb-maps-content .hb-maps-overview-mobile-navigation .hb-maps-overview-mobile-navigation-link:hover.bg-u4-green{background:rgba(185,211,108,.3)}.hb-maps-content .hb-maps-overview-mobile-navigation .hb-maps-overview-mobile-navigation-link:hover.bg-u4-blue{background:rgba(120,199,201,.3)}.hb-maps-content .hb-maps-overview-mobile-navigation .hb-maps-overview-mobile-navigation-link:hover .h2{color:#676c6e}.hb-maps-content .hb-maps-overview-mobile-navigation .hb-maps-overview-mobile-navigation-link:hover svg .plus-icon-outer-circle{fill:#676c6e}.hb-maps-content .hb-maps-overview-mobile-navigation .hb-maps-overview-mobile-navigation-link:hover svg .plus-icon-plus{fill:#fff}.hb-maps-content .hb-maps-overview-mobile-navigation .hb-maps-overview-mobile-navigation-link:hover svg .plus-icon-inner-circle{stroke:#fff}.hb-maps-content .svg-map{position:relative;width:100%}.hb-maps-content .svg-map>canvas{display:block;visibility:hidden;width:100%}.hb-maps-content .svg-map>svg{position:absolute;top:0;left:0;width:100%}.hb-maps-content .svg-map .map-link svg path{-webkit-transition:fill .3s ease;transition:fill .3s ease}.hb-maps-content .svg-map .map-link:hover{cursor:pointer}.hb-maps-content .svg-map #u4-cluster-01 #u4-cluster-01-mouseover{display:block;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.hb-maps-content .svg-map #u4-cluster-01:hover #u4-cluster-01-mouseover{opacity:1}.hb-maps-content .svg-map #u4-cluster-01 #u4-cluster-01-trigger{fill:transparent}.hb-maps-content .svg-map #u4-cluster-02 #u4-cluster-02-mouseover{display:block;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.hb-maps-content .svg-map #u4-cluster-02:hover #u4-cluster-02-mouseover{opacity:1}.hb-maps-content .svg-map #u4-cluster-02 #u4-cluster-02-trigger{fill:transparent}.hb-maps-content .svg-map #u4-cluster-03 #u4-cluster-03-mouseover{display:block;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.hb-maps-content .svg-map #u4-cluster-03:hover #u4-cluster-03-mouseover{opacity:1}.hb-maps-content .svg-map #u4-cluster-03 #u4-cluster-03-trigger{fill:transparent}.hb-maps-content .svg-map #u5-cluster-01 #u5-cluster-01-mouseover{display:block;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.hb-maps-content .svg-map #u5-cluster-01:hover #u5-cluster-01-mouseover{opacity:1}.hb-maps-content .svg-map #u5-cluster-01 #u5-cluster-01-trigger{fill:transparent}.hb-maps-content .svg-map #u5-cluster-02 #u5-cluster-02-mouseover{display:block;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.hb-maps-content .svg-map #u5-cluster-02:hover #u5-cluster-02-mouseover{opacity:1}.hb-maps-content .svg-map #u5-cluster-02 #u5-cluster-02-trigger{fill:transparent}.hb-maps-content .svg-map #u5-cluster-03 #u5-cluster-03-mouseover{display:block;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.hb-maps-content .svg-map #u5-cluster-03:hover #u5-cluster-03-mouseover{opacity:1}.hb-maps-content .svg-map #u5-cluster-03 #u5-cluster-03-trigger{fill:transparent}.hb-maps-content .svg-map #u5-cluster-04 #u5-cluster-04-mouseover{display:block;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.hb-maps-content .svg-map #u5-cluster-04:hover #u5-cluster-04-mouseover{opacity:1}.hb-maps-content .svg-map #u5-cluster-04 #u5-cluster-04-trigger{fill:transparent}.hb-maps-content .svg-map #u5-cluster-05 #u5-cluster-05-mouseover{display:block;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.hb-maps-content .svg-map #u5-cluster-05:hover #u5-cluster-05-mouseover{opacity:1}.hb-maps-content .svg-map #u5-cluster-05 #u5-cluster-05-trigger{fill:transparent}.hb-maps-content #hb-maps-detail #Navigation,.hb-maps-content #hb-maps-detail #Navigation_Mouseover{display:none}.hb-maps-content .maps-overview ul{list-style:none;padding:0;margin:0;display:table;border-collapse:collapse;width:100%}.hb-maps-content .maps-overview ul li{display:table-cell}.hb-maps-content .maps-overview ul li .hb-image{display:block;width:100%;height:auto}.hb-maps-content .maps-overview.u4-cluster-01-active .hb-maps-cluster-01 .hb-image,.hb-maps-content .maps-overview.u4-cluster-02-active .hb-maps-cluster-02 .hb-image,.hb-maps-content .maps-overview.u4-cluster-03-active .hb-maps-cluster-03 .hb-image{opacity:.3}.hb-maps-content .hb-image{max-width:100%}.hb-maps-content .map-content{position:relative}.hb-maps-content .map-link:hover{cursor:pointer}.hb-maps-content .map-popup-link{-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.hb-maps-content .map-popup-link:hover{cursor:pointer;opacity:.85}.hb-maps-content .map-popup-link.selected>g>path:first-child{fill:#9d9d9c}.hb-maps-content .map-navigation-link,.hb-maps-content .map-navigation-link svg path,.hb-maps-content .map-popup-navigation-link,.hb-maps-content .map-popup-navigation-link svg path{-webkit-transition:fill .3s ease;transition:fill .3s ease}.hb-maps-content .map-navigation-link:hover svg path,.hb-maps-content .map-popup-navigation-link:hover svg path{fill:#676c6e;-webkit-transition:fill .3s ease;transition:fill .3s ease}.hb-maps-content .map-header-navigation{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;position:absolute;right:5%;top:3%;z-index:10}.hb-maps-content .map-header-navigation a{border:none!important;text-align:none!important}.hb-maps-content .map-header-navigation a.map-navigation-link-home{margin:0 20px}.hb-maps-content .map-header-navigation a.map-navigation-link-home svg{width:25px;height:25px}@media (max-width:1200px){.hb-maps-content .map-header-navigation a.map-navigation-link-home svg{width:20px;height:20px}}@media (max-width:767px){.hb-maps-content .map-header-navigation a.map-navigation-link-home svg{width:25px;height:25px}}@media (max-width:575px){.hb-maps-content .map-header-navigation a.map-navigation-link-home svg{width:15px;height:15px}}.hb-maps-content .map-header-navigation a svg{width:30px;height:30px}@media (max-width:1200px){.hb-maps-content .map-header-navigation a svg{width:25px;height:25px}}@media (max-width:767px){.hb-maps-content .map-header-navigation a svg{width:30px;height:30px}}@media (max-width:575px){.hb-maps-content .map-header-navigation a svg{width:20px;height:20px}}.hb-maps-content .map-popup{background:hsla(0,0%,100%,.9);-webkit-box-shadow:5px 5px 10px 0 rgba(0,0,0,.5);box-shadow:5px 5px 10px 0 rgba(0,0,0,.5);padding:20px;position:absolute;top:30%;right:20px;left:20px;z-index:100;max-height:120%;overflow-y:auto}@media (min-width:768px){.hb-maps-content .map-popup{top:65%;left:80%;-webkit-transform:translateY(-65%);transform:translateY(-65%);width:400px;max-height:65%}}.hb-maps-content .map-popup-header-close-button{background:#676c6e;width:30px;height:30px;position:absolute;top:20px;right:20px;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.hb-maps-content .map-popup-header-close-button:hover{cursor:pointer;opacity:.8}.hb-maps-content .map-popup-header-close-button:after,.hb-maps-content .map-popup-header-close-button:before{position:absolute;left:14px;top:2px;content:" ";height:26px;width:1px;background:#fff}.hb-maps-content .map-popup-header-close-button:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.hb-maps-content .map-popup-header-close-button:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hb-maps-content .map-popup .map-popup-content-period{border-bottom:1px solid #4d4d4d;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:10px;padding-right:40px}.hb-maps-content .map-popup .map-popup-content-period .h2{font-weight:700;margin:0}.hb-maps-content .map-popup .map-popup-content-element:not(:first-child){margin-top:50px}.hb-maps-content .map-popup a{color:#4d4d4d;font-weight:700}.hb-maps-content .u4-01-hr .map-header-navigation .map-navigation-link:first-child,.hb-maps-content .u4-03-hg .map-header-navigation .map-navigation-link:nth-child(3){visibility:hidden}.section-u4-horner-geest-rundum-horner-geest h2.node-title,.section-u4-horner-geest-rundum-horner-rennbahn h2.node-title,.section-u4-horner-geest-rundum-stoltenstrasse h2.node-title{display:none!important}

/* hochbahn v0.0.2 | SS */
.hb-maps-content .map-popup .map-popup-content-element img{max-width:100%;margin-bottom:1rem;}
.hb-maps-content .svg-map.map-detail #maps-pins g.selected circle.maps-pin-permanent {
  fill: url(#def-maps-pin-permanent-selected);
}
.hb-maps-content .svg-map.map-detail #maps-pins g.selected circle.maps-pin-current {
  fill: url(#def-maps-pin-current-selected);
}


@media (min-width: 768px) {
  .section-u5-baustellen-city-nord .hb-maps-content .hb-col-6.maps-overview-u5,
  .section-u5-baustellen-sengelmannstrasse .hb-maps-content .hb-col-6.maps-overview-u5,
  .section-u5-baustellen-barmbek-nord .hb-maps-content .hb-col-6.maps-overview-u5,
  .section-u5-baustellen-steilshoop .hb-maps-content .hb-col-6.maps-overview-u5,
  .section-u5-baustellen-bramfeld .hb-maps-content .hb-col-6.maps-overview-u5 {
    width: 35% !important;
  }
}

.section-u5-baustellen-city-nord h2.node-title,
.section-u5-baustellen-sengelmannstrasse h2.node-title,
.section-u5-baustellen-barmbek-nord h2.node-title,
.section-u5-baustellen-steilshoop h2.node-title,
.section-u5-baustellen-bramfeld h2.node-title {
  display: none !important;
}

.hb-maps-content .bg-u5-magenta .map-header-navigation {
  top: 5% !important;
}

@media (min-width: 768px){
  .hb-maps-content .bg-u5-magenta .map-header-navigation {
    top: 4.5% !important;
  }
}

.hb-maps-content .u5-01-cn .map-header-navigation .map-navigation-link:first-child,
.hb-maps-content .u5-05-bf .map-header-navigation .map-navigation-link:nth-child(3) {
  visibility: hidden;
}

.hb-maps-content .hb-map-detail.bg-u5-magenta .map-navigation-link:hover svg path,
.hb-maps-content .hb-map-detail.bg-u5-magenta .map-popup-navigation-link:hover svg path {
  fill: #780064 !important;
}

.hb-maps-content .bg-u5-magenta {
  background-color: #DC0064;
}

.hb-maps-content .bg-u5-magenta:hover {
  background-color: #F4E6ED !important;
}

.hb-maps-content .hb-maps-overview-mobile-navigation .bg-u5-magenta:hover .h2 {
  color: #780064 !important;
}

.hb-maps-content .hb-map-detail.bg-u5-magenta {
  background-color: transparent !important;
}

.hb-maps-content .bg-u5-magenta:hover svg .plus-icon-plus,
.hb-maps-content .bg-u5-magenta:hover svg .plus-icon-outer-circle {
  fill: #820064 !important;
}

.hb-maps-content .hb-maps-detail.u5-01-cn .maps-overview .hb-maps-overview-mobile-navigation,
.hb-maps-content .hb-maps-detail.u5-02-ss .maps-overview .hb-maps-overview-mobile-navigation,
.hb-maps-content .hb-maps-detail.u5-03-bn .maps-overview .hb-maps-overview-mobile-navigation,
.hb-maps-content .hb-maps-detail.u5-04-sp .maps-overview .hb-maps-overview-mobile-navigation,
.hb-maps-content .hb-maps-detail.u5-05-bf .maps-overview .hb-maps-overview-mobile-navigation {
  display: block !important;
}

.hb-maps-content .maps-overview-u5.u5-cluster-01-active .hb-maps-cluster-01.bg-u5-magenta { background-color: #F4E6ED !important; }
.hb-maps-content .maps-overview-u5.u5-cluster-02-active .hb-maps-cluster-02.bg-u5-magenta { background-color: #F4E6ED !important; }
.hb-maps-content .maps-overview-u5.u5-cluster-03-active .hb-maps-cluster-03.bg-u5-magenta { background-color: #F4E6ED !important; }
.hb-maps-content .maps-overview-u5.u5-cluster-04-active .hb-maps-cluster-04.bg-u5-magenta { background-color: #F4E6ED !important; }
.hb-maps-content .maps-overview-u5.u5-cluster-05-active .hb-maps-cluster-05.bg-u5-magenta { background-color: #F4E6ED !important; }

.hb-maps-content .maps-overview-u5.u5-cluster-01-active .hb-maps-cluster-01.bg-u5-magenta .h2 { color: #780064 !important; }
.hb-maps-content .maps-overview-u5.u5-cluster-02-active .hb-maps-cluster-02.bg-u5-magenta .h2 { color: #780064 !important; }
.hb-maps-content .maps-overview-u5.u5-cluster-03-active .hb-maps-cluster-03.bg-u5-magenta .h2 { color: #780064 !important; }
.hb-maps-content .maps-overview-u5.u5-cluster-04-active .hb-maps-cluster-04.bg-u5-magenta .h2 { color: #780064 !important; }
.hb-maps-content .maps-overview-u5.u5-cluster-05-active .hb-maps-cluster-05.bg-u5-magenta .h2 { color: #780064 !important; }

@media (max-width: 767px){
  .hb-maps-content .maps-overview-u5 ul.map-overview-mini {
    display: none !important;
  }
}

.hb-maps-content .maps-overview-u5 .hb-maps-overview-mobile-navigation {
  display: block !important;
}

@media (min-width: 768px) {
  .hb-maps-content .maps-overview-u5 .hb-maps-overview-mobile-navigation .hb-maps-overview-mobile-navigation-link {
    margin: 5px 0 !important;
    padding: 0px 10px !important;
    height: 28px;
  }

  .hb-maps-content .maps-overview-u5 .hb-maps-overview-mobile-navigation .hb-maps-overview-mobile-navigation-link .h2 {
    font-size: 15px;
  }

  .hb-maps-content .maps-overview-u5 .hb-maps-overview-mobile-navigation .hb-maps-overview-mobile-navigation-link svg {
    width: 20px !important;
  }
}



.hb-maps-content .maps-overview-u5 ul { padding: 0; }
.hb-maps-content .maps-overview-u5 li { display: none; list-style-type: none; }
.hb-maps-content .maps-overview-u5.u5-cluster-01-active li.hb-maps-cluster-01 { display: block; }
.hb-maps-content .maps-overview-u5.u5-cluster-02-active li.hb-maps-cluster-02 { display: block; }
.hb-maps-content .maps-overview-u5.u5-cluster-03-active li.hb-maps-cluster-03 { display: block; }
.hb-maps-content .maps-overview-u5.u5-cluster-04-active li.hb-maps-cluster-04 { display: block; }
.hb-maps-content .maps-overview-u5.u5-cluster-05-active li.hb-maps-cluster-05 { display: block; }


/* Popups */
@media (max-width: 767px){
  .hb-maps-content .hb-col-6 {
    position: inherit !important;
  }
}

.hb-maps-content .maps-overview .map-popup,
.hb-maps-content .maps-overview-u5 .map-popup {
  top: 30% !important;
}

@media (min-width: 768px){
  .hb-maps-content .maps-overview .map-popup,
  .hb-maps-content .maps-overview-u5 .map-popup {
    position: relative !important;
    top: 2rem !important;
    left: 0 !important;
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
    width: 100% !important;
    max-height: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    overflow: initial !important;
  }

  .hb-maps-content .maps-overview .map-popup .map-popup-header-close-button,
  .hb-maps-content .maps-overview-u5 .map-popup .map-popup-header-close-button {
    display: none !important;
  }
}

.hb-maps-content .maps-overview-u5 .content-aktuell,
.hb-maps-content .maps-overview-u5 .content-dauerhaft {
  background-color: #EB0082;
  border: 3px solid #780064;
}

.hb-maps-content .maps-overview-u5 .content-aktuell:before {
  background: #780064;
  height: 12px;
  width: 12px;
}

.hb-maps-content .maps-overview-u5 .map-popup .map-popup-content-period .h2 {
  color: #780064;
}








/* END */